@myelmut/design-system 0.1.47 → 0.1.49

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 (313) hide show
  1. package/package.json +3 -2
  2. package/src/assets/fonts/PPMori-Regular.woff2 +0 -0
  3. package/src/assets/fonts/PPMori-RegularItalic.woff2 +0 -0
  4. package/src/assets/fonts/PPMori-SemiBold.woff2 +0 -0
  5. package/src/assets/fonts/PPPangaia-Medium.woff2 +0 -0
  6. package/src/assets/fonts/PPPangaia-MediumItalic.woff2 +0 -0
  7. package/src/assets/fonts/PPPangaia-Ultralight.woff2 +0 -0
  8. package/src/assets/illustrations/balls-light.webp +0 -0
  9. package/src/assets/illustrations/balls.webp +0 -0
  10. package/src/assets/illustrations/basket-light.webp +0 -0
  11. package/src/assets/illustrations/basket.webp +0 -0
  12. package/src/assets/illustrations/bowl-2-light.webp +0 -0
  13. package/src/assets/illustrations/bowl-2.webp +0 -0
  14. package/src/assets/illustrations/bowl-light.webp +0 -0
  15. package/src/assets/illustrations/bowl.webp +0 -0
  16. package/src/assets/illustrations/box-2-light.webp +0 -0
  17. package/src/assets/illustrations/box-2.webp +0 -0
  18. package/src/assets/illustrations/box-light.webp +0 -0
  19. package/src/assets/illustrations/box.webp +0 -0
  20. package/src/assets/illustrations/calendar-light.webp +0 -0
  21. package/src/assets/illustrations/calendar.webp +0 -0
  22. package/src/assets/illustrations/can-light.webp +0 -0
  23. package/src/assets/illustrations/can.webp +0 -0
  24. package/src/assets/illustrations/carrot-light.webp +0 -0
  25. package/src/assets/illustrations/carrot.webp +0 -0
  26. package/src/assets/illustrations/cat-light.webp +0 -0
  27. package/src/assets/illustrations/cat.webp +0 -0
  28. package/src/assets/illustrations/check-rounded.webp +0 -0
  29. package/src/assets/illustrations/chicken-light.webp +0 -0
  30. package/src/assets/illustrations/chicken.webp +0 -0
  31. package/src/assets/illustrations/cross-rounded.webp +0 -0
  32. package/src/assets/illustrations/crown-light.webp +0 -0
  33. package/src/assets/illustrations/crown.webp +0 -0
  34. package/src/assets/illustrations/dog-light.webp +0 -0
  35. package/src/assets/illustrations/dog.webp +0 -0
  36. package/src/assets/illustrations/face-light.webp +0 -0
  37. package/src/assets/illustrations/face.webp +0 -0
  38. package/src/assets/illustrations/food-bag-light.webp +0 -0
  39. package/src/assets/illustrations/food-bag.webp +0 -0
  40. package/src/assets/illustrations/france-light.webp +0 -0
  41. package/src/assets/illustrations/france.webp +0 -0
  42. package/src/assets/illustrations/fridge-light.webp +0 -0
  43. package/src/assets/illustrations/fridge.webp +0 -0
  44. package/src/assets/illustrations/glasses-light.webp +0 -0
  45. package/src/assets/illustrations/glasses.webp +0 -0
  46. package/src/assets/illustrations/half-label-light.webp +0 -0
  47. package/src/assets/illustrations/half-label.webp +0 -0
  48. package/src/assets/illustrations/kitten-light.webp +0 -0
  49. package/src/assets/illustrations/kitten.webp +0 -0
  50. package/src/assets/illustrations/label-light.webp +0 -0
  51. package/src/assets/illustrations/label.webp +0 -0
  52. package/src/assets/illustrations/leaf-light.webp +0 -0
  53. package/src/assets/illustrations/leaf.webp +0 -0
  54. package/src/assets/illustrations/liquid-light.webp +0 -0
  55. package/src/assets/illustrations/liquid.webp +0 -0
  56. package/src/assets/illustrations/magnifying-glass-light.webp +0 -0
  57. package/src/assets/illustrations/magnifying-glass.webp +0 -0
  58. package/src/assets/illustrations/meat-light.webp +0 -0
  59. package/src/assets/illustrations/meat.webp +0 -0
  60. package/src/assets/illustrations/molecule-light.webp +0 -0
  61. package/src/assets/illustrations/molecule.webp +0 -0
  62. package/src/assets/illustrations/paws-light.webp +0 -0
  63. package/src/assets/illustrations/paws.webp +0 -0
  64. package/src/assets/illustrations/plate-light.webp +0 -0
  65. package/src/assets/illustrations/plate.webp +0 -0
  66. package/src/assets/illustrations/pot-big-2-light.webp +0 -0
  67. package/src/assets/illustrations/pot-big-2.webp +0 -0
  68. package/src/assets/illustrations/pot-big-light.webp +0 -0
  69. package/src/assets/illustrations/pot-big.webp +0 -0
  70. package/src/assets/illustrations/pot-light.webp +0 -0
  71. package/src/assets/illustrations/pot.webp +0 -0
  72. package/src/assets/illustrations/puppy-light.webp +0 -0
  73. package/src/assets/illustrations/puppy.webp +0 -0
  74. package/src/assets/illustrations/quantity-light.webp +0 -0
  75. package/src/assets/illustrations/quantity.webp +0 -0
  76. package/src/assets/illustrations/sausage-light.webp +0 -0
  77. package/src/assets/illustrations/sausage.webp +0 -0
  78. package/src/assets/illustrations/sausages-light.webp +0 -0
  79. package/src/assets/illustrations/sausages.webp +0 -0
  80. package/src/assets/illustrations/skeleton-light.webp +0 -0
  81. package/src/assets/illustrations/skeleton.webp +0 -0
  82. package/src/assets/illustrations/sofa-light.webp +0 -0
  83. package/src/assets/illustrations/sofa.webp +0 -0
  84. package/src/assets/illustrations/sport-light.webp +0 -0
  85. package/src/assets/illustrations/sport.webp +0 -0
  86. package/src/assets/illustrations/steak-light.webp +0 -0
  87. package/src/assets/illustrations/steak.webp +0 -0
  88. package/src/assets/illustrations/truck-light.webp +0 -0
  89. package/src/assets/illustrations/truck.webp +0 -0
  90. package/src/assets/illustrations/warning-light.webp +0 -0
  91. package/src/assets/illustrations/warning.webp +0 -0
  92. package/src/assets/images/cat.webp +0 -0
  93. package/src/assets/images/dog.webp +0 -0
  94. package/src/assets/images/frequency/food-in-fridge.webp +0 -0
  95. package/src/assets/images/ingredients/beef.webp +0 -0
  96. package/src/assets/images/ingredients/beer-yeast.webp +0 -0
  97. package/src/assets/images/ingredients/calcium.webp +0 -0
  98. package/src/assets/images/ingredients/carrot.webp +0 -0
  99. package/src/assets/images/ingredients/chicken.webp +0 -0
  100. package/src/assets/images/ingredients/courgette.webp +0 -0
  101. package/src/assets/images/ingredients/dry-apple.webp +0 -0
  102. package/src/assets/images/ingredients/dry-carrot.webp +0 -0
  103. package/src/assets/images/ingredients/duck.webp +0 -0
  104. package/src/assets/images/ingredients/fish.webp +0 -0
  105. package/src/assets/images/ingredients/liquid.webp +0 -0
  106. package/src/assets/images/ingredients/oil.webp +0 -0
  107. package/src/assets/images/ingredients/pork.webp +0 -0
  108. package/src/assets/images/ingredients/potato.webp +0 -0
  109. package/src/assets/images/ingredients/quinoa.webp +0 -0
  110. package/src/assets/images/ingredients/rice.webp +0 -0
  111. package/src/assets/images/ingredients/seaweed.webp +0 -0
  112. package/src/assets/images/ingredients/turkey.webp +0 -0
  113. package/src/assets/images/ingredients/vitamins.webp +0 -0
  114. package/src/assets/images/tips/claudine-head.webp +0 -0
  115. package/src/assets/images/tips/claudine-tips-head-mobile.webp +0 -0
  116. package/src/assets/images/tips/claudine-tips-head-mobile@2x.webp +0 -0
  117. package/src/assets/images/tips/claudine-tips-head.webp +0 -0
  118. package/src/assets/images/tips/claudine-tips-head@2x.webp +0 -0
  119. package/src/assets/images/tips/claudine-tips-mobile.webp +0 -0
  120. package/src/assets/images/tips/claudine-tips-mobile@2x.webp +0 -0
  121. package/src/assets/images/tips/claudine-tips.webp +0 -0
  122. package/src/assets/images/tips/claudine-tips@2x.webp +0 -0
  123. package/src/assets/images/tips/payment-mobile.webp +0 -0
  124. package/src/assets/images/tips/payment-mobile@2x.webp +0 -0
  125. package/src/assets/images/tips/payment.webp +0 -0
  126. package/src/assets/images/tips/payment@2x.webp +0 -0
  127. package/src/assets/images/trash/dog-product-mobile.webp +0 -0
  128. package/src/assets/images/trash/dog-product.webp +0 -0
  129. package/src/assets/images/trash/full-cat.png +0 -0
  130. package/src/assets/images/trash/testimonial-1-mobile.webp +0 -0
  131. package/src/assets/images/trash/testimonial-1-mobile@2x.webp +0 -0
  132. package/src/assets/images/trash/testimonial-1.webp +0 -0
  133. package/src/assets/images/trash/testimonial-1@2x.webp +0 -0
  134. package/src/components/Accordions/FAQ/FaqItem.stories.tsx +61 -0
  135. package/src/components/Accordions/FAQ/FaqItem.tsx +55 -0
  136. package/src/components/Accordions/Ingredient/Ingredient.stories.tsx +38 -0
  137. package/src/components/Accordions/Ingredient/Ingredient.tsx +93 -0
  138. package/src/components/Accordions/index.tsx +4 -0
  139. package/src/components/Base/Banner/Banner.stories.tsx +33 -0
  140. package/src/components/Base/Banner/Banner.tsx +23 -0
  141. package/src/components/Base/Emblem/Emblem.stories.tsx +40 -0
  142. package/src/components/Base/Emblem/Emblem.tsx +22 -0
  143. package/src/components/Base/Logo/Logo.stories.tsx +46 -0
  144. package/src/components/Base/Logo/Logo.tsx +34 -0
  145. package/src/components/Base/ResponsiveImage/ResponsiveImage.stories.tsx +78 -0
  146. package/src/components/Base/ResponsiveImage/ResponsiveImage.tsx +56 -0
  147. package/src/components/Base/Text/Text.stories.tsx +115 -0
  148. package/src/components/Base/Text/Text.tsx +60 -0
  149. package/src/components/Base/Title/Title.stories.tsx +145 -0
  150. package/src/components/Base/Title/Title.tsx +77 -0
  151. package/src/components/Base/VideoPlayer/VideoPlayer.stories.tsx +60 -0
  152. package/src/components/Base/VideoPlayer/VideoPlayer.tsx +78 -0
  153. package/src/components/Base/index.tsx +9 -0
  154. package/src/components/Buttons/Button/Button.stories.tsx +158 -0
  155. package/src/components/Buttons/Button/Button.tsx +68 -0
  156. package/src/components/Buttons/CardButton/CardButton.stories.tsx +47 -0
  157. package/src/components/Buttons/CardButton/CardButton.tsx +25 -0
  158. package/src/components/Buttons/ClearButton/ClearButton.stories.tsx +26 -0
  159. package/src/components/Buttons/ClearButton/ClearButton.tsx +18 -0
  160. package/src/components/Buttons/FAQButton/FAQButton.stories.tsx +33 -0
  161. package/src/components/Buttons/FAQButton/FAQButton.tsx +27 -0
  162. package/src/components/Buttons/IllustratedCardButton/IllustratedCardButton.stories.tsx +71 -0
  163. package/src/components/Buttons/IllustratedCardButton/IllustratedCardButton.tsx +45 -0
  164. package/src/components/Buttons/SimpleIllustratedCardButton/SimpleIllustratedCardButton.stories.tsx +74 -0
  165. package/src/components/Buttons/SimpleIllustratedCardButton/SimpleIllustratedCardButton.tsx +43 -0
  166. package/src/components/Buttons/SocialButton/SocialButton.stories.tsx +56 -0
  167. package/src/components/Buttons/SocialButton/SocialButton.tsx +28 -0
  168. package/src/components/Buttons/Toggle/Toggle.tsx +64 -0
  169. package/src/components/Buttons/Toggle/Toogle.stories.tsx +66 -0
  170. package/src/components/Buttons/index.ts +10 -0
  171. package/src/components/Cards/CTACard/CTACard.stories.tsx +83 -0
  172. package/src/components/Cards/CTACard/CTACard.tsx +47 -0
  173. package/src/components/Cards/FeatureCard/FeatureCard.stories.tsx +96 -0
  174. package/src/components/Cards/FeatureCard/FeatureCard.tsx +50 -0
  175. package/src/components/Cards/FeatureIllustration/FeatureIllustration.stories.tsx +96 -0
  176. package/src/components/Cards/FeatureIllustration/FeatureIllustration.tsx +56 -0
  177. package/src/components/Cards/FeatureIllustration/index.ts +2 -0
  178. package/src/components/Cards/FoodCard/FoodCard.stories.tsx +43 -0
  179. package/src/components/Cards/FoodCard/FoodCard.tsx +37 -0
  180. package/src/components/Cards/FrequencySelectorCard/FrequencySelectorCard.stories.tsx +140 -0
  181. package/src/components/Cards/FrequencySelectorCard/FrequencySelectorCard.tsx +90 -0
  182. package/src/components/Cards/FrequencySelectorCard/index.ts +2 -0
  183. package/src/components/Cards/IllustratedCard/IllustratedCard.stories.tsx +54 -0
  184. package/src/components/Cards/IllustratedCard/IllustratedCard.tsx +44 -0
  185. package/src/components/Cards/PaymentCard/PaymentCard.stories.tsx +35 -0
  186. package/src/components/Cards/PaymentCard/PaymentCard.tsx +31 -0
  187. package/src/components/Cards/PlanCard/PlanCard.stories.tsx +140 -0
  188. package/src/components/Cards/PlanCard/PlanCard.tsx +119 -0
  189. package/src/components/Cards/Polaroid/Polaroid.stories.tsx +118 -0
  190. package/src/components/Cards/Polaroid/Polaroid.tsx +66 -0
  191. package/src/components/Cards/RecetteCard/RecetteCard.stories.tsx +86 -0
  192. package/src/components/Cards/RecetteCard/RecetteCard.tsx +47 -0
  193. package/src/components/Cards/StatCard/StatCard.stories.tsx +69 -0
  194. package/src/components/Cards/StatCard/StatCard.tsx +45 -0
  195. package/src/components/Cards/Testimonial/Testimonial.stories.tsx +65 -0
  196. package/src/components/Cards/Testimonial/Testimonial.tsx +62 -0
  197. package/src/components/Cards/TestimonialSlider/TestimonialSlider.stories.ts +53 -0
  198. package/src/components/Cards/TestimonialSlider/TestimonialSlider.tsx +50 -0
  199. package/src/components/Cards/Tips/Tips.stories.tsx +32 -0
  200. package/src/components/Cards/Tips/Tips.tsx +40 -0
  201. package/src/components/Cards/TransitionCard/TransitionCard.stories.tsx +50 -0
  202. package/src/components/Cards/TransitionCard/TransitionCard.tsx +66 -0
  203. package/src/components/Cards/UpCard/UpCard.stories.tsx +94 -0
  204. package/src/components/Cards/UpCard/UpCard.tsx +50 -0
  205. package/src/components/Cards/WizardTips/WizardTips.stories.tsx +48 -0
  206. package/src/components/Cards/WizardTips/WizardTips.tsx +33 -0
  207. package/src/components/Cards/index.ts +19 -0
  208. package/src/components/Inputs/ButtonSelect/ButtonSelect.stories.tsx +51 -0
  209. package/src/components/Inputs/ButtonSelect/ButtonSelect.tsx +34 -0
  210. package/src/components/Inputs/Checkbox/Checkbox.stories.tsx +47 -0
  211. package/src/components/Inputs/Checkbox/Checkbox.tsx +35 -0
  212. package/src/components/Inputs/Dropdown/Dropdown.stories.tsx +61 -0
  213. package/src/components/Inputs/Dropdown/Dropdown.tsx +108 -0
  214. package/src/components/Inputs/DropdownMenu/DropdownMenu.stories.tsx +75 -0
  215. package/src/components/Inputs/DropdownMenu/DropdownMenu.tsx +109 -0
  216. package/src/components/Inputs/ErrorMessage/ErrorMessage.stories.tsx +33 -0
  217. package/src/components/Inputs/ErrorMessage/ErrorMessage.tsx +18 -0
  218. package/src/components/Inputs/Filters/Filters.stories.tsx +54 -0
  219. package/src/components/Inputs/Filters/Filters.tsx +75 -0
  220. package/src/components/Inputs/Label/Label.stories.tsx +34 -0
  221. package/src/components/Inputs/Label/Label.tsx +16 -0
  222. package/src/components/Inputs/Newsletter/Newsletter.stories.tsx +67 -0
  223. package/src/components/Inputs/Newsletter/Newsletter.tsx +70 -0
  224. package/src/components/Inputs/QuantityInput/QuantityInput.stories.tsx +54 -0
  225. package/src/components/Inputs/QuantityInput/QuantityInput.tsx +46 -0
  226. package/src/components/Inputs/Tag/Tag.stories.tsx +33 -0
  227. package/src/components/Inputs/Tag/Tag.tsx +19 -0
  228. package/src/components/Inputs/TagSelect/TagSelect.stories.tsx +50 -0
  229. package/src/components/Inputs/TagSelect/TagSelect.tsx +48 -0
  230. package/src/components/Inputs/TextInput/TextInput.stories.tsx +40 -0
  231. package/src/components/Inputs/TextInput/TextInput.tsx +38 -0
  232. package/src/components/Inputs/WizardDropdown/WizardDropdown.stories.tsx +59 -0
  233. package/src/components/Inputs/WizardDropdown/WizardDropdown.tsx +93 -0
  234. package/src/components/Inputs/WizardTextInput/WizardTextInput.stories.tsx +40 -0
  235. package/src/components/Inputs/WizardTextInput/WizardTextInput.tsx +31 -0
  236. package/src/components/Inputs/index.ts +16 -0
  237. package/src/components/Navigation/Footer/Footer.stories.tsx +28 -0
  238. package/src/components/Navigation/Footer/Footer.tsx +130 -0
  239. package/src/components/Navigation/FooterTips/FooterTips.stories.tsx +22 -0
  240. package/src/components/Navigation/FooterTips/FooterTips.tsx +24 -0
  241. package/src/components/Navigation/MobileMenu/MobileMenu.stories.tsx +56 -0
  242. package/src/components/Navigation/MobileMenu/MobileMenu.tsx +45 -0
  243. package/src/components/Navigation/Navbar/Navbar.stories.tsx +128 -0
  244. package/src/components/Navigation/Navbar/Navbar.tsx +66 -0
  245. package/src/components/Navigation/NavbarDesktop/NavbarDesktop.stories.tsx +57 -0
  246. package/src/components/Navigation/NavbarDesktop/NavbarDesktop.tsx +48 -0
  247. package/src/components/Navigation/NavbarMobile/NavbarMobile.stories.tsx +59 -0
  248. package/src/components/Navigation/NavbarMobile/NavbarMobile.tsx +75 -0
  249. package/src/components/Navigation/Stepper/Stepper.stories.tsx +41 -0
  250. package/src/components/Navigation/Stepper/Stepper.tsx +19 -0
  251. package/src/components/Navigation/Tabs/Tabs.stories.tsx +120 -0
  252. package/src/components/Navigation/Tabs/Tabs.tsx +92 -0
  253. package/src/components/Navigation/WizardNavbar/WizardNavbar.stories.tsx +59 -0
  254. package/src/components/Navigation/WizardNavbar/WizardNavbar.tsx +83 -0
  255. package/src/components/Navigation/index.ts +11 -0
  256. package/src/components/SVG/Facebook.svg +3 -0
  257. package/src/components/SVG/Instagram.svg +5 -0
  258. package/src/components/SVG/Linkedin.svg +5 -0
  259. package/src/components/SVG/Tiktok.svg +7 -0
  260. package/src/components/SVG/arrow-plain.svg +3 -0
  261. package/src/components/SVG/arrow.svg +3 -0
  262. package/src/components/SVG/calendar.svg +4 -0
  263. package/src/components/SVG/check-circle.svg +5 -0
  264. package/src/components/SVG/check-rounded.svg +4 -0
  265. package/src/components/SVG/check.svg +3 -0
  266. package/src/components/SVG/cross-rounded.svg +3 -0
  267. package/src/components/SVG/cross.svg +4 -0
  268. package/src/components/SVG/dollar-rounded.svg +6 -0
  269. package/src/components/SVG/double-arrow.svg +3 -0
  270. package/src/components/SVG/filters.svg +8 -0
  271. package/src/components/SVG/hat-cook.svg +4 -0
  272. package/src/components/SVG/home-hero-shape-mobile.svg +3 -0
  273. package/src/components/SVG/home-hero-shape-small.svg +3 -0
  274. package/src/components/SVG/home-hero-shape.svg +3 -0
  275. package/src/components/SVG/index.ts +75 -0
  276. package/src/components/SVG/info.svg +3 -0
  277. package/src/components/SVG/magic-wand.svg +9 -0
  278. package/src/components/SVG/menu.svg +5 -0
  279. package/src/components/SVG/minus.svg +3 -0
  280. package/src/components/SVG/mute.svg +4 -0
  281. package/src/components/SVG/pause.svg +3 -0
  282. package/src/components/SVG/play.svg +3 -0
  283. package/src/components/SVG/plus.svg +4 -0
  284. package/src/components/SVG/polaroid-thread.svg +17 -0
  285. package/src/components/SVG/profil.svg +4 -0
  286. package/src/components/SVG/quote.svg +3 -0
  287. package/src/components/SVG/recipe-bg-shape.svg +3 -0
  288. package/src/components/SVG/star.svg +3 -0
  289. package/src/components/SVG/subtract.svg +3 -0
  290. package/src/components/SVG/trustpilot.svg +14 -0
  291. package/src/components/SVG/unmute.svg +5 -0
  292. package/src/components/index.ts +20 -0
  293. package/src/components/styles/Color/Color.stories.tsx +89 -0
  294. package/src/components/styles/Color/Color.tsx +47 -0
  295. package/src/components/styles/Icon/Icon.stories.tsx +103 -0
  296. package/src/components/styles/Icon/Icon.tsx +6 -0
  297. package/src/components/styles/Illustration/Illustration.stories.tsx +253 -0
  298. package/src/components/styles/Illustration/Illustration.tsx +45 -0
  299. package/src/components/styles/Typography/Typography.stories.tsx +37 -0
  300. package/src/components/styles/Typography/Typography.tsx +19 -0
  301. package/src/helpers/accordions.ts +39 -0
  302. package/src/helpers/clickoutside.ts +31 -0
  303. package/src/helpers/debounce.ts +10 -0
  304. package/src/helpers/index.ts +9 -0
  305. package/src/helpers/intersectionObserver.ts +101 -0
  306. package/src/helpers/keyboardControl.ts +58 -0
  307. package/src/helpers/responsive.ts +29 -0
  308. package/src/helpers/scroll.ts +16 -0
  309. package/src/index.ts +8 -0
  310. package/src/lib/i18n.ts +20 -0
  311. package/src/lib/locales/fr/design.json +42 -0
  312. package/src/styles/globals.css +205 -0
  313. package/src/types/svg.d.ts +8 -0
@@ -0,0 +1,8 @@
1
+ declare module '*.svg' {
2
+ import * as React from 'react';
3
+
4
+ export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement> & { title?: string }>;
5
+
6
+ const src: string;
7
+ export default src;
8
+ }