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
@@ -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;
@@ -2076,53 +2076,53 @@
2076
2076
 
2077
2077
  /* Card Container Base Styles - Based on Figma design specs */
2078
2078
 
2079
- .card-container {
2080
- display: flex;
2081
- flex-direction: column;
2082
- background-color: var(--card-color-background-default, #fafafa);
2083
- border: 1px solid var(--card-color-border-default, #a3a3a3);
2084
- border-radius: 24px; /* Figma: card/border-radius/default = 24px (rounded-3xl) */
2079
+ .card-container {
2080
+ display: flex;
2081
+ flex-direction: column;
2082
+ background-color: var(--card-color-background-default, #fafafa);
2083
+ border: 1px solid var(--card-color-border-default, #a3a3a3);
2084
+ border-radius: 24px; /* Figma: card/border-radius/default = 24px (rounded-3xl) */
2085
2085
  }
2086
2086
 
2087
2087
  /* Spacing Variants - Based on Figma design tokens */
2088
2088
 
2089
- /* Note: Using pixel values directly as Figma specifies.
2090
- Tokens are currently generated in rem, but should match these values:
2091
- - compact: 8px (px-2)
2092
- - normal: 12px (px-3)
2093
- - relaxed: 16px (px-4)
2094
- - chill: 24px (px-6)
2089
+ /* Note: Using pixel values directly as Figma specifies.
2090
+ Tokens are currently generated in rem, but should match these values:
2091
+ - compact: 8px (px-2)
2092
+ - normal: 12px (px-3)
2093
+ - relaxed: 16px (px-4)
2094
+ - chill: 24px (px-6)
2095
2095
  */
2096
2096
 
2097
- .card-container--spacing-compact {
2098
- padding: var(--card-spacing-compact-padding-y, 8px) var(--card-spacing-compact-padding-x, 8px);
2097
+ .card-container--spacing-compact {
2098
+ padding: var(--card-spacing-compact-padding-y, 8px) var(--card-spacing-compact-padding-x, 8px);
2099
2099
  }
2100
2100
 
2101
- .card-container--spacing-normal {
2102
- padding: var(--card-spacing-normal-padding-y, 12px) var(--card-spacing-normal-padding-x, 12px);
2101
+ .card-container--spacing-normal {
2102
+ padding: var(--card-spacing-normal-padding-y, 12px) var(--card-spacing-normal-padding-x, 12px);
2103
2103
  }
2104
2104
 
2105
- .card-container--spacing-relaxed {
2106
- padding: var(--card-spacing-relaxed-padding-y, 16px) var(--card-spacing-relaxed-padding-x, 16px);
2105
+ .card-container--spacing-relaxed {
2106
+ padding: var(--card-spacing-relaxed-padding-y, 16px) var(--card-spacing-relaxed-padding-x, 16px);
2107
2107
  }
2108
2108
 
2109
- .card-container--spacing-chill {
2110
- padding: var(--card-spacing-chill-padding-y, 24px) var(--card-spacing-chill-padding-x, 24px);
2109
+ .card-container--spacing-chill {
2110
+ padding: var(--card-spacing-chill-padding-y, 24px) var(--card-spacing-chill-padding-x, 24px);
2111
2111
  }
2112
2112
 
2113
2113
  /* Interactive States */
2114
2114
 
2115
- .card-container[onclick] {
2116
- cursor: pointer;
2117
- transition: border-color 0.2s ease, background-color 0.2s ease;
2115
+ .card-container[onclick] {
2116
+ cursor: pointer;
2117
+ transition: border-color 0.2s ease, background-color 0.2s ease;
2118
2118
  }
2119
2119
 
2120
- .card-container[onclick]:hover {
2121
- border-color: var(--color-border-medium, #a3a3a3);
2122
- background-color: var(--color-elevation-state-hover-subtle, #ededed);
2120
+ .card-container[onclick]:hover {
2121
+ border-color: var(--color-border-medium, #a3a3a3);
2122
+ background-color: var(--color-elevation-state-hover-subtle, #ededed);
2123
2123
  }
2124
2124
 
2125
- .card-container[onclick]:active {
2126
- border-color: var(--color-border-medium, #a3a3a3);
2127
- background-color: var(--color-elevation-state-pressed-subtle, #d9d9d9);
2125
+ .card-container[onclick]:active {
2126
+ border-color: var(--color-border-medium, #a3a3a3);
2127
+ background-color: var(--color-elevation-state-pressed-subtle, #d9d9d9);
2128
2128
  }