@universal-tennis/ui-shared 0.1.95 → 0.1.98

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 (324) hide show
  1. package/.eslintignore +1 -1
  2. package/.eslintrc.js +73 -73
  3. package/.storybook/preview.js +17 -17
  4. package/.storybook/variables.css +16 -16
  5. package/README.md +129 -129
  6. package/dist/App.d.ts +2 -2
  7. package/dist/App.js +12 -12
  8. package/dist/components.d.ts +43 -43
  9. package/dist/components.js +48 -48
  10. package/dist/index.d.ts +1 -1
  11. package/dist/index.js +12 -12
  12. package/dist/items.d.ts +2 -2
  13. package/dist/items.js +1 -1
  14. package/dist/stories/Button.d.ts +27 -0
  15. package/dist/stories/Button.js +51 -0
  16. package/dist/stories/Button.js.map +1 -0
  17. package/dist/stories/Button.stories.d.ts +15 -0
  18. package/dist/stories/Button.stories.js +34 -0
  19. package/dist/stories/Button.stories.js.map +1 -0
  20. package/dist/stories/Header.d.ts +19 -0
  21. package/dist/stories/Header.js +31 -0
  22. package/dist/stories/Header.js.map +1 -0
  23. package/dist/stories/Header.stories.d.ts +11 -0
  24. package/dist/stories/Header.stories.js +20 -0
  25. package/dist/stories/Header.stories.js.map +1 -0
  26. package/dist/stories/Page.d.ts +1 -0
  27. package/dist/stories/Page.js +38 -0
  28. package/dist/stories/Page.js.map +1 -0
  29. package/dist/stories/Page.stories.d.ts +11 -0
  30. package/dist/stories/Page.stories.js +30 -0
  31. package/dist/stories/Page.stories.js.map +1 -0
  32. package/dist/stories/assets/comments.svg +1 -0
  33. package/dist/stories/assets/css/variables.css +15 -15
  34. package/dist/stories/assets/direction.svg +1 -0
  35. package/dist/stories/assets/icon-chat-blue.svg +10 -10
  36. package/dist/stories/assets/utr-sports-logo.svg +9 -9
  37. package/dist/stories/atoms/Button/Button.d.ts +10 -10
  38. package/dist/stories/atoms/Button/Button.js +95 -95
  39. package/dist/stories/atoms/Button/Button.stories.d.ts +17 -17
  40. package/dist/stories/atoms/Button/Button.stories.js +45 -45
  41. package/dist/stories/atoms/Button/index.d.ts +1 -0
  42. package/dist/stories/atoms/Button/index.js +2 -0
  43. package/dist/stories/atoms/Button/index.js.map +1 -0
  44. package/dist/stories/atoms/Button.d.ts +7 -0
  45. package/dist/stories/atoms/Button.js +20 -0
  46. package/dist/stories/atoms/Button.js.map +1 -0
  47. package/dist/stories/atoms/Button.stories.d.ts +13 -0
  48. package/dist/stories/atoms/Button.stories.js +22 -0
  49. package/dist/stories/atoms/Button.stories.js.map +1 -0
  50. package/dist/stories/atoms/Icons/AddIcon.d.ts +3 -3
  51. package/dist/stories/atoms/Icons/AddIcon.js +8 -8
  52. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.d.ts +3 -3
  53. package/dist/stories/atoms/Icons/AvailabilityMaybeIcon.js +6 -6
  54. package/dist/stories/atoms/Icons/AvailabilityNoIcon.d.ts +3 -3
  55. package/dist/stories/atoms/Icons/AvailabilityNoIcon.js +6 -6
  56. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.d.ts +3 -3
  57. package/dist/stories/atoms/Icons/AvailabilityNotSetIcon.js +7 -7
  58. package/dist/stories/atoms/Icons/AvailabilityYesIcon.d.ts +3 -3
  59. package/dist/stories/atoms/Icons/AvailabilityYesIcon.js +6 -6
  60. package/dist/stories/atoms/Icons/BallInMotionIcon.d.ts +3 -3
  61. package/dist/stories/atoms/Icons/BallInMotionIcon.js +9 -9
  62. package/dist/stories/atoms/Icons/CalendarIcon.d.ts +3 -3
  63. package/dist/stories/atoms/Icons/CalendarIcon.js +6 -6
  64. package/dist/stories/atoms/Icons/ClockIcon.d.ts +3 -3
  65. package/dist/stories/atoms/Icons/ClockIcon.js +8 -8
  66. package/dist/stories/atoms/Icons/CloseIcon.d.ts +3 -3
  67. package/dist/stories/atoms/Icons/CloseIcon.js +6 -6
  68. package/dist/stories/atoms/Icons/DeleteIcon.d.ts +3 -3
  69. package/dist/stories/atoms/Icons/DeleteIcon.js +10 -10
  70. package/dist/stories/atoms/Icons/DoublePersonIcon.d.ts +3 -3
  71. package/dist/stories/atoms/Icons/DoublePersonIcon.js +13 -13
  72. package/dist/stories/atoms/Icons/EditIcon.d.ts +3 -3
  73. package/dist/stories/atoms/Icons/EditIcon.js +6 -6
  74. package/dist/stories/atoms/Icons/Icons.stories.d.ts +37 -37
  75. package/dist/stories/atoms/Icons/Icons.stories.js +303 -303
  76. package/dist/stories/atoms/Icons/LeftChevronIcon.d.ts +3 -3
  77. package/dist/stories/atoms/Icons/LeftChevronIcon.js +6 -6
  78. package/dist/stories/atoms/Icons/LineIcon.d.ts +3 -3
  79. package/dist/stories/atoms/Icons/LineIcon.js +6 -6
  80. package/dist/stories/atoms/Icons/LocationIcon.d.ts +3 -3
  81. package/dist/stories/atoms/Icons/LocationIcon.js +7 -7
  82. package/dist/stories/atoms/Icons/MessageIcon.d.ts +3 -3
  83. package/dist/stories/atoms/Icons/MessageIcon.js +6 -6
  84. package/dist/stories/atoms/Icons/PickleballBallIcon.d.ts +3 -3
  85. package/dist/stories/atoms/Icons/PickleballBallIcon.js +17 -17
  86. package/dist/stories/atoms/Icons/RightChevronIcon.d.ts +3 -3
  87. package/dist/stories/atoms/Icons/RightChevronIcon.js +6 -6
  88. package/dist/stories/atoms/Icons/SessionIcon.d.ts +3 -3
  89. package/dist/stories/atoms/Icons/SessionIcon.js +6 -6
  90. package/dist/stories/atoms/Icons/SinglePersonIcon.d.ts +3 -3
  91. package/dist/stories/atoms/Icons/SinglePersonIcon.js +9 -9
  92. package/dist/stories/atoms/Icons/SinglePersonV2Icon.d.ts +3 -3
  93. package/dist/stories/atoms/Icons/SinglePersonV2Icon.js +7 -7
  94. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.d.ts +3 -3
  95. package/dist/stories/atoms/Icons/SocialMediaFacebookIcon.js +10 -10
  96. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.d.ts +3 -3
  97. package/dist/stories/atoms/Icons/SocialMediaInstagramIcon.js +6 -6
  98. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.d.ts +3 -3
  99. package/dist/stories/atoms/Icons/SocialMediaTikTokIcon.js +10 -10
  100. package/dist/stories/atoms/Icons/SocialMediaXIcon.d.ts +3 -3
  101. package/dist/stories/atoms/Icons/SocialMediaXIcon.js +10 -10
  102. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.d.ts +3 -3
  103. package/dist/stories/atoms/Icons/SocialMediaYoutubeIcon.js +6 -6
  104. package/dist/stories/atoms/Icons/SwapIcon.d.ts +3 -3
  105. package/dist/stories/atoms/Icons/SwapIcon.js +6 -6
  106. package/dist/stories/atoms/Icons/SwapNoBorderIcon.d.ts +3 -3
  107. package/dist/stories/atoms/Icons/SwapNoBorderIcon.js +9 -9
  108. package/dist/stories/atoms/Icons/TennisBallIcon.d.ts +3 -3
  109. package/dist/stories/atoms/Icons/TennisBallIcon.js +8 -8
  110. package/dist/stories/atoms/Icons/VerifiedIcon.d.ts +3 -3
  111. package/dist/stories/atoms/Icons/VerifiedIcon.js +7 -7
  112. package/dist/stories/atoms/Icons/VisibilityIcon.d.ts +3 -3
  113. package/dist/stories/atoms/Icons/VisibilityIcon.js +7 -7
  114. package/dist/stories/atoms/Icons/VisibilityOffIcon.d.ts +3 -3
  115. package/dist/stories/atoms/Icons/VisibilityOffIcon.js +8 -8
  116. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.d.ts +3 -3
  117. package/dist/stories/atoms/Icons/WinnerIndicatorIcon.js +31 -31
  118. package/dist/stories/atoms/Icons/sharedTypes.d.ts +11 -11
  119. package/dist/stories/atoms/Icons/sharedTypes.js +1 -1
  120. package/dist/stories/atoms/Typography/Typography.d.ts +49 -49
  121. package/dist/stories/atoms/Typography/Typography.js +143 -143
  122. package/dist/stories/atoms/Typography/Typography.stories.d.ts +37 -37
  123. package/dist/stories/atoms/Typography/Typography.stories.js +190 -190
  124. package/dist/stories/atoms/Typography/index.d.ts +1 -0
  125. package/dist/stories/atoms/Typography/index.js +2 -0
  126. package/dist/stories/atoms/Typography/index.js.map +1 -0
  127. package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -7
  128. package/dist/stories/atoms/UTMap/UTMap.js +8 -8
  129. package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -9
  130. package/dist/stories/atoms/UTMap/UTMap.stories.js +35 -35
  131. package/dist/stories/molecules/AvatarWithName/AvatarWithName.d.ts +27 -27
  132. package/dist/stories/molecules/AvatarWithName/AvatarWithName.js +20 -20
  133. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.d.ts +15 -15
  134. package/dist/stories/molecules/AvatarWithName/AvatarWithName.stories.js +72 -72
  135. package/dist/stories/molecules/Cards/Cards.stories.d.ts +7 -7
  136. package/dist/stories/molecules/Cards/Cards.stories.js +64 -64
  137. package/dist/stories/molecules/Cards/ContactCard.d.ts +3 -3
  138. package/dist/stories/molecules/Cards/ContactCard.js +38 -38
  139. package/dist/stories/molecules/Cards/DrawCard.d.ts +3 -3
  140. package/dist/stories/molecules/Cards/DrawCard.js +116 -116
  141. package/dist/stories/molecules/Cards/Modals.stories.d.ts +5 -5
  142. package/dist/stories/molecules/Cards/Modals.stories.js +72 -72
  143. package/dist/stories/molecules/Cards/TeamCard.d.ts +3 -3
  144. package/dist/stories/molecules/Cards/TeamCard.js +20 -20
  145. package/dist/stories/molecules/Cards/TeamDrawCard.d.ts +3 -3
  146. package/dist/stories/molecules/Cards/TeamDrawCard.js +78 -78
  147. package/dist/stories/molecules/Cards/shared.d.ts +9 -4
  148. package/dist/stories/molecules/Cards/shared.js +12 -12
  149. package/dist/stories/molecules/Cards/sharedTypes.d.ts +61 -61
  150. package/dist/stories/molecules/Cards/sharedTypes.js +2 -2
  151. package/dist/stories/molecules/FooterSection/FooterSection.d.ts +4 -4
  152. package/dist/stories/molecules/FooterSection/FooterSection.js +11 -11
  153. package/dist/stories/molecules/FooterSection/FooterSection.stories.d.ts +5 -5
  154. package/dist/stories/molecules/FooterSection/FooterSection.stories.js +20 -20
  155. package/dist/stories/molecules/FooterSection/sharedTypes.d.ts +5 -5
  156. package/dist/stories/molecules/FooterSection/sharedTypes.js +1 -1
  157. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.d.ts +13 -13
  158. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.js +27 -27
  159. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.d.ts +5 -5
  160. package/dist/stories/molecules/GlobalNavItem/GlobalNavItem.stories.js +18 -18
  161. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.d.ts +29 -29
  162. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.js +33 -33
  163. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.d.ts +16 -16
  164. package/dist/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.js +81 -81
  165. package/dist/stories/organisms/Footer/Footer.d.ts +4 -4
  166. package/dist/stories/organisms/Footer/Footer.js +97 -101
  167. package/dist/stories/organisms/Footer/Footer.js.map +1 -1
  168. package/dist/stories/organisms/Footer/Footer.stories.d.ts +5 -5
  169. package/dist/stories/organisms/Footer/Footer.stories.js +58 -58
  170. package/dist/stories/organisms/Footer/sharedTypes.d.ts +16 -16
  171. package/dist/stories/organisms/Footer/sharedTypes.js +1 -1
  172. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +36 -31
  173. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +49 -54
  174. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
  175. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.d.ts +9 -9
  176. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +196 -189
  177. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map +1 -1
  178. package/dist/stories/organisms/Modals/FullPageModal.d.ts +4 -4
  179. package/dist/stories/organisms/Modals/FullPageModal.js +59 -59
  180. package/dist/stories/organisms/Modals/Modals.stories.d.ts +5 -5
  181. package/dist/stories/organisms/Modals/Modals.stories.js +73 -73
  182. package/dist/stories/organisms/Modals/sharedTypes.d.ts +14 -14
  183. package/dist/stories/organisms/Modals/sharedTypes.js +1 -1
  184. package/dist/stories/organisms/Tables/DrawCardTable.d.ts +3 -3
  185. package/dist/stories/organisms/Tables/DrawCardTable.js +58 -58
  186. package/dist/stories/organisms/Tables/SortableTable.d.ts +23 -23
  187. package/dist/stories/organisms/Tables/SortableTable.js +34 -34
  188. package/dist/stories/organisms/Tables/Tables.stories.d.ts +8 -8
  189. package/dist/stories/organisms/Tables/Tables.stories.js +90 -90
  190. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +3 -3
  191. package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +66 -66
  192. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.d.ts +3 -3
  193. package/dist/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.js +43 -43
  194. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.d.ts +3 -3
  195. package/dist/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.js +22 -22
  196. package/dist/stories/organisms/Tables/mockData.d.ts +71 -71
  197. package/dist/stories/organisms/Tables/mockData.js +99 -99
  198. package/dist/stories/organisms/Tables/sharedTypes.d.ts +15 -15
  199. package/dist/stories/organisms/Tables/sharedTypes.js +1 -1
  200. package/dist/stories/utils/constants.d.ts +19 -19
  201. package/dist/stories/utils/constants.js +23 -23
  202. package/dist/stories/utils/getArrayWithIds.d.ts +3 -3
  203. package/dist/stories/utils/getArrayWithIds.js +1 -1
  204. package/dist/stories/utils/useScreenSize.d.ts +4 -4
  205. package/dist/stories/utils/useScreenSize.js +27 -27
  206. package/dist/types/tableDataTypes.d.ts +38 -38
  207. package/dist/types/tableDataTypes.js +1 -1
  208. package/infrastructure/azure-pipelines.yml +112 -112
  209. package/package.json +99 -99
  210. package/src/App.js +25 -25
  211. package/src/components.jsx +52 -52
  212. package/src/custom.d.ts +13 -13
  213. package/src/index.js +17 -17
  214. package/src/items.jsx +1 -1
  215. package/src/stories/assets/css/variables.css +15 -15
  216. package/src/stories/assets/icon-chat-blue.svg +10 -10
  217. package/src/stories/assets/icons/icon-add.svg +7 -7
  218. package/src/stories/assets/icons/icon-availability-maybe.svg +3 -3
  219. package/src/stories/assets/icons/icon-availability-no.svg +3 -3
  220. package/src/stories/assets/icons/icon-availability-not-set.svg +8 -8
  221. package/src/stories/assets/icons/icon-availability-yes.svg +3 -3
  222. package/src/stories/assets/icons/icon-calendar.svg +4 -4
  223. package/src/stories/assets/icons/icon-clock.svg +7 -7
  224. package/src/stories/assets/icons/icon-close.svg +3 -3
  225. package/src/stories/assets/icons/icon-delete.svg +9 -9
  226. package/src/stories/assets/icons/icon-edit.svg +3 -3
  227. package/src/stories/assets/icons/icon-location.svg +6 -6
  228. package/src/stories/assets/icons/icon-message.svg +3 -3
  229. package/src/stories/assets/icons/icon-session.svg +3 -3
  230. package/src/stories/assets/icons/icon-social-media-facebook.svg +10 -10
  231. package/src/stories/assets/icons/icon-social-media-instagram.svg +3 -3
  232. package/src/stories/assets/icons/icon-social-media-tiktok.svg +10 -10
  233. package/src/stories/assets/icons/icon-social-media-x.svg +10 -10
  234. package/src/stories/assets/icons/icon-social-media-youtube.svg +3 -3
  235. package/src/stories/assets/icons/icon-swap.svg +3 -3
  236. package/src/stories/assets/icons/icon-visibility-off.svg +7 -7
  237. package/src/stories/assets/icons/icon-visibility.svg +6 -6
  238. package/src/stories/assets/utr-sports-logo.svg +9 -9
  239. package/src/stories/atoms/Button/Button.stories.tsx +63 -63
  240. package/src/stories/atoms/Button/Button.tsx +145 -145
  241. package/src/stories/atoms/Icons/AddIcon.tsx +13 -13
  242. package/src/stories/atoms/Icons/AvailabilityMaybeIcon.tsx +11 -11
  243. package/src/stories/atoms/Icons/AvailabilityNoIcon.tsx +11 -11
  244. package/src/stories/atoms/Icons/AvailabilityNotSetIcon.tsx +12 -12
  245. package/src/stories/atoms/Icons/AvailabilityYesIcon.tsx +11 -11
  246. package/src/stories/atoms/Icons/BallInMotionIcon.tsx +15 -15
  247. package/src/stories/atoms/Icons/CalendarIcon.tsx +11 -11
  248. package/src/stories/atoms/Icons/ClockIcon.tsx +14 -14
  249. package/src/stories/atoms/Icons/CloseIcon.tsx +11 -11
  250. package/src/stories/atoms/Icons/DeleteIcon.tsx +15 -15
  251. package/src/stories/atoms/Icons/DoublePersonIcon.tsx +20 -20
  252. package/src/stories/atoms/Icons/EditIcon.tsx +11 -11
  253. package/src/stories/atoms/Icons/Icons.stories.tsx +372 -372
  254. package/src/stories/atoms/Icons/LeftChevronIcon.tsx +13 -13
  255. package/src/stories/atoms/Icons/LineIcon.tsx +12 -12
  256. package/src/stories/atoms/Icons/LocationIcon.tsx +12 -12
  257. package/src/stories/atoms/Icons/MessageIcon.tsx +12 -12
  258. package/src/stories/atoms/Icons/PickleballBallIcon.tsx +22 -22
  259. package/src/stories/atoms/Icons/RightChevronIcon.tsx +11 -11
  260. package/src/stories/atoms/Icons/SessionIcon.tsx +16 -16
  261. package/src/stories/atoms/Icons/SinglePersonIcon.tsx +16 -16
  262. package/src/stories/atoms/Icons/SinglePersonV2Icon.tsx +13 -13
  263. package/src/stories/atoms/Icons/SocialMediaFacebookIcon.tsx +19 -19
  264. package/src/stories/atoms/Icons/SocialMediaInstagramIcon.tsx +11 -11
  265. package/src/stories/atoms/Icons/SocialMediaTikTokIcon.tsx +18 -18
  266. package/src/stories/atoms/Icons/SocialMediaXIcon.tsx +18 -18
  267. package/src/stories/atoms/Icons/SocialMediaYoutubeIcon.tsx +11 -11
  268. package/src/stories/atoms/Icons/SwapIcon.tsx +11 -11
  269. package/src/stories/atoms/Icons/SwapNoBorderIcon.tsx +14 -14
  270. package/src/stories/atoms/Icons/TennisBallIcon.tsx +13 -13
  271. package/src/stories/atoms/Icons/VerifiedIcon.tsx +13 -13
  272. package/src/stories/atoms/Icons/VisibilityIcon.tsx +12 -12
  273. package/src/stories/atoms/Icons/VisibilityOffIcon.tsx +13 -13
  274. package/src/stories/atoms/Icons/WinnerIndicatorIcon.tsx +39 -39
  275. package/src/stories/atoms/Icons/sharedTypes.tsx +12 -12
  276. package/src/stories/atoms/Typography/Typography.tsx +185 -185
  277. package/src/stories/atoms/UTMap/UTMap.stories.tsx +43 -43
  278. package/src/stories/atoms/UTMap/UTMap.tsx +25 -25
  279. package/src/stories/molecules/AvatarWithName/AvatarWithName.stories.tsx +86 -86
  280. package/src/stories/molecules/AvatarWithName/AvatarWithName.tsx +68 -68
  281. package/src/stories/molecules/Cards/Cards.stories.tsx +76 -76
  282. package/src/stories/molecules/Cards/ContactCard.tsx +45 -45
  283. package/src/stories/molecules/Cards/DrawCard.tsx +211 -211
  284. package/src/stories/molecules/Cards/Modals.stories.tsx +137 -137
  285. package/src/stories/molecules/Cards/TeamCard.tsx +14 -14
  286. package/src/stories/molecules/Cards/TeamDrawCard.tsx +159 -159
  287. package/src/stories/molecules/Cards/sharedTypes.ts +69 -69
  288. package/src/stories/molecules/FooterSection/FooterSection.stories.tsx +25 -25
  289. package/src/stories/molecules/FooterSection/FooterSection.tsx +34 -34
  290. package/src/stories/molecules/FooterSection/sharedTypes.ts +6 -6
  291. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.stories.tsx +22 -22
  292. package/src/stories/molecules/GlobalNavItem/GlobalNavItem.tsx +51 -51
  293. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.stories.tsx +96 -96
  294. package/src/stories/molecules/SquareAvatarWithName/SquareAvatarWithName.tsx +112 -112
  295. package/src/stories/organisms/Footer/Footer.stories.tsx +63 -63
  296. package/src/stories/organisms/Footer/Footer.tsx +155 -165
  297. package/src/stories/organisms/Footer/sharedTypes.ts +17 -17
  298. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +210 -202
  299. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +120 -124
  300. package/src/stories/organisms/Modals/FullPageModal.tsx +93 -93
  301. package/src/stories/organisms/Modals/Modals.stories.tsx +138 -138
  302. package/src/stories/organisms/Modals/sharedTypes.ts +15 -15
  303. package/src/stories/organisms/Tables/DrawCardTable.tsx +92 -92
  304. package/src/stories/organisms/Tables/SortableTable.tsx +119 -119
  305. package/src/stories/organisms/Tables/Tables.stories.tsx +104 -104
  306. package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +120 -120
  307. package/src/stories/organisms/Tables/TeamDrawCardTable/MobileTableRows.tsx +67 -67
  308. package/src/stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable.tsx +24 -24
  309. package/src/stories/organisms/Tables/mockData.tsx +131 -131
  310. package/src/stories/organisms/Tables/sharedTypes.ts +17 -17
  311. package/src/stories/utils/constants.ts +31 -31
  312. package/src/stories/utils/getArrayWithIds.ts +1 -1
  313. package/src/stories/utils/useScreenSize.ts +28 -28
  314. package/src/types/tableDataTypes.ts +42 -42
  315. package/tsconfig.json +23 -23
  316. package/dist/stories/atoms/Map/Map.d.ts +0 -7
  317. package/dist/stories/atoms/Map/Map.js +0 -9
  318. package/dist/stories/atoms/Map/Map.js.map +0 -1
  319. package/dist/stories/atoms/Map/Map.stories.d.ts +0 -9
  320. package/dist/stories/atoms/Map/Map.stories.js +0 -36
  321. package/dist/stories/atoms/Map/Map.stories.js.map +0 -1
  322. package/dist/stories/organisms/Tables/TeamDrawCardTable.d.ts +0 -3
  323. package/dist/stories/organisms/Tables/TeamDrawCardTable.js +0 -126
  324. package/dist/stories/organisms/Tables/TeamDrawCardTable.js.map +0 -1
package/package.json CHANGED
@@ -1,100 +1,100 @@
1
- {
2
- "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.95",
4
- "main": "dist/items.js",
5
- "license": "MIT",
6
- "homepage": "https://universaltennis.com",
7
- "peerDependencies": {
8
- "react": "^18.2.0",
9
- "react-dom": "^18.2.0"
10
- },
11
- "dependencies": {
12
- "@emotion/react": "^11.10.5",
13
- "@emotion/styled": "^11.10.5",
14
- "@mui/icons-material": "^5.11.0",
15
- "@mui/material": "5.14.17",
16
- "copyfiles": "^2.4.1",
17
- "cross-env": "^7.0.3",
18
- "libphonenumber-js": "^1.10.18",
19
- "react-scripts": "5.0.1",
20
- "typescript": "^4.9.3",
21
- "typescript-plugin-css-modules": "^4.1.1",
22
- "web-vitals": "^2.1.4"
23
- },
24
- "scripts": {
25
- "start": "start-storybook -p 6006 -s public",
26
- "build-storybook": "build-storybook -s public",
27
- "publish:npm": "tsc && yarn copy-files",
28
- "publish-package": "npm publish --access public",
29
- "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
30
- "eslint": "npx eslint --ext .jsx,.js src --fix",
31
- "eslint:ci": "npx eslint --ext .jsx,.js src --format json --output-file reports/eslint-result.json"
32
- },
33
- "eslintConfig": {
34
- "extends": [
35
- "react-app",
36
- "react-app/jest"
37
- ],
38
- "overrides": [
39
- {
40
- "files": [
41
- "**/*.stories.*"
42
- ],
43
- "rules": {
44
- "import/no-anonymous-default-export": "off"
45
- }
46
- }
47
- ]
48
- },
49
- "browserslist": {
50
- "production": [
51
- ">0.2%",
52
- "not dead",
53
- "not op_mini all"
54
- ],
55
- "development": [
56
- "last 1 chrome version",
57
- "last 1 firefox version",
58
- "last 1 safari version"
59
- ]
60
- },
61
- "devDependencies": {
62
- "@storybook/addon-actions": "^6.5.13",
63
- "@storybook/addon-essentials": "^6.5.13",
64
- "@storybook/addon-interactions": "^6.5.13",
65
- "@storybook/addon-links": "^6.5.13",
66
- "@storybook/addon-viewport": "^8.0.0",
67
- "@storybook/builder-webpack5": "^6.5.13",
68
- "@storybook/manager-webpack5": "^6.5.13",
69
- "@storybook/node-logger": "^6.5.13",
70
- "@storybook/preset-create-react-app": "^4.1.2",
71
- "@storybook/react": "^6.5.13",
72
- "@storybook/testing-library": "^0.0.13",
73
- "@types/babel__core": "^7.1.20",
74
- "@types/react": "^18.0.25",
75
- "babel-plugin-named-exports-order": "^0.0.2",
76
- "css-loader": "^6.7.3",
77
- "eslint": "^8.28.0",
78
- "eslint-config-airbnb": "^19.0.4",
79
- "eslint-import-resolver-typescript": "^3.5.2",
80
- "eslint-plugin-import": "^2.25.3",
81
- "eslint-plugin-jsx-a11y": "^6.5.1",
82
- "eslint-plugin-react": "^7.28.0",
83
- "eslint-plugin-react-hooks": "^4.3.0",
84
- "eslint-plugin-storybook": "^0.6.7",
85
- "extract-text-webpack-plugin": "^3.0.2",
86
- "node-sass": "^8.0.0",
87
- "prop-types": "^15.8.1",
88
- "react": "^18.2.0",
89
- "react-dom": "^18.2.0",
90
- "sass-loader": "^13.2.0",
91
- "style-loader": "^3.3.1",
92
- "webpack": "^5.75.0"
93
- },
94
- "description": "Shared UI components for UT",
95
- "repository": {
96
- "type": "git",
97
- "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
98
- },
99
- "author": "universal-tennis"
1
+ {
2
+ "name": "@universal-tennis/ui-shared",
3
+ "version": "0.1.98",
4
+ "main": "dist/items.js",
5
+ "license": "MIT",
6
+ "homepage": "https://universaltennis.com",
7
+ "peerDependencies": {
8
+ "react": "^18.2.0",
9
+ "react-dom": "^18.2.0"
10
+ },
11
+ "dependencies": {
12
+ "@emotion/react": "^11.10.5",
13
+ "@emotion/styled": "^11.10.5",
14
+ "@mui/icons-material": "^5.11.0",
15
+ "@mui/material": "5.14.17",
16
+ "copyfiles": "^2.4.1",
17
+ "cross-env": "^7.0.3",
18
+ "libphonenumber-js": "^1.10.18",
19
+ "react-scripts": "5.0.1",
20
+ "typescript": "^4.9.3",
21
+ "typescript-plugin-css-modules": "^4.1.1",
22
+ "web-vitals": "^2.1.4"
23
+ },
24
+ "scripts": {
25
+ "start": "start-storybook -p 6006 -s public",
26
+ "build-storybook": "build-storybook -s public",
27
+ "publish:npm": "tsc && npm run copy-files",
28
+ "publish-package": "npm publish --access public",
29
+ "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
30
+ "eslint": "npx eslint --ext .jsx,.js src --fix",
31
+ "eslint:ci": "npx eslint --ext .jsx,.js src --format json --output-file reports/eslint-result.json"
32
+ },
33
+ "eslintConfig": {
34
+ "extends": [
35
+ "react-app",
36
+ "react-app/jest"
37
+ ],
38
+ "overrides": [
39
+ {
40
+ "files": [
41
+ "**/*.stories.*"
42
+ ],
43
+ "rules": {
44
+ "import/no-anonymous-default-export": "off"
45
+ }
46
+ }
47
+ ]
48
+ },
49
+ "browserslist": {
50
+ "production": [
51
+ ">0.2%",
52
+ "not dead",
53
+ "not op_mini all"
54
+ ],
55
+ "development": [
56
+ "last 1 chrome version",
57
+ "last 1 firefox version",
58
+ "last 1 safari version"
59
+ ]
60
+ },
61
+ "devDependencies": {
62
+ "@storybook/addon-actions": "^6.5.13",
63
+ "@storybook/addon-essentials": "^6.5.13",
64
+ "@storybook/addon-interactions": "^6.5.13",
65
+ "@storybook/addon-links": "^6.5.13",
66
+ "@storybook/addon-viewport": "^8.0.0",
67
+ "@storybook/builder-webpack5": "^6.5.13",
68
+ "@storybook/manager-webpack5": "^6.5.13",
69
+ "@storybook/node-logger": "^6.5.13",
70
+ "@storybook/preset-create-react-app": "^4.1.2",
71
+ "@storybook/react": "^6.5.13",
72
+ "@storybook/testing-library": "^0.0.13",
73
+ "@types/babel__core": "^7.1.20",
74
+ "@types/react": "^18.0.25",
75
+ "babel-plugin-named-exports-order": "^0.0.2",
76
+ "css-loader": "^6.7.3",
77
+ "eslint": "^8.28.0",
78
+ "eslint-config-airbnb": "^19.0.4",
79
+ "eslint-import-resolver-typescript": "^3.5.2",
80
+ "eslint-plugin-import": "^2.25.3",
81
+ "eslint-plugin-jsx-a11y": "^6.5.1",
82
+ "eslint-plugin-react": "^7.28.0",
83
+ "eslint-plugin-react-hooks": "^4.3.0",
84
+ "eslint-plugin-storybook": "^0.6.7",
85
+ "extract-text-webpack-plugin": "^3.0.2",
86
+ "node-sass": "^8.0.0",
87
+ "prop-types": "^15.8.1",
88
+ "react": "^18.2.0",
89
+ "react-dom": "^18.2.0",
90
+ "sass-loader": "^13.2.0",
91
+ "style-loader": "^3.3.1",
92
+ "webpack": "^5.75.0"
93
+ },
94
+ "description": "Shared UI components for UT",
95
+ "repository": {
96
+ "type": "git",
97
+ "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
98
+ },
99
+ "author": "universal-tennis"
100
100
  }
package/src/App.js CHANGED
@@ -1,25 +1,25 @@
1
- function App() {
2
- return (
3
- <div className="App">
4
- <header className="App-header">
5
- <p>
6
- Edit
7
- {' '}
8
- <code>src/App.js</code>
9
- {' '}
10
- and save to reload.
11
- </p>
12
- <a
13
- className="App-link"
14
- href="https://reactjs.org"
15
- target="_blank"
16
- rel="noopener noreferrer"
17
- >
18
- Learn React
19
- </a>
20
- </header>
21
- </div>
22
- );
23
- }
24
-
25
- export default App;
1
+ function App() {
2
+ return (
3
+ <div className="App">
4
+ <header className="App-header">
5
+ <p>
6
+ Edit
7
+ {' '}
8
+ <code>src/App.js</code>
9
+ {' '}
10
+ and save to reload.
11
+ </p>
12
+ <a
13
+ className="App-link"
14
+ href="https://reactjs.org"
15
+ target="_blank"
16
+ rel="noopener noreferrer"
17
+ >
18
+ Learn React
19
+ </a>
20
+ </header>
21
+ </div>
22
+ );
23
+ }
24
+
25
+ export default App;
@@ -1,52 +1,52 @@
1
- import './stories/assets/css/variables.css';
2
-
3
- // ATOMS
4
- export { default as Button } from './stories/atoms/Button/Button';
5
- export { default as UTMap } from './stories/atoms/UTMap/UTMap';
6
- export { default as Typography } from './stories/atoms/Typography/Typography';
7
-
8
- // ATOMS - ICONS
9
- export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
10
- export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
11
- export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
12
- export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
13
- export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
14
- export { default as BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
15
- export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
16
- export { default as ClockIcon } from './stories/atoms/Icons/ClockIcon';
17
- export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
18
- export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
19
- export { default as DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
20
- export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
21
- export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
22
- export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
23
- export { default as LineIcon } from './stories/atoms/Icons/LineIcon';
24
- export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
25
- export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
26
- export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
27
- export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
28
- export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
29
- export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
30
- export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
31
- export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
32
- export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
33
- export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
34
- export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
35
- export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
36
- export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
37
-
38
- // MOLECULES
39
- export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
40
- export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
41
- export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
42
- export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
43
- export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
44
- export { default as TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
45
-
46
- // ORGANISMS
47
- export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
48
- export { default as GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
49
- export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
50
- export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
51
- export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';
52
- export { default as Footer } from './stories/organisms/Footer/Footer';
1
+ import './stories/assets/css/variables.css';
2
+
3
+ // ATOMS
4
+ export { default as Button } from './stories/atoms/Button/Button';
5
+ export { default as UTMap } from './stories/atoms/UTMap/UTMap';
6
+ export { default as Typography } from './stories/atoms/Typography/Typography';
7
+
8
+ // ATOMS - ICONS
9
+ export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
10
+ export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
11
+ export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
12
+ export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
13
+ export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
14
+ export { default as BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
15
+ export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
16
+ export { default as ClockIcon } from './stories/atoms/Icons/ClockIcon';
17
+ export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
18
+ export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
19
+ export { default as DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
20
+ export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
21
+ export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
22
+ export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
23
+ export { default as LineIcon } from './stories/atoms/Icons/LineIcon';
24
+ export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
25
+ export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
26
+ export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
27
+ export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
28
+ export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
29
+ export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
30
+ export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
31
+ export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
32
+ export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
33
+ export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
34
+ export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
35
+ export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
36
+ export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
37
+
38
+ // MOLECULES
39
+ export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
40
+ export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
41
+ export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
42
+ export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
43
+ export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
44
+ export { default as TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
45
+
46
+ // ORGANISMS
47
+ export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
48
+ export { default as GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
49
+ export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
50
+ export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
51
+ export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';
52
+ export { default as Footer } from './stories/organisms/Footer/Footer';
package/src/custom.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- declare module '*.jpg';
2
- declare module '*.png';
3
- declare module '*.woff2';
4
- declare module '*.woff';
5
- declare module '*.ttf';
6
-
7
- declare module '*.svg' {
8
- import React = require('react');
9
-
10
- export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
11
- const src: string;
12
- export default src;
13
- }
1
+ declare module '*.jpg';
2
+ declare module '*.png';
3
+ declare module '*.woff2';
4
+ declare module '*.woff';
5
+ declare module '*.ttf';
6
+
7
+ declare module '*.svg' {
8
+ import React = require('react');
9
+
10
+ export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
11
+ const src: string;
12
+ export default src;
13
+ }
package/src/index.js CHANGED
@@ -1,17 +1,17 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom/client';
3
- import './index.css';
4
- import App from './App';
5
- import reportWebVitals from './reportWebVitals';
6
-
7
- const root = ReactDOM.createRoot(document.getElementById('root'));
8
- root.render(
9
- <React.StrictMode>
10
- <App />
11
- </React.StrictMode>
12
- );
13
-
14
- // If you want to start measuring performance in your app, pass a function
15
- // to log results (for example: reportWebVitals(console.log))
16
- // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
17
- reportWebVitals();
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom/client';
3
+ import './index.css';
4
+ import App from './App';
5
+ import reportWebVitals from './reportWebVitals';
6
+
7
+ const root = ReactDOM.createRoot(document.getElementById('root'));
8
+ root.render(
9
+ <React.StrictMode>
10
+ <App />
11
+ </React.StrictMode>
12
+ );
13
+
14
+ // If you want to start measuring performance in your app, pass a function
15
+ // to log results (for example: reportWebVitals(console.log))
16
+ // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
17
+ reportWebVitals();
package/src/items.jsx CHANGED
@@ -1 +1 @@
1
- module.exports = require('./components');
1
+ module.exports = require('./components');
@@ -1,16 +1,16 @@
1
- :root {
2
- --primary: #008ded;
3
- --secondary: #e0004f;
4
- --disabled: #bac6d6;
5
- --black: #000;
6
- --white: #fff;
7
- --light-grey: #d7e0ea;
8
- --grey: #828B96;
9
- --darkest-grey: #3b4859;
10
- --cool-grey-600: #A7B2C1;
11
- --cool-grey-500: #C1CCDA;
12
- --cool-grey-300: #DDE3EB;
13
- --cool-grey-150: #F0F4F9;
14
- --blue-grey-500: #778DA9;
15
- --teal: #01DFCB;
1
+ :root {
2
+ --primary: #008ded;
3
+ --secondary: #e0004f;
4
+ --disabled: #bac6d6;
5
+ --black: #000;
6
+ --white: #fff;
7
+ --light-grey: #d7e0ea;
8
+ --grey: #828B96;
9
+ --darkest-grey: #3b4859;
10
+ --cool-grey-600: #A7B2C1;
11
+ --cool-grey-500: #C1CCDA;
12
+ --cool-grey-300: #DDE3EB;
13
+ --cool-grey-150: #F0F4F9;
14
+ --blue-grey-500: #778DA9;
15
+ --teal: #01DFCB;
16
16
  }
@@ -1,10 +1,10 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
2
- <defs>
3
- <path id="0s7v3h5tpa" d="M12 0c6.075 0 11 4.773 11 10.661 0 4.263-2.192 7.456-6.31 9.646l-6.523 3.625c-.084.047-.173.068-.26.068-.274 0-.526-.213-.526-.51v-2.472C3.438 19.61-.613 13.524 1.625 7.014 2.649 4.033 5.095 1.64 8.164.63 9.469.199 10.759 0 12 0zm0 1.015c-1.163 0-2.34.193-3.499.575-2.76.909-4.958 3.056-5.882 5.745-.943 2.743-.707 5.578.664 7.983 1.344 2.358 3.657 4.076 6.346 4.714.47.11.8.518.8.986v1.598l5.74-3.19c3.897-2.074 5.784-4.937 5.784-8.765 0-5.318-4.465-9.646-9.953-9.646zM14.095 13.2c.29 0 .524.224.524.5s-.234.5-.524.5h-6.81c-.288 0-.523-.224-.523-.5s.235-.5.524-.5zm3.143-3.046c.29 0 .524.224.524.5s-.235.5-.524.5H7.286c-.29 0-.524-.224-.524-.5s.235-.5.524-.5zm0-3.046c.29 0 .524.224.524.5s-.235.5-.524.5H7.286c-.29 0-.524-.224-.524-.5s.235-.5.524-.5z"/>
4
- </defs>
5
- <g fill="none" fill-rule="evenodd">
6
- <g>
7
- <use fill="#008DED" xlink:href="#0s7v3h5tpa"/>
8
- </g>
9
- </g>
10
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
2
+ <defs>
3
+ <path id="0s7v3h5tpa" d="M12 0c6.075 0 11 4.773 11 10.661 0 4.263-2.192 7.456-6.31 9.646l-6.523 3.625c-.084.047-.173.068-.26.068-.274 0-.526-.213-.526-.51v-2.472C3.438 19.61-.613 13.524 1.625 7.014 2.649 4.033 5.095 1.64 8.164.63 9.469.199 10.759 0 12 0zm0 1.015c-1.163 0-2.34.193-3.499.575-2.76.909-4.958 3.056-5.882 5.745-.943 2.743-.707 5.578.664 7.983 1.344 2.358 3.657 4.076 6.346 4.714.47.11.8.518.8.986v1.598l5.74-3.19c3.897-2.074 5.784-4.937 5.784-8.765 0-5.318-4.465-9.646-9.953-9.646zM14.095 13.2c.29 0 .524.224.524.5s-.234.5-.524.5h-6.81c-.288 0-.523-.224-.523-.5s.235-.5.524-.5zm3.143-3.046c.29 0 .524.224.524.5s-.235.5-.524.5H7.286c-.29 0-.524-.224-.524-.5s.235-.5.524-.5zm0-3.046c.29 0 .524.224.524.5s-.235.5-.524.5H7.286c-.29 0-.524-.224-.524-.5s.235-.5.524-.5z"/>
4
+ </defs>
5
+ <g fill="none" fill-rule="evenodd">
6
+ <g>
7
+ <use fill="#008DED" xlink:href="#0s7v3h5tpa"/>
8
+ </g>
9
+ </g>
10
+ </svg>
@@ -1,7 +1,7 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="Size=16px, Kind=Add">
3
- <path id="Ellipse 76 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
4
- <path id="Rectangle" d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" fill="black"/>
5
- <path id="Rectangle Copy" d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" fill="black"/>
6
- </g>
7
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=16px, Kind=Add">
3
+ <path id="Ellipse 76 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
4
+ <path id="Rectangle" d="M7.5 4.5C7.5 4.22386 7.72386 4 8 4V4C8.27614 4 8.5 4.22386 8.5 4.5V11.5C8.5 11.7761 8.27614 12 8 12V12C7.72386 12 7.5 11.7761 7.5 11.5V4.5Z" fill="black"/>
5
+ <path id="Rectangle Copy" d="M4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8V8C12 8.27614 11.7761 8.5 11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8V8Z" fill="black"/>
6
+ </g>
7
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" fill="black"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM9.5 9C9.5 7.61929 10.6193 6.5 12 6.5C13.3807 6.5 14.5 7.61929 14.5 9C14.5 10.3807 13.3807 11.5 12 11.5C11.9568 11.5 11.915 11.5055 11.875 11.5158C11.835 11.5055 11.7932 11.5 11.75 11.5C11.4739 11.5 11.25 11.7239 11.25 12V14C11.25 14.2761 11.4739 14.5 11.75 14.5C12.0261 14.5 12.25 14.2761 12.25 14V12.4912C14.0663 12.363 15.5 10.8489 15.5 9C15.5 7.067 13.933 5.5 12 5.5C10.067 5.5 8.5 7.067 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5C9.27614 9.5 9.5 9.27614 9.5 9ZM13.5 17.25C13.5 18.0784 12.8284 18.75 12 18.75C11.1716 18.75 10.5 18.0784 10.5 17.25C10.5 16.4216 11.1716 15.75 12 15.75C12.8284 15.75 13.5 16.4216 13.5 17.25Z" fill="black"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" fill="black"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM7.75687 8.46439C7.56161 8.26913 7.56161 7.95255 7.75687 7.75729C7.95214 7.56202 8.26872 7.56202 8.46398 7.75729L11.9996 11.2929L15.535 7.75743C15.7303 7.56217 16.0469 7.56217 16.2422 7.75743C16.4374 7.95269 16.4374 8.26928 16.2422 8.46454L12.7067 12L16.2422 15.5355C16.4374 15.7307 16.4374 16.0473 16.2422 16.2426C16.0469 16.4378 15.7303 16.4378 15.535 16.2426L11.9996 12.7071L8.46398 16.2427C8.26872 16.438 7.95214 16.438 7.75687 16.2427C7.56161 16.0475 7.56161 15.7309 7.75687 15.5356L11.2925 12L7.75687 8.46439Z" fill="black"/>
3
+ </svg>
@@ -1,8 +1,8 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="Size=24px, Kind=Less">
3
- <g id="Icon">
4
- <path id="Rectangle Copy" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" fill="black"/>
5
- <path id="Ellipse 74 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="black"/>
6
- </g>
7
- </g>
8
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=24px, Kind=Less">
3
+ <g id="Icon">
4
+ <path id="Rectangle Copy" d="M6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12Z" fill="black"/>
5
+ <path id="Ellipse 74 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="black"/>
6
+ </g>
7
+ </g>
8
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" fill="black"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM18.0962 9.84619C18.2915 9.65093 18.2915 9.33435 18.0962 9.13909C17.9009 8.94382 17.5843 8.94383 17.3891 9.13909L11.3787 15.1495L7.48959 11.2604C7.29433 11.0651 6.97775 11.0651 6.78249 11.2604C6.58722 11.4557 6.58722 11.7723 6.78249 11.9675L11.3787 16.5637L18.0962 9.84619Z" fill="black"/>
3
+ </svg>
@@ -1,4 +1,4 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect width="14" height="14" fill="#1E1E1E"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" fill="black"/>
4
- </svg>
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="14" height="14" fill="#1E1E1E"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 0.5C4.77614 0.5 5 0.723858 5 1V2H9V1C9 0.723858 9.22386 0.5 9.5 0.5C9.77614 0.5 10 0.723858 10 1V2H11C12.1046 2 13 2.89543 13 4V11C13 12.1046 12.1046 13 11 13H3C1.89543 13 1 12.1046 1 11V4C1 2.89543 1.89543 2 3 2H4V1C4 0.723858 4.22386 0.5 4.5 0.5ZM9 3V4C9 4.27614 9.22386 4.5 9.5 4.5C9.77614 4.5 10 4.27614 10 4V3H11C11.5523 3 12 3.44772 12 4V6.08325H2V4C2 3.44772 2.44772 3 3 3H4V4C4 4.27614 4.22386 4.5 4.5 4.5C4.77614 4.5 5 4.27614 5 4V3H9ZM2 7.08325V11C2 11.5523 2.44772 12 3 12H11C11.5523 12 12 11.5523 12 11V7.08325H2Z" fill="black"/>
4
+ </svg>
@@ -1,7 +1,7 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="Size=16px, Kind=Time">
3
- <path id="Ellipse 53 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
4
- <path id="Line 7 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" fill="black"/>
5
- <path id="Line 8 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" fill="black"/>
6
- </g>
7
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=16px, Kind=Time">
3
+ <path id="Ellipse 53 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="black"/>
4
+ <path id="Line 7 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5L8.5 8.5C8.5 8.77614 8.27614 9 8 9C7.72386 9 7.5 8.77614 7.5 8.5L7.5 3.5C7.5 3.22386 7.72386 3 8 3Z" fill="black"/>
5
+ <path id="Line 8 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M11.4069 6.94146C11.5365 7.18528 11.4439 7.48803 11.2001 7.61767L8.34821 9.13406C8.10439 9.2637 7.80164 9.17114 7.672 8.92733C7.54236 8.68351 7.63492 8.38076 7.87874 8.25112L10.7307 6.73472C10.9745 6.60508 11.2772 6.69764 11.4069 6.94146Z" fill="black"/>
6
+ </g>
7
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" fill="black"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M21.584 3.27561C21.8139 3.04581 21.8139 2.67323 21.5841 2.44343C21.3542 2.21362 20.9817 2.21362 20.7519 2.44342L12.0139 11.1814L3.27568 2.44323C3.04588 2.21342 2.67329 2.21342 2.44349 2.44323C2.21369 2.67303 2.21369 3.04561 2.44349 3.27541L11.1817 12.0136L2.44375 20.7515C2.21394 20.9813 2.21394 21.3539 2.44375 21.5837C2.67355 21.8135 3.04613 21.8135 3.27593 21.5837L12.0139 12.8458L20.7516 21.5835C20.9814 21.8133 21.354 21.8133 21.5838 21.5835C21.8136 21.3537 21.8136 20.9811 21.5838 20.7513L12.8461 12.0136L21.584 3.27561Z" fill="black"/>
3
+ </svg>
@@ -1,9 +1,9 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="Size=24px, Kind=Delete">
3
- <path id="Rectangle 3 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M18.5 6H5.5V22C5.5 22.5523 5.94772 23 6.5 23H17.5C18.0523 23 18.5 22.5523 18.5 22V6ZM4.5 5V22C4.5 23.1046 5.39543 24 6.5 24H17.5C18.6046 24 19.5 23.1046 19.5 22V5H4.5Z" fill="black"/>
4
- <path id="Rectangle 4 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H9.5C8.94772 1 8.5 1.44772 8.5 2V5H15.5V2C15.5 1.44772 15.0523 1 14.5 1ZM9.5 0C8.39543 0 7.5 0.89543 7.5 2V6H16.5V2C16.5 0.895431 15.6046 0 14.5 0H9.5Z" fill="black"/>
5
- <path id="Rectangle 5" d="M2.5 5H21.5V6H2.5V5Z" fill="black"/>
6
- <path id="Line 3 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M10 8C10.2761 8 10.5 8.22386 10.5 8.5L10.5 20.5C10.5 20.7761 10.2761 21 10 21C9.72386 21 9.5 20.7761 9.5 20.5L9.5 8.5C9.5 8.22386 9.72386 8 10 8Z" fill="black"/>
7
- <path id="Line 4 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M14 8C14.2761 8 14.5 8.22386 14.5 8.5L14.5 20.5C14.5 20.7761 14.2761 21 14 21C13.7239 21 13.5 20.7761 13.5 20.5L13.5 8.5C13.5 8.22386 13.7239 8 14 8Z" fill="black"/>
8
- </g>
9
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id="Size=24px, Kind=Delete">
3
+ <path id="Rectangle 3 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M18.5 6H5.5V22C5.5 22.5523 5.94772 23 6.5 23H17.5C18.0523 23 18.5 22.5523 18.5 22V6ZM4.5 5V22C4.5 23.1046 5.39543 24 6.5 24H17.5C18.6046 24 19.5 23.1046 19.5 22V5H4.5Z" fill="black"/>
4
+ <path id="Rectangle 4 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H9.5C8.94772 1 8.5 1.44772 8.5 2V5H15.5V2C15.5 1.44772 15.0523 1 14.5 1ZM9.5 0C8.39543 0 7.5 0.89543 7.5 2V6H16.5V2C16.5 0.895431 15.6046 0 14.5 0H9.5Z" fill="black"/>
5
+ <path id="Rectangle 5" d="M2.5 5H21.5V6H2.5V5Z" fill="black"/>
6
+ <path id="Line 3 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M10 8C10.2761 8 10.5 8.22386 10.5 8.5L10.5 20.5C10.5 20.7761 10.2761 21 10 21C9.72386 21 9.5 20.7761 9.5 20.5L9.5 8.5C9.5 8.22386 9.72386 8 10 8Z" fill="black"/>
7
+ <path id="Line 4 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M14 8C14.2761 8 14.5 8.22386 14.5 8.5L14.5 20.5C14.5 20.7761 14.2761 21 14 21C13.7239 21 13.5 20.7761 13.5 20.5L13.5 8.5C13.5 8.22386 13.7239 8 14 8Z" fill="black"/>
8
+ </g>
9
+ </svg>