oddsgate-ds 1.0.174 → 1.0.176

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 (305) hide show
  1. package/.babelrc.json +25 -25
  2. package/.editorconfig +12 -12
  3. package/.storybook/main.ts +58 -58
  4. package/.storybook/preview.ts +26 -26
  5. package/README.md +30 -30
  6. package/chromatic.config.json +6 -6
  7. package/dist/cjs/assets/components/quotes.svg +3 -3
  8. package/dist/cjs/index.js +1 -1
  9. package/dist/cjs/index.js.map +1 -1
  10. package/dist/cjs/types/components/atoms/AwardBadge/AwardBadge.component.d.ts +11 -0
  11. package/dist/cjs/types/components/atoms/AwardBadge/AwardBadge.interface.d.ts +4 -0
  12. package/dist/cjs/types/components/atoms/AwardBadge/AwardBadge.theme.d.ts +3 -0
  13. package/dist/cjs/types/components/atoms/AwardBadge/index.d.ts +1 -0
  14. package/dist/cjs/types/components/molecules/AwardCard/AwardCard.component.d.ts +15 -0
  15. package/dist/cjs/types/components/molecules/AwardCard/AwardCard.interface.d.ts +10 -0
  16. package/dist/cjs/types/components/molecules/AwardCard/AwardCard.theme.d.ts +6 -0
  17. package/dist/cjs/types/components/molecules/AwardCard/index.d.ts +1 -0
  18. package/dist/cjs/types/components/organisms/Slider/Slider.component.d.ts +1 -1
  19. package/dist/cjs/types/components/organisms/Slider/Slider.interface.d.ts +3 -0
  20. package/dist/cjs/types/index.d.ts +2 -0
  21. package/dist/esm/assets/components/quotes.svg +3 -3
  22. package/dist/esm/index.js +5 -5
  23. package/dist/esm/index.js.map +1 -1
  24. package/dist/esm/types/components/atoms/AwardBadge/AwardBadge.component.d.ts +11 -0
  25. package/dist/esm/types/components/atoms/AwardBadge/AwardBadge.interface.d.ts +4 -0
  26. package/dist/esm/types/components/atoms/AwardBadge/AwardBadge.theme.d.ts +3 -0
  27. package/dist/esm/types/components/atoms/AwardBadge/index.d.ts +1 -0
  28. package/dist/esm/types/components/molecules/AwardCard/AwardCard.component.d.ts +15 -0
  29. package/dist/esm/types/components/molecules/AwardCard/AwardCard.interface.d.ts +10 -0
  30. package/dist/esm/types/components/molecules/AwardCard/AwardCard.theme.d.ts +6 -0
  31. package/dist/esm/types/components/molecules/AwardCard/index.d.ts +1 -0
  32. package/dist/esm/types/components/organisms/Slider/Slider.component.d.ts +1 -1
  33. package/dist/esm/types/components/organisms/Slider/Slider.interface.d.ts +3 -0
  34. package/dist/esm/types/index.d.ts +2 -0
  35. package/dist/public/assets/components/quotes.svg +3 -3
  36. package/dist/public/assets/empty-state.svg +28 -28
  37. package/dist/public/fonts/Nichrome/mdnichrome-bold-webfont.svg +241 -241
  38. package/dist/public/fonts/Nichrome/mdnichrome-regular-webfont.svg +241 -241
  39. package/dist/public/fonts/miewfont/miewfont.svg +38 -38
  40. package/dist/types.d.ts +41 -2
  41. package/package.json +103 -103
  42. package/prettier.config.js +7 -7
  43. package/public/assets/components/quotes.svg +3 -3
  44. package/public/assets/empty-state.svg +28 -28
  45. package/public/fonts/Nichrome/mdnichrome-bold-webfont.svg +241 -241
  46. package/public/fonts/Nichrome/mdnichrome-regular-webfont.svg +241 -241
  47. package/public/fonts/miewfont/miewfont.svg +38 -38
  48. package/rollup.config.js +98 -98
  49. package/src/components/atoms/AwardBadge/AwardBadge.component.tsx +25 -0
  50. package/src/components/atoms/AwardBadge/AwardBadge.interface.ts +4 -0
  51. package/src/components/atoms/AwardBadge/AwardBadge.stories.tsx +48 -0
  52. package/src/components/atoms/AwardBadge/AwardBadge.theme.ts +28 -0
  53. package/src/components/atoms/AwardBadge/index.ts +1 -0
  54. package/src/components/atoms/Button/Button.component.tsx +60 -60
  55. package/src/components/atoms/Button/Button.interface.ts +29 -29
  56. package/src/components/atoms/Button/Button.stories.tsx +65 -65
  57. package/src/components/atoms/Button/Button.theme.ts +180 -180
  58. package/src/components/atoms/Button/index.ts +1 -1
  59. package/src/components/atoms/CardMarquee/CardMarquee.component.tsx +24 -24
  60. package/src/components/atoms/CardMarquee/CardMarquee.interface.ts +15 -15
  61. package/src/components/atoms/CardMarquee/CardMarquee.stories.tsx +21 -21
  62. package/src/components/atoms/CardMarquee/CardMarquee.theme.ts +48 -48
  63. package/src/components/atoms/CardMarquee/index.ts +1 -1
  64. package/src/components/atoms/Chip/Chip.component.tsx +30 -30
  65. package/src/components/atoms/Chip/Chip.interface.ts +14 -14
  66. package/src/components/atoms/Chip/Chip.stories.tsx +42 -42
  67. package/src/components/atoms/Chip/Chip.theme.ts +57 -57
  68. package/src/components/atoms/Chip/index.ts +1 -1
  69. package/src/components/atoms/CloseButton/CloseButton.component.tsx +17 -17
  70. package/src/components/atoms/CloseButton/CloseButton.interface.ts +9 -9
  71. package/src/components/atoms/CloseButton/CloseButton.stories.tsx +24 -24
  72. package/src/components/atoms/CloseButton/CloseButton.theme.ts +66 -66
  73. package/src/components/atoms/CloseButton/index.ts +1 -1
  74. package/src/components/atoms/Counter/Counter.component.tsx +99 -99
  75. package/src/components/atoms/Counter/Counter.interface.ts +10 -10
  76. package/src/components/atoms/Counter/Counter.stories.tsx +29 -29
  77. package/src/components/atoms/Counter/Counter.theme.ts +27 -27
  78. package/src/components/atoms/Counter/index.ts +1 -1
  79. package/src/components/atoms/EmptyState/EmptyState.component.tsx +27 -27
  80. package/src/components/atoms/EmptyState/EmptyState.interface.ts +10 -10
  81. package/src/components/atoms/EmptyState/EmptyState.stories.tsx +34 -34
  82. package/src/components/atoms/EmptyState/EmptyState.theme.ts +27 -27
  83. package/src/components/atoms/EmptyState/index.ts +1 -1
  84. package/src/components/atoms/Flex/Flex.component.tsx +30 -30
  85. package/src/components/atoms/Flex/Flex.interface.ts +24 -24
  86. package/src/components/atoms/Flex/Flex.theme.ts +12 -12
  87. package/src/components/atoms/Flex/index.ts +1 -1
  88. package/src/components/atoms/FlexGrid/FlexGrid.component.tsx +62 -62
  89. package/src/components/atoms/FlexGrid/FlexGrid.interface.ts +55 -55
  90. package/src/components/atoms/FlexGrid/FlexGrid.stories.tsx +59 -59
  91. package/src/components/atoms/FlexGrid/FlexGrid.theme.ts +82 -82
  92. package/src/components/atoms/FlexGrid/index.ts +1 -1
  93. package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.component.tsx +24 -24
  94. package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.interface.tsx +6 -6
  95. package/src/components/atoms/FormField/CheckRadioField/CheckRadioField.theme.ts +134 -134
  96. package/src/components/atoms/FormField/CheckRadioField/index.ts +1 -1
  97. package/src/components/atoms/FormField/FormField.component.tsx +37 -37
  98. package/src/components/atoms/FormField/FormField.interface.ts +10 -10
  99. package/src/components/atoms/FormField/FormField.stories.tsx +499 -499
  100. package/src/components/atoms/FormField/FormField.theme.tsx +136 -136
  101. package/src/components/atoms/FormField/index.ts +1 -1
  102. package/src/components/atoms/Heading/Heading.component.tsx +18 -18
  103. package/src/components/atoms/Heading/Heading.interface.tsx +21 -21
  104. package/src/components/atoms/Heading/Heading.theme.ts +17 -17
  105. package/src/components/atoms/Heading/index.ts +1 -1
  106. package/src/components/atoms/Icon/Icon.component.tsx +19 -19
  107. package/src/components/atoms/Icon/Icon.interface.ts +8 -8
  108. package/src/components/atoms/Icon/Icon.stories.tsx +26 -26
  109. package/src/components/atoms/Icon/Icon.theme.ts +115 -115
  110. package/src/components/atoms/Icon/index.ts +1 -1
  111. package/src/components/atoms/ImageWrapper/ImageWrapper.component.tsx +42 -42
  112. package/src/components/atoms/ImageWrapper/ImageWrapper.interface.ts +16 -16
  113. package/src/components/atoms/ImageWrapper/ImageWrapper.stories.tsx +27 -27
  114. package/src/components/atoms/ImageWrapper/ImageWrapper.theme.ts +50 -50
  115. package/src/components/atoms/ImageWrapper/index.ts +1 -1
  116. package/src/components/atoms/LegalLinks/LegalLinks.component.tsx +35 -35
  117. package/src/components/atoms/LegalLinks/LegalLinks.interface.ts +12 -12
  118. package/src/components/atoms/LegalLinks/LegalLinks.stories.tsx +43 -43
  119. package/src/components/atoms/LegalLinks/LegalLinks.theme.ts +33 -33
  120. package/src/components/atoms/LegalLinks/index.ts +1 -1
  121. package/src/components/atoms/Loader/Loader.component.tsx +26 -26
  122. package/src/components/atoms/Loader/Loader.interface.ts +10 -10
  123. package/src/components/atoms/Loader/Loader.stories.tsx +33 -33
  124. package/src/components/atoms/Loader/Loader.theme.ts +51 -51
  125. package/src/components/atoms/Loader/index.ts +1 -1
  126. package/src/components/atoms/Marquee/Marquee.component.tsx +32 -32
  127. package/src/components/atoms/Marquee/Marquee.interface.ts +10 -10
  128. package/src/components/atoms/Marquee/Marquee.stories.tsx +20 -20
  129. package/src/components/atoms/Marquee/Marquee.theme.ts +40 -40
  130. package/src/components/atoms/Marquee/index.ts +1 -1
  131. package/src/components/atoms/Quote/Quote.component.tsx +29 -29
  132. package/src/components/atoms/Quote/Quote.interface.ts +10 -10
  133. package/src/components/atoms/Quote/Quote.stories.tsx +25 -25
  134. package/src/components/atoms/Quote/Quote.theme.ts +26 -26
  135. package/src/components/atoms/Quote/index.ts +1 -1
  136. package/src/components/atoms/RichText/RichText.component.tsx +32 -32
  137. package/src/components/atoms/RichText/RichText.interface.ts +11 -11
  138. package/src/components/atoms/RichText/RichText.stories.tsx +73 -73
  139. package/src/components/atoms/RichText/RichText.theme.ts +34 -34
  140. package/src/components/atoms/RichText/index.ts +1 -1
  141. package/src/components/atoms/ScrollingNav/ScrollingNav.component.tsx +18 -18
  142. package/src/components/atoms/ScrollingNav/ScrollingNav.interface.ts +8 -8
  143. package/src/components/atoms/ScrollingNav/ScrollingNav.stories.tsx +44 -44
  144. package/src/components/atoms/ScrollingNav/ScrollingNav.theme.ts +58 -58
  145. package/src/components/atoms/ScrollingNav/index.ts +1 -1
  146. package/src/components/atoms/Separator/Separator.component.tsx +19 -19
  147. package/src/components/atoms/Separator/Separator.interface.tsx +10 -10
  148. package/src/components/atoms/Separator/Separator.stories.tsx +29 -29
  149. package/src/components/atoms/Separator/Separator.theme.ts +9 -9
  150. package/src/components/atoms/Separator/index.ts +1 -1
  151. package/src/components/atoms/SocialLinks/SocialLinks.component.tsx +42 -42
  152. package/src/components/atoms/SocialLinks/SocialLinks.interface.ts +8 -8
  153. package/src/components/atoms/SocialLinks/SocialLinks.stories.tsx +48 -48
  154. package/src/components/atoms/SocialLinks/SocialLinks.theme.ts +80 -80
  155. package/src/components/atoms/SocialLinks/index.ts +1 -1
  156. package/src/components/atoms/Spacer/Spacer.component.tsx +34 -34
  157. package/src/components/atoms/Spacer/Spacer.interface.ts +24 -24
  158. package/src/components/atoms/Spacer/Spacer.stories.tsx +99 -99
  159. package/src/components/atoms/Spacer/Spacer.theme.ts +33 -33
  160. package/src/components/atoms/Spacer/index.ts +1 -1
  161. package/src/components/atoms/Video/Video.component.tsx +116 -116
  162. package/src/components/atoms/Video/Video.interface.ts +13 -13
  163. package/src/components/atoms/Video/Video.stories.tsx +37 -37
  164. package/src/components/atoms/Video/Video.theme.ts +44 -44
  165. package/src/components/atoms/Video/index.ts +1 -1
  166. package/src/components/atoms/VideoEmbed/VideoEmbed.component.tsx +109 -109
  167. package/src/components/atoms/VideoEmbed/VideoEmbed.interface.ts +13 -13
  168. package/src/components/atoms/VideoEmbed/VideoEmbed.stories.tsx +23 -23
  169. package/src/components/atoms/VideoEmbed/VideoEmbed.theme.ts +45 -45
  170. package/src/components/atoms/VideoEmbed/index.ts +1 -1
  171. package/src/components/common/PortalComponent/PortalComponent.tsx +48 -48
  172. package/src/components/common/PortalComponent/index.ts +1 -1
  173. package/src/components/molecules/Accordion/Accordion.component.tsx +58 -58
  174. package/src/components/molecules/Accordion/Accordion.interface.ts +15 -15
  175. package/src/components/molecules/Accordion/Accordion.stories.tsx +100 -100
  176. package/src/components/molecules/Accordion/Accordion.theme.ts +93 -93
  177. package/src/components/molecules/Accordion/index.ts +1 -1
  178. package/src/components/molecules/AwardCard/AwardCard.component.tsx +51 -0
  179. package/src/components/molecules/AwardCard/AwardCard.interface.ts +10 -0
  180. package/src/components/molecules/AwardCard/AwardCard.stories.tsx +34 -0
  181. package/src/components/molecules/AwardCard/AwardCard.theme.ts +33 -0
  182. package/src/components/molecules/AwardCard/index.ts +1 -0
  183. package/src/components/molecules/BlogCard/BlogCard.component.tsx +48 -48
  184. package/src/components/molecules/BlogCard/BlogCard.interface.ts +10 -10
  185. package/src/components/molecules/BlogCard/BlogCard.stories.tsx +37 -37
  186. package/src/components/molecules/BlogCard/BlogCard.theme.ts +41 -41
  187. package/src/components/molecules/BlogCard/index.ts +1 -1
  188. package/src/components/molecules/Card/Card.component.tsx +15 -15
  189. package/src/components/molecules/Card/Card.interface.ts +11 -11
  190. package/src/components/molecules/Card/Card.theme.ts +54 -54
  191. package/src/components/molecules/Card/index.ts +1 -1
  192. package/src/components/molecules/CareersCard/CareersCard.component.tsx +27 -27
  193. package/src/components/molecules/CareersCard/CareersCard.interface.ts +7 -7
  194. package/src/components/molecules/CareersCard/CareersCard.stories.tsx +30 -30
  195. package/src/components/molecules/CareersCard/CareersCard.theme.ts +13 -13
  196. package/src/components/molecules/CareersCard/index.ts +1 -1
  197. package/src/components/molecules/Dropdown/Dropdown.component.tsx +67 -67
  198. package/src/components/molecules/Dropdown/Dropdown.interface.ts +26 -26
  199. package/src/components/molecules/Dropdown/Dropdown.stories.tsx +54 -54
  200. package/src/components/molecules/Dropdown/Dropdown.theme.ts +69 -69
  201. package/src/components/molecules/Dropdown/index.ts +1 -1
  202. package/src/components/molecules/EventsCard/EventsCard.component.tsx +40 -40
  203. package/src/components/molecules/EventsCard/EventsCard.interface.ts +9 -9
  204. package/src/components/molecules/EventsCard/EventsCard.stories.tsx +37 -37
  205. package/src/components/molecules/EventsCard/EventsCard.theme.ts +33 -33
  206. package/src/components/molecules/EventsCard/index.ts +1 -1
  207. package/src/components/molecules/IconBox/IconBox.component.tsx +29 -29
  208. package/src/components/molecules/IconBox/IconBox.interface.tsx +10 -10
  209. package/src/components/molecules/IconBox/IconBox.stories.tsx +23 -23
  210. package/src/components/molecules/IconBox/IconBox.theme.ts +25 -25
  211. package/src/components/molecules/IconBox/index.ts +1 -1
  212. package/src/components/molecules/IconTitle/IconTitle.component.tsx +24 -24
  213. package/src/components/molecules/IconTitle/IconTitle.interface.tsx +10 -10
  214. package/src/components/molecules/IconTitle/IconTitle.stories.tsx +49 -49
  215. package/src/components/molecules/IconTitle/IconTitle.theme.ts +10 -10
  216. package/src/components/molecules/IconTitle/index.ts +1 -1
  217. package/src/components/molecules/LicenseCard/LicenseCard.component.tsx +27 -27
  218. package/src/components/molecules/LicenseCard/LicenseCard.interface.ts +6 -6
  219. package/src/components/molecules/LicenseCard/LicenseCard.stories.tsx +42 -42
  220. package/src/components/molecules/LicenseCard/LicenseCard.theme.ts +28 -28
  221. package/src/components/molecules/LicenseCard/index.ts +1 -1
  222. package/src/components/molecules/LogosCard/LogosCard.component.tsx +14 -14
  223. package/src/components/molecules/LogosCard/LogosCard.interface.ts +8 -8
  224. package/src/components/molecules/LogosCard/LogosCard.stories.tsx +38 -38
  225. package/src/components/molecules/LogosCard/LogosCard.theme.ts +19 -19
  226. package/src/components/molecules/LogosCard/index.ts +1 -1
  227. package/src/components/molecules/Modal/Modal.component.tsx +70 -70
  228. package/src/components/molecules/Modal/Modal.interface.ts +11 -11
  229. package/src/components/molecules/Modal/Modal.stories.tsx +57 -57
  230. package/src/components/molecules/Modal/Modal.theme.ts +55 -55
  231. package/src/components/molecules/Modal/index.ts +1 -1
  232. package/src/components/molecules/NewsCard/NewsCard.component.tsx +55 -55
  233. package/src/components/molecules/NewsCard/NewsCard.interface.ts +9 -9
  234. package/src/components/molecules/NewsCard/NewsCard.stories.tsx +44 -44
  235. package/src/components/molecules/NewsCard/NewsCard.theme.ts +77 -77
  236. package/src/components/molecules/NewsCard/index.ts +1 -1
  237. package/src/components/molecules/OffCanvas/OffCanvas.component.tsx +55 -55
  238. package/src/components/molecules/OffCanvas/OffCanvas.interface.ts +12 -12
  239. package/src/components/molecules/OffCanvas/OffCanvas.stories.tsx +55 -55
  240. package/src/components/molecules/OffCanvas/OffCanvas.theme.ts +50 -50
  241. package/src/components/molecules/OffCanvas/index.ts +1 -1
  242. package/src/components/molecules/ProductCard/ProductCard.component.tsx +60 -60
  243. package/src/components/molecules/ProductCard/ProductCard.interface.ts +7 -7
  244. package/src/components/molecules/ProductCard/ProductCard.stories.tsx +42 -42
  245. package/src/components/molecules/ProductCard/ProductCard.theme.ts +26 -26
  246. package/src/components/molecules/ProductCard/index.ts +1 -1
  247. package/src/components/molecules/ShareModal/ShareModal.component.tsx +167 -167
  248. package/src/components/molecules/ShareModal/ShareModal.interface.ts +9 -9
  249. package/src/components/molecules/ShareModal/ShareModal.stories.tsx +33 -33
  250. package/src/components/molecules/ShareModal/ShareModal.theme.ts +103 -103
  251. package/src/components/molecules/ShareModal/index.ts +1 -1
  252. package/src/components/molecules/TeamCard/TeamCard.component.tsx +31 -31
  253. package/src/components/molecules/TeamCard/TeamCard.interface.ts +7 -7
  254. package/src/components/molecules/TeamCard/TeamCard.stories.tsx +33 -33
  255. package/src/components/molecules/TeamCard/TeamCard.theme.ts +12 -12
  256. package/src/components/molecules/TeamCard/index.ts +1 -1
  257. package/src/components/organisms/CircularSlider/CircularSlider.component.tsx +231 -231
  258. package/src/components/organisms/CircularSlider/CircularSlider.interface.ts +13 -13
  259. package/src/components/organisms/CircularSlider/CircularSlider.stories.tsx +138 -138
  260. package/src/components/organisms/CircularSlider/CircularSlider.theme.ts +126 -126
  261. package/src/components/organisms/CircularSlider/index.ts +1 -1
  262. package/src/components/organisms/Cover/Cover.component.tsx +46 -46
  263. package/src/components/organisms/Cover/Cover.interface.ts +14 -14
  264. package/src/components/organisms/Cover/Cover.stories.tsx +97 -97
  265. package/src/components/organisms/Cover/Cover.theme.ts +49 -49
  266. package/src/components/organisms/Cover/index.ts +1 -1
  267. package/src/components/organisms/ProductsSlider/ProductsSlider.component.tsx +216 -216
  268. package/src/components/organisms/ProductsSlider/ProductsSlider.interface.ts +12 -12
  269. package/src/components/organisms/ProductsSlider/ProductsSlider.stories.tsx +132 -132
  270. package/src/components/organisms/ProductsSlider/ProductsSlider.theme.ts +77 -77
  271. package/src/components/organisms/ProductsSlider/index.ts +1 -1
  272. package/src/components/organisms/ProductsSlider//306/222.js +164 -164
  273. package/src/components/organisms/Slider/Slider.component.tsx +156 -154
  274. package/src/components/organisms/Slider/Slider.interface.ts +23 -19
  275. package/src/components/organisms/Slider/Slider.stories.tsx +223 -146
  276. package/src/components/organisms/Slider/Slider.theme.ts +144 -145
  277. package/src/components/organisms/Slider/Slider.utils.tsx +19 -19
  278. package/src/components/organisms/Slider/index.ts +1 -1
  279. package/src/components/organisms/Tabs/Tabs.component.tsx +88 -88
  280. package/src/components/organisms/Tabs/Tabs.interface.ts +18 -18
  281. package/src/components/organisms/Tabs/Tabs.stories.tsx +118 -118
  282. package/src/components/organisms/Tabs/Tabs.theme.ts +115 -115
  283. package/src/components/organisms/Tabs/index.ts +1 -1
  284. package/src/helpers/clickOutsideToClose.tsx +17 -17
  285. package/src/helpers/events.ts +9 -9
  286. package/src/helpers/exportCSS.tsx +27 -27
  287. package/src/helpers/getIcons.ts +5 -5
  288. package/src/helpers/isTouchDevice.tsx +11 -11
  289. package/src/helpers/useInterval.ts +25 -25
  290. package/src/helpers/useMediaMatch.tsx +26 -26
  291. package/src/helpers/uuid.ts +5 -5
  292. package/src/iconsList.json +1 -1
  293. package/src/index.ts +70 -68
  294. package/src/reportWebVitals.js +13 -13
  295. package/src/stories/Documentation/Colors.stories.tsx +46 -46
  296. package/src/stories/Documentation/Headings.stories.tsx +24 -24
  297. package/src/stories/Documentation/Icons.stories.tsx +73 -73
  298. package/src/stories/Documentation/JWT.stories.tsx +60 -60
  299. package/src/stories/Documentation/Utilities.stories.tsx +65 -65
  300. package/src/styles/Global.ts +301 -301
  301. package/src/styles/grid.ts +70 -70
  302. package/src/styles/reset.ts +47 -47
  303. package/src/styles/utilities.ts +374 -374
  304. package/src/styles/variables.ts +180 -180
  305. package/tsconfig.json +31 -31
package/.babelrc.json CHANGED
@@ -1,25 +1,25 @@
1
- {
2
- "sourceType": "unambiguous",
3
- "presets": [
4
- [
5
- "@babel/preset-env",
6
- {
7
- "targets": {
8
- "chrome": 100
9
- }
10
- }
11
- ],
12
- "@babel/preset-typescript",
13
- "@babel/preset-react"
14
- ],
15
- "plugins": [
16
- [
17
- "babel-plugin-styled-components",
18
- {
19
- "minify": false,
20
- "transpileTemplateLiterals": false,
21
- "pure": true
22
- }
23
- ]
24
- ]
25
- }
1
+ {
2
+ "sourceType": "unambiguous",
3
+ "presets": [
4
+ [
5
+ "@babel/preset-env",
6
+ {
7
+ "targets": {
8
+ "chrome": 100
9
+ }
10
+ }
11
+ ],
12
+ "@babel/preset-typescript",
13
+ "@babel/preset-react"
14
+ ],
15
+ "plugins": [
16
+ [
17
+ "babel-plugin-styled-components",
18
+ {
19
+ "minify": false,
20
+ "transpileTemplateLiterals": false,
21
+ "pure": true
22
+ }
23
+ ]
24
+ ]
25
+ }
package/.editorconfig CHANGED
@@ -1,12 +1,12 @@
1
- # EditorConfig is awesome: https://EditorConfig.org
2
-
3
- # top-most EditorConfig file
4
- root = true
5
-
6
- [*]
7
- indent_style = space
8
- indent_size = 2
9
- end_of_line = lf
10
- charset = utf-8
11
- trim_trailing_whitespace = true
12
- insert_final_newline = true
1
+ # EditorConfig is awesome: https://EditorConfig.org
2
+
3
+ # top-most EditorConfig file
4
+ root = true
5
+
6
+ [*]
7
+ indent_style = space
8
+ indent_size = 2
9
+ end_of_line = lf
10
+ charset = utf-8
11
+ trim_trailing_whitespace = true
12
+ insert_final_newline = true
@@ -1,58 +1,58 @@
1
- import type { StorybookConfig } from '@storybook/react-webpack5'
2
- const path = require("path");
3
-
4
- const config: StorybookConfig = {
5
- stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
6
- addons: [
7
- '@storybook/addon-links',
8
- '@storybook/addon-essentials',
9
- '@storybook/addon-interactions',
10
- '@storybook/addon-webpack5-compiler-swc',
11
- "@washingtonpost/storybook-addon-web-vitals",
12
- // '@chromatic-com/storybook',
13
- ],
14
- framework: {
15
- name: '@storybook/react-webpack5',
16
- options: {}
17
- },
18
- docs: {
19
- defaultName: 'Documentation'
20
- },
21
- typescript: {
22
- check: false,
23
- checkOptions: {},
24
- reactDocgen: 'react-docgen-typescript',
25
- reactDocgenTypescriptOptions: {
26
- // speeds up storybook build time
27
- allowSyntheticDefaultImports: false,
28
- // speeds up storybook build time
29
- esModuleInterop: false,
30
- // makes union prop types like variant and size appear as select controls
31
- shouldExtractLiteralValuesFromEnum: true,
32
- // makes string and boolean types that can be undefined appear as inputs and switches
33
- shouldRemoveUndefinedFromOptional: true,
34
- },
35
- },
36
- staticDirs: ["../public"],
37
- webpackFinal: async (config) => {
38
- // Enable @ symbol aliases.
39
- config.resolve.alias = {
40
- ...config.resolve.alias,
41
- "@": path.resolve(__dirname, "../src")
42
- };
43
-
44
-
45
- config.module.rules.push({
46
- test: /\.(png|woff|woff2|eot|ttf|svg)$/,
47
- use: [
48
- {
49
- loader: 'file-loader',
50
- }
51
- ],
52
- include: path.resolve(__dirname, "../"),
53
- });
54
-
55
- return config;
56
- },
57
- }
58
- export default config
1
+ import type { StorybookConfig } from '@storybook/react-webpack5'
2
+ const path = require("path");
3
+
4
+ const config: StorybookConfig = {
5
+ stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
6
+ addons: [
7
+ '@storybook/addon-links',
8
+ '@storybook/addon-essentials',
9
+ '@storybook/addon-interactions',
10
+ '@storybook/addon-webpack5-compiler-swc',
11
+ "@washingtonpost/storybook-addon-web-vitals",
12
+ // '@chromatic-com/storybook',
13
+ ],
14
+ framework: {
15
+ name: '@storybook/react-webpack5',
16
+ options: {}
17
+ },
18
+ docs: {
19
+ defaultName: 'Documentation'
20
+ },
21
+ typescript: {
22
+ check: false,
23
+ checkOptions: {},
24
+ reactDocgen: 'react-docgen-typescript',
25
+ reactDocgenTypescriptOptions: {
26
+ // speeds up storybook build time
27
+ allowSyntheticDefaultImports: false,
28
+ // speeds up storybook build time
29
+ esModuleInterop: false,
30
+ // makes union prop types like variant and size appear as select controls
31
+ shouldExtractLiteralValuesFromEnum: true,
32
+ // makes string and boolean types that can be undefined appear as inputs and switches
33
+ shouldRemoveUndefinedFromOptional: true,
34
+ },
35
+ },
36
+ staticDirs: ["../public"],
37
+ webpackFinal: async (config) => {
38
+ // Enable @ symbol aliases.
39
+ config.resolve.alias = {
40
+ ...config.resolve.alias,
41
+ "@": path.resolve(__dirname, "../src")
42
+ };
43
+
44
+
45
+ config.module.rules.push({
46
+ test: /\.(png|woff|woff2|eot|ttf|svg)$/,
47
+ use: [
48
+ {
49
+ loader: 'file-loader',
50
+ }
51
+ ],
52
+ include: path.resolve(__dirname, "../"),
53
+ });
54
+
55
+ return config;
56
+ },
57
+ }
58
+ export default config
@@ -1,26 +1,26 @@
1
- import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
2
-
3
- import GlobalStyles from '../src/styles/Global'
4
- import { Preview } from '@storybook/react';
5
- import { withThemeFromJSXProvider } from '@storybook/addon-styling';
6
-
7
- export const decorators = [
8
- withThemeFromJSXProvider({
9
- GlobalStyles, // Adds your GlobalStyle component to all stories
10
- }),
11
- ];
12
-
13
- const preview: Preview = {
14
- parameters: {
15
- viewport: {
16
- viewports: {
17
- ...INITIAL_VIEWPORTS,
18
- ...MINIMAL_VIEWPORTS,
19
- },
20
- // defaultViewport: 'iphone14promax',
21
- },
22
- },
23
- };
24
-
25
- export default preview;
26
-
1
+ import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
2
+
3
+ import GlobalStyles from '../src/styles/Global'
4
+ import { Preview } from '@storybook/react';
5
+ import { withThemeFromJSXProvider } from '@storybook/addon-styling';
6
+
7
+ export const decorators = [
8
+ withThemeFromJSXProvider({
9
+ GlobalStyles, // Adds your GlobalStyle component to all stories
10
+ }),
11
+ ];
12
+
13
+ const preview: Preview = {
14
+ parameters: {
15
+ viewport: {
16
+ viewports: {
17
+ ...INITIAL_VIEWPORTS,
18
+ ...MINIMAL_VIEWPORTS,
19
+ },
20
+ // defaultViewport: 'iphone14promax',
21
+ },
22
+ },
23
+ };
24
+
25
+ export default preview;
26
+
package/README.md CHANGED
@@ -1,30 +1,30 @@
1
- # DS
2
-
3
- ## Start
4
- Change `package.json` name.
5
-
6
- Change utilities variables inside `styles/variables`.
7
-
8
-
9
- ## File Structure
10
- Components should follow this structure:
11
-
12
- ```javascript
13
- ComponentName.component
14
- ComponentName.interface
15
- ComponentName.stories
16
- ComponentName.theme
17
- ```
18
-
19
- ## Export components
20
- Before building export the new components inside `index.ts`.
21
-
22
-
23
- ## Publish
24
- ```javascript
25
- yarn bump-version
26
-
27
- yarn build
28
-
29
- npm publish
30
- ```
1
+ # DS
2
+
3
+ ## Start
4
+ Change `package.json` name.
5
+
6
+ Change utilities variables inside `styles/variables`.
7
+
8
+
9
+ ## File Structure
10
+ Components should follow this structure:
11
+
12
+ ```javascript
13
+ ComponentName.component
14
+ ComponentName.interface
15
+ ComponentName.stories
16
+ ComponentName.theme
17
+ ```
18
+
19
+ ## Export components
20
+ Before building export the new components inside `index.ts`.
21
+
22
+
23
+ ## Publish
24
+ ```javascript
25
+ yarn bump-version
26
+
27
+ yarn build
28
+
29
+ npm publish
30
+ ```
@@ -1,6 +1,6 @@
1
- {
2
- "onlyChanged": true,
3
- "projectId": "Project:6682873f3a447a645a7e65ce",
4
- "storybookBaseDir": "ds",
5
- "zip": true
6
- }
1
+ {
2
+ "onlyChanged": true,
3
+ "projectId": "Project:6682873f3a447a645a7e65ce",
4
+ "storybookBaseDir": "ds",
5
+ "zip": true
6
+ }
@@ -1,3 +1,3 @@
1
- <svg width="62" height="54" viewBox="0 0 62 54" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M61.8228 40.3641C61.8228 44.1401 60.5838 47.2671 58.1058 49.7451C55.6278 52.2231 52.5598 53.4621 48.9018 53.4621C44.5358 53.4621 41.0548 51.9871 38.4588 49.0371C35.8628 46.0871 34.5648 41.6031 34.5648 35.5851C34.5648 28.1511 36.4528 21.3071 40.2288 15.0531C44.0048 8.68106 49.2558 3.84306 55.9818 0.539062L61.9998 12.0441C57.3978 13.8141 53.4448 16.0561 50.1408 18.7701C46.8368 21.4841 44.7128 24.9651 43.7688 29.2131C44.5948 28.8591 45.4208 28.5641 46.2468 28.3281C47.1908 28.0921 48.1938 27.9741 49.2558 27.9741C53.2678 27.9741 56.3358 29.1541 58.4598 31.5141C60.7018 33.7561 61.8228 36.7061 61.8228 40.3641ZM27.3078 40.3641C27.3078 44.1401 26.0688 47.2671 23.5908 49.7451C21.2308 52.2231 18.2218 53.4621 14.5638 53.4621C10.1978 53.4621 6.6578 51.9871 3.9438 49.0371C1.3478 46.0871 0.0498047 41.6031 0.0498047 35.5851C0.0498047 28.1511 1.9378 21.3071 5.7138 15.0531C9.48981 8.68106 14.7408 3.84306 21.4668 0.539062L27.4848 12.0441C22.8828 13.8141 18.9298 16.0561 15.6258 18.7701C12.4398 21.4841 10.3158 24.9651 9.25381 29.2131C10.0798 28.8591 10.9058 28.5641 11.7318 28.3281C12.6758 28.0921 13.6788 27.9741 14.7408 27.9741C18.7528 27.9741 21.8208 29.1541 23.9448 31.5141C26.1868 33.7561 27.3078 36.7061 27.3078 40.3641Z" fill="#E3EEFF"/>
3
- </svg>
1
+ <svg width="62" height="54" viewBox="0 0 62 54" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M61.8228 40.3641C61.8228 44.1401 60.5838 47.2671 58.1058 49.7451C55.6278 52.2231 52.5598 53.4621 48.9018 53.4621C44.5358 53.4621 41.0548 51.9871 38.4588 49.0371C35.8628 46.0871 34.5648 41.6031 34.5648 35.5851C34.5648 28.1511 36.4528 21.3071 40.2288 15.0531C44.0048 8.68106 49.2558 3.84306 55.9818 0.539062L61.9998 12.0441C57.3978 13.8141 53.4448 16.0561 50.1408 18.7701C46.8368 21.4841 44.7128 24.9651 43.7688 29.2131C44.5948 28.8591 45.4208 28.5641 46.2468 28.3281C47.1908 28.0921 48.1938 27.9741 49.2558 27.9741C53.2678 27.9741 56.3358 29.1541 58.4598 31.5141C60.7018 33.7561 61.8228 36.7061 61.8228 40.3641ZM27.3078 40.3641C27.3078 44.1401 26.0688 47.2671 23.5908 49.7451C21.2308 52.2231 18.2218 53.4621 14.5638 53.4621C10.1978 53.4621 6.6578 51.9871 3.9438 49.0371C1.3478 46.0871 0.0498047 41.6031 0.0498047 35.5851C0.0498047 28.1511 1.9378 21.3071 5.7138 15.0531C9.48981 8.68106 14.7408 3.84306 21.4668 0.539062L27.4848 12.0441C22.8828 13.8141 18.9298 16.0561 15.6258 18.7701C12.4398 21.4841 10.3158 24.9651 9.25381 29.2131C10.0798 28.8591 10.9058 28.5641 11.7318 28.3281C12.6758 28.0921 13.6788 27.9741 14.7408 27.9741C18.7528 27.9741 21.8208 29.1541 23.9448 31.5141C26.1868 33.7561 27.3078 36.7061 27.3078 40.3641Z" fill="#E3EEFF"/>
3
+ </svg>