@goodhood-web/ui 0.0.6-alpha.5 → 0.0.6

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 (293) hide show
  1. package/.babelrc +12 -0
  2. package/.eslintrc.json +25 -0
  3. package/.storybook/main.ts +31 -0
  4. package/.storybook/manager-head.html +1 -0
  5. package/.storybook/manager.ts +7 -0
  6. package/.storybook/nebenanTheme.ts +17 -0
  7. package/.storybook/preview.ts +9 -0
  8. package/.stylelintrc.json +14 -0
  9. package/README.md +7 -0
  10. package/__mocks__/svg.js +2 -0
  11. package/images/favicon.ico +0 -0
  12. package/images/logo.svg +11 -0
  13. package/jest.config.ts +16 -0
  14. package/package.json +5 -1
  15. package/project.json +95 -0
  16. package/release.config.js +30 -0
  17. package/{index.d.ts → src/index.ts} +24 -1
  18. package/src/lib/BaseButton/BaseButton.module.scss +11 -0
  19. package/src/lib/BaseButton/BaseButton.spec.tsx +12 -0
  20. package/src/lib/BaseButton/BaseButton.stories.tsx +26 -0
  21. package/src/lib/BaseButton/BaseButton.tsx +39 -0
  22. package/src/lib/Card/Card.module.scss +15 -0
  23. package/src/lib/Card/Card.spec.tsx +15 -0
  24. package/src/lib/Card/Card.stories.tsx +159 -0
  25. package/src/lib/Card/Card.tsx +31 -0
  26. package/src/lib/Card/Card.types.ts +12 -0
  27. package/src/lib/Card/Card.utils.spec.tsx +51 -0
  28. package/src/lib/Card/Card.utils.ts +23 -0
  29. package/src/lib/Card/CardBody/CardBody.module.scss +4 -0
  30. package/src/lib/Card/CardBody/CardBody.spec.tsx +15 -0
  31. package/src/lib/Card/CardBody/CardBody.stories.tsx +108 -0
  32. package/src/lib/Card/CardBody/CardBody.tsx +9 -0
  33. package/src/lib/Card/CardBody/CardBody.types.ts +4 -0
  34. package/src/lib/Card/CardHeader/CardHeader.module.scss +12 -0
  35. package/src/lib/Card/CardHeader/CardHeader.spec.tsx +72 -0
  36. package/src/lib/Card/CardHeader/CardHeader.stories.tsx +77 -0
  37. package/src/lib/Card/CardHeader/CardHeader.tsx +29 -0
  38. package/src/lib/Card/CardHeader/CardHeader.type.ts +14 -0
  39. package/src/lib/ContentCreatorButton/ContentCreatorButton.module.scss +14 -0
  40. package/src/lib/ContentCreatorButton/ContentCreatorButton.spec.tsx +14 -0
  41. package/src/lib/ContentCreatorButton/ContentCreatorButton.stories.tsx +29 -0
  42. package/src/lib/ContentCreatorButton/ContentCreatorButton.tsx +35 -0
  43. package/{lib/ContentCreatorButton/ContentCreatorButton.types.d.ts → src/lib/ContentCreatorButton/ContentCreatorButton.types.ts} +3 -2
  44. package/src/lib/Divider/Divider.module.scss +10 -0
  45. package/src/lib/Divider/Divider.spec.tsx +46 -0
  46. package/src/lib/Divider/Divider.stories.tsx +35 -0
  47. package/src/lib/Divider/Divider.tsx +17 -0
  48. package/src/lib/Divider/Divider.types.ts +6 -0
  49. package/src/lib/Fieldset/Fieldset.module.scss +3 -0
  50. package/src/lib/Fieldset/Fieldset.spec.tsx +68 -0
  51. package/src/lib/Fieldset/Fieldset.stories.tsx +60 -0
  52. package/src/lib/Fieldset/Fieldset.tsx +28 -0
  53. package/src/lib/Fieldset/Fieldset.types.ts +7 -0
  54. package/src/lib/Form/Form.spec.tsx +15 -0
  55. package/src/lib/Form/Form.stories.tsx +53 -0
  56. package/src/lib/Form/Form.tsx +14 -0
  57. package/src/lib/Form/Form.types.ts +11 -0
  58. package/src/lib/Icon/Icon.module.scss +7 -0
  59. package/src/lib/Icon/Icon.spec.tsx +33 -0
  60. package/src/lib/Icon/Icon.stories.tsx +88 -0
  61. package/src/lib/Icon/Icon.tsx +29 -0
  62. package/src/lib/Icon/Icon.types.ts +23 -0
  63. package/src/lib/Icon/icons/24x24/index.ts +89 -0
  64. package/src/lib/Icon/icons/24x24/svg/arrow_left.svg +1 -0
  65. package/src/lib/Icon/icons/24x24/svg/arrow_right.svg +1 -0
  66. package/src/lib/Icon/icons/24x24/svg/bookmark.svg +1 -0
  67. package/src/lib/Icon/icons/24x24/svg/bookmarked.svg +1 -0
  68. package/src/lib/Icon/icons/24x24/svg/burger_menu.svg +1 -0
  69. package/src/lib/Icon/icons/24x24/svg/camera.svg +1 -0
  70. package/src/lib/Icon/icons/24x24/svg/checkmark.svg +1 -0
  71. package/src/lib/Icon/icons/24x24/svg/checkmark_circle.svg +1 -0
  72. package/src/lib/Icon/icons/24x24/svg/chevron_down.svg +1 -0
  73. package/src/lib/Icon/icons/24x24/svg/chevron_left.svg +1 -0
  74. package/src/lib/Icon/icons/24x24/svg/chevron_right.svg +1 -0
  75. package/src/lib/Icon/icons/24x24/svg/chevron_up.svg +1 -0
  76. package/src/lib/Icon/icons/24x24/svg/comment_bubble.svg +1 -0
  77. package/src/lib/Icon/icons/24x24/svg/cross.svg +1 -0
  78. package/src/lib/Icon/icons/24x24/svg/cross_circle.svg +1 -0
  79. package/src/lib/Icon/icons/24x24/svg/envelope.svg +1 -0
  80. package/src/lib/Icon/icons/24x24/svg/event_calendar.svg +1 -0
  81. package/src/lib/Icon/icons/24x24/svg/external_link.svg +1 -0
  82. package/src/lib/Icon/icons/24x24/svg/eye.svg +1 -0
  83. package/src/lib/Icon/icons/24x24/svg/eye_crossed.svg +1 -0
  84. package/src/lib/Icon/icons/24x24/svg/filter.svg +1 -0
  85. package/src/lib/Icon/icons/24x24/svg/globe.svg +1 -0
  86. package/src/lib/Icon/icons/24x24/svg/heart.svg +1 -0
  87. package/src/lib/Icon/icons/24x24/svg/image.svg +1 -0
  88. package/src/lib/Icon/icons/24x24/svg/loudspeaker.svg +1 -0
  89. package/src/lib/Icon/icons/24x24/svg/marketplace.svg +1 -0
  90. package/src/lib/Icon/icons/24x24/svg/more_dots.svg +1 -0
  91. package/src/lib/Icon/icons/24x24/svg/more_dots_alt.svg +1 -0
  92. package/src/lib/Icon/icons/24x24/svg/mute.svg +1 -0
  93. package/src/lib/Icon/icons/24x24/svg/notification_bell.svg +1 -0
  94. package/src/lib/Icon/icons/24x24/svg/paperclip.svg +1 -0
  95. package/src/lib/Icon/icons/24x24/svg/pencil.svg +1 -0
  96. package/src/lib/Icon/icons/24x24/svg/pin.svg +1 -0
  97. package/src/lib/Icon/icons/24x24/svg/plus.svg +1 -0
  98. package/src/lib/Icon/icons/24x24/svg/plus_circle.svg +1 -0
  99. package/src/lib/Icon/icons/24x24/svg/privacy_lock.svg +1 -0
  100. package/src/lib/Icon/icons/24x24/svg/search.svg +1 -0
  101. package/src/lib/Icon/icons/24x24/svg/share_arrow.svg +1 -0
  102. package/src/lib/Icon/icons/24x24/svg/share_arrow_outline.svg +1 -0
  103. package/src/lib/Icon/icons/24x24/svg/sort.svg +1 -0
  104. package/src/lib/Icon/icons/24x24/svg/thanks.svg +1 -0
  105. package/src/lib/Icon/icons/24x24/svg/trash_can.svg +1 -0
  106. package/src/lib/Icon/icons/32x32/index.ts +179 -0
  107. package/src/lib/Icon/icons/32x32/svg/address_book.svg +1 -0
  108. package/src/lib/Icon/icons/32x32/svg/baby_toy.svg +1 -0
  109. package/src/lib/Icon/icons/32x32/svg/bicycle.svg +1 -0
  110. package/src/lib/Icon/icons/32x32/svg/bookmark.svg +1 -0
  111. package/src/lib/Icon/icons/32x32/svg/books.svg +1 -0
  112. package/src/lib/Icon/icons/32x32/svg/bubble_heart_filled.svg +1 -0
  113. package/src/lib/Icon/icons/32x32/svg/bubble_heart_outline.svg +1 -0
  114. package/src/lib/Icon/icons/32x32/svg/buildings.svg +1 -0
  115. package/src/lib/Icon/icons/32x32/svg/burger_menu.svg +1 -0
  116. package/src/lib/Icon/icons/32x32/svg/business.svg +1 -0
  117. package/src/lib/Icon/icons/32x32/svg/business_profile.svg +1 -0
  118. package/src/lib/Icon/icons/32x32/svg/camera.svg +1 -0
  119. package/src/lib/Icon/icons/32x32/svg/camera_crossed.svg +1 -0
  120. package/src/lib/Icon/icons/32x32/svg/car.svg +1 -0
  121. package/src/lib/Icon/icons/32x32/svg/carrot.svg +1 -0
  122. package/src/lib/Icon/icons/32x32/svg/chat.svg +1 -0
  123. package/src/lib/Icon/icons/32x32/svg/checkmark_circle.svg +1 -0
  124. package/src/lib/Icon/icons/32x32/svg/christmas_tree.svg +1 -0
  125. package/src/lib/Icon/icons/32x32/svg/clipboard.svg +1 -0
  126. package/src/lib/Icon/icons/32x32/svg/clothing.svg +1 -0
  127. package/src/lib/Icon/icons/32x32/svg/cocktail.svg +1 -0
  128. package/src/lib/Icon/icons/32x32/svg/comment_bubble.svg +1 -0
  129. package/src/lib/Icon/icons/32x32/svg/compass.svg +1 -0
  130. package/src/lib/Icon/icons/32x32/svg/computer.svg +1 -0
  131. package/src/lib/Icon/icons/32x32/svg/couch.svg +1 -0
  132. package/src/lib/Icon/icons/32x32/svg/credit_card.svg +1 -0
  133. package/src/lib/Icon/icons/32x32/svg/cross_circle.svg +1 -0
  134. package/src/lib/Icon/icons/32x32/svg/cutlery.svg +1 -0
  135. package/src/lib/Icon/icons/32x32/svg/drill_tool.svg +1 -0
  136. package/src/lib/Icon/icons/32x32/svg/email.svg +1 -0
  137. package/src/lib/Icon/icons/32x32/svg/envelope.svg +1 -0
  138. package/src/lib/Icon/icons/32x32/svg/event_calendar_check.svg +1 -0
  139. package/src/lib/Icon/icons/32x32/svg/event_calendar_date.svg +1 -0
  140. package/src/lib/Icon/icons/32x32/svg/event_calendar_plus.svg +1 -0
  141. package/src/lib/Icon/icons/32x32/svg/exchange.svg +1 -0
  142. package/src/lib/Icon/icons/32x32/svg/eye.svg +1 -0
  143. package/src/lib/Icon/icons/32x32/svg/eye_crossed.svg +1 -0
  144. package/src/lib/Icon/icons/32x32/svg/gift.svg +1 -0
  145. package/src/lib/Icon/icons/32x32/svg/group.svg +1 -0
  146. package/src/lib/Icon/icons/32x32/svg/healthcare.svg +1 -0
  147. package/src/lib/Icon/icons/32x32/svg/heart.svg +1 -0
  148. package/src/lib/Icon/icons/32x32/svg/house.svg +1 -0
  149. package/src/lib/Icon/icons/32x32/svg/image.svg +1 -0
  150. package/src/lib/Icon/icons/32x32/svg/info.svg +1 -0
  151. package/src/lib/Icon/icons/32x32/svg/invite_neighbour.svg +1 -0
  152. package/src/lib/Icon/icons/32x32/svg/key.svg +1 -0
  153. package/src/lib/Icon/icons/32x32/svg/kitchen_pot.svg +1 -0
  154. package/src/lib/Icon/icons/32x32/svg/list.svg +1 -0
  155. package/src/lib/Icon/icons/32x32/svg/log_out.svg +1 -0
  156. package/src/lib/Icon/icons/32x32/svg/loudspeaker.svg +1 -0
  157. package/src/lib/Icon/icons/32x32/svg/map.svg +1 -0
  158. package/src/lib/Icon/icons/32x32/svg/marketplace.svg +1 -0
  159. package/src/lib/Icon/icons/32x32/svg/miscellaneous_other.svg +1 -0
  160. package/src/lib/Icon/icons/32x32/svg/more_dots.svg +1 -0
  161. package/src/lib/Icon/icons/32x32/svg/more_dots_alt.svg +1 -0
  162. package/src/lib/Icon/icons/32x32/svg/music.svg +1 -0
  163. package/src/lib/Icon/icons/32x32/svg/nebenan.de.svg +1 -0
  164. package/src/lib/Icon/icons/32x32/svg/neighbour.svg +1 -0
  165. package/src/lib/Icon/icons/32x32/svg/notification_bell.svg +1 -0
  166. package/src/lib/Icon/icons/32x32/svg/organisation.svg +1 -0
  167. package/src/lib/Icon/icons/32x32/svg/paper_form_empty.svg +1 -0
  168. package/src/lib/Icon/icons/32x32/svg/paper_form_filled.svg +1 -0
  169. package/src/lib/Icon/icons/32x32/svg/paperclip.svg +1 -0
  170. package/src/lib/Icon/icons/32x32/svg/paw.svg +1 -0
  171. package/src/lib/Icon/icons/32x32/svg/pencil.svg +1 -0
  172. package/src/lib/Icon/icons/32x32/svg/pin.svg +1 -0
  173. package/src/lib/Icon/icons/32x32/svg/pins.svg +1 -0
  174. package/src/lib/Icon/icons/32x32/svg/plant.svg +1 -0
  175. package/src/lib/Icon/icons/32x32/svg/plus.svg +1 -0
  176. package/src/lib/Icon/icons/32x32/svg/plus_circle.svg +1 -0
  177. package/src/lib/Icon/icons/32x32/svg/post.svg +1 -0
  178. package/src/lib/Icon/icons/32x32/svg/privacy_lock.svg +1 -0
  179. package/src/lib/Icon/icons/32x32/svg/qr_code.svg +1 -0
  180. package/src/lib/Icon/icons/32x32/svg/search.svg +1 -0
  181. package/src/lib/Icon/icons/32x32/svg/settings_cog.svg +1 -0
  182. package/src/lib/Icon/icons/32x32/svg/shopping_bag.svg +1 -0
  183. package/src/lib/Icon/icons/32x32/svg/shopping_cart.svg +1 -0
  184. package/src/lib/Icon/icons/32x32/svg/special_place.svg +1 -0
  185. package/src/lib/Icon/icons/32x32/svg/suitcase.svg +1 -0
  186. package/src/lib/Icon/icons/32x32/svg/supporter.svg +1 -0
  187. package/src/lib/Icon/icons/32x32/svg/tennis_ball.svg +1 -0
  188. package/src/lib/Icon/icons/32x32/svg/thanks.svg +1 -0
  189. package/src/lib/Icon/icons/32x32/svg/trash_can.svg +1 -0
  190. package/src/lib/Icon/icons/32x32/svg/truck.svg +1 -0
  191. package/src/lib/Icon/icons/32x32/svg/user.svg +1 -0
  192. package/src/lib/Icon/icons/32x32/svg/user_profile.svg +1 -0
  193. package/src/lib/Icon/icons/32x32/svg/wellness.svg +1 -0
  194. package/src/lib/Icon/icons/index.ts +9 -0
  195. package/src/lib/IconButton/IconButton.module.scss +37 -0
  196. package/src/lib/IconButton/IconButton.spec.tsx +56 -0
  197. package/src/lib/IconButton/IconButton.stories.tsx +36 -0
  198. package/src/lib/IconButton/IconButton.tsx +25 -0
  199. package/{lib/IconButton/IconButton.types.d.ts → src/lib/IconButton/IconButton.types.ts} +10 -12
  200. package/src/lib/IconButton/utils.ts +6 -0
  201. package/src/lib/Image/Image.spec.tsx +10 -0
  202. package/src/lib/Image/Image.tsx +7 -0
  203. package/src/lib/Image/Image.type.tsx +5 -0
  204. package/src/lib/LabelPill/LabelPill.module.scss +33 -0
  205. package/src/lib/LabelPill/LabelPill.spec.tsx +23 -0
  206. package/src/lib/LabelPill/LabelPill.stories.tsx +31 -0
  207. package/src/lib/LabelPill/LabelPill.tsx +16 -0
  208. package/src/lib/LabelPill/LabelPill.types.ts +4 -0
  209. package/src/lib/Legend/Legend.module.scss +9 -0
  210. package/src/lib/Legend/Legend.spec.tsx +35 -0
  211. package/src/lib/Legend/Legend.stories.ts +39 -0
  212. package/src/lib/Legend/Legend.tsx +19 -0
  213. package/src/lib/Legend/Legend.types.ts +5 -0
  214. package/src/lib/MenuItem/MenuItem.module.scss +73 -0
  215. package/src/lib/MenuItem/MenuItem.spec.tsx +47 -0
  216. package/src/lib/MenuItem/MenuItem.stories.tsx +97 -0
  217. package/src/lib/MenuItem/MenuItem.tsx +34 -0
  218. package/src/lib/MenuItem/MenuItem.types.ts +10 -0
  219. package/src/lib/NotificationBubble/NotificationBubble.module.scss +30 -0
  220. package/src/lib/NotificationBubble/NotificationBubble.spec.tsx +36 -0
  221. package/src/lib/NotificationBubble/NotificationBubble.stories.tsx +56 -0
  222. package/src/lib/NotificationBubble/NotificationBubble.tsx +34 -0
  223. package/{lib/NotificationBubble/NotificationBubble.types.d.ts → src/lib/NotificationBubble/NotificationBubble.types.tsx} +3 -2
  224. package/src/lib/Thumbnail/Thumbnail.module.scss +68 -0
  225. package/src/lib/Thumbnail/Thumbnail.spec.tsx +51 -0
  226. package/src/lib/Thumbnail/Thumbnail.stories.tsx +242 -0
  227. package/src/lib/Thumbnail/Thumbnail.tsx +28 -0
  228. package/{lib/Thumbnail/Thumbnail.type.d.ts → src/lib/Thumbnail/Thumbnail.type.tsx} +9 -6
  229. package/src/lib/Toggle/Toggle.module.scss +53 -0
  230. package/src/lib/Toggle/Toggle.spec.tsx +23 -0
  231. package/src/lib/Toggle/Toggle.stories.tsx +38 -0
  232. package/src/lib/Toggle/Toggle.tsx +32 -0
  233. package/{lib/Toggle/Toggle.types.d.ts → src/lib/Toggle/Toggle.types.ts} +3 -2
  234. package/src/lib/ToggleInput/ToggleInput.module.scss +32 -0
  235. package/src/lib/ToggleInput/ToggleInput.spec.tsx +45 -0
  236. package/src/lib/ToggleInput/ToggleInput.stories.tsx +62 -0
  237. package/src/lib/ToggleInput/ToggleInput.tsx +40 -0
  238. package/{lib/ToggleInput/ToggleInput.types.d.ts → src/lib/ToggleInput/ToggleInput.types.ts} +5 -3
  239. package/src/lib/Typography/Typography.module.scss +61 -0
  240. package/src/lib/Typography/Typography.spec.tsx +60 -0
  241. package/src/lib/Typography/Typography.stories.tsx +45 -0
  242. package/src/lib/Typography/Typography.tsx +26 -0
  243. package/src/lib/Typography/Typography.types.ts +28 -0
  244. package/src/styles/_design-tokens.scss +1 -0
  245. package/src/styles/_fonts.scss +0 -0
  246. package/src/styles/_functions.scss +17 -0
  247. package/src/styles/_mixins.scss +33 -0
  248. package/src/styles/index.scss +3 -0
  249. package/src/styles/reset.scss +67 -0
  250. package/tsconfig.json +24 -0
  251. package/tsconfig.lib.json +35 -0
  252. package/tsconfig.spec.json +20 -0
  253. package/tsconfig.storybook.json +31 -0
  254. package/vite.config.ts +57 -0
  255. package/index.js +0 -48
  256. package/index.mjs +0 -2341
  257. package/lib/BaseButton/BaseButton.d.ts +0 -11
  258. package/lib/Card/Card.d.ts +0 -3
  259. package/lib/Card/Card.types.d.ts +0 -10
  260. package/lib/Card/Card.utils.d.ts +0 -3
  261. package/lib/Card/CardBody/CardBody.d.ts +0 -3
  262. package/lib/Card/CardBody/CardBody.types.d.ts +0 -5
  263. package/lib/Card/CardHeader/CardHeader.d.ts +0 -3
  264. package/lib/Card/CardHeader/CardHeader.type.d.ts +0 -12
  265. package/lib/ContentCreatorButton/ContentCreatorButton.d.ts +0 -3
  266. package/lib/Divider/Divider.d.ts +0 -3
  267. package/lib/Divider/Divider.types.d.ts +0 -6
  268. package/lib/Fieldset/Fieldset.d.ts +0 -3
  269. package/lib/Fieldset/Fieldset.types.d.ts +0 -8
  270. package/lib/Form/Form.d.ts +0 -3
  271. package/lib/Form/Form.types.d.ts +0 -10
  272. package/lib/Icon/Icon.d.ts +0 -4
  273. package/lib/Icon/Icon.types.d.ts +0 -18
  274. package/lib/Icon/icons/24x24/index.d.ts +0 -130
  275. package/lib/Icon/icons/32x32/index.d.ts +0 -265
  276. package/lib/Icon/icons/index.d.ts +0 -395
  277. package/lib/IconButton/IconButton.d.ts +0 -3
  278. package/lib/IconButton/utils.d.ts +0 -3
  279. package/lib/Image/Image.d.ts +0 -3
  280. package/lib/Image/Image.type.d.ts +0 -5
  281. package/lib/LabelPill/LabelPill.d.ts +0 -3
  282. package/lib/LabelPill/LabelPill.types.d.ts +0 -4
  283. package/lib/Legend/Legend.d.ts +0 -3
  284. package/lib/Legend/Legend.types.d.ts +0 -5
  285. package/lib/MenuItem/MenuItem.d.ts +0 -3
  286. package/lib/MenuItem/MenuItem.types.d.ts +0 -9
  287. package/lib/NotificationBubble/NotificationBubble.d.ts +0 -3
  288. package/lib/Thumbnail/Thumbnail.d.ts +0 -3
  289. package/lib/Toggle/Toggle.d.ts +0 -3
  290. package/lib/ToggleInput/ToggleInput.d.ts +0 -3
  291. package/lib/Typography/Typography.d.ts +0 -3
  292. package/lib/Typography/Typography.types.d.ts +0 -8
  293. package/style.css +0 -629
package/style.css DELETED
@@ -1,629 +0,0 @@
1
- ._baseBtn_1l0np_5 {
2
- min-width: 2rem;
3
- min-height: 2rem;
4
- border: none;
5
- border-radius: 0;
6
- cursor: pointer
7
- }
8
-
9
- ._baseBtn--active_1l0np_12 {
10
- background: #b1b1b1
11
- }
12
-
13
- ._root_1i9pn_5 {
14
- display: flex;
15
- overflow: hidden;
16
- width: 100%;
17
- flex-direction: column;
18
- padding: 16px;
19
- background-color: #fff;
20
- box-shadow: 0 2px 8px #0000001a;
21
- color: #201649
22
- }
23
-
24
- ._root--border-radius_1i9pn_15 {
25
- border-radius: 8px
26
- }
27
-
28
- ._root_1vww0_5 {
29
- padding: 8px 0;
30
- color: inherit
31
- }
32
-
33
- ._iconComponent_87gpl_5 {
34
- display: block
35
- }
36
-
37
- ._iconComponent_87gpl_5 path {
38
- stroke: currentColor
39
- }
40
-
41
- ._iconButton_qvwrb_5 {
42
- display: flex;
43
- flex-shrink: 0;
44
- align-items: center;
45
- justify-content: center;
46
- width: auto;
47
- height: auto;
48
- min-width: unset;
49
- min-height: unset
50
- }
51
-
52
- ._iconButton_qvwrb_5:disabled {
53
- background: none
54
- }
55
-
56
- ._iconButton_qvwrb_5:hover, ._iconButton_qvwrb_5:active {
57
- background: none
58
- }
59
-
60
- ._iconButton--circular_qvwrb_24 {
61
- border-radius: 50%;
62
- background: #cae85d
63
- }
64
-
65
- ._iconButton--circular_qvwrb_24:disabled {
66
- background: #ffffff
67
- }
68
-
69
- ._iconButton--circular_qvwrb_24:hover {
70
- background: #b5d622
71
- }
72
-
73
- ._iconButton--circular_qvwrb_24:active {
74
- background: #cae85d
75
- }
76
-
77
- ._iconButton--circular-small_qvwrb_37 {
78
- width: 40px;
79
- height: 40px
80
- }
81
-
82
- ._iconButton--circular-medium_qvwrb_41 {
83
- width: 48px;
84
- height: 48px
85
- }
86
-
87
- ._iconButton--circular-large_qvwrb_45 {
88
- width: 56px;
89
- height: 56px
90
- }
91
-
92
- ._root_1jzp1_5 {
93
- display: flex;
94
- align-items: center;
95
- padding-bottom: 12px;
96
- color: inherit;
97
- gap: 8px
98
- }
99
-
100
- ._title_1jzp1_13 {
101
- flex-grow: 1;
102
- margin: 0
103
- }
104
-
105
- ._h1_5llkx_5 {
106
- margin-bottom: 0;
107
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
108
- font-size: 32px;
109
- font-weight: 500;
110
- letter-spacing: 0;
111
- line-height: 40px;
112
- text-decoration: none;
113
- text-indent: 0px;
114
- text-transform: none
115
- }
116
-
117
- ._h2_5llkx_17 {
118
- margin-bottom: 0;
119
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
120
- font-size: 24px;
121
- font-weight: Semi Bold;
122
- letter-spacing: 0;
123
- line-height: 32px;
124
- text-decoration: none;
125
- text-indent: 0px;
126
- text-transform: none
127
- }
128
-
129
- ._h3_5llkx_29 {
130
- margin-bottom: 0;
131
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
132
- font-size: 20px;
133
- font-weight: Semi Bold;
134
- letter-spacing: 0;
135
- line-height: 24px;
136
- text-decoration: none;
137
- text-indent: 0px;
138
- text-transform: none
139
- }
140
-
141
- ._h4_5llkx_41 {
142
- margin-bottom: 0;
143
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
144
- font-size: 18px;
145
- font-weight: 700;
146
- letter-spacing: 0;
147
- line-height: 24px;
148
- text-decoration: none;
149
- text-indent: 0px;
150
- text-transform: none
151
- }
152
-
153
- ._h5_5llkx_53 {
154
- margin-bottom: 0;
155
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
156
- font-size: 16px;
157
- font-weight: Semi Bold;
158
- letter-spacing: 0;
159
- line-height: 24px;
160
- text-decoration: none;
161
- text-indent: 0px;
162
- text-transform: none
163
- }
164
-
165
- ._h6_5llkx_65 {
166
- margin-bottom: 0;
167
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
168
- font-size: 14px;
169
- font-weight: 700;
170
- letter-spacing: 1;
171
- line-height: 24px;
172
- text-decoration: none;
173
- text-indent: 0px;
174
- text-transform: uppercase
175
- }
176
-
177
- ._h7_5llkx_77 {
178
- margin-bottom: 0;
179
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
180
- font-size: 12px;
181
- font-weight: Extra Bold;
182
- letter-spacing: 1;
183
- line-height: 16px;
184
- text-decoration: none;
185
- text-indent: 0px;
186
- text-transform: uppercase
187
- }
188
-
189
- ._h8_5llkx_89 {
190
- margin-bottom: 0;
191
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
192
- font-size: 10px;
193
- font-weight: Extra Bold;
194
- letter-spacing: 1.5;
195
- line-height: 16px;
196
- text-decoration: none;
197
- text-indent: 0px;
198
- text-transform: uppercase
199
- }
200
-
201
- ._body-large_5llkx_101 {
202
- margin-bottom: 0;
203
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
204
- font-size: 16px;
205
- font-weight: 500;
206
- letter-spacing: 0;
207
- line-height: 24px;
208
- text-decoration: none;
209
- text-indent: 0px;
210
- text-transform: none
211
- }
212
-
213
- ._body-regular_5llkx_113 {
214
- margin-bottom: 0;
215
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
216
- font-size: 14px;
217
- font-weight: 400;
218
- letter-spacing: 0;
219
- line-height: 20px;
220
- text-decoration: none;
221
- text-indent: 0px;
222
- text-transform: none
223
- }
224
-
225
- ._body-semibold_5llkx_125 {
226
- margin-bottom: 0;
227
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
228
- font-size: 14px;
229
- font-weight: Semi Bold;
230
- letter-spacing: 0;
231
- line-height: 20px;
232
- text-decoration: none;
233
- text-indent: 0px;
234
- text-transform: none
235
- }
236
-
237
- ._body-italic_5llkx_137 {
238
- margin-bottom: 0;
239
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
240
- font-size: 14px;
241
- font-weight: Italic;
242
- letter-spacing: 0;
243
- line-height: 20px;
244
- text-decoration: none;
245
- text-indent: 0px;
246
- text-transform: none
247
- }
248
-
249
- ._detail-medium_5llkx_149 {
250
- margin-bottom: 0;
251
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
252
- font-size: 12px;
253
- font-weight: 500;
254
- letter-spacing: 0;
255
- line-height: 16px;
256
- text-decoration: none;
257
- text-indent: 0px;
258
- text-transform: none
259
- }
260
-
261
- ._detail-bold_5llkx_161 {
262
- margin-bottom: 0;
263
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
264
- font-size: 12px;
265
- font-weight: 700;
266
- letter-spacing: 0;
267
- line-height: 16px;
268
- text-decoration: none;
269
- text-indent: 0px;
270
- text-transform: none
271
- }
272
-
273
- ._detail-upper-case_5llkx_173 {
274
- margin-bottom: 0;
275
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
276
- font-size: 10px;
277
- font-weight: Extra Bold;
278
- letter-spacing: 0;
279
- line-height: 16px;
280
- text-decoration: none;
281
- text-indent: 0px;
282
- text-transform: uppercase
283
- }
284
-
285
- ._ccBtn_dppaw_5 {
286
- display: flex;
287
- width: 100%;
288
- height: 40px;
289
- align-items: center;
290
- align-self: stretch;
291
- padding: 8px 16px;
292
- border-color: transparent;
293
- border-radius: 12px;
294
- background-color: #f4f3f6;
295
- color: #201649;
296
- cursor: pointer;
297
- font-size: 14px
298
- }
299
-
300
- ._dividerContainer_76vx2_5 {
301
- display: flex;
302
- align-items: center
303
- }
304
-
305
- ._dividerLine_76vx2_10 {
306
- height: 1px;
307
- flex-grow: 1;
308
- background-color: #d2d0db
309
- }
310
-
311
- ._fieldset_1ouid_5 {
312
- border: none
313
- }
314
-
315
- ._labelPill_1nq4e_5 {
316
- display: inline-flex;
317
- align-items: center;
318
- justify-content: center;
319
- border-radius: 16px;
320
- background: #01819C
321
- }
322
-
323
- ._labelPill_1nq4e_5 span {
324
- color: #fff;
325
- line-height: 16px;
326
- text-align: center
327
- }
328
-
329
- ._labelPill--small_1nq4e_17 {
330
- height: 20px;
331
- padding: 0 8px
332
- }
333
-
334
- ._labelPill--small_1nq4e_17 span {
335
- font-size: 10px;
336
- font-weight: 800;
337
- text-transform: uppercase
338
- }
339
-
340
- ._labelPill--medium_1nq4e_26 {
341
- padding: 4px 8px
342
- }
343
-
344
- ._labelPill--medium_1nq4e_26 span {
345
- font-size: 12px;
346
- font-weight: 700
347
- }
348
-
349
- ._legend_ehyo3_5 {
350
- display: flex;
351
- flex-direction: column;
352
- padding-bottom: 12px;
353
- gap: 8px
354
- }
355
-
356
- ._legend_ehyo3_5 ._text_ehyo3_11 {
357
- color: #635c80
358
- }
359
-
360
- ._menuItem_9j1kb_5 {
361
- display: flex;
362
- width: 100%;
363
- flex-shrink: 0;
364
- align-items: center;
365
- padding: 0 8px;
366
- background-color: #fff;
367
- color: #201649;
368
- gap: 8px;
369
- text-decoration: none;
370
- cursor: pointer
371
- }
372
-
373
- ._menuItem_9j1kb_5 ._highlightFrame_9j1kb_17 {
374
- display: flex;
375
- flex: 1;
376
- align-items: center;
377
- padding: 8px;
378
- border-radius: 8px;
379
- gap: 8px
380
- }
381
-
382
- ._menuItem_9j1kb_5 ._rightIcon_9j1kb_25 {
383
- display: inherit;
384
- margin-left: auto
385
- }
386
-
387
- ._menuItem_9j1kb_5 ._rightIcon_9j1kb_25 svg path {
388
- stroke: #635c80 !important
389
- }
390
-
391
- ._menuItem--selected_9j1kb_32 ._highlightFrame_9j1kb_17 {
392
- background-color: #f2fbc4
393
- }
394
-
395
- ._menuItem--selected_9j1kb_32 ._highlightFrame_9j1kb_17 svg path {
396
- stroke: #738c00
397
- }
398
-
399
- ._menuItem--selected_9j1kb_32:hover {
400
- color: #738c00
401
- }
402
-
403
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):active {
404
- background-color: #f4f3f6
405
- }
406
-
407
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover {
408
- color: #635c80
409
- }
410
-
411
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover svg path {
412
- stroke: #635c80
413
- }
414
-
415
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover ._highlightFrame_9j1kb_17 {
416
- background-color: #f4f3f6
417
- }
418
-
419
- ._bubbleContent_1jif1_5 {
420
- position: relative;
421
- display: inline-block
422
- }
423
-
424
- ._bubble_1jif1_5 {
425
- position: absolute;
426
- z-index: auto;
427
- top: 6px;
428
- right: 6px;
429
- display: flex;
430
- width: 20px;
431
- height: 20px;
432
- align-items: center;
433
- justify-content: center;
434
- border-radius: 50%;
435
- background-color: #ff9de2;
436
- color: #201649;
437
- font-size: 12px;
438
- font-weight: 700;
439
- text-align: center;
440
- transform: translate(50%, -50%);
441
- transform-origin: 100% 0;
442
- white-space: nowrap
443
- }
444
-
445
- ._bubble--empty_1jif1_30 {
446
- width: 12px;
447
- height: 12px
448
- }
449
-
450
- ._root_1q4dv_12 {
451
- position: relative;
452
- overflow: hidden;
453
- flex-shrink: 0;
454
- border: solid 1px #d2d0db;
455
- background-color: #d2d0db
456
- }
457
-
458
- ._root--24_1q4dv_19 {
459
- width: 24px;
460
- height: 24px
461
- }
462
-
463
- ._root--28_1q4dv_23 {
464
- width: 28px;
465
- height: 28px
466
- }
467
-
468
- ._root--32_1q4dv_27 {
469
- width: 32px;
470
- height: 32px
471
- }
472
-
473
- ._root--40_1q4dv_31 {
474
- width: 40px;
475
- height: 40px
476
- }
477
-
478
- ._root--48_1q4dv_35 {
479
- width: 48px;
480
- height: 48px
481
- }
482
-
483
- ._root--56_1q4dv_39 {
484
- width: 56px;
485
- height: 56px
486
- }
487
-
488
- ._root--64_1q4dv_43 {
489
- width: 64px;
490
- height: 64px
491
- }
492
-
493
- ._root--80_1q4dv_47 {
494
- width: 80px;
495
- height: 80px
496
- }
497
-
498
- ._root--120_1q4dv_51 {
499
- width: 120px;
500
- height: 120px
501
- }
502
-
503
- ._root--280_1q4dv_55 {
504
- width: 280px;
505
- height: 280px
506
- }
507
-
508
- ._root--square_1q4dv_59._root--24_1q4dv_19, ._root--square_1q4dv_59._root--32_1q4dv_27 {
509
- border-radius: 4px
510
- }
511
-
512
- ._root--square_1q4dv_59._root--40_1q4dv_31, ._root--square_1q4dv_59._root--48_1q4dv_35 {
513
- border-radius: 8px
514
- }
515
-
516
- ._root--square_1q4dv_59._root--56_1q4dv_39, ._root--square_1q4dv_59._root--64_1q4dv_43 {
517
- border-radius: 12px
518
- }
519
-
520
- ._root--square_1q4dv_59._root--80_1q4dv_47, ._root--square_1q4dv_59._root--120_1q4dv_51 {
521
- border-radius: 16px
522
- }
523
-
524
- ._root--circular_1q4dv_71 {
525
- border-radius: 50%
526
- }
527
-
528
- ._root--isPlaceholder_1q4dv_74:before {
529
- position: absolute;
530
- z-index: 1;
531
- width: 100%;
532
- height: 100%;
533
- background-color: #d2d0db;
534
- content: "";
535
- opacity: .4
536
- }
537
-
538
- ._root_1q4dv_12 img {
539
- width: 100%;
540
- height: 100%;
541
- object-fit: cover
542
- }
543
-
544
- ._switch_8rw2m_5 {
545
- position: relative;
546
- display: inline-block;
547
- width: 48px;
548
- height: 28px
549
- }
550
-
551
- ._switch_8rw2m_5 input {
552
- position: absolute;
553
- z-index: 2;
554
- width: 48px;
555
- height: 28px;
556
- cursor: pointer;
557
- opacity: 0
558
- }
559
-
560
- ._switch_8rw2m_5 ._slider_8rw2m_19 {
561
- z-index: 1;
562
- display: block;
563
- width: 100%;
564
- height: 100%;
565
- border-radius: 34px;
566
- background-color: #e9e8ed;
567
- box-shadow: 0 1px 3px #0003 inset;
568
- cursor: pointer;
569
- transition: .4s
570
- }
571
-
572
- ._switch_8rw2m_5 ._slider_8rw2m_19:before {
573
- position: absolute;
574
- right: 3px;
575
- bottom: 2px;
576
- width: 24px;
577
- height: 24px;
578
- border-radius: 50%;
579
- background-color: #fff;
580
- box-shadow: 0 0 2px #0003;
581
- content: "";
582
- transform: translate(-18px);
583
- transition: .4s
584
- }
585
-
586
- ._switch_8rw2m_5 ._slider_8rw2m_19._focusVisible_8rw2m_43 {
587
- box-shadow: 0 0 0 3px #cae85d
588
- }
589
-
590
- ._switch_8rw2m_5 input:checked + ._slider_8rw2m_19 {
591
- background-color: #b5d622
592
- }
593
-
594
- ._switch_8rw2m_5 input:checked + ._slider_8rw2m_19:before {
595
- transform: translate(0)
596
- }
597
-
598
- ._toggleInput_u0atb_5 {
599
- display: flex;
600
- width: 100%;
601
- align-items: center;
602
- padding: 8px 16px;
603
- background-color: #fff;
604
- color: #635c80;
605
- cursor: pointer;
606
- gap: 12px
607
- }
608
-
609
- ._toggleInput_u0atb_5 svg {
610
- flex-shrink: 0
611
- }
612
-
613
- ._toggleInput_u0atb_5 ._textLabel_u0atb_18 {
614
- flex-grow: 1
615
- }
616
-
617
- ._toggleInput_u0atb_5 ._switch_u0atb_21 {
618
- flex-shrink: 0
619
- }
620
-
621
- ._toggleInput--checked_u0atb_24 {
622
- color: #201649
623
- }
624
-
625
- ._toggleInput--withBorder_u0atb_27 {
626
- padding: 12px 16px;
627
- border-radius: 16px;
628
- box-shadow: inset 0 0 0 1px #d2d0db
629
- }