mautourco-components 0.2.4 → 0.2.7

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 (297) hide show
  1. package/README.md +190 -190
  2. package/dist/components/atoms/Avatar/Avatar.d.ts +14 -14
  3. package/dist/components/atoms/Avatar/Avatar.js +31 -31
  4. package/dist/components/atoms/Button/Button.css +320 -320
  5. package/dist/components/atoms/Button/Button.d.ts +27 -27
  6. package/dist/components/atoms/Button/Button.js +35 -35
  7. package/dist/components/atoms/Checkbox/Checkbox.d.ts +13 -13
  8. package/dist/components/atoms/Checkbox/Checkbox.js +39 -39
  9. package/dist/components/atoms/Icon/Icon.d.ts +10 -10
  10. package/dist/components/atoms/Icon/Icon.js +123 -123
  11. package/dist/components/atoms/Icon/icons/ArrivalIcon.d.ts +8 -8
  12. package/dist/components/atoms/Icon/icons/ArrivalIcon.js +31 -31
  13. package/dist/components/atoms/Icon/icons/BuildingIcon.d.ts +8 -8
  14. package/dist/components/atoms/Icon/icons/BuildingIcon.js +36 -36
  15. package/dist/components/atoms/Icon/icons/CalendarIcon.d.ts +12 -12
  16. package/dist/components/atoms/Icon/icons/CalendarIcon.js +41 -41
  17. package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.d.ts +8 -8
  18. package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +36 -36
  19. package/dist/components/atoms/Icon/icons/CarIcon.d.ts +8 -8
  20. package/dist/components/atoms/Icon/icons/CarIcon.js +30 -30
  21. package/dist/components/atoms/Icon/icons/Check.d.ts +8 -8
  22. package/dist/components/atoms/Icon/icons/Check.js +30 -30
  23. package/dist/components/atoms/Icon/icons/CheckCircleIcon.d.ts +8 -8
  24. package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +30 -30
  25. package/dist/components/atoms/Icon/icons/Chevron.d.ts +9 -9
  26. package/dist/components/atoms/Icon/icons/Chevron.js +54 -54
  27. package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts +8 -8
  28. package/dist/components/atoms/Icon/icons/ChevronDownIcon.js +30 -30
  29. package/dist/components/atoms/Icon/icons/Close.d.ts +8 -8
  30. package/dist/components/atoms/Icon/icons/Close.js +30 -30
  31. package/dist/components/atoms/Icon/icons/DeleteIcon.d.ts +8 -8
  32. package/dist/components/atoms/Icon/icons/DeleteIcon.js +30 -30
  33. package/dist/components/atoms/Icon/icons/DepartureIcon.d.ts +8 -8
  34. package/dist/components/atoms/Icon/icons/DepartureIcon.js +30 -30
  35. package/dist/components/atoms/Icon/icons/EyeIcon.d.ts +8 -8
  36. package/dist/components/atoms/Icon/icons/EyeIcon.js +30 -30
  37. package/dist/components/atoms/Icon/icons/FacebookIcon.d.ts +8 -8
  38. package/dist/components/atoms/Icon/icons/FacebookIcon.js +36 -36
  39. package/dist/components/atoms/Icon/icons/HomeIcon.d.ts +8 -8
  40. package/dist/components/atoms/Icon/icons/HomeIcon.js +25 -25
  41. package/dist/components/atoms/Icon/icons/InfoIcon.d.ts +8 -8
  42. package/dist/components/atoms/Icon/icons/InfoIcon.js +30 -30
  43. package/dist/components/atoms/Icon/icons/LinkedInIcon.d.ts +8 -8
  44. package/dist/components/atoms/Icon/icons/LinkedInIcon.js +36 -36
  45. package/dist/components/atoms/Icon/icons/MapPinIcon.d.ts +8 -8
  46. package/dist/components/atoms/Icon/icons/MapPinIcon.js +30 -30
  47. package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +8 -8
  48. package/dist/components/atoms/Icon/icons/MautoucoLogo.js +37 -37
  49. package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +8 -8
  50. package/dist/components/atoms/Icon/icons/MenuIcon.js +37 -37
  51. package/dist/components/atoms/Icon/icons/MinusIcon.d.ts +8 -8
  52. package/dist/components/atoms/Icon/icons/MinusIcon.js +25 -25
  53. package/dist/components/atoms/Icon/icons/MoreIcon.d.ts +8 -8
  54. package/dist/components/atoms/Icon/icons/MoreIcon.js +30 -30
  55. package/dist/components/atoms/Icon/icons/PlaneIcon.d.ts +8 -8
  56. package/dist/components/atoms/Icon/icons/PlaneIcon.js +36 -36
  57. package/dist/components/atoms/Icon/icons/PlusIcon.d.ts +8 -8
  58. package/dist/components/atoms/Icon/icons/PlusIcon.js +25 -25
  59. package/dist/components/atoms/Icon/icons/Search.d.ts +8 -8
  60. package/dist/components/atoms/Icon/icons/Search.js +30 -30
  61. package/dist/components/atoms/Icon/icons/Settings.d.ts +8 -8
  62. package/dist/components/atoms/Icon/icons/Settings.js +30 -30
  63. package/dist/components/atoms/Icon/icons/ShipIcon.d.ts +8 -8
  64. package/dist/components/atoms/Icon/icons/ShipIcon.js +36 -36
  65. package/dist/components/atoms/Icon/icons/StrollerIcon.d.ts +8 -8
  66. package/dist/components/atoms/Icon/icons/StrollerIcon.js +30 -30
  67. package/dist/components/atoms/Icon/icons/TwitterIcon.d.ts +8 -8
  68. package/dist/components/atoms/Icon/icons/TwitterIcon.js +36 -36
  69. package/dist/components/atoms/Icon/icons/User.d.ts +8 -8
  70. package/dist/components/atoms/Icon/icons/User.js +30 -30
  71. package/dist/components/atoms/Icon/icons/UserIcon.d.ts +12 -12
  72. package/dist/components/atoms/Icon/icons/UserIcon.js +41 -41
  73. package/dist/components/atoms/Icon/icons/Youtube.d.ts +8 -8
  74. package/dist/components/atoms/Icon/icons/Youtube.js +36 -36
  75. package/dist/components/atoms/Illustration/Illustration.d.ts +14 -14
  76. package/dist/components/atoms/Illustration/Illustration.js +33 -33
  77. package/dist/components/atoms/Illustration/illustrations.d.ts +51 -51
  78. package/dist/components/atoms/Illustration/illustrations.js +97 -97
  79. package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.d.ts +12 -12
  80. package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +53 -53
  81. package/dist/components/atoms/Inputs/Input/Input.d.ts +15 -15
  82. package/dist/components/atoms/Inputs/Input/Input.js +27 -27
  83. package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +14 -14
  84. package/dist/components/atoms/Inputs/Textarea/Textarea.js +15 -15
  85. package/dist/components/atoms/Link/Link.d.ts +44 -44
  86. package/dist/components/atoms/Link/Link.js +76 -76
  87. package/dist/components/atoms/RatingStar/RatingStar.d.ts +40 -40
  88. package/dist/components/atoms/RatingStar/RatingStar.js +54 -54
  89. package/dist/components/atoms/SegmentedButton/SegmentedButton.d.ts +27 -27
  90. package/dist/components/atoms/SegmentedButton/SegmentedButton.js +49 -49
  91. package/dist/components/atoms/SelectedValue/SelectedValue.d.ts +11 -11
  92. package/dist/components/atoms/SelectedValue/SelectedValue.js +29 -29
  93. package/dist/components/atoms/Slider/Slider.d.ts +52 -52
  94. package/dist/components/atoms/Slider/Slider.js +30 -30
  95. package/dist/components/atoms/Spinner/Spinner.d.ts +9 -9
  96. package/dist/components/atoms/Spinner/Spinner.js +38 -38
  97. package/dist/components/atoms/Spinner/variants/ButtonSpinner.d.ts +8 -8
  98. package/dist/components/atoms/Spinner/variants/ButtonSpinner.js +19 -19
  99. package/dist/components/atoms/Spinner/variants/LoadingSpinner.d.ts +7 -7
  100. package/dist/components/atoms/Spinner/variants/LoadingSpinner.js +7 -7
  101. package/dist/components/atoms/Tab/Tab.css +266 -266
  102. package/dist/components/atoms/Tab/Tab.d.ts +22 -22
  103. package/dist/components/atoms/Tab/Tab.js +54 -54
  104. package/dist/components/atoms/Typography/Typography.d.ts +24 -24
  105. package/dist/components/atoms/Typography/Typography.js +100 -100
  106. package/dist/components/molecules/Calendar/CalendarInput.d.ts +34 -34
  107. package/dist/components/molecules/Calendar/CalendarInput.js +49 -49
  108. package/dist/components/molecules/Calendar/DateTime.d.ts +25 -25
  109. package/dist/components/molecules/Calendar/DateTime.js +106 -106
  110. package/dist/components/molecules/Calendar/TimePicker.d.ts +16 -16
  111. package/dist/components/molecules/Calendar/TimePicker.js +91 -91
  112. package/dist/components/molecules/LocationDropdown/LocationDropdown.d.ts +34 -34
  113. package/dist/components/molecules/LocationDropdown/LocationDropdown.js +120 -120
  114. package/dist/components/molecules/LocationDropdown/index.d.ts +2 -2
  115. package/dist/components/molecules/LocationDropdown/index.js +1 -1
  116. package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +29 -29
  117. package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +106 -106
  118. package/dist/components/molecules/RatingTab/RatingTab.d.ts +39 -39
  119. package/dist/components/molecules/RatingTab/RatingTab.js +41 -41
  120. package/dist/components/molecules/TabGroup/TabGroup.d.ts +17 -17
  121. package/dist/components/molecules/TabGroup/TabGroup.js +30 -30
  122. package/dist/components/molecules/UserCard/UserCard.d.ts +20 -20
  123. package/dist/components/molecules/UserCard/UserCard.js +57 -57
  124. package/dist/components/organisms/CardContainer/CardContainer.d.ts +37 -37
  125. package/dist/components/organisms/CardContainer/CardContainer.js +27 -27
  126. package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts +15 -15
  127. package/dist/components/organisms/DateTimePicker/DateTimePicker.js +66 -66
  128. package/dist/components/organisms/Dialog/Dialog.d.ts +103 -103
  129. package/dist/components/organisms/Dialog/Dialog.js +162 -162
  130. package/dist/components/organisms/Footer/Footer.d.ts +38 -38
  131. package/dist/components/organisms/Footer/Footer.js +74 -74
  132. package/dist/components/organisms/PaxSelector/PaxSelector.d.ts +63 -63
  133. package/dist/components/organisms/PaxSelector/PaxSelector.js +402 -402
  134. package/dist/components/organisms/RoundTrip/RoundTrip.d.ts +54 -54
  135. package/dist/components/organisms/RoundTrip/RoundTrip.js +179 -179
  136. package/dist/components/organisms/RoundTrip/index.d.ts +2 -2
  137. package/dist/components/organisms/RoundTrip/index.js +1 -1
  138. package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.d.ts +35 -35
  139. package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +192 -192
  140. package/dist/components/organisms/SearchBarTransfer/index.d.ts +2 -2
  141. package/dist/components/organisms/SearchBarTransfer/index.js +1 -1
  142. package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +33 -33
  143. package/dist/components/organisms/TopNavigation/DesktopNav.js +32 -26
  144. package/dist/components/organisms/TopNavigation/MobileNav.d.ts +32 -32
  145. package/dist/components/organisms/TopNavigation/MobileNav.js +45 -45
  146. package/dist/components/organisms/TopNavigation/TopNavigation.d.ts +33 -33
  147. package/dist/components/organisms/TopNavigation/TopNavigation.js +20 -20
  148. package/dist/components/organisms/TransferLine/TransferLine.d.ts +53 -53
  149. package/dist/components/organisms/TransferLine/TransferLine.js +179 -179
  150. package/dist/components/ui/button.d.ts +10 -10
  151. package/dist/components/ui/button.js +56 -56
  152. package/dist/components/ui/calendar.d.ts +8 -8
  153. package/dist/components/ui/calendar.js +87 -87
  154. package/dist/components/ui/popover.d.ts +7 -7
  155. package/dist/components/ui/popover.js +42 -42
  156. package/dist/hooks/useMobile.d.ts +5 -5
  157. package/dist/hooks/useMobile.js +26 -26
  158. package/dist/index.d.ts +49 -49
  159. package/dist/index.js +46 -46
  160. package/dist/lib/utils.d.ts +7 -7
  161. package/dist/lib/utils.js +13 -13
  162. package/dist/styles/components/avatar.css +122 -122
  163. package/dist/styles/components/calendar.css +140 -140
  164. package/dist/styles/components/checkbox.css +206 -206
  165. package/dist/styles/components/dropdown.css +269 -269
  166. package/dist/styles/components/forms.css +209 -209
  167. package/dist/styles/components/illustration.css +123 -123
  168. package/dist/styles/components/molecule/calendarInput.css +133 -133
  169. package/dist/styles/components/molecule/dateTime.css +126 -126
  170. package/dist/styles/components/molecule/location-dropdown.css +132 -132
  171. package/dist/styles/components/molecule/timePicker.css +122 -122
  172. package/dist/styles/components/multiselect-dropdown.css +286 -286
  173. package/dist/styles/components/organism/card-container.css +148 -148
  174. package/dist/styles/components/organism/dialog.css +168 -168
  175. package/dist/styles/components/organism/footer.css +119 -119
  176. package/dist/styles/components/organism/pax-selector.css +617 -617
  177. package/dist/styles/components/organism/round-trip.css +139 -139
  178. package/dist/styles/components/organism/search-bar-transfer.css +158 -161
  179. package/dist/styles/components/organism/topnavigation.css +143 -143
  180. package/dist/styles/components/organism/transfer-line.css +138 -138
  181. package/dist/styles/components/rating-star.css +145 -145
  182. package/dist/styles/components/rating-tab.css +179 -179
  183. package/dist/styles/components/scrollbar.css +155 -155
  184. package/dist/styles/components/segmented-button.css +214 -214
  185. package/dist/styles/components/selected-value.css +175 -175
  186. package/dist/styles/components/slider.css +182 -182
  187. package/dist/styles/components/typography.css +245 -245
  188. package/dist/styles/tokens/tokens.css +119 -119
  189. package/dist/styles/tokens/tokens.d.ts +3108 -3108
  190. package/dist/styles/tokens/tokens.js +2652 -2652
  191. package/package.json +103 -103
  192. package/src/components/atoms/Avatar/Avatar.tsx +60 -60
  193. package/src/components/atoms/Button/Button.css +200 -200
  194. package/src/components/atoms/Button/Button.tsx +82 -82
  195. package/src/components/atoms/Checkbox/Checkbox.tsx +83 -83
  196. package/src/components/atoms/Icon/Icon.tsx +163 -163
  197. package/src/components/atoms/Icon/icons/ArrivalIcon.tsx +52 -52
  198. package/src/components/atoms/Icon/icons/BuildingIcon.tsx +50 -50
  199. package/src/components/atoms/Icon/icons/CalendarIcon.tsx +63 -63
  200. package/src/components/atoms/Icon/icons/CalendarOutlineIcon.tsx +50 -50
  201. package/src/components/atoms/Icon/icons/CarIcon.tsx +44 -44
  202. package/src/components/atoms/Icon/icons/Check.tsx +36 -36
  203. package/src/components/atoms/Icon/icons/CheckCircleIcon.tsx +48 -48
  204. package/src/components/atoms/Icon/icons/Chevron.tsx +73 -73
  205. package/src/components/atoms/Icon/icons/ChevronDownIcon.tsx +46 -46
  206. package/src/components/atoms/Icon/icons/Close.tsx +39 -39
  207. package/src/components/atoms/Icon/icons/DeleteIcon.tsx +44 -44
  208. package/src/components/atoms/Icon/icons/DepartureIcon.tsx +50 -50
  209. package/src/components/atoms/Icon/icons/EyeIcon.tsx +44 -44
  210. package/src/components/atoms/Icon/icons/FacebookIcon.tsx +50 -50
  211. package/src/components/atoms/Icon/icons/HomeIcon.tsx +52 -52
  212. package/src/components/atoms/Icon/icons/InfoIcon.tsx +44 -44
  213. package/src/components/atoms/Icon/icons/LinkedInIcon.tsx +50 -50
  214. package/src/components/atoms/Icon/icons/MapPinIcon.tsx +44 -44
  215. package/src/components/atoms/Icon/icons/MautoucoLogo.tsx +93 -93
  216. package/src/components/atoms/Icon/icons/MenuIcon.tsx +49 -49
  217. package/src/components/atoms/Icon/icons/MinusIcon.tsx +45 -45
  218. package/src/components/atoms/Icon/icons/MoreIcon.tsx +44 -44
  219. package/src/components/atoms/Icon/icons/PlaneIcon.tsx +50 -50
  220. package/src/components/atoms/Icon/icons/PlusIcon.tsx +45 -45
  221. package/src/components/atoms/Icon/icons/Search.tsx +37 -37
  222. package/src/components/atoms/Icon/icons/Settings.tsx +38 -38
  223. package/src/components/atoms/Icon/icons/ShipIcon.tsx +50 -50
  224. package/src/components/atoms/Icon/icons/StrollerIcon.tsx +44 -44
  225. package/src/components/atoms/Icon/icons/TwitterIcon.tsx +50 -50
  226. package/src/components/atoms/Icon/icons/User.tsx +37 -37
  227. package/src/components/atoms/Icon/icons/UserIcon.tsx +63 -63
  228. package/src/components/atoms/Icon/icons/Youtube.tsx +50 -50
  229. package/src/components/atoms/Illustration/Illustration.tsx +28 -28
  230. package/src/components/atoms/Illustration/illustrations.ts +116 -116
  231. package/src/components/atoms/Inputs/DropdownInput/DropdownInput.tsx +96 -96
  232. package/src/components/atoms/Inputs/Textarea/Textarea.tsx +51 -51
  233. package/src/components/atoms/Link/Link.tsx +168 -168
  234. package/src/components/atoms/RatingStar/RatingStar.tsx +114 -114
  235. package/src/components/atoms/SegmentedButton/SegmentedButton.tsx +94 -94
  236. package/src/components/atoms/SelectedValue/SelectedValue.tsx +59 -59
  237. package/src/components/atoms/Slider/Slider.tsx +95 -95
  238. package/src/components/atoms/Spinner/Spinner.tsx +56 -56
  239. package/src/components/atoms/Spinner/variants/ButtonSpinner.tsx +37 -37
  240. package/src/components/atoms/Spinner/variants/LoadingSpinner.tsx +22 -22
  241. package/src/components/atoms/Tab/Tab.css +147 -147
  242. package/src/components/atoms/Tab/Tab.tsx +96 -96
  243. package/src/components/atoms/Typography/Typography.tsx +153 -153
  244. package/src/components/molecules/Calendar/CalendarInput.tsx +135 -135
  245. package/src/components/molecules/Calendar/DateTime.tsx +172 -172
  246. package/src/components/molecules/Calendar/TimePicker.tsx +174 -174
  247. package/src/components/molecules/LocationDropdown/LocationDropdown.tsx +234 -234
  248. package/src/components/molecules/LocationDropdown/index.ts +2 -2
  249. package/src/components/molecules/RatingTab/RatingTab.tsx +96 -96
  250. package/src/components/molecules/TabGroup/TabGroup.tsx +60 -60
  251. package/src/components/molecules/UserCard/UserCard.stories.tsx +36 -36
  252. package/src/components/molecules/UserCard/UserCard.tsx +173 -173
  253. package/src/components/organisms/CardContainer/CardContainer.tsx +66 -66
  254. package/src/components/organisms/DateTimePicker/DateTimePicker.tsx +110 -110
  255. package/src/components/organisms/Dialog/Dialog.tsx +352 -352
  256. package/src/components/organisms/Footer/Footer.tsx +290 -290
  257. package/src/components/organisms/PaxSelector/PaxSelector.tsx +979 -979
  258. package/src/components/organisms/RoundTrip/RoundTrip.tsx +335 -335
  259. package/src/components/organisms/RoundTrip/index.ts +2 -2
  260. package/src/components/organisms/SearchBarTransfer/SearchBarTransfer.tsx +388 -388
  261. package/src/components/organisms/SearchBarTransfer/index.ts +2 -2
  262. package/src/components/organisms/TopNavigation/DesktopNav.tsx +133 -122
  263. package/src/components/organisms/TopNavigation/MobileNav.tsx +212 -212
  264. package/src/components/organisms/TopNavigation/TopNavigation.tsx +45 -45
  265. package/src/components/organisms/TransferLine/TransferLine.tsx +369 -369
  266. package/src/components/ui/button.tsx +60 -60
  267. package/src/components/ui/calendar.tsx +246 -246
  268. package/src/components/ui/popover.tsx +46 -46
  269. package/src/styles/components/avatar.css +58 -58
  270. package/src/styles/components/calendar.css +85 -85
  271. package/src/styles/components/checkbox.css +130 -130
  272. package/src/styles/components/dropdown.css +214 -214
  273. package/src/styles/components/forms.css +147 -147
  274. package/src/styles/components/illustration.css +7 -7
  275. package/src/styles/components/molecule/calendarInput.css +156 -156
  276. package/src/styles/components/molecule/dateTime.css +14 -14
  277. package/src/styles/components/molecule/location-dropdown.css +204 -204
  278. package/src/styles/components/molecule/timePicker.css +78 -78
  279. package/src/styles/components/multiselect-dropdown.css +230 -230
  280. package/src/styles/components/organism/card-container.css +49 -49
  281. package/src/styles/components/organism/dialog.css +241 -241
  282. package/src/styles/components/organism/footer.css +113 -113
  283. package/src/styles/components/organism/pax-selector.css +702 -702
  284. package/src/styles/components/organism/round-trip.css +55 -55
  285. package/src/styles/components/organism/search-bar-transfer.css +128 -127
  286. package/src/styles/components/organism/topnavigation.css +161 -161
  287. package/src/styles/components/organism/transfer-line.css +86 -86
  288. package/src/styles/components/rating-star.css +39 -39
  289. package/src/styles/components/rating-tab.css +83 -83
  290. package/src/styles/components/scrollbar.css +63 -63
  291. package/src/styles/components/segmented-button.css +134 -134
  292. package/src/styles/components/selected-value.css +80 -80
  293. package/src/styles/components/slider.css +86 -86
  294. package/src/styles/components/typography.css +251 -251
  295. package/src/styles/fonts.css +50 -0
  296. package/src/styles/tokens/tokens.css +119 -119
  297. package/src/styles/tokens/tokens.js +12 -6
package/src/styles/components/typography.css CHANGED
@@ -1,251 +1,251 @@
1
- .heading-3xl {
2
- margin: 0;
3
- color: var(--color-text-default, #262626);
4
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
5
- font-size: var(--font-size-text-7xl, 72px);
6
- line-height: var(--font-leading-leading-7xl, 72px);
7
- font-weight: var(--font-weight-font-normal, 400);
8
- }
9
- .heading-3xl--light { font-weight: var(--font-weight-font-light, 300); }
10
- .heading-3xl--regular { font-weight: var(--font-weight-font-normal, 400); }
11
- .heading-3xl--medium { font-weight: var(--font-weight-font-medium, 500); }
12
- .heading-3xl--bold { font-weight: var(--font-weight-font-bold, 700); }
13
- .heading-3xl--black { font-weight: var(--font-weight-font-black, 900); }
14
-
15
- .heading-2xl {
16
- margin: 0;
17
- color: var(--color-text-default, #262626);
18
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
19
- font-size: var(--font-size-text-6xl, 60px);
20
- line-height: var(--font-leading-leading-6xl, 64px);
21
- font-weight: var(--font-weight-font-normal, 400);
22
- }
23
- .heading-2xl--light { font-weight: var(--font-weight-font-light, 300); }
24
- .heading-2xl--regular { font-weight: var(--font-weight-font-normal, 400); }
25
- .heading-2xl--medium { font-weight: var(--font-weight-font-medium, 500); }
26
- .heading-2xl--bold { font-weight: var(--font-weight-font-bold, 700); }
27
- .heading-2xl--black { font-weight: var(--font-weight-font-black, 900); }
28
-
29
- .heading-xl {
30
- margin: 0;
31
- color: var(--color-text-default, #262626);
32
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
33
- font-size: var(--font-size-text-5xl, 48px);
34
- line-height: var(--font-leading-leading-5xl, 52px);
35
- font-weight: var(--font-weight-font-normal, 400);
36
- }
37
- .heading-xl--light { font-weight: var(--font-weight-font-light, 300); }
38
- .heading-xl--regular { font-weight: var(--font-weight-font-normal, 400); }
39
- .heading-xl--medium { font-weight: var(--font-weight-font-medium, 500); }
40
- .heading-xl--bold { font-weight: var(--font-weight-font-bold, 700); }
41
- .heading-xl--black { font-weight: var(--font-weight-font-black, 900); }
42
-
43
- .heading-lg {
44
- margin: 0;
45
- color: var(--color-text-default, #262626);
46
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
47
- font-size: var(--font-size-text-4xl, 36px);
48
- line-height: var(--font-leading-leading-3xl, 40px);
49
- font-weight: var(--font-weight-font-normal, 400);
50
- }
51
- .heading-lg--light { font-weight: var(--font-weight-font-light, 300); }
52
- .heading-lg--regular { font-weight: var(--font-weight-font-normal, 400); }
53
- .heading-lg--medium { font-weight: var(--font-weight-font-medium, 500); }
54
- .heading-lg--bold { font-weight: var(--font-weight-font-bold, 700); }
55
- .heading-lg--black { font-weight: var(--font-weight-font-black, 900); }
56
-
57
- .heading-md {
58
- margin: 0;
59
- color: var(--color-text-default, #262626);
60
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
61
- font-size: var(--font-size-text-3xl, 30px);
62
- line-height: var(--font-leading-leading-2xl, 36px);
63
- font-weight: var(--font-weight-font-normal, 400);
64
- }
65
- .heading-md--light { font-weight: var(--font-weight-font-light, 300); }
66
- .heading-md--regular { font-weight: var(--font-weight-font-normal, 400); }
67
- .heading-md--medium { font-weight: var(--font-weight-font-medium, 500); }
68
- .heading-md--bold { font-weight: var(--font-weight-font-bold, 700); }
69
- .heading-md--black { font-weight: var(--font-weight-font-black, 900); }
70
-
71
- .heading-sm {
72
- margin: 0;
73
- color: var(--color-text-default, #262626);
74
- font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
75
- font-size: var(--font-size-text-2xl, 24px);
76
- line-height: var(--font-leading-leading-2xl, 36px);
77
- font-weight: var(--font-weight-font-normal, 400);
78
- }
79
- .heading-sm--light { font-weight: var(--font-weight-font-light, 300); }
80
- .heading-sm--regular { font-weight: var(--font-weight-font-normal, 400); }
81
- .heading-sm--medium { font-weight: var(--font-weight-font-medium, 500); }
82
- .heading-sm--bold { font-weight: var(--font-weight-font-bold, 700); }
83
- .heading-sm--black { font-weight: var(--font-weight-font-black, 900); }
84
-
85
- .body-xs-leading-5 {
86
- margin: 0;
87
- color: var(--color-text-default, #262626);
88
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
89
- font-size: var(--font-size-text-xs, 12px);
90
- line-height: var(--font-leading-leading-sm, 20px);
91
- font-weight: var(--font-weight-font-normal, 400);
92
- }
93
- .body-xs-leading-5--light { font-weight: var(--font-weight-font-light, 300); }
94
- .body-xs-leading-5--regular { font-weight: var(--font-weight-font-normal, 400); }
95
- .body-xs-leading-5--medium { font-weight: var(--font-weight-font-medium, 500); }
96
- .body-xs-leading-5--bold { font-weight: var(--font-weight-font-bold, 700); }
97
- .body-xs-leading-5--black { font-weight: var(--font-weight-font-black, 900); }
98
-
99
- .body-xs-leading-4 {
100
- margin: 0;
101
- color: var(--color-text-default, #262626);
102
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
103
- font-size: var(--font-size-text-xs, 12px);
104
- line-height: var(--font-leading-leading-xs, 18px);
105
- font-weight: var(--font-weight-font-normal, 400);
106
- }
107
- .body-xs-leading-4--light { font-weight: var(--font-weight-font-light, 300); }
108
- .body-xs-leading-4--regular { font-weight: var(--font-weight-font-normal, 400); }
109
- .body-xs-leading-4--medium { font-weight: var(--font-weight-font-medium, 500); }
110
- .body-xs-leading-4--bold { font-weight: var(--font-weight-font-bold, 700); }
111
- .body-xs-leading-4--black { font-weight: var(--font-weight-font-black, 900); }
112
-
113
- .body-xs-leading-none {
114
- margin: 0;
115
- color: var(--color-text-default, #262626);
116
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
117
- font-size: var(--font-size-text-xs, 12px);
118
- line-height: var(--font-leading-leading-xxxs, 12px);
119
- font-weight: var(--font-weight-font-normal, 400);
120
- }
121
- .body-xs-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
122
- .body-xs-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
123
- .body-xs-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
124
- .body-xs-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
125
- .body-xs-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
126
-
127
- .body-sm-leading-6 {
128
- margin: 0;
129
- color: var(--color-text-default, #262626);
130
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
131
- font-size: var(--font-size-text-sm, 14px);
132
- line-height: var(--font-leading-leading-md, 24px);
133
- font-weight: var(--font-weight-font-normal, 400);
134
- }
135
- .body-sm-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
136
- .body-sm-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
137
- .body-sm-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
138
- .body-sm-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
139
- .body-sm-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
140
-
141
- .body-sm-leading-5 {
142
- margin: 0;
143
- color: var(--color-text-default, #262626);
144
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
145
- font-size: var(--font-size-text-sm, 14px);
146
- line-height: var(--font-leading-leading-sm, 20px);
147
- font-weight: var(--font-weight-font-normal, 400);
148
- }
149
- .body-sm-leading-5--light { font-weight: var(--font-weight-font-light, 300); }
150
- .body-sm-leading-5--regular { font-weight: var(--font-weight-font-normal, 400); }
151
- .body-sm-leading-5--medium { font-weight: var(--font-weight-font-medium, 500); }
152
- .body-sm-leading-5--bold { font-weight: var(--font-weight-font-bold, 700); }
153
- .body-sm-leading-5--black { font-weight: var(--font-weight-font-black, 900); }
154
-
155
- .body-sm-leading-none {
156
- margin: 0;
157
- color: var(--color-text-default, #262626);
158
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
159
- font-size: var(--font-size-text-sm, 14px);
160
- line-height: var(--font-leading-leading-xxs, 14px);
161
- font-weight: var(--font-weight-font-normal, 400);
162
- }
163
- .body-sm-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
164
- .body-sm-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
165
- .body-sm-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
166
- .body-sm-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
167
- .body-sm-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
168
-
169
- .body-md-leading-6 {
170
- margin: 0;
171
- color: var(--color-text-default, #262626);
172
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
173
- font-size: var(--font-size-text-base, 16px);
174
- line-height: var(--font-leading-leading-md, 24px);
175
- font-weight: var(--font-weight-font-normal, 400);
176
- }
177
- .body-md-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
178
- .body-md-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
179
- .body-md-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
180
- .body-md-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
181
- .body-md-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
182
-
183
- .body-md-leading-7 {
184
- margin: 0;
185
- color: var(--color-text-default, #262626);
186
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
187
- font-size: var(--font-size-text-base, 16px);
188
- line-height: var(--font-leading-leading-lg, 28px);
189
- font-weight: var(--font-weight-font-normal, 400);
190
- }
191
- .body-md-leading-7--light { font-weight: var(--font-weight-font-light, 300); }
192
- .body-md-leading-7--regular { font-weight: var(--font-weight-font-normal, 400); }
193
- .body-md-leading-7--medium { font-weight: var(--font-weight-font-medium, 500); }
194
- .body-md-leading-7--bold { font-weight: var(--font-weight-font-bold, 700); }
195
- .body-md-leading-7--black { font-weight: var(--font-weight-font-black, 900); }
196
-
197
- .body-md-leading-none {
198
- margin: 0;
199
- color: var(--color-text-default, #262626);
200
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
201
- font-size: var(--font-size-text-base, 16px);
202
- line-height: var(--font-leading-leading-base, 16px);
203
- font-weight: var(--font-weight-font-normal, 400);
204
- }
205
- .body-md-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
206
- .body-md-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
207
- .body-md-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
208
- .body-md-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
209
- .body-md-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
210
-
211
- .body-lg-leading-7 {
212
- margin: 0;
213
- color: var(--color-text-default, #262626);
214
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
215
- font-size: var(--font-size-text-lg, 18px);
216
- line-height: var(--font-leading-leading-lg, 28px);
217
- font-weight: var(--font-weight-font-normal, 400);
218
- }
219
- .body-lg-leading-7--light { font-weight: var(--font-weight-font-light, 300); }
220
- .body-lg-leading-7--regular { font-weight: var(--font-weight-font-normal, 400); }
221
- .body-lg-leading-7--medium { font-weight: var(--font-weight-font-medium, 500); }
222
- .body-lg-leading-7--bold { font-weight: var(--font-weight-font-bold, 700); }
223
- .body-lg-leading-7--black { font-weight: var(--font-weight-font-black, 900); }
224
-
225
- .body-lg-leading-6 {
226
- margin: 0;
227
- color: var(--color-text-default, #262626);
228
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
229
- font-size: var(--font-size-text-lg, 18px);
230
- line-height: var(--font-leading-leading-md, 24px);
231
- font-weight: var(--font-weight-font-normal, 400);
232
- }
233
- .body-lg-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
234
- .body-lg-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
235
- .body-lg-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
236
- .body-lg-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
237
- .body-lg-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
238
-
239
- .body-lg-leading-none {
240
- margin: 0;
241
- color: var(--color-text-default, #262626);
242
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
243
- font-size: var(--font-size-text-lg, 18px);
244
- line-height: var(--font-leading-leading-xs, 18px);
245
- font-weight: var(--font-weight-font-normal, 400);
246
- }
247
- .body-lg-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
248
- .body-lg-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
249
- .body-lg-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
250
- .body-lg-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
251
- .body-lg-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
1
+ .heading-3xl {
2
+ margin: 0;
3
+ color: var(--color-text-default, #262626);
4
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
5
+ font-size: var(--font-size-text-7xl, 72px);
6
+ line-height: var(--font-leading-leading-7xl, 72px);
7
+ font-weight: var(--font-weight-font-normal, 400);
8
+ }
9
+ .heading-3xl--light { font-weight: var(--font-weight-font-light, 300); }
10
+ .heading-3xl--regular { font-weight: var(--font-weight-font-normal, 400); }
11
+ .heading-3xl--medium { font-weight: var(--font-weight-font-medium, 500); }
12
+ .heading-3xl--bold { font-weight: var(--font-weight-font-bold, 700); }
13
+ .heading-3xl--black { font-weight: var(--font-weight-font-black, 900); }
14
+
15
+ .heading-2xl {
16
+ margin: 0;
17
+ color: var(--color-text-default, #262626);
18
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
19
+ font-size: var(--font-size-text-6xl, 60px);
20
+ line-height: var(--font-leading-leading-6xl, 64px);
21
+ font-weight: var(--font-weight-font-normal, 400);
22
+ }
23
+ .heading-2xl--light { font-weight: var(--font-weight-font-light, 300); }
24
+ .heading-2xl--regular { font-weight: var(--font-weight-font-normal, 400); }
25
+ .heading-2xl--medium { font-weight: var(--font-weight-font-medium, 500); }
26
+ .heading-2xl--bold { font-weight: var(--font-weight-font-bold, 700); }
27
+ .heading-2xl--black { font-weight: var(--font-weight-font-black, 900); }
28
+
29
+ .heading-xl {
30
+ margin: 0;
31
+ color: var(--color-text-default, #262626);
32
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
33
+ font-size: var(--font-size-text-5xl, 48px);
34
+ line-height: var(--font-leading-leading-5xl, 52px);
35
+ font-weight: var(--font-weight-font-normal, 400);
36
+ }
37
+ .heading-xl--light { font-weight: var(--font-weight-font-light, 300); }
38
+ .heading-xl--regular { font-weight: var(--font-weight-font-normal, 400); }
39
+ .heading-xl--medium { font-weight: var(--font-weight-font-medium, 500); }
40
+ .heading-xl--bold { font-weight: var(--font-weight-font-bold, 700); }
41
+ .heading-xl--black { font-weight: var(--font-weight-font-black, 900); }
42
+
43
+ .heading-lg {
44
+ margin: 0;
45
+ color: var(--color-text-default, #262626);
46
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
47
+ font-size: var(--font-size-text-4xl, 36px);
48
+ line-height: var(--font-leading-leading-3xl, 40px);
49
+ font-weight: var(--font-weight-font-normal, 400);
50
+ }
51
+ .heading-lg--light { font-weight: var(--font-weight-font-light, 300); }
52
+ .heading-lg--regular { font-weight: var(--font-weight-font-normal, 400); }
53
+ .heading-lg--medium { font-weight: var(--font-weight-font-medium, 500); }
54
+ .heading-lg--bold { font-weight: var(--font-weight-font-bold, 700); }
55
+ .heading-lg--black { font-weight: var(--font-weight-font-black, 900); }
56
+
57
+ .heading-md {
58
+ margin: 0;
59
+ color: var(--color-text-default, #262626);
60
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
61
+ font-size: var(--font-size-text-3xl, 30px);
62
+ line-height: var(--font-leading-leading-2xl, 36px);
63
+ font-weight: var(--font-weight-font-normal, 400);
64
+ }
65
+ .heading-md--light { font-weight: var(--font-weight-font-light, 300); }
66
+ .heading-md--regular { font-weight: var(--font-weight-font-normal, 400); }
67
+ .heading-md--medium { font-weight: var(--font-weight-font-medium, 500); }
68
+ .heading-md--bold { font-weight: var(--font-weight-font-bold, 700); }
69
+ .heading-md--black { font-weight: var(--font-weight-font-black, 900); }
70
+
71
+ .heading-sm {
72
+ margin: 0;
73
+ color: var(--color-text-default, #262626);
74
+ font-family: var(--font-font-family-heading, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
75
+ font-size: var(--font-size-text-2xl, 24px);
76
+ line-height: var(--font-leading-leading-2xl, 36px);
77
+ font-weight: var(--font-weight-font-normal, 400);
78
+ }
79
+ .heading-sm--light { font-weight: var(--font-weight-font-light, 300); }
80
+ .heading-sm--regular { font-weight: var(--font-weight-font-normal, 400); }
81
+ .heading-sm--medium { font-weight: var(--font-weight-font-medium, 500); }
82
+ .heading-sm--bold { font-weight: var(--font-weight-font-bold, 700); }
83
+ .heading-sm--black { font-weight: var(--font-weight-font-black, 900); }
84
+
85
+ .body-xs-leading-5 {
86
+ margin: 0;
87
+ color: var(--color-text-default, #262626);
88
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
89
+ font-size: var(--font-size-text-xs, 12px);
90
+ line-height: var(--font-leading-leading-sm, 20px);
91
+ font-weight: var(--font-weight-font-normal, 400);
92
+ }
93
+ .body-xs-leading-5--light { font-weight: var(--font-weight-font-light, 300); }
94
+ .body-xs-leading-5--regular { font-weight: var(--font-weight-font-normal, 400); }
95
+ .body-xs-leading-5--medium { font-weight: var(--font-weight-font-medium, 500); }
96
+ .body-xs-leading-5--bold { font-weight: var(--font-weight-font-bold, 700); }
97
+ .body-xs-leading-5--black { font-weight: var(--font-weight-font-black, 900); }
98
+
99
+ .body-xs-leading-4 {
100
+ margin: 0;
101
+ color: var(--color-text-default, #262626);
102
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
103
+ font-size: var(--font-size-text-xs, 12px);
104
+ line-height: var(--font-leading-leading-xs, 18px);
105
+ font-weight: var(--font-weight-font-normal, 400);
106
+ }
107
+ .body-xs-leading-4--light { font-weight: var(--font-weight-font-light, 300); }
108
+ .body-xs-leading-4--regular { font-weight: var(--font-weight-font-normal, 400); }
109
+ .body-xs-leading-4--medium { font-weight: var(--font-weight-font-medium, 500); }
110
+ .body-xs-leading-4--bold { font-weight: var(--font-weight-font-bold, 700); }
111
+ .body-xs-leading-4--black { font-weight: var(--font-weight-font-black, 900); }
112
+
113
+ .body-xs-leading-none {
114
+ margin: 0;
115
+ color: var(--color-text-default, #262626);
116
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
117
+ font-size: var(--font-size-text-xs, 12px);
118
+ line-height: var(--font-leading-leading-xxxs, 12px);
119
+ font-weight: var(--font-weight-font-normal, 400);
120
+ }
121
+ .body-xs-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
122
+ .body-xs-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
123
+ .body-xs-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
124
+ .body-xs-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
125
+ .body-xs-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
126
+
127
+ .body-sm-leading-6 {
128
+ margin: 0;
129
+ color: var(--color-text-default, #262626);
130
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
131
+ font-size: var(--font-size-text-sm, 14px);
132
+ line-height: var(--font-leading-leading-md, 24px);
133
+ font-weight: var(--font-weight-font-normal, 400);
134
+ }
135
+ .body-sm-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
136
+ .body-sm-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
137
+ .body-sm-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
138
+ .body-sm-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
139
+ .body-sm-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
140
+
141
+ .body-sm-leading-5 {
142
+ margin: 0;
143
+ color: var(--color-text-default, #262626);
144
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
145
+ font-size: var(--font-size-text-sm, 14px);
146
+ line-height: var(--font-leading-leading-sm, 20px);
147
+ font-weight: var(--font-weight-font-normal, 400);
148
+ }
149
+ .body-sm-leading-5--light { font-weight: var(--font-weight-font-light, 300); }
150
+ .body-sm-leading-5--regular { font-weight: var(--font-weight-font-normal, 400); }
151
+ .body-sm-leading-5--medium { font-weight: var(--font-weight-font-medium, 500); }
152
+ .body-sm-leading-5--bold { font-weight: var(--font-weight-font-bold, 700); }
153
+ .body-sm-leading-5--black { font-weight: var(--font-weight-font-black, 900); }
154
+
155
+ .body-sm-leading-none {
156
+ margin: 0;
157
+ color: var(--color-text-default, #262626);
158
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
159
+ font-size: var(--font-size-text-sm, 14px);
160
+ line-height: var(--font-leading-leading-xxs, 14px);
161
+ font-weight: var(--font-weight-font-normal, 400);
162
+ }
163
+ .body-sm-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
164
+ .body-sm-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
165
+ .body-sm-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
166
+ .body-sm-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
167
+ .body-sm-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
168
+
169
+ .body-md-leading-6 {
170
+ margin: 0;
171
+ color: var(--color-text-default, #262626);
172
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
173
+ font-size: var(--font-size-text-base, 16px);
174
+ line-height: var(--font-leading-leading-md, 24px);
175
+ font-weight: var(--font-weight-font-normal, 400);
176
+ }
177
+ .body-md-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
178
+ .body-md-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
179
+ .body-md-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
180
+ .body-md-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
181
+ .body-md-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
182
+
183
+ .body-md-leading-7 {
184
+ margin: 0;
185
+ color: var(--color-text-default, #262626);
186
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
187
+ font-size: var(--font-size-text-base, 16px);
188
+ line-height: var(--font-leading-leading-lg, 28px);
189
+ font-weight: var(--font-weight-font-normal, 400);
190
+ }
191
+ .body-md-leading-7--light { font-weight: var(--font-weight-font-light, 300); }
192
+ .body-md-leading-7--regular { font-weight: var(--font-weight-font-normal, 400); }
193
+ .body-md-leading-7--medium { font-weight: var(--font-weight-font-medium, 500); }
194
+ .body-md-leading-7--bold { font-weight: var(--font-weight-font-bold, 700); }
195
+ .body-md-leading-7--black { font-weight: var(--font-weight-font-black, 900); }
196
+
197
+ .body-md-leading-none {
198
+ margin: 0;
199
+ color: var(--color-text-default, #262626);
200
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
201
+ font-size: var(--font-size-text-base, 16px);
202
+ line-height: var(--font-leading-leading-base, 16px);
203
+ font-weight: var(--font-weight-font-normal, 400);
204
+ }
205
+ .body-md-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
206
+ .body-md-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
207
+ .body-md-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
208
+ .body-md-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
209
+ .body-md-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
210
+
211
+ .body-lg-leading-7 {
212
+ margin: 0;
213
+ color: var(--color-text-default, #262626);
214
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
215
+ font-size: var(--font-size-text-lg, 18px);
216
+ line-height: var(--font-leading-leading-lg, 28px);
217
+ font-weight: var(--font-weight-font-normal, 400);
218
+ }
219
+ .body-lg-leading-7--light { font-weight: var(--font-weight-font-light, 300); }
220
+ .body-lg-leading-7--regular { font-weight: var(--font-weight-font-normal, 400); }
221
+ .body-lg-leading-7--medium { font-weight: var(--font-weight-font-medium, 500); }
222
+ .body-lg-leading-7--bold { font-weight: var(--font-weight-font-bold, 700); }
223
+ .body-lg-leading-7--black { font-weight: var(--font-weight-font-black, 900); }
224
+
225
+ .body-lg-leading-6 {
226
+ margin: 0;
227
+ color: var(--color-text-default, #262626);
228
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
229
+ font-size: var(--font-size-text-lg, 18px);
230
+ line-height: var(--font-leading-leading-md, 24px);
231
+ font-weight: var(--font-weight-font-normal, 400);
232
+ }
233
+ .body-lg-leading-6--light { font-weight: var(--font-weight-font-light, 300); }
234
+ .body-lg-leading-6--regular { font-weight: var(--font-weight-font-normal, 400); }
235
+ .body-lg-leading-6--medium { font-weight: var(--font-weight-font-medium, 500); }
236
+ .body-lg-leading-6--bold { font-weight: var(--font-weight-font-bold, 700); }
237
+ .body-lg-leading-6--black { font-weight: var(--font-weight-font-black, 900); }
238
+
239
+ .body-lg-leading-none {
240
+ margin: 0;
241
+ color: var(--color-text-default, #262626);
242
+ font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
243
+ font-size: var(--font-size-text-lg, 18px);
244
+ line-height: var(--font-leading-leading-xs, 18px);
245
+ font-weight: var(--font-weight-font-normal, 400);
246
+ }
247
+ .body-lg-leading-none--light { font-weight: var(--font-weight-font-light, 300); }
248
+ .body-lg-leading-none--regular { font-weight: var(--font-weight-font-normal, 400); }
249
+ .body-lg-leading-none--medium { font-weight: var(--font-weight-font-medium, 500); }
250
+ .body-lg-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
251
+ .body-lg-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
package/src/styles/fonts.css ADDED
@@ -0,0 +1,50 @@
1
+ /*
2
+ * Satoshi Font Family
3
+ * Source: https://www.fontshare.com/fonts/satoshi
4
+ *
5
+ * Pour obtenir les fichiers :
6
+ * 1. Télécharger depuis https://www.fontshare.com/fonts/satoshi
7
+ * 2. Extraire les fichiers .woff2 dans public/fonts/satoshi/
8
+ * 3. Les déclarations @font-face ci-dessous chargeront automatiquement les polices
9
+ */
10
+
11
+ /* Satoshi Regular */
12
+ @font-face {
13
+ font-family: 'Satoshi';
14
+ src: url('/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
15
+ url('/fonts/satoshi/Satoshi-Regular.woff') format('woff');
16
+ font-weight: 400;
17
+ font-style: normal;
18
+ font-display: swap;
19
+ }
20
+
21
+ /* Satoshi Medium */
22
+ @font-face {
23
+ font-family: 'Satoshi';
24
+ src: url('/fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
25
+ url('/fonts/satoshi/Satoshi-Medium.woff') format('woff');
26
+ font-weight: 500;
27
+ font-style: normal;
28
+ font-display: swap;
29
+ }
30
+
31
+ /* Satoshi Bold */
32
+ @font-face {
33
+ font-family: 'Satoshi';
34
+ src: url('/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
35
+ url('/fonts/satoshi/Satoshi-Bold.woff') format('woff');
36
+ font-weight: 700;
37
+ font-style: normal;
38
+ font-display: swap;
39
+ }
40
+
41
+ /* Satoshi Black */
42
+ @font-face {
43
+ font-family: 'Satoshi';
44
+ src: url('/fonts/satoshi/Satoshi-Black.woff2') format('woff2'),
45
+ url('/fonts/satoshi/Satoshi-Black.woff') format('woff');
46
+ font-weight: 900;
47
+ font-style: normal;
48
+ font-display: swap;
49
+ }
50
+