mautourco-components 0.2.5 → 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 -32
  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 +142 -142
  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 -133
  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/dist/styles/components/organism/search-bar-transfer.css CHANGED
@@ -559,15 +559,15 @@
559
559
  --border-radius-rounded-tr-none: 0px;
560
560
  --border-radius-rounded-tr-xl: 12px;
561
561
  --border-radius-rounded-xl: 12px;
562
- --font-weight-font-black: 900px;
563
- --font-weight-font-bold: 700px;
564
- --font-weight-font-extrabold: 800px;
565
- --font-weight-font-extralight: 200px;
566
- --font-weight-font-light: 300px;
567
- --font-weight-font-medium: 500px;
568
- --font-weight-font-normal: 400px;
569
- --font-weight-font-semibold: 600px;
570
- --font-weight-font-thin: 100px;
562
+ --font-weight-font-black: 900;
563
+ --font-weight-font-bold: 700;
564
+ --font-weight-font-extrabold: 800;
565
+ --font-weight-font-extralight: 200;
566
+ --font-weight-font-light: 300;
567
+ --font-weight-font-medium: 500;
568
+ --font-weight-font-normal: 400;
569
+ --font-weight-font-semibold: 600;
570
+ --font-weight-font-thin: 100;
571
571
  --font-leading-leading-base: 16px;
572
572
  --font-leading-leading-xxs: 14px;
573
573
  --font-leading-leading-xxxs: 12px;
@@ -1092,116 +1092,116 @@
1092
1092
  --backdrop-blur-backdrop-blur-none: 0px;
1093
1093
  --backdrop-blur-backdrop-blur-sm: 4px;
1094
1094
  --backdrop-blur-backdrop-blur-xl: 24px;
1095
- --heading-3xl-light: 300px 72px/72px satoshi;
1096
- --heading-3xl-regular: 400px 72px/72px satoshi;
1097
- --heading-3xl-medium: 500px 72px/72px satoshi;
1098
- --heading-3xl-bold: 700px 72px/72px satoshi;
1099
- --heading-3xl-black: 900px 72px/72px satoshi;
1100
- --heading-2xl-light: 300px 60px/64px satoshi;
1101
- --heading-2xl-regular: 400px 60px/64px satoshi;
1102
- --heading-2xl-medium: 500px 60px/64px satoshi;
1103
- --heading-2xl-bold: 700px 60px/64px satoshi;
1104
- --heading-2xl-black: 900px 60px/64px satoshi;
1105
- --heading-xl-light: 300px 48px/52px satoshi;
1106
- --heading-xl-regular: 400px 48px/52px satoshi;
1107
- --heading-xl-medium: 500px 48px/52px satoshi;
1108
- --heading-xl-bold: 700px 48px/52px satoshi;
1109
- --heading-xl-black: 900px 48px/52px satoshi;
1110
- --heading-lg-light: 300px 36px/40px satoshi;
1111
- --heading-lg-regular: 400px 36px/40px satoshi;
1112
- --heading-lg-medium: 500px 36px/40px satoshi;
1113
- --heading-lg-bold: 700px 36px/40px satoshi;
1114
- --heading-lg-black: 900px 36px/40px satoshi;
1115
- --heading-md-light: 300px 30px/36px satoshi;
1116
- --heading-md-regular: 400px 30px/36px satoshi;
1117
- --heading-md-medium: 500px 30px/36px satoshi;
1118
- --heading-md-bold: 700px 30px/36px satoshi;
1119
- --heading-md-black: 900px 30px/36px satoshi;
1120
- --heading-md-leading-none-light: 300px 18px/32px satoshi;
1121
- --heading-md-leading-none-regular: 400px 18px/32px satoshi;
1122
- --heading-md-leading-none-medium: 500px 18px/32px satoshi;
1123
- --heading-md-leading-none-bold: 700px 18px/32px satoshi;
1124
- --heading-md-leading-none-black: 900px 18px/32px satoshi;
1125
- --heading-md-leading-6-light: 300px 18px/24px satoshi;
1126
- --heading-md-leading-6-regular: 400px 18px/24px satoshi;
1127
- --heading-md-leading-6-medium: 500px 18px/24px satoshi;
1128
- --heading-md-leading-6-bold: 700px 18px/24px satoshi;
1129
- --heading-md-leading-6-black: 900px 18px/24px satoshi;
1130
- --heading-md-leading-7-light: 300px 18px/28px satoshi;
1131
- --heading-md-leading-7-regular: 400px 18px/28px satoshi;
1132
- --heading-md-leading-7-medium: 500px 18px/28px satoshi;
1133
- --heading-md-leading-7-bold: 700px 18px/28px satoshi;
1134
- --heading-md-leading-7-black: 900px 18px/28px satoshi;
1135
- --heading-sm-light: 300px 24px/32px satoshi;
1136
- --heading-sm-regular: 400px 24px/32px satoshi;
1137
- --heading-sm-medium: 500px 24px/32px satoshi;
1138
- --heading-sm-bold: 700px 24px/32px satoshi;
1139
- --heading-sm-black: 900px 24px/32px satoshi;
1140
- --body-lg-leading-none-light: 300px 18px/18px satoshi;
1141
- --body-lg-leading-none-regular: 400px 18px/18px satoshi;
1142
- --body-lg-leading-none-medium: 500px 18px/18px satoshi;
1143
- --body-lg-leading-none-bold: 700px 18px/18px satoshi;
1144
- --body-lg-leading-none-black: 900px 18px/18px satoshi;
1145
- --body-lg-leading-6-light: 300px 18px/24px satoshi;
1146
- --body-lg-leading-6-regular: 400px 18px/24px satoshi;
1147
- --body-lg-leading-6-medium: 500px 18px/24px satoshi;
1148
- --body-lg-leading-6-bold: 700px 18px/24px satoshi;
1149
- --body-lg-leading-6-black: 900px 18px/24px satoshi;
1150
- --body-lg-leading-7-light: 300px 18px/28px satoshi;
1151
- --body-lg-leading-7-regular: 400px 18px/28px satoshi;
1152
- --body-lg-leading-7-medium: 500px 18px/28px satoshi;
1153
- --body-lg-leading-7-bold: 700px 18px/28px satoshi;
1154
- --body-lg-leading-7-black: 900px 18px/28px satoshi;
1155
- --body-md-leading-none-light: 300px 16px/16px satoshi;
1156
- --body-md-leading-none-regular: 400px 16px/16px satoshi;
1157
- --body-md-leading-none-medium: 500px 16px/16px satoshi;
1158
- --body-md-leading-none-bold: 700px 16px/16px satoshi;
1159
- --body-md-leading-none-black: 900px 16px/16px satoshi;
1160
- --body-md-leading-6-light: 300px 16px/24px satoshi;
1161
- --body-md-leading-6-regular: 400px 16px/24px satoshi;
1162
- --body-md-leading-6-medium: 500px 16px/24px satoshi;
1163
- --body-md-leading-6-bold: 700px 16px/24px satoshi;
1164
- --body-md-leading-6-black: 900px 16px/24px satoshi;
1165
- --body-md-leading-7-light: 300px 16px/28px satoshi;
1166
- --body-md-leading-7-regular: 400px 16px/28px satoshi;
1167
- --body-md-leading-7-medium: 500px 16px/28px satoshi;
1168
- --body-md-leading-7-bold: 700px 16px/28px satoshi;
1169
- --body-md-leading-7-black: 900px 16px/28px satoshi;
1170
- --heading-xs-light: 300px 24px/32px satoshi;
1171
- --heading-xs-regular: 400px 24px/32px satoshi;
1172
- --heading-xs-medium: 500px 24px/32px satoshi;
1173
- --heading-xs-bold: 700px 24px/32px satoshi;
1174
- --heading-xs-black: 900px 24px/32px satoshi;
1175
- --body-sm-leading-none-light: 300px 14px/14px satoshi;
1176
- --body-sm-leading-none-regular: 400px 14px/14px satoshi;
1177
- --body-sm-leading-none-medium: 500px 14px/14px satoshi;
1178
- --body-sm-leading-none-bold: 700px 14px/14px satoshi;
1179
- --body-sm-leading-none-black: 900px 14px/14px satoshi;
1180
- --body-sm-leading-5-light: 300px 14px/20px satoshi;
1181
- --body-sm-leading-5-regular: 400px 14px/20px satoshi;
1182
- --body-sm-leading-5-medium: 500px 14px/20px satoshi;
1183
- --body-sm-leading-5-bold: 700px 14px/20px satoshi;
1184
- --body-sm-leading-5-black: 900px 14px/20px satoshi;
1185
- --body-sm-leading-6-light: 300px 14px/24px satoshi;
1186
- --body-sm-leading-6-regular: 400px 14px/24px satoshi;
1187
- --body-sm-leading-6-medium: 500px 14px/24px satoshi;
1188
- --body-sm-leading-6-bold: 700px 14px/24px satoshi;
1189
- --body-sm-leading-6-black: 900px 14px/24px satoshi;
1190
- --body-xs-leading-none-light: 300px 12px/12px satoshi;
1191
- --body-xs-leading-none-regular: 400px 12px/12px satoshi;
1192
- --body-xs-leading-none-medium: 500px 12px/12px satoshi;
1193
- --body-xs-leading-none-bold: 700px 12px/12px satoshi;
1194
- --body-xs-leading-none-black: 900px 12px/12px satoshi;
1195
- --body-xs-leading-4-light: 300px 12px/16px satoshi;
1196
- --body-xs-leading-4-regular: 400px 12px/16px satoshi;
1197
- --body-xs-leading-4-medium: 500px 12px/16px satoshi;
1198
- --body-xs-leading-4-bold: 700px 12px/16px satoshi;
1199
- --body-xs-leading-4-black: 900px 12px/16px satoshi;
1200
- --body-xs-leading-5-light: 300px 12px/20px satoshi;
1201
- --body-xs-leading-5-regular: 400px 12px/20px satoshi;
1202
- --body-xs-leading-5-medium: 500px 12px/20px satoshi;
1203
- --body-xs-leading-5-bold: 700px 12px/20px satoshi;
1204
- --body-xs-leading-5-black: 900px 12px/20px satoshi;
1095
+ --heading-3xl-light: [object Object];
1096
+ --heading-3xl-regular: [object Object];
1097
+ --heading-3xl-medium: [object Object];
1098
+ --heading-3xl-bold: [object Object];
1099
+ --heading-3xl-black: [object Object];
1100
+ --heading-2xl-light: [object Object];
1101
+ --heading-2xl-regular: [object Object];
1102
+ --heading-2xl-medium: [object Object];
1103
+ --heading-2xl-bold: [object Object];
1104
+ --heading-2xl-black: [object Object];
1105
+ --heading-xl-light: [object Object];
1106
+ --heading-xl-regular: [object Object];
1107
+ --heading-xl-medium: [object Object];
1108
+ --heading-xl-bold: [object Object];
1109
+ --heading-xl-black: [object Object];
1110
+ --heading-lg-light: [object Object];
1111
+ --heading-lg-regular: [object Object];
1112
+ --heading-lg-medium: [object Object];
1113
+ --heading-lg-bold: [object Object];
1114
+ --heading-lg-black: [object Object];
1115
+ --heading-md-light: [object Object];
1116
+ --heading-md-regular: [object Object];
1117
+ --heading-md-medium: [object Object];
1118
+ --heading-md-bold: [object Object];
1119
+ --heading-md-black: [object Object];
1120
+ --heading-md-leading-none-light: [object Object];
1121
+ --heading-md-leading-none-regular: [object Object];
1122
+ --heading-md-leading-none-medium: [object Object];
1123
+ --heading-md-leading-none-bold: [object Object];
1124
+ --heading-md-leading-none-black: [object Object];
1125
+ --heading-md-leading-6-light: [object Object];
1126
+ --heading-md-leading-6-regular: [object Object];
1127
+ --heading-md-leading-6-medium: [object Object];
1128
+ --heading-md-leading-6-bold: [object Object];
1129
+ --heading-md-leading-6-black: [object Object];
1130
+ --heading-md-leading-7-light: [object Object];
1131
+ --heading-md-leading-7-regular: [object Object];
1132
+ --heading-md-leading-7-medium: [object Object];
1133
+ --heading-md-leading-7-bold: [object Object];
1134
+ --heading-md-leading-7-black: [object Object];
1135
+ --heading-sm-light: [object Object];
1136
+ --heading-sm-regular: [object Object];
1137
+ --heading-sm-medium: [object Object];
1138
+ --heading-sm-bold: [object Object];
1139
+ --heading-sm-black: [object Object];
1140
+ --body-lg-leading-none-light: [object Object];
1141
+ --body-lg-leading-none-regular: [object Object];
1142
+ --body-lg-leading-none-medium: [object Object];
1143
+ --body-lg-leading-none-bold: [object Object];
1144
+ --body-lg-leading-none-black: [object Object];
1145
+ --body-lg-leading-6-light: [object Object];
1146
+ --body-lg-leading-6-regular: [object Object];
1147
+ --body-lg-leading-6-medium: [object Object];
1148
+ --body-lg-leading-6-bold: [object Object];
1149
+ --body-lg-leading-6-black: [object Object];
1150
+ --body-lg-leading-7-light: [object Object];
1151
+ --body-lg-leading-7-regular: [object Object];
1152
+ --body-lg-leading-7-medium: [object Object];
1153
+ --body-lg-leading-7-bold: [object Object];
1154
+ --body-lg-leading-7-black: [object Object];
1155
+ --body-md-leading-none-light: [object Object];
1156
+ --body-md-leading-none-regular: [object Object];
1157
+ --body-md-leading-none-medium: [object Object];
1158
+ --body-md-leading-none-bold: [object Object];
1159
+ --body-md-leading-none-black: [object Object];
1160
+ --body-md-leading-6-light: [object Object];
1161
+ --body-md-leading-6-regular: [object Object];
1162
+ --body-md-leading-6-medium: [object Object];
1163
+ --body-md-leading-6-bold: [object Object];
1164
+ --body-md-leading-6-black: [object Object];
1165
+ --body-md-leading-7-light: [object Object];
1166
+ --body-md-leading-7-regular: [object Object];
1167
+ --body-md-leading-7-medium: [object Object];
1168
+ --body-md-leading-7-bold: [object Object];
1169
+ --body-md-leading-7-black: [object Object];
1170
+ --heading-xs-light: [object Object];
1171
+ --heading-xs-regular: [object Object];
1172
+ --heading-xs-medium: [object Object];
1173
+ --heading-xs-bold: [object Object];
1174
+ --heading-xs-black: [object Object];
1175
+ --body-sm-leading-none-light: [object Object];
1176
+ --body-sm-leading-none-regular: [object Object];
1177
+ --body-sm-leading-none-medium: [object Object];
1178
+ --body-sm-leading-none-bold: [object Object];
1179
+ --body-sm-leading-none-black: [object Object];
1180
+ --body-sm-leading-5-light: [object Object];
1181
+ --body-sm-leading-5-regular: [object Object];
1182
+ --body-sm-leading-5-medium: [object Object];
1183
+ --body-sm-leading-5-bold: [object Object];
1184
+ --body-sm-leading-5-black: [object Object];
1185
+ --body-sm-leading-6-light: [object Object];
1186
+ --body-sm-leading-6-regular: [object Object];
1187
+ --body-sm-leading-6-medium: [object Object];
1188
+ --body-sm-leading-6-bold: [object Object];
1189
+ --body-sm-leading-6-black: [object Object];
1190
+ --body-xs-leading-none-light: [object Object];
1191
+ --body-xs-leading-none-regular: [object Object];
1192
+ --body-xs-leading-none-medium: [object Object];
1193
+ --body-xs-leading-none-bold: [object Object];
1194
+ --body-xs-leading-none-black: [object Object];
1195
+ --body-xs-leading-4-light: [object Object];
1196
+ --body-xs-leading-4-regular: [object Object];
1197
+ --body-xs-leading-4-medium: [object Object];
1198
+ --body-xs-leading-4-bold: [object Object];
1199
+ --body-xs-leading-4-black: [object Object];
1200
+ --body-xs-leading-5-light: [object Object];
1201
+ --body-xs-leading-5-regular: [object Object];
1202
+ --body-xs-leading-5-medium: [object Object];
1203
+ --body-xs-leading-5-bold: [object Object];
1204
+ --body-xs-leading-5-black: [object Object];
1205
1205
  --radii-input: 8px;
1206
1206
  --radii-date-input: 12px;
1207
1207
  --radii-button: 9999px;
@@ -2086,7 +2086,7 @@
2086
2086
  border-color: var(--color-border-subtle);
2087
2087
  --tw-bg-opacity: 1;
2088
2088
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2089
- padding: 2rem;
2089
+ padding: 2rem;
2090
2090
  box-shadow: var(--spacing-base-0, 0) var(--spacing-base-0, 0) var(--backdrop-blur-backdrop-blur-sm, 4px) var(--spacing-base-0, 0) rgba(48, 54, 66, 0.11), var(--spacing-base-0, 0) var(--spacing-base-05, 2px) var(--backdrop-blur-backdrop-blur-xs, 2px) var(--spacing-base-0, 0) rgba(48, 54, 66, 0.10);
2091
2091
  }
2092
2092
 
@@ -2100,11 +2100,7 @@
2100
2100
  }
2101
2101
 
2102
2102
  .search-bar-transfer__title {
2103
- font-size: 1.875rem;
2104
- font-weight: 700;
2105
- line-height: 2.25rem;
2106
- color: var(--color-text-accent);
2107
- font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
2103
+ color: var(--color-text-accent, #0f7173);
2108
2104
  }
2109
2105
 
2110
2106
  /* Mode Selector (Segmented Button) */
@@ -2123,8 +2119,8 @@
2123
2119
  justify-content: space-between;
2124
2120
  }
2125
2121
 
2126
- .search-bar-transfer__transfer-type-label {
2127
- color: var(--color-text-subtle);
2122
+ .search-bar-transfer__transfer-type-label {
2123
+ color: var(--color-text-subtle);
2128
2124
  }
2129
2125
 
2130
2126
  .search-bar-transfer__add-buttons {
@@ -2146,14 +2142,14 @@
2146
2142
  .search-bar-transfer__category-header {
2147
2143
  display: flex;
2148
2144
  align-items: center;
2149
- gap: 0.5rem;
2145
+ gap: 0.5rem;
2150
2146
  color: var(--color-text-default);
2151
2147
  }
2152
2148
 
2153
2149
  /* Divider between categories */
2154
2150
 
2155
2151
  .search-bar-transfer__divider {
2156
- width: 100%;
2152
+ width: 100%;
2157
2153
  margin: var(--spacing-base-4, 16px) 0;
2158
2154
  }
2159
2155
 
@@ -2178,15 +2174,15 @@
2178
2174
  display: flex;
2179
2175
  align-items: center;
2180
2176
  overflow: hidden;
2181
- border-radius: 0.25rem;
2182
- border-width: 1px;
2183
- border-color: var(--color-danger-600);
2177
+ border-radius: 0.25rem;
2178
+ border-width: 1px;
2179
+ border-color: var(--color-danger-600);
2184
2180
  background-color: var(--color-danger-50);
2185
2181
  }
2186
2182
 
2187
2183
  .search-bar-transfer__error-bar {
2188
- height: 100%;
2189
- width: 8px;
2184
+ height: 100%;
2185
+ width: 8px;
2190
2186
  background-color: var(--color-danger-600);
2191
2187
  }
2192
2188
 
@@ -2197,62 +2193,63 @@
2197
2193
  padding: 0.75rem;
2198
2194
  }
2199
2195
 
2200
- .search-bar-transfer__error-icon {
2201
- color: var(--color-danger-600);
2196
+ .search-bar-transfer__error-icon {
2197
+ color: var(--color-danger-600);
2202
2198
  }
2203
2199
 
2204
- .search-bar-transfer__error-text {
2205
- color: var(--color-danger-600);
2200
+ .search-bar-transfer__error-text {
2201
+ color: var(--color-danger-600);
2206
2202
  }
2207
2203
 
2208
2204
  /* Responsive */
2209
2205
 
2210
- @media (max-width: 768px) {
2206
+ @media (max-width: 768px) {
2211
2207
  .search-bar-transfer {
2212
- padding: 1.5rem;
2208
+ padding: 1.5rem;
2213
2209
  gap: 24px;
2214
- }
2215
-
2210
+ }
2211
+
2216
2212
  .search-bar-transfer__header {
2217
2213
  flex-direction: column;
2218
2214
  align-items: flex-start;
2219
2215
  gap: 1rem;
2220
- }
2221
-
2216
+ }
2217
+
2222
2218
  .search-bar-transfer__title {
2223
- font-size: 1.5rem;
2224
- line-height: 2rem;
2225
- }
2226
-
2219
+ /* Responsive: Utiliser les tokens heading-sm (24px) sur mobile */
2220
+ font-size: var(--font-size-text-2xl, 24px);
2221
+ line-height: var(--font-leading-leading-2xl, 36px);
2222
+ }
2223
+
2227
2224
  .search-bar-transfer__transfer-type {
2228
2225
  flex-direction: column;
2229
2226
  align-items: flex-start;
2230
2227
  gap: 1rem;
2231
- }
2232
-
2228
+ }
2229
+
2233
2230
  .search-bar-transfer__add-buttons {
2234
2231
  width: 100%;
2235
2232
  flex-wrap: wrap;
2236
- }
2237
-
2233
+ }
2234
+
2238
2235
  .search-bar-transfer__actions {
2239
2236
  flex-direction: column;
2240
2237
  align-items: flex-start;
2241
2238
  gap: 1rem;
2242
- }
2243
-
2239
+ }
2240
+
2244
2241
  .search-bar-transfer__cta {
2245
2242
  width: 100%;
2246
2243
  flex-direction: column;
2247
- }
2248
-
2244
+ }
2245
+
2249
2246
  .search-bar-transfer__error {
2250
2247
  width: 100%;
2251
- }
2248
+ }
2252
2249
  }
2253
2250
 
2254
- @media (min-width: 769px) and (max-width: 1024px) {
2255
- .search-bar-transfer {
2256
- gap: 28px;
2257
- }
2251
+ @media (min-width: 769px) and (max-width: 1024px) {
2252
+ .search-bar-transfer {
2253
+ gap: 28px;
2254
+ }
2258
2255
  }