odaptos_design_system 2.0.5 → 2.0.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 (357) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +112 -112
  3. package/dist/odaptos_design_system.cjs.development.js +35 -31
  4. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  5. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  6. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  7. package/dist/odaptos_design_system.esm.js +36 -32
  8. package/dist/odaptos_design_system.esm.js.map +1 -1
  9. package/package.json +103 -103
  10. package/src/Atoms/Avatar/Avatar.module.scss +72 -72
  11. package/src/Atoms/Avatar/Avatar.tsx +43 -43
  12. package/src/Atoms/Badge/Badge.modules.scss +108 -108
  13. package/src/Atoms/Badge/Badge.tsx +109 -109
  14. package/src/Atoms/Box/Box.module.scss +12 -12
  15. package/src/Atoms/Box/Box.tsx +18 -18
  16. package/src/Atoms/Buttons/Button.modules.scss +266 -266
  17. package/src/Atoms/Buttons/Button.tsx +69 -69
  18. package/src/Atoms/Buttons/IconButton.modules.scss +195 -195
  19. package/src/Atoms/Buttons/IconButton.tsx +65 -65
  20. package/src/Atoms/Cards/Card.modules.scss +12 -12
  21. package/src/Atoms/Cards/Card.tsx +24 -24
  22. package/src/Atoms/Cards/CardButton.modules.scss +23 -23
  23. package/src/Atoms/Cards/CardButton.tsx +14 -14
  24. package/src/Atoms/Checkbox/Checkbox.module.scss +5 -5
  25. package/src/Atoms/Checkbox/Checkbox.tsx +121 -121
  26. package/src/Atoms/ColorPicker/ColorPicker.modules.scss +46 -46
  27. package/src/Atoms/ColorPicker/ColorPicker.tsx +35 -35
  28. package/src/Atoms/DataProtectionDisclaimer/DataProtectionDisclaimer.tsx +23 -23
  29. package/src/Atoms/DataProtectionDisclaimer/data-protection-disclaimer.module.scss +14 -14
  30. package/src/Atoms/NumbersCode/NumbersCode.modules.scss +4 -4
  31. package/src/Atoms/NumbersCode/NumbersCode.tsx +224 -224
  32. package/src/Atoms/PopoverBeta/PopoverBeta.tsx +107 -107
  33. package/src/Atoms/QuestionButton/QuestionButton.module.scss +29 -29
  34. package/src/Atoms/QuestionButton/QuestionButton.tsx +26 -26
  35. package/src/Atoms/Radio/Radio.module.scss +9 -9
  36. package/src/Atoms/Radio/Radio.tsx +89 -89
  37. package/src/Atoms/Search/Search.tsx +32 -32
  38. package/src/Atoms/SquareText/SquareText.module.scss +7 -7
  39. package/src/Atoms/SquareText/SquareText.tsx +19 -19
  40. package/src/Atoms/Switch/Switch.module.scss +14 -14
  41. package/src/Atoms/Switch/Switch.tsx +64 -64
  42. package/src/Atoms/Tag/Tag.modules.scss +86 -86
  43. package/src/Atoms/Tag/Tag.tsx +134 -134
  44. package/src/Atoms/TimeInterval/TimeInterval.module.scss +5 -5
  45. package/src/Atoms/TimeInterval/TimeInterval.tsx +52 -52
  46. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.module.scss +54 -54
  47. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.tsx +140 -140
  48. package/src/Atoms/Tooltip/Tooltip.tsx +184 -184
  49. package/src/Atoms/Typography/Caption.modules.scss +17 -17
  50. package/src/Atoms/Typography/Caption.tsx +33 -33
  51. package/src/Atoms/Typography/Link.modules.scss +140 -140
  52. package/src/Atoms/Typography/Link.tsx +73 -73
  53. package/src/Atoms/Typography/Text.modules.scss +277 -277
  54. package/src/Atoms/Typography/Text.tsx +69 -69
  55. package/src/Atoms/Typography/TextForButton.modules.scss +29 -29
  56. package/src/Atoms/Typography/TextForButton.tsx +41 -41
  57. package/src/Atoms/Typography/TextForDropDownItem.modules.scss +31 -31
  58. package/src/Atoms/Typography/TextForDropDownItem.tsx +42 -42
  59. package/src/Atoms/Typography/TextWithLink.modules.scss +281 -281
  60. package/src/Atoms/Typography/TextWithLink.tsx +73 -73
  61. package/src/Atoms/Typography/Title.modules.scss +82 -82
  62. package/src/Atoms/Typography/Title.tsx +148 -148
  63. package/src/DesignTokens/ColorGuide/colors.ts +99 -99
  64. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineDownIcon.tsx +52 -52
  65. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineLeftIcon.tsx +52 -52
  66. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineRightIcon.tsx +52 -52
  67. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineUpIcon.tsx +52 -52
  68. package/src/DesignTokens/Icons/Arrows/ArrowFilledDownIcon.tsx +37 -37
  69. package/src/DesignTokens/Icons/Arrows/ArrowFilledLeftIcon.tsx +37 -37
  70. package/src/DesignTokens/Icons/Arrows/ArrowFilledRightIcon.tsx +37 -37
  71. package/src/DesignTokens/Icons/Arrows/ArrowFilledUpIcon.tsx +37 -37
  72. package/src/DesignTokens/Icons/Arrows/ArrowLineDownIcon.tsx +46 -46
  73. package/src/DesignTokens/Icons/Arrows/ArrowLineLeftIcon.tsx +46 -46
  74. package/src/DesignTokens/Icons/Arrows/ArrowLineRightIcon.tsx +46 -46
  75. package/src/DesignTokens/Icons/Arrows/ArrowLineUpIcon.tsx +46 -46
  76. package/src/DesignTokens/Icons/Arrows/ArrowPointerDown.tsx +52 -52
  77. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownLeft.tsx +45 -45
  78. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownRight.tsx +45 -45
  79. package/src/DesignTokens/Icons/Arrows/ArrowPointerLeft.tsx +52 -52
  80. package/src/DesignTokens/Icons/Arrows/ArrowPointerRight.tsx +52 -52
  81. package/src/DesignTokens/Icons/Arrows/ArrowPointerUp.tsx +52 -52
  82. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpLeft.tsx +45 -45
  83. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpRight.tsx +45 -45
  84. package/src/DesignTokens/Icons/Circled/AddCircledIcon.tsx +51 -51
  85. package/src/DesignTokens/Icons/Circled/AlertCircledIcon.tsx +64 -64
  86. package/src/DesignTokens/Icons/Circled/CheckedCircled.tsx +52 -52
  87. package/src/DesignTokens/Icons/Circled/InfoCircledIcon.tsx +64 -64
  88. package/src/DesignTokens/Icons/Circled/MinusCircledIcon.tsx +52 -52
  89. package/src/DesignTokens/Icons/Circled/NavigationCircledIcon.tsx +58 -58
  90. package/src/DesignTokens/Icons/Circled/QuestionCircledIcon.tsx +57 -57
  91. package/src/DesignTokens/Icons/Circled/RemoveCircledIcon.tsx +51 -51
  92. package/src/DesignTokens/Icons/Circled/SearchCircledIcon.tsx +58 -58
  93. package/src/DesignTokens/Icons/Circled/SettingsCircledIcon.tsx +51 -51
  94. package/src/DesignTokens/Icons/Equipment/CameraIcon.tsx +45 -45
  95. package/src/DesignTokens/Icons/Equipment/LaptopIcon.tsx +74 -74
  96. package/src/DesignTokens/Icons/Equipment/MicrophonePodcastIcon.tsx +38 -38
  97. package/src/DesignTokens/Icons/Equipment/MobileIcon.tsx +81 -81
  98. package/src/DesignTokens/Icons/Equipment/TvFlatScreenIcon.tsx +75 -75
  99. package/src/DesignTokens/Icons/Equipment/TvIcon.tsx +51 -51
  100. package/src/DesignTokens/Icons/Illustrations/AI_UserTest.tsx +544 -544
  101. package/src/DesignTokens/Icons/Illustrations/AngryIntervieweeFemale.tsx +163 -163
  102. package/src/DesignTokens/Icons/Illustrations/Blog.tsx +124 -124
  103. package/src/DesignTokens/Icons/Illustrations/EmotionsHeatMap.tsx +113 -113
  104. package/src/DesignTokens/Icons/Illustrations/Faq.tsx +74 -74
  105. package/src/DesignTokens/Icons/Illustrations/HappyMen.tsx +254 -254
  106. package/src/DesignTokens/Icons/Illustrations/IntegratedUsabilityScore.tsx +101 -101
  107. package/src/DesignTokens/Icons/Illustrations/InterviewTranscript.tsx +162 -162
  108. package/src/DesignTokens/Icons/Illustrations/InterviewTranscriptGreen.tsx +162 -162
  109. package/src/DesignTokens/Icons/Illustrations/MenShowingSomething.tsx +141 -141
  110. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse.tsx +112 -112
  111. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse2.tsx +74 -74
  112. package/src/DesignTokens/Icons/Illustrations/Non_Moderated.tsx +86 -86
  113. package/src/DesignTokens/Icons/Illustrations/OdaAccountPro.tsx +204 -204
  114. package/src/DesignTokens/Icons/Illustrations/OdaWaiting.tsx +339 -339
  115. package/src/DesignTokens/Icons/Illustrations/ScheduleTasks.tsx +118 -118
  116. package/src/DesignTokens/Icons/Illustrations/Sentiment.tsx +112 -112
  117. package/src/DesignTokens/Icons/Illustrations/Success.tsx +228 -228
  118. package/src/DesignTokens/Icons/Illustrations/UsabilityBrowser.tsx +127 -127
  119. package/src/DesignTokens/Icons/Illustrations/UserFlows.tsx +133 -133
  120. package/src/DesignTokens/Icons/Illustrations/UserPanel.tsx +127 -127
  121. package/src/DesignTokens/Icons/Illustrations/UxGuide.tsx +151 -151
  122. package/src/DesignTokens/Icons/Illustrations/VideoFlag.tsx +67 -67
  123. package/src/DesignTokens/Icons/Illustrations/VideoFlag2.tsx +69 -69
  124. package/src/DesignTokens/Icons/Illustrations/VideoFlagGreen.tsx +69 -69
  125. package/src/DesignTokens/Icons/Illustrations/WaitingMen.tsx +249 -249
  126. package/src/DesignTokens/Icons/Interaction/AccountIcon.tsx +39 -39
  127. package/src/DesignTokens/Icons/Interaction/AddIcon.tsx +51 -51
  128. package/src/DesignTokens/Icons/Interaction/AddTagIcon.tsx +47 -47
  129. package/src/DesignTokens/Icons/Interaction/AgendaIcon.tsx +76 -76
  130. package/src/DesignTokens/Icons/Interaction/BillingIcon.tsx +75 -75
  131. package/src/DesignTokens/Icons/Interaction/BinIcon.tsx +73 -73
  132. package/src/DesignTokens/Icons/Interaction/CheckedIcon.tsx +38 -38
  133. package/src/DesignTokens/Icons/Interaction/ClockIcon.tsx +58 -58
  134. package/src/DesignTokens/Icons/Interaction/CloseIcon.tsx +37 -37
  135. package/src/DesignTokens/Icons/Interaction/CogIcon.tsx +46 -46
  136. package/src/DesignTokens/Icons/Interaction/CopyPasteIcon.tsx +83 -83
  137. package/src/DesignTokens/Icons/Interaction/DragDropIcon.tsx +42 -42
  138. package/src/DesignTokens/Icons/Interaction/EditIcon.tsx +56 -56
  139. package/src/DesignTokens/Icons/Interaction/EditTextIcon.tsx +64 -64
  140. package/src/DesignTokens/Icons/Interaction/FilterIcon.tsx +49 -49
  141. package/src/DesignTokens/Icons/Interaction/LayoutIcon.tsx +46 -46
  142. package/src/DesignTokens/Icons/Interaction/LayoutLeftIcon.tsx +39 -39
  143. package/src/DesignTokens/Icons/Interaction/LayoutRightIcon.tsx +39 -39
  144. package/src/DesignTokens/Icons/Interaction/LockIcon.tsx +39 -39
  145. package/src/DesignTokens/Icons/Interaction/LogoutIcon.tsx +58 -58
  146. package/src/DesignTokens/Icons/Interaction/MenuHorizontalIcon.tsx +36 -36
  147. package/src/DesignTokens/Icons/Interaction/MenuVerticalIcon.tsx +57 -57
  148. package/src/DesignTokens/Icons/Interaction/MinusIcon.tsx +34 -34
  149. package/src/DesignTokens/Icons/Interaction/PencilWriteIcon.tsx +46 -46
  150. package/src/DesignTokens/Icons/Interaction/SearchIcon.tsx +52 -52
  151. package/src/DesignTokens/Icons/Interaction/SearchRemoveIcon.tsx +63 -63
  152. package/src/DesignTokens/Icons/Interaction/SettingsSliderIcon.tsx +45 -45
  153. package/src/DesignTokens/Icons/Interaction/ShareIcon.tsx +62 -62
  154. package/src/DesignTokens/Icons/Interaction/SortingIcon.tsx +39 -39
  155. package/src/DesignTokens/Icons/Interaction/TagAddIcon.tsx +46 -46
  156. package/src/DesignTokens/Icons/Interaction/TagEditIcon.tsx +46 -46
  157. package/src/DesignTokens/Icons/Interaction/TagRemoveIcon.tsx +46 -46
  158. package/src/DesignTokens/Icons/Interaction/TeamIcon.tsx +76 -76
  159. package/src/DesignTokens/Icons/Interaction/UnLockIcon.tsx +46 -46
  160. package/src/DesignTokens/Icons/Interaction/UndoIcon.tsx +46 -46
  161. package/src/DesignTokens/Icons/Interaction/UnlockedIcon.tsx +46 -46
  162. package/src/DesignTokens/Icons/Logos/LogoBeta.tsx +52 -52
  163. package/src/DesignTokens/Icons/Logos/LogoNormal.tsx +38 -38
  164. package/src/DesignTokens/Icons/Logos/LogoSmall.tsx +32 -32
  165. package/src/DesignTokens/Icons/Logos/LogoSquare.tsx +72 -72
  166. package/src/DesignTokens/Icons/Logos/LogoText.tsx +32 -32
  167. package/src/DesignTokens/Icons/Logos/LogoWhite.tsx +38 -38
  168. package/src/DesignTokens/Icons/MediaControl/CutClipIcon.tsx +39 -39
  169. package/src/DesignTokens/Icons/MediaControl/HangUpIcon.tsx +58 -58
  170. package/src/DesignTokens/Icons/MediaControl/MeetingIcon.tsx +45 -45
  171. package/src/DesignTokens/Icons/MediaControl/MicrophoneIcon.tsx +51 -51
  172. package/src/DesignTokens/Icons/MediaControl/MoveBackIcon.tsx +32 -32
  173. package/src/DesignTokens/Icons/MediaControl/MoveInIcon.tsx +59 -59
  174. package/src/DesignTokens/Icons/MediaControl/MuteIcon.tsx +51 -51
  175. package/src/DesignTokens/Icons/MediaControl/NoCameraIcon.tsx +54 -54
  176. package/src/DesignTokens/Icons/MediaControl/NoMicrophoneIcon.tsx +46 -46
  177. package/src/DesignTokens/Icons/MediaControl/PauseIcon.tsx +45 -45
  178. package/src/DesignTokens/Icons/MediaControl/PlayIcon.tsx +39 -39
  179. package/src/DesignTokens/Icons/MediaControl/PreviousIcon.tsx +49 -49
  180. package/src/DesignTokens/Icons/MediaControl/RecordIcon.tsx +40 -40
  181. package/src/DesignTokens/Icons/MediaControl/RecordingIcon.tsx +82 -82
  182. package/src/DesignTokens/Icons/MediaControl/StopRecordIcon.tsx +38 -38
  183. package/src/DesignTokens/Icons/MediaControl/TagIcon.tsx +46 -46
  184. package/src/DesignTokens/Icons/MediaControl/VolumeIcon.tsx +57 -57
  185. package/src/DesignTokens/Icons/Miscellaneous/AddSeatIcon.tsx +37 -37
  186. package/src/DesignTokens/Icons/Miscellaneous/AddUsersIcon.tsx +69 -69
  187. package/src/DesignTokens/Icons/Miscellaneous/AnonymizeIcon.tsx +46 -46
  188. package/src/DesignTokens/Icons/Miscellaneous/AppWindowPieIcon.tsx +39 -39
  189. package/src/DesignTokens/Icons/Miscellaneous/ArchiveIcon.tsx +39 -39
  190. package/src/DesignTokens/Icons/Miscellaneous/BillPdfIcon.tsx +37 -37
  191. package/src/DesignTokens/Icons/Miscellaneous/BinocularIcon.tsx +38 -38
  192. package/src/DesignTokens/Icons/Miscellaneous/BookFlipPageIcon.tsx +39 -39
  193. package/src/DesignTokens/Icons/Miscellaneous/BrainIcon.tsx +105 -105
  194. package/src/DesignTokens/Icons/Miscellaneous/BulbIcon.tsx +45 -45
  195. package/src/DesignTokens/Icons/Miscellaneous/CalendarIcon.tsx +46 -46
  196. package/src/DesignTokens/Icons/Miscellaneous/ChatBubbleIcon.tsx +68 -68
  197. package/src/DesignTokens/Icons/Miscellaneous/ChatIcon.tsx +37 -37
  198. package/src/DesignTokens/Icons/Miscellaneous/CheckoutIcon.tsx +37 -37
  199. package/src/DesignTokens/Icons/Miscellaneous/ClipIcon.tsx +57 -57
  200. package/src/DesignTokens/Icons/Miscellaneous/ContentPenWriteIcon.tsx +46 -46
  201. package/src/DesignTokens/Icons/Miscellaneous/CreditCardIcon.tsx +37 -37
  202. package/src/DesignTokens/Icons/Miscellaneous/DownloadIcon.tsx +78 -78
  203. package/src/DesignTokens/Icons/Miscellaneous/EarthIcon.tsx +58 -58
  204. package/src/DesignTokens/Icons/Miscellaneous/FaceCenterIcon.tsx +42 -42
  205. package/src/DesignTokens/Icons/Miscellaneous/FaceRecognitionIcon.tsx +88 -88
  206. package/src/DesignTokens/Icons/Miscellaneous/FileUploadIcon.tsx +65 -65
  207. package/src/DesignTokens/Icons/Miscellaneous/FilesIcon.tsx +51 -51
  208. package/src/DesignTokens/Icons/Miscellaneous/FillRecordIcon.tsx +39 -39
  209. package/src/DesignTokens/Icons/Miscellaneous/FilledTaskIcon.tsx +37 -37
  210. package/src/DesignTokens/Icons/Miscellaneous/FlashIcon.tsx +46 -46
  211. package/src/DesignTokens/Icons/Miscellaneous/FolderIcon.tsx +39 -39
  212. package/src/DesignTokens/Icons/Miscellaneous/GoogleIcon.tsx +67 -67
  213. package/src/DesignTokens/Icons/Miscellaneous/GroupIcon.tsx +46 -46
  214. package/src/DesignTokens/Icons/Miscellaneous/HardDriveIcon.tsx +58 -58
  215. package/src/DesignTokens/Icons/Miscellaneous/HelpIcon.tsx +37 -37
  216. package/src/DesignTokens/Icons/Miscellaneous/HelpIconAlt.tsx +33 -33
  217. package/src/DesignTokens/Icons/Miscellaneous/LanguageIcon.tsx +34 -34
  218. package/src/DesignTokens/Icons/Miscellaneous/LinkIcon.tsx +42 -42
  219. package/src/DesignTokens/Icons/Miscellaneous/ListToDoIcon.tsx +39 -39
  220. package/src/DesignTokens/Icons/Miscellaneous/MessagesBubbleSquareQuestionIcon.tsx +46 -46
  221. package/src/DesignTokens/Icons/Miscellaneous/MetaAnalyseIcon.tsx +74 -74
  222. package/src/DesignTokens/Icons/Miscellaneous/ModeratedIcon.tsx +88 -88
  223. package/src/DesignTokens/Icons/Miscellaneous/MultipleUsersIcon.tsx +46 -46
  224. package/src/DesignTokens/Icons/Miscellaneous/NbOfUsersIcon.tsx +64 -64
  225. package/src/DesignTokens/Icons/Miscellaneous/NeutralBackgroudIcon.tsx +42 -42
  226. package/src/DesignTokens/Icons/Miscellaneous/OfficeDrawerIcon.tsx +46 -46
  227. package/src/DesignTokens/Icons/Miscellaneous/OneColumnIcon.tsx +46 -46
  228. package/src/DesignTokens/Icons/Miscellaneous/RefreshIcon.tsx +54 -54
  229. package/src/DesignTokens/Icons/Miscellaneous/ReportIcon.tsx +70 -70
  230. package/src/DesignTokens/Icons/Miscellaneous/SeatIcon.tsx +36 -36
  231. package/src/DesignTokens/Icons/Miscellaneous/SendEmailIcon.tsx +51 -51
  232. package/src/DesignTokens/Icons/Miscellaneous/SendIcon.tsx +46 -46
  233. package/src/DesignTokens/Icons/Miscellaneous/SmartBrainIcon.tsx +52 -52
  234. package/src/DesignTokens/Icons/Miscellaneous/StarIcon.tsx +44 -44
  235. package/src/DesignTokens/Icons/Miscellaneous/TaskIcon.tsx +64 -64
  236. package/src/DesignTokens/Icons/Miscellaneous/TestDetailsIcon.tsx +37 -37
  237. package/src/DesignTokens/Icons/Miscellaneous/TestIcon.tsx +47 -47
  238. package/src/DesignTokens/Icons/Miscellaneous/ThreeColumnIcon.tsx +46 -46
  239. package/src/DesignTokens/Icons/Miscellaneous/TwoColumnIcon.tsx +46 -46
  240. package/src/DesignTokens/Icons/Miscellaneous/UnmoderatedIcon.tsx +63 -63
  241. package/src/DesignTokens/Icons/Miscellaneous/ViewIcon.tsx +39 -39
  242. package/src/DesignTokens/Icons/Miscellaneous/ViewOffIcon.tsx +39 -39
  243. package/src/DesignTokens/Icons/Miscellaneous/VoiceIcon.tsx +47 -47
  244. package/src/DesignTokens/Icons/Notifications/AlamBellIdleIcon.tsx +50 -50
  245. package/src/DesignTokens/Icons/Notifications/AlarmBellStatusIcon.tsx +56 -56
  246. package/src/DesignTokens/Icons/Notifications/ConversationIdleIcon.tsx +39 -39
  247. package/src/DesignTokens/Icons/Notifications/ConversationStatusIcon.tsx +54 -54
  248. package/src/DesignTokens/Icons/Notifications/NotifAlertIcon.tsx +41 -41
  249. package/src/DesignTokens/Icons/Other/DashedArrowSvg.tsx +38 -38
  250. package/src/DesignTokens/Icons/Other/ProjectHoverSvg.tsx +52 -52
  251. package/src/DesignTokens/Icons/Other/ProjectSvg.tsx +40 -40
  252. package/src/DesignTokens/Icons/Partners/Partner1.tsx +165 -165
  253. package/src/DesignTokens/Icons/Partners/Partner2.tsx +94 -94
  254. package/src/DesignTokens/Icons/Partners/Partner3.tsx +47 -47
  255. package/src/DesignTokens/Icons/Partners/Partner4.tsx +199 -199
  256. package/src/DesignTokens/Icons/Partners/Partner5.tsx +79 -79
  257. package/src/DesignTokens/Icons/Partners/Partner6.tsx +39 -39
  258. package/src/DesignTokens/Icons/Partners/Partner7.tsx +45 -45
  259. package/src/DesignTokens/Icons/Partners/Partner8.tsx +37 -37
  260. package/src/DesignTokens/Icons/Partners/Partner9.tsx +63 -63
  261. package/src/DesignTokens/Icons/index.ts +197 -197
  262. package/src/Molecules/Accordion/Accordion.modules.scss +41 -41
  263. package/src/Molecules/Accordion/Accordion.tsx +49 -49
  264. package/src/Molecules/ChatMessage/ChatMessage.module.scss +161 -161
  265. package/src/Molecules/ChatMessage/ChatMessage.tsx +110 -110
  266. package/src/Molecules/FeaturesTable/FeaturesTable.module.scss +212 -212
  267. package/src/Molecules/FeaturesTable/FeaturesTable.tsx +35 -35
  268. package/src/Molecules/FeaturesTable/components/TableBody/TableBody.tsx +54 -54
  269. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureGroup.tsx +36 -36
  270. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureRow.tsx +64 -64
  271. package/src/Molecules/FeaturesTable/components/TableBody/components/RowCell.tsx +29 -29
  272. package/src/Molecules/FeaturesTable/components/TableBody/components/SectionTitleRow.tsx +16 -16
  273. package/src/Molecules/FeaturesTable/components/TableHeader/TableHeader.tsx +37 -37
  274. package/src/Molecules/FeaturesTable/components/TableHeader/components/HeaderCell.tsx +69 -69
  275. package/src/Molecules/Interviews/Chat.modules.scss +221 -221
  276. package/src/Molecules/Interviews/Chat.tsx +374 -374
  277. package/src/Molecules/Interviews/ChatInput.modules.scss +33 -33
  278. package/src/Molecules/Interviews/ChatInput.tsx +42 -42
  279. package/src/Molecules/Interviews/CircleIconButton.modules.scss +51 -51
  280. package/src/Molecules/Interviews/CircledIconButton.tsx +37 -37
  281. package/src/Molecules/Interviews/ControlsBar.modules.scss +62 -62
  282. package/src/Molecules/Interviews/ControlsBar.tsx +247 -246
  283. package/src/Molecules/Interviews/EndRecording.module.scss +20 -20
  284. package/src/Molecules/Interviews/EndRecording.tsx +31 -31
  285. package/src/Molecules/Interviews/InterviewButton.modules.scss +112 -112
  286. package/src/Molecules/Interviews/InterviewButton.tsx +54 -54
  287. package/src/Molecules/Interviews/MarkUpBar.modules.scss +36 -36
  288. package/src/Molecules/Interviews/MarkUpBar.tsx +67 -67
  289. package/src/Molecules/Interviews/Scenario.modules.scss +21 -21
  290. package/src/Molecules/Interviews/Scenario.tsx +53 -53
  291. package/src/Molecules/Interviews/SusExplanation.module.scss +11 -11
  292. package/src/Molecules/Interviews/SusExplanation.tsx +17 -17
  293. package/src/Molecules/Interviews/Task.modules.scss +294 -294
  294. package/src/Molecules/Interviews/Task.tsx +258 -258
  295. package/src/Molecules/Interviews/WelcomeMessage.modules.scss +28 -28
  296. package/src/Molecules/Interviews/WelcomeMessage.tsx +33 -33
  297. package/src/Molecules/LogoSlider/LogoSlider.module.scss +6 -6
  298. package/src/Molecules/LogoSlider/LogoSlider.tsx +55 -55
  299. package/src/Molecules/Notifications/Banner.modules.scss +160 -160
  300. package/src/Molecules/Notifications/Banner.tsx +134 -134
  301. package/src/Molecules/Notifications/NotificationIcon.tsx +26 -26
  302. package/src/Molecules/Notifications/Toast.modules.scss +87 -87
  303. package/src/Molecules/Notifications/Toast.tsx +90 -90
  304. package/src/Molecules/PricingCard/PricingCard.module.scss +120 -120
  305. package/src/Molecules/PricingCard/PricingCard.tsx +284 -284
  306. package/src/Molecules/StarRating/StarRating.module.scss +24 -24
  307. package/src/Molecules/StarRating/StarRating.tsx +71 -71
  308. package/src/Molecules/Tabs/Tabs.tsx +83 -83
  309. package/src/Molecules/Tabs/TabsUnderLine.tsx +200 -199
  310. package/src/Molecules/Tabs/tabs.modules.scss +60 -60
  311. package/src/Molecules/Tabs/tabsUnderline.modules.scss +63 -63
  312. package/src/Molecules/Thematic/Thematic.modules.scss +121 -121
  313. package/src/Molecules/Thematic/Thematic.tsx +458 -458
  314. package/src/Molecules/ToggleTab/ToggleTab.module.scss +37 -37
  315. package/src/Molecules/ToggleTab/ToggleTab.tsx +118 -118
  316. package/src/Molecules/UserIndicator/UserIndicator.module.scss +16 -16
  317. package/src/Molecules/UserIndicator/UserIndicator.tsx +58 -58
  318. package/src/Organisms/DatePicker/DatePicker.modules.scss +68 -68
  319. package/src/Organisms/DatePicker/DatePicker.tsx +268 -268
  320. package/src/Organisms/FormQuestions/FormQuestions.module.scss +52 -52
  321. package/src/Organisms/FormQuestions/FormQuestions.tsx +78 -78
  322. package/src/Organisms/Modal/Modal.modules.scss +66 -66
  323. package/src/Organisms/Modal/Modal.tsx +163 -163
  324. package/src/Organisms/MultiSelect/MultiSelect.modules.scss +78 -78
  325. package/src/Organisms/MultiSelect/MultiSelect.tsx +303 -303
  326. package/src/Organisms/MultiSelect/MultiSelectWithCategories.modules.scss +78 -78
  327. package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +325 -325
  328. package/src/Organisms/NumberField/NumberField.module.scss +60 -60
  329. package/src/Organisms/NumberField/NumberField.tsx +244 -244
  330. package/src/Organisms/PasswordField/PasswordField.module.scss +55 -55
  331. package/src/Organisms/PasswordField/PasswordField.tsx +231 -231
  332. package/src/Organisms/RatingScale/RatingScale.module.scss +26 -26
  333. package/src/Organisms/RatingScale/RatingScale.tsx +104 -104
  334. package/src/Organisms/SingleSelect/SingleSelect.modules.scss +64 -64
  335. package/src/Organisms/SingleSelect/SingleSelect.tsx +271 -271
  336. package/src/Organisms/Table/Table.modules.scss +6 -6
  337. package/src/Organisms/Table/TableFooter.modules.scss +56 -56
  338. package/src/Organisms/Table/TableFooter.tsx +43 -43
  339. package/src/Organisms/Table/header.modules.scss +24 -24
  340. package/src/Organisms/Table/header.tsx +80 -80
  341. package/src/Organisms/Table/index.tsx +79 -79
  342. package/src/Organisms/Table/rows.modules.scss +37 -37
  343. package/src/Organisms/Table/rows.tsx +86 -86
  344. package/src/Organisms/Table/table-cell.modules.scss +13 -13
  345. package/src/Organisms/Table/table-cell.tsx +40 -40
  346. package/src/Organisms/TextInput/TextInput.modules.scss +55 -55
  347. package/src/Organisms/TextInput/TextInput.tsx +222 -222
  348. package/src/Organisms/Textarea/Textarea.module.scss +19 -19
  349. package/src/Organisms/Textarea/Textarea.tsx +97 -97
  350. package/src/Organisms/TimePicker/TimePicker.modules.scss +67 -67
  351. package/src/Organisms/TimePicker/TimePicker.tsx +242 -242
  352. package/src/__mocks__/PricingPageData/pricingPageMockedData.js +2120 -2120
  353. package/src/hooks/useClickOutside.ts +30 -30
  354. package/src/index.ts +74 -74
  355. package/src/utils/changeColorLuminance.ts +22 -22
  356. package/src/utils/getIconSize.ts +7 -7
  357. package/src/utils/getReadableTextColor.ts +36 -36
@@ -1,42 +1,42 @@
1
- import React from 'react';
2
- import { SvgIcon, SvgIconProps } from '@mui/material';
3
- import { getIconSize } from '../../../utils/getIconSize';
4
-
5
- interface CustomSvgProps {
6
- size?: 'sm' | 'base' | 'lg' | 'xl';
7
- }
8
-
9
- export default function LinkIcon({
10
- stroke,
11
- strokeWidth,
12
- fill,
13
- size = 'base',
14
- ...rest
15
- }: SvgIconProps & CustomSvgProps) {
16
- return (
17
- <SvgIcon
18
- strokeWidth={strokeWidth ?? 0.1}
19
- stroke={stroke ? stroke : 'currentColor'}
20
- sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
- {...rest}
22
- >
23
- <svg
24
- xmlns="http://www.w3.org/2000/svg"
25
- width="24"
26
- height="24"
27
- viewBox="0 0 24 24"
28
- >
29
- <g fillRule="evenodd">
30
- <g>
31
- <g>
32
- <path
33
- d="M13.435 7.48c2.085 1.779 2.45 4.863.838 7.08-.244.335-.713.41-1.048.166-.335-.244-.41-.713-.166-1.048 1.152-1.584.891-3.787-.598-5.058-1.436-1.226-3.549-1.187-4.938.06l-.152.144-4.773 4.774c-1.464 1.465-1.464 3.84 0 5.304 1.414 1.414 3.677 1.462 5.149.146l.155-.146.932-.932c.293-.293.767-.293 1.06 0 .267.266.29.683.073.976l-.073.084-.932.932c-2.05 2.05-5.374 2.05-7.424 0-1.992-1.991-2.049-5.185-.171-7.245l.17-.18L6.31 7.765c1.936-1.94 5.04-2.065 7.125-.285zm9.027-3.193c1.992 1.991 2.049 5.185.171 7.246l-.17.178-4.773 4.773c-1.937 1.94-5.04 2.063-7.124.283-2.085-1.78-2.45-4.863-.838-7.08.244-.335.713-.41 1.048-.166.335.244.41.713.166 1.048-1.152 1.584-.891 3.786.598 5.058 1.435 1.225 3.548 1.187 4.937-.06l.152-.143 4.773-4.773c1.464-1.465 1.464-3.84 0-5.304-1.414-1.414-3.676-1.462-5.149-.146l-.155.146-.75.75c-.293.293-.767.293-1.06 0-.267-.266-.29-.683-.073-.976l.073-.084.75-.75c2.05-2.05 5.374-2.05 7.424 0z"
34
- transform="translate(-451 -584) translate(451 584)"
35
- />
36
- </g>
37
- </g>
38
- </g>
39
- </svg>
40
- </SvgIcon>
41
- );
42
- }
1
+ import React from 'react';
2
+ import { SvgIcon, SvgIconProps } from '@mui/material';
3
+ import { getIconSize } from '../../../utils/getIconSize';
4
+
5
+ interface CustomSvgProps {
6
+ size?: 'sm' | 'base' | 'lg' | 'xl';
7
+ }
8
+
9
+ export default function LinkIcon({
10
+ stroke,
11
+ strokeWidth,
12
+ fill,
13
+ size = 'base',
14
+ ...rest
15
+ }: SvgIconProps & CustomSvgProps) {
16
+ return (
17
+ <SvgIcon
18
+ strokeWidth={strokeWidth ?? 0.1}
19
+ stroke={stroke ? stroke : 'currentColor'}
20
+ sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
+ {...rest}
22
+ >
23
+ <svg
24
+ xmlns="http://www.w3.org/2000/svg"
25
+ width="24"
26
+ height="24"
27
+ viewBox="0 0 24 24"
28
+ >
29
+ <g fillRule="evenodd">
30
+ <g>
31
+ <g>
32
+ <path
33
+ d="M13.435 7.48c2.085 1.779 2.45 4.863.838 7.08-.244.335-.713.41-1.048.166-.335-.244-.41-.713-.166-1.048 1.152-1.584.891-3.787-.598-5.058-1.436-1.226-3.549-1.187-4.938.06l-.152.144-4.773 4.774c-1.464 1.465-1.464 3.84 0 5.304 1.414 1.414 3.677 1.462 5.149.146l.155-.146.932-.932c.293-.293.767-.293 1.06 0 .267.266.29.683.073.976l-.073.084-.932.932c-2.05 2.05-5.374 2.05-7.424 0-1.992-1.991-2.049-5.185-.171-7.245l.17-.18L6.31 7.765c1.936-1.94 5.04-2.065 7.125-.285zm9.027-3.193c1.992 1.991 2.049 5.185.171 7.246l-.17.178-4.773 4.773c-1.937 1.94-5.04 2.063-7.124.283-2.085-1.78-2.45-4.863-.838-7.08.244-.335.713-.41 1.048-.166.335.244.41.713.166 1.048-1.152 1.584-.891 3.786.598 5.058 1.435 1.225 3.548 1.187 4.937-.06l.152-.143 4.773-4.773c1.464-1.465 1.464-3.84 0-5.304-1.414-1.414-3.676-1.462-5.149-.146l-.155.146-.75.75c-.293.293-.767.293-1.06 0-.267-.266-.29-.683-.073-.976l.073-.084.75-.75c2.05-2.05 5.374-2.05 7.424 0z"
34
+ transform="translate(-451 -584) translate(451 584)"
35
+ />
36
+ </g>
37
+ </g>
38
+ </g>
39
+ </svg>
40
+ </SvgIcon>
41
+ );
42
+ }
@@ -1,39 +1,39 @@
1
- import React from 'react';
2
- import { SvgIcon, SvgIconProps } from '@mui/material';
3
- import { getIconSize } from '../../../utils/getIconSize';
4
-
5
- interface CustomSvgProps {
6
- size?: 'sm' | 'base' | 'lg' | 'xl';
7
- }
8
-
9
- export default function ListToDoIcon({
10
- stroke = 'transparent',
11
- strokeWidth,
12
- fill,
13
- size = 'base',
14
- ...rest
15
- }: SvgIconProps & CustomSvgProps) {
16
- return (
17
- <SvgIcon
18
- strokeWidth={strokeWidth ?? 0.1}
19
- stroke={stroke ? stroke : 'currentColor'}
20
- sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
- {...rest}
22
- >
23
- <svg
24
- width="24"
25
- height="24"
26
- viewBox="0 0 24 24"
27
- fill="none"
28
- xmlns="http://www.w3.org/2000/svg"
29
- >
30
- <path
31
- fillRule="evenodd"
32
- clipRule="evenodd"
33
- d="M3.18432 1.69532C3.33435 1.54529 3.53783 1.461 3.75 1.461H13.55V6.761C13.55 7.34448 13.7818 7.90406 14.1944 8.31664C14.6069 8.72922 15.1665 8.961 15.75 8.961H21.05V21.761C21.05 21.9732 20.9657 22.1767 20.8157 22.3267C20.6657 22.4767 20.4622 22.561 20.25 22.561H3.75C3.53783 22.561 3.33435 22.4767 3.18432 22.3267C3.03429 22.1767 2.95 21.9732 2.95 21.761V2.261C2.95 2.04883 3.03429 1.84535 3.18432 1.69532ZM20.8101 7.561H15.75C15.5378 7.561 15.3343 7.47672 15.1843 7.32669C15.0343 7.17666 14.95 6.97318 14.95 6.761V1.70095L20.8101 7.561ZM22.45 8.261L22.45 21.761C22.45 22.3445 22.2182 22.9041 21.8056 23.3166C21.3931 23.7292 20.8335 23.961 20.25 23.961H3.75C3.16653 23.961 2.60695 23.7292 2.19437 23.3166C1.78179 22.9041 1.55 22.3445 1.55 21.761V2.261C1.55 1.67753 1.78179 1.11795 2.19437 0.70537C2.60695 0.29279 3.16653 0.0610046 3.75 0.0610046H14.25H14.379C14.9621 0.0611292 15.5214 0.292711 15.9338 0.704871L21.806 6.57703C22.2181 6.98945 22.4499 7.54879 22.45 8.13186L22.45 8.261ZM10.0891 9.05906C10.3983 9.29105 10.4609 9.72982 10.229 10.0391L8.09696 12.8811C7.97226 13.0471 7.81313 13.1847 7.63076 13.284C7.4484 13.3834 7.24683 13.4423 7.03968 13.457C6.83254 13.4717 6.62467 13.4417 6.43013 13.369C6.23567 13.2964 6.05906 13.1829 5.91224 13.0362L4.75524 11.8802C4.48176 11.6069 4.48157 11.1637 4.75481 10.8902C5.02806 10.6168 5.47128 10.6166 5.74476 10.8898L6.90176 12.0458C6.90683 12.0509 6.91309 12.055 6.9198 12.0575C6.92651 12.06 6.93368 12.061 6.94082 12.0605C6.94796 12.06 6.95491 12.058 6.9612 12.0545C6.96747 12.0511 6.97294 12.0464 6.97724 12.0407L9.10905 9.19895C9.34104 8.88969 9.77981 8.82706 10.0891 9.05906ZM10.229 16.7891C10.4609 16.4798 10.3983 16.0411 10.0891 15.8091C9.77981 15.5771 9.34104 15.6397 9.10905 15.9489L6.97726 18.7907C6.97296 18.7964 6.96749 18.8011 6.9612 18.8045C6.95491 18.808 6.94796 18.81 6.94082 18.8105C6.93368 18.811 6.92651 18.81 6.9198 18.8075C6.91309 18.805 6.907 18.8011 6.90193 18.796L5.74498 17.639C5.47161 17.3657 5.0284 17.3657 4.75503 17.639C4.48166 17.9124 4.48166 18.3556 4.75503 18.629L5.91207 19.786C6.05892 19.9329 6.23559 20.0464 6.43013 20.119C6.62467 20.1917 6.83254 20.2217 7.03968 20.207C7.24683 20.1923 7.4484 20.1334 7.63076 20.034C7.81313 19.9347 7.97226 19.7971 8.09696 19.6311L10.229 16.7891ZM12.05 12.761C12.05 12.3744 12.3634 12.061 12.75 12.061H17.25C17.6366 12.061 17.95 12.3744 17.95 12.761C17.95 13.1476 17.6366 13.461 17.25 13.461H12.75C12.3634 13.461 12.05 13.1476 12.05 12.761ZM12.75 18.061C12.3634 18.061 12.05 18.3744 12.05 18.761C12.05 19.1476 12.3634 19.461 12.75 19.461H17.25C17.6366 19.461 17.95 19.1476 17.95 18.761C17.95 18.3744 17.6366 18.061 17.25 18.061H12.75Z"
34
- fill={fill}
35
- />
36
- </svg>
37
- </SvgIcon>
38
- );
39
- }
1
+ import React from 'react';
2
+ import { SvgIcon, SvgIconProps } from '@mui/material';
3
+ import { getIconSize } from '../../../utils/getIconSize';
4
+
5
+ interface CustomSvgProps {
6
+ size?: 'sm' | 'base' | 'lg' | 'xl';
7
+ }
8
+
9
+ export default function ListToDoIcon({
10
+ stroke = 'transparent',
11
+ strokeWidth,
12
+ fill,
13
+ size = 'base',
14
+ ...rest
15
+ }: SvgIconProps & CustomSvgProps) {
16
+ return (
17
+ <SvgIcon
18
+ strokeWidth={strokeWidth ?? 0.1}
19
+ stroke={stroke ? stroke : 'currentColor'}
20
+ sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
+ {...rest}
22
+ >
23
+ <svg
24
+ width="24"
25
+ height="24"
26
+ viewBox="0 0 24 24"
27
+ fill="none"
28
+ xmlns="http://www.w3.org/2000/svg"
29
+ >
30
+ <path
31
+ fillRule="evenodd"
32
+ clipRule="evenodd"
33
+ d="M3.18432 1.69532C3.33435 1.54529 3.53783 1.461 3.75 1.461H13.55V6.761C13.55 7.34448 13.7818 7.90406 14.1944 8.31664C14.6069 8.72922 15.1665 8.961 15.75 8.961H21.05V21.761C21.05 21.9732 20.9657 22.1767 20.8157 22.3267C20.6657 22.4767 20.4622 22.561 20.25 22.561H3.75C3.53783 22.561 3.33435 22.4767 3.18432 22.3267C3.03429 22.1767 2.95 21.9732 2.95 21.761V2.261C2.95 2.04883 3.03429 1.84535 3.18432 1.69532ZM20.8101 7.561H15.75C15.5378 7.561 15.3343 7.47672 15.1843 7.32669C15.0343 7.17666 14.95 6.97318 14.95 6.761V1.70095L20.8101 7.561ZM22.45 8.261L22.45 21.761C22.45 22.3445 22.2182 22.9041 21.8056 23.3166C21.3931 23.7292 20.8335 23.961 20.25 23.961H3.75C3.16653 23.961 2.60695 23.7292 2.19437 23.3166C1.78179 22.9041 1.55 22.3445 1.55 21.761V2.261C1.55 1.67753 1.78179 1.11795 2.19437 0.70537C2.60695 0.29279 3.16653 0.0610046 3.75 0.0610046H14.25H14.379C14.9621 0.0611292 15.5214 0.292711 15.9338 0.704871L21.806 6.57703C22.2181 6.98945 22.4499 7.54879 22.45 8.13186L22.45 8.261ZM10.0891 9.05906C10.3983 9.29105 10.4609 9.72982 10.229 10.0391L8.09696 12.8811C7.97226 13.0471 7.81313 13.1847 7.63076 13.284C7.4484 13.3834 7.24683 13.4423 7.03968 13.457C6.83254 13.4717 6.62467 13.4417 6.43013 13.369C6.23567 13.2964 6.05906 13.1829 5.91224 13.0362L4.75524 11.8802C4.48176 11.6069 4.48157 11.1637 4.75481 10.8902C5.02806 10.6168 5.47128 10.6166 5.74476 10.8898L6.90176 12.0458C6.90683 12.0509 6.91309 12.055 6.9198 12.0575C6.92651 12.06 6.93368 12.061 6.94082 12.0605C6.94796 12.06 6.95491 12.058 6.9612 12.0545C6.96747 12.0511 6.97294 12.0464 6.97724 12.0407L9.10905 9.19895C9.34104 8.88969 9.77981 8.82706 10.0891 9.05906ZM10.229 16.7891C10.4609 16.4798 10.3983 16.0411 10.0891 15.8091C9.77981 15.5771 9.34104 15.6397 9.10905 15.9489L6.97726 18.7907C6.97296 18.7964 6.96749 18.8011 6.9612 18.8045C6.95491 18.808 6.94796 18.81 6.94082 18.8105C6.93368 18.811 6.92651 18.81 6.9198 18.8075C6.91309 18.805 6.907 18.8011 6.90193 18.796L5.74498 17.639C5.47161 17.3657 5.0284 17.3657 4.75503 17.639C4.48166 17.9124 4.48166 18.3556 4.75503 18.629L5.91207 19.786C6.05892 19.9329 6.23559 20.0464 6.43013 20.119C6.62467 20.1917 6.83254 20.2217 7.03968 20.207C7.24683 20.1923 7.4484 20.1334 7.63076 20.034C7.81313 19.9347 7.97226 19.7971 8.09696 19.6311L10.229 16.7891ZM12.05 12.761C12.05 12.3744 12.3634 12.061 12.75 12.061H17.25C17.6366 12.061 17.95 12.3744 17.95 12.761C17.95 13.1476 17.6366 13.461 17.25 13.461H12.75C12.3634 13.461 12.05 13.1476 12.05 12.761ZM12.75 18.061C12.3634 18.061 12.05 18.3744 12.05 18.761C12.05 19.1476 12.3634 19.461 12.75 19.461H17.25C17.6366 19.461 17.95 19.1476 17.95 18.761C17.95 18.3744 17.6366 18.061 17.25 18.061H12.75Z"
34
+ fill={fill}
35
+ />
36
+ </svg>
37
+ </SvgIcon>
38
+ );
39
+ }
@@ -1,46 +1,46 @@
1
- import React from 'react';
2
- import { SvgIcon, SvgIconProps } from '@mui/material';
3
- import { getIconSize } from '../../../utils/getIconSize';
4
-
5
- interface CustomSvgProps {
6
- size?: 'sm' | 'base' | 'lg' | 'xl';
7
- }
8
-
9
- export default function MessagesBubbleSquareQuestionIcon({
10
- stroke,
11
- strokeWidth,
12
- fill,
13
- size = 'base',
14
- ...rest
15
- }: SvgIconProps & CustomSvgProps) {
16
- return (
17
- <SvgIcon
18
- strokeWidth={strokeWidth ?? 0.1}
19
- stroke={stroke ? stroke : 'currentColor'}
20
- sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
- {...rest}
22
- >
23
- <svg
24
- xmlns="http://www.w3.org/2000/svg"
25
- width="24"
26
- height="24"
27
- viewBox="0 0 24 24"
28
- fill="none"
29
- >
30
- <g clipPath="url(#clip0_5352_232951)">
31
- <path
32
- fillRule="evenodd"
33
- clipRule="evenodd"
34
- d="M1.85706 2.69023C1.98572 2.5665 2.15094 2.50467 2.31373 2.50467H21.6863C21.8491 2.50467 22.0143 2.5665 22.1429 2.69023C22.273 2.81527 22.3529 2.99273 22.3529 3.18536V17.5156C22.3529 17.7082 22.273 17.8857 22.1429 18.0107C22.0143 18.1344 21.8491 18.1963 21.6863 18.1963H11.2549C11.0697 18.1963 10.8899 18.2533 10.7446 18.3581L6.11765 21.6952V18.9486C6.11765 18.5331 5.74894 18.1963 5.29412 18.1963H2.31373C2.15094 18.1963 1.98572 18.1344 1.85706 18.0107C1.72703 17.8857 1.64706 17.7082 1.64706 17.5156V3.18536C1.64706 2.99273 1.72703 2.81527 1.85706 2.69023ZM2.31373 1C1.68606 1 1.09321 1.24013 0.662939 1.65389C0.234037 2.06633 0 2.61786 0 3.18536V17.5156C0 18.0831 0.234037 18.6346 0.662939 19.047C1.09321 19.4608 1.68606 19.7009 2.31373 19.7009H4.47059V23.2477C4.47059 23.536 4.65096 23.799 4.93498 23.9247C5.219 24.0504 5.5567 24.0168 5.80441 23.8382L11.5408 19.7009H21.6863C22.3139 19.7009 22.9068 19.4608 23.3371 19.047C23.766 18.6346 24 18.0831 24 17.5156V3.18536C24 2.61786 23.766 2.06634 23.3371 1.65389C22.9068 1.24013 22.3139 1 21.6863 1H2.31373ZM11.143 6.30356C11.4466 6.15114 11.7876 6.08263 12.1286 6.1055C12.4697 6.12838 12.7977 6.24177 13.0768 6.43327C13.3559 6.62478 13.5754 6.88703 13.7113 7.19137C13.8471 7.49571 13.8942 7.83043 13.8472 8.15893C13.8002 8.48744 13.661 8.79709 13.4449 9.05405C13.2287 9.31101 12.9439 9.50539 12.6216 9.61594C12.2739 9.73521 11.9728 9.95612 11.7598 10.2482C11.5469 10.5404 11.4325 10.8895 11.4324 11.2473V11.4494C11.4324 11.7535 11.6865 12 12 12C12.3135 12 12.5676 11.7535 12.5676 11.4494V11.2473C12.5676 11.1172 12.6092 10.9903 12.6866 10.8841C12.7641 10.7779 12.8735 10.6975 13 10.6542C13.5185 10.4763 13.9767 10.1636 14.3244 9.75025C14.6721 9.33688 14.8959 8.83874 14.9715 8.31027C15.0471 7.78181 14.9715 7.24335 14.7529 6.75376C14.5344 6.26417 14.1813 5.84229 13.7323 5.53421C13.2833 5.22614 12.7556 5.04373 12.2069 5.00693C11.6583 4.97013 11.1097 5.08035 10.6213 5.32555C10.1328 5.57074 9.72325 5.94148 9.43732 6.39723C9.15139 6.85298 9.0001 7.37622 9 7.90974C8.99994 8.21383 9.254 8.46039 9.56746 8.46045C9.88092 8.46051 10.1351 8.21404 10.1351 7.90996C10.1352 7.5783 10.2292 7.25305 10.407 6.96974C10.5847 6.68644 10.8393 6.45598 11.143 6.30356ZM12.025 13.5743L12.025 12.9713C12.2542 12.9713 12.4741 13.0624 12.6362 13.2244C12.7983 13.3865 12.8894 13.6064 12.8894 13.8356C12.8894 14.0649 12.7983 14.2847 12.6362 14.4468C12.4741 14.6089 12.2542 14.7 12.025 14.7L12.025 14.097V14.7C11.7958 14.7 11.5759 14.6089 11.4138 14.4468C11.2517 14.2847 11.1606 14.0649 11.1606 13.8356C11.1606 13.6064 11.2517 13.3865 11.4138 13.2244C11.5759 13.0624 11.7958 12.9713 12.025 12.9713V13.5743Z"
35
- fill={fill}
36
- />
37
- </g>
38
- <defs>
39
- <clipPath id="clip0_5352_232951">
40
- <rect width="24" height="24" fill="white" />
41
- </clipPath>
42
- </defs>
43
- </svg>
44
- </SvgIcon>
45
- );
46
- }
1
+ import React from 'react';
2
+ import { SvgIcon, SvgIconProps } from '@mui/material';
3
+ import { getIconSize } from '../../../utils/getIconSize';
4
+
5
+ interface CustomSvgProps {
6
+ size?: 'sm' | 'base' | 'lg' | 'xl';
7
+ }
8
+
9
+ export default function MessagesBubbleSquareQuestionIcon({
10
+ stroke,
11
+ strokeWidth,
12
+ fill,
13
+ size = 'base',
14
+ ...rest
15
+ }: SvgIconProps & CustomSvgProps) {
16
+ return (
17
+ <SvgIcon
18
+ strokeWidth={strokeWidth ?? 0.1}
19
+ stroke={stroke ? stroke : 'currentColor'}
20
+ sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
+ {...rest}
22
+ >
23
+ <svg
24
+ xmlns="http://www.w3.org/2000/svg"
25
+ width="24"
26
+ height="24"
27
+ viewBox="0 0 24 24"
28
+ fill="none"
29
+ >
30
+ <g clipPath="url(#clip0_5352_232951)">
31
+ <path
32
+ fillRule="evenodd"
33
+ clipRule="evenodd"
34
+ d="M1.85706 2.69023C1.98572 2.5665 2.15094 2.50467 2.31373 2.50467H21.6863C21.8491 2.50467 22.0143 2.5665 22.1429 2.69023C22.273 2.81527 22.3529 2.99273 22.3529 3.18536V17.5156C22.3529 17.7082 22.273 17.8857 22.1429 18.0107C22.0143 18.1344 21.8491 18.1963 21.6863 18.1963H11.2549C11.0697 18.1963 10.8899 18.2533 10.7446 18.3581L6.11765 21.6952V18.9486C6.11765 18.5331 5.74894 18.1963 5.29412 18.1963H2.31373C2.15094 18.1963 1.98572 18.1344 1.85706 18.0107C1.72703 17.8857 1.64706 17.7082 1.64706 17.5156V3.18536C1.64706 2.99273 1.72703 2.81527 1.85706 2.69023ZM2.31373 1C1.68606 1 1.09321 1.24013 0.662939 1.65389C0.234037 2.06633 0 2.61786 0 3.18536V17.5156C0 18.0831 0.234037 18.6346 0.662939 19.047C1.09321 19.4608 1.68606 19.7009 2.31373 19.7009H4.47059V23.2477C4.47059 23.536 4.65096 23.799 4.93498 23.9247C5.219 24.0504 5.5567 24.0168 5.80441 23.8382L11.5408 19.7009H21.6863C22.3139 19.7009 22.9068 19.4608 23.3371 19.047C23.766 18.6346 24 18.0831 24 17.5156V3.18536C24 2.61786 23.766 2.06634 23.3371 1.65389C22.9068 1.24013 22.3139 1 21.6863 1H2.31373ZM11.143 6.30356C11.4466 6.15114 11.7876 6.08263 12.1286 6.1055C12.4697 6.12838 12.7977 6.24177 13.0768 6.43327C13.3559 6.62478 13.5754 6.88703 13.7113 7.19137C13.8471 7.49571 13.8942 7.83043 13.8472 8.15893C13.8002 8.48744 13.661 8.79709 13.4449 9.05405C13.2287 9.31101 12.9439 9.50539 12.6216 9.61594C12.2739 9.73521 11.9728 9.95612 11.7598 10.2482C11.5469 10.5404 11.4325 10.8895 11.4324 11.2473V11.4494C11.4324 11.7535 11.6865 12 12 12C12.3135 12 12.5676 11.7535 12.5676 11.4494V11.2473C12.5676 11.1172 12.6092 10.9903 12.6866 10.8841C12.7641 10.7779 12.8735 10.6975 13 10.6542C13.5185 10.4763 13.9767 10.1636 14.3244 9.75025C14.6721 9.33688 14.8959 8.83874 14.9715 8.31027C15.0471 7.78181 14.9715 7.24335 14.7529 6.75376C14.5344 6.26417 14.1813 5.84229 13.7323 5.53421C13.2833 5.22614 12.7556 5.04373 12.2069 5.00693C11.6583 4.97013 11.1097 5.08035 10.6213 5.32555C10.1328 5.57074 9.72325 5.94148 9.43732 6.39723C9.15139 6.85298 9.0001 7.37622 9 7.90974C8.99994 8.21383 9.254 8.46039 9.56746 8.46045C9.88092 8.46051 10.1351 8.21404 10.1351 7.90996C10.1352 7.5783 10.2292 7.25305 10.407 6.96974C10.5847 6.68644 10.8393 6.45598 11.143 6.30356ZM12.025 13.5743L12.025 12.9713C12.2542 12.9713 12.4741 13.0624 12.6362 13.2244C12.7983 13.3865 12.8894 13.6064 12.8894 13.8356C12.8894 14.0649 12.7983 14.2847 12.6362 14.4468C12.4741 14.6089 12.2542 14.7 12.025 14.7L12.025 14.097V14.7C11.7958 14.7 11.5759 14.6089 11.4138 14.4468C11.2517 14.2847 11.1606 14.0649 11.1606 13.8356C11.1606 13.6064 11.2517 13.3865 11.4138 13.2244C11.5759 13.0624 11.7958 12.9713 12.025 12.9713V13.5743Z"
35
+ fill={fill}
36
+ />
37
+ </g>
38
+ <defs>
39
+ <clipPath id="clip0_5352_232951">
40
+ <rect width="24" height="24" fill="white" />
41
+ </clipPath>
42
+ </defs>
43
+ </svg>
44
+ </SvgIcon>
45
+ );
46
+ }
@@ -1,74 +1,74 @@
1
- import React from 'react';
2
- import { SvgIcon, SvgIconProps } from '@mui/material';
3
- import { getIconSize } from '../../../utils/getIconSize';
4
-
5
- interface CustomSvgProps {
6
- size?: 'sm' | 'base' | 'lg' | 'xl';
7
- }
8
- export default function MetaAnalyseIcon({
9
- stroke,
10
- strokeWidth,
11
- fill,
12
- size = 'base',
13
- ...rest
14
- }: SvgIconProps & CustomSvgProps) {
15
- return (
16
- <SvgIcon
17
- strokeWidth={strokeWidth ?? 0.1}
18
- stroke={stroke ? stroke : 'currentColor'}
19
- sx={{ height: getIconSize(size), width: getIconSize(size) }}
20
- {...rest}
21
- >
22
- <svg
23
- xmlns="http://www.w3.org/2000/svg"
24
- width="24"
25
- height="24"
26
- viewBox="0 0 24 24"
27
- fill="none"
28
- >
29
- <path
30
- fillRule="evenodd"
31
- clipRule="evenodd"
32
- d="M2.25 3C1.83579 3 1.5 3.33579 1.5 3.75V20.25C1.5 20.6642 1.83579 21 2.25 21H21.75C22.1642 21 22.5 20.6642 22.5 20.25V3.75C22.5 3.33579 22.1642 3 21.75 3H2.25ZM0 3.75C0 2.50736 1.00736 1.5 2.25 1.5H21.75C22.9926 1.5 24 2.50736 24 3.75V20.25C24 21.4926 22.9926 22.5 21.75 22.5H2.25C1.00736 22.5 0 21.4926 0 20.25V3.75Z"
33
- fill={fill}
34
- />
35
- <path
36
- fillRule="evenodd"
37
- clipRule="evenodd"
38
- d="M0 6.75C0 6.33579 0.335786 6 0.75 6H23.25C23.6642 6 24 6.33579 24 6.75C24 7.16421 23.6642 7.5 23.25 7.5H0.75C0.335786 7.5 0 7.16421 0 6.75Z"
39
- fill={fill}
40
- />
41
- <path
42
- fillRule="evenodd"
43
- clipRule="evenodd"
44
- d="M17.4645 12.0175L16.773 11.727L16.4827 11.0355C16.7636 10.9175 17.0879 10.9813 17.3034 11.1967C17.5188 11.4122 17.5825 11.7365 17.4645 12.0175ZM15.3259 13.174C14.9836 13.3266 14.6131 13.4943 14.2357 13.669C13.5004 14.0094 12.7467 14.373 12.1266 14.703C11.8163 14.8682 11.5471 15.021 11.3338 15.1549C11.109 15.2962 10.9868 15.3918 10.9393 15.4393C10.658 15.7206 10.5 16.1022 10.5 16.5C10.5 16.8978 10.658 17.2794 10.9393 17.5607C11.2206 17.842 11.6022 18 12 18C12.3978 18 12.7794 17.842 13.0607 17.5607C13.1082 17.5131 13.2035 17.3911 13.3447 17.1663C13.4786 16.953 13.6313 16.6838 13.7965 16.3734C14.1265 15.7533 14.4902 14.9996 14.8307 14.2643C15.0054 13.8868 15.1731 13.5162 15.3259 13.174ZM16.773 11.727C16.4827 11.0355 16.4827 11.0355 16.4827 11.0355L16.466 11.0425L16.419 11.0623C16.378 11.0797 16.318 11.1051 16.2414 11.1378C16.0883 11.2031 15.8689 11.2972 15.6031 11.4128C15.0718 11.6439 14.353 11.9617 13.6056 12.3078C12.8597 12.653 12.0774 13.03 11.4218 13.3789C11.0943 13.5533 10.7908 13.7246 10.5358 13.8849C10.2924 14.0378 10.0509 14.2064 9.87867 14.3787C9.31606 14.9413 8.99999 15.7043 8.99999 16.5C8.99999 17.2957 9.31606 18.0587 9.87867 18.6213C10.4413 19.1839 11.2043 19.5 12 19.5C12.7957 19.5 13.5587 19.1839 14.1213 18.6213C14.2933 18.4492 14.4621 18.2074 14.6149 17.9641C14.7751 17.7091 14.9464 17.4056 15.1207 17.0782C15.4696 16.4226 15.8465 15.6403 16.1918 14.8945C16.5379 14.147 16.8558 13.4283 17.087 12.897C17.2027 12.6312 17.2968 12.4118 17.3621 12.2587C17.3948 12.1821 17.4203 12.1221 17.4376 12.0811L17.4575 12.0341L17.4645 12.0175C17.4645 12.0175 17.4645 12.0175 16.773 11.727Z"
45
- fill={fill}
46
- />
47
- <path
48
- fillRule="evenodd"
49
- clipRule="evenodd"
50
- d="M3.75 17.25C3.75 16.8358 4.08579 16.5 4.5 16.5H6C6.41421 16.5 6.75 16.8358 6.75 17.25C6.75 17.6642 6.41421 18 6 18H4.5C4.08579 18 3.75 17.6642 3.75 17.25Z"
51
- fill={fill}
52
- />
53
- <path
54
- fillRule="evenodd"
55
- clipRule="evenodd"
56
- d="M6.16567 11.4157C6.45856 11.1228 6.93344 11.1228 7.22633 11.4157L8.45233 12.6417C8.74522 12.9346 8.74522 13.4094 8.45233 13.7023C8.15944 13.9952 7.68456 13.9952 7.39167 13.7023L6.16567 12.4763C5.87278 12.1834 5.87278 11.7086 6.16567 11.4157Z"
57
- fill={fill}
58
- />
59
- <path
60
- fillRule="evenodd"
61
- clipRule="evenodd"
62
- d="M12 9C12.4142 9 12.75 9.33579 12.75 9.75V10.5C12.75 10.9142 12.4142 11.25 12 11.25C11.5858 11.25 11.25 10.9142 11.25 10.5V9.75C11.25 9.33579 11.5858 9 12 9Z"
63
- fill={fill}
64
- />
65
- <path
66
- fillRule="evenodd"
67
- clipRule="evenodd"
68
- d="M17.25 17.25C17.25 16.8358 17.5858 16.5 18 16.5H19.5C19.9142 16.5 20.25 16.8358 20.25 17.25C20.25 17.6642 19.9142 18 19.5 18H18C17.5858 18 17.25 17.6642 17.25 17.25Z"
69
- fill={fill}
70
- />
71
- </svg>
72
- </SvgIcon>
73
- );
74
- }
1
+ import React from 'react';
2
+ import { SvgIcon, SvgIconProps } from '@mui/material';
3
+ import { getIconSize } from '../../../utils/getIconSize';
4
+
5
+ interface CustomSvgProps {
6
+ size?: 'sm' | 'base' | 'lg' | 'xl';
7
+ }
8
+ export default function MetaAnalyseIcon({
9
+ stroke,
10
+ strokeWidth,
11
+ fill,
12
+ size = 'base',
13
+ ...rest
14
+ }: SvgIconProps & CustomSvgProps) {
15
+ return (
16
+ <SvgIcon
17
+ strokeWidth={strokeWidth ?? 0.1}
18
+ stroke={stroke ? stroke : 'currentColor'}
19
+ sx={{ height: getIconSize(size), width: getIconSize(size) }}
20
+ {...rest}
21
+ >
22
+ <svg
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ width="24"
25
+ height="24"
26
+ viewBox="0 0 24 24"
27
+ fill="none"
28
+ >
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M2.25 3C1.83579 3 1.5 3.33579 1.5 3.75V20.25C1.5 20.6642 1.83579 21 2.25 21H21.75C22.1642 21 22.5 20.6642 22.5 20.25V3.75C22.5 3.33579 22.1642 3 21.75 3H2.25ZM0 3.75C0 2.50736 1.00736 1.5 2.25 1.5H21.75C22.9926 1.5 24 2.50736 24 3.75V20.25C24 21.4926 22.9926 22.5 21.75 22.5H2.25C1.00736 22.5 0 21.4926 0 20.25V3.75Z"
33
+ fill={fill}
34
+ />
35
+ <path
36
+ fillRule="evenodd"
37
+ clipRule="evenodd"
38
+ d="M0 6.75C0 6.33579 0.335786 6 0.75 6H23.25C23.6642 6 24 6.33579 24 6.75C24 7.16421 23.6642 7.5 23.25 7.5H0.75C0.335786 7.5 0 7.16421 0 6.75Z"
39
+ fill={fill}
40
+ />
41
+ <path
42
+ fillRule="evenodd"
43
+ clipRule="evenodd"
44
+ d="M17.4645 12.0175L16.773 11.727L16.4827 11.0355C16.7636 10.9175 17.0879 10.9813 17.3034 11.1967C17.5188 11.4122 17.5825 11.7365 17.4645 12.0175ZM15.3259 13.174C14.9836 13.3266 14.6131 13.4943 14.2357 13.669C13.5004 14.0094 12.7467 14.373 12.1266 14.703C11.8163 14.8682 11.5471 15.021 11.3338 15.1549C11.109 15.2962 10.9868 15.3918 10.9393 15.4393C10.658 15.7206 10.5 16.1022 10.5 16.5C10.5 16.8978 10.658 17.2794 10.9393 17.5607C11.2206 17.842 11.6022 18 12 18C12.3978 18 12.7794 17.842 13.0607 17.5607C13.1082 17.5131 13.2035 17.3911 13.3447 17.1663C13.4786 16.953 13.6313 16.6838 13.7965 16.3734C14.1265 15.7533 14.4902 14.9996 14.8307 14.2643C15.0054 13.8868 15.1731 13.5162 15.3259 13.174ZM16.773 11.727C16.4827 11.0355 16.4827 11.0355 16.4827 11.0355L16.466 11.0425L16.419 11.0623C16.378 11.0797 16.318 11.1051 16.2414 11.1378C16.0883 11.2031 15.8689 11.2972 15.6031 11.4128C15.0718 11.6439 14.353 11.9617 13.6056 12.3078C12.8597 12.653 12.0774 13.03 11.4218 13.3789C11.0943 13.5533 10.7908 13.7246 10.5358 13.8849C10.2924 14.0378 10.0509 14.2064 9.87867 14.3787C9.31606 14.9413 8.99999 15.7043 8.99999 16.5C8.99999 17.2957 9.31606 18.0587 9.87867 18.6213C10.4413 19.1839 11.2043 19.5 12 19.5C12.7957 19.5 13.5587 19.1839 14.1213 18.6213C14.2933 18.4492 14.4621 18.2074 14.6149 17.9641C14.7751 17.7091 14.9464 17.4056 15.1207 17.0782C15.4696 16.4226 15.8465 15.6403 16.1918 14.8945C16.5379 14.147 16.8558 13.4283 17.087 12.897C17.2027 12.6312 17.2968 12.4118 17.3621 12.2587C17.3948 12.1821 17.4203 12.1221 17.4376 12.0811L17.4575 12.0341L17.4645 12.0175C17.4645 12.0175 17.4645 12.0175 16.773 11.727Z"
45
+ fill={fill}
46
+ />
47
+ <path
48
+ fillRule="evenodd"
49
+ clipRule="evenodd"
50
+ d="M3.75 17.25C3.75 16.8358 4.08579 16.5 4.5 16.5H6C6.41421 16.5 6.75 16.8358 6.75 17.25C6.75 17.6642 6.41421 18 6 18H4.5C4.08579 18 3.75 17.6642 3.75 17.25Z"
51
+ fill={fill}
52
+ />
53
+ <path
54
+ fillRule="evenodd"
55
+ clipRule="evenodd"
56
+ d="M6.16567 11.4157C6.45856 11.1228 6.93344 11.1228 7.22633 11.4157L8.45233 12.6417C8.74522 12.9346 8.74522 13.4094 8.45233 13.7023C8.15944 13.9952 7.68456 13.9952 7.39167 13.7023L6.16567 12.4763C5.87278 12.1834 5.87278 11.7086 6.16567 11.4157Z"
57
+ fill={fill}
58
+ />
59
+ <path
60
+ fillRule="evenodd"
61
+ clipRule="evenodd"
62
+ d="M12 9C12.4142 9 12.75 9.33579 12.75 9.75V10.5C12.75 10.9142 12.4142 11.25 12 11.25C11.5858 11.25 11.25 10.9142 11.25 10.5V9.75C11.25 9.33579 11.5858 9 12 9Z"
63
+ fill={fill}
64
+ />
65
+ <path
66
+ fillRule="evenodd"
67
+ clipRule="evenodd"
68
+ d="M17.25 17.25C17.25 16.8358 17.5858 16.5 18 16.5H19.5C19.9142 16.5 20.25 16.8358 20.25 17.25C20.25 17.6642 19.9142 18 19.5 18H18C17.5858 18 17.25 17.6642 17.25 17.25Z"
69
+ fill={fill}
70
+ />
71
+ </svg>
72
+ </SvgIcon>
73
+ );
74
+ }
@@ -1,88 +1,88 @@
1
- import React from 'react';
2
- import { SvgIcon, SvgIconProps } from '@mui/material';
3
- import { getIconSize } from '../../../utils/getIconSize';
4
-
5
- interface CustomSvgProps {
6
- size?: 'sm' | 'base' | 'lg' | 'xl';
7
- }
8
-
9
- export default function ModeratedIcon({
10
- stroke,
11
- strokeWidth,
12
- fill,
13
- size = 'base',
14
- ...rest
15
- }: SvgIconProps & CustomSvgProps) {
16
- return (
17
- <SvgIcon
18
- strokeWidth={strokeWidth ?? 0.1}
19
- stroke={stroke ? stroke : 'currentColor'}
20
- sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
- {...rest}
22
- >
23
- <svg
24
- xmlns="http://www.w3.org/2000/svg"
25
- width="24"
26
- height="24"
27
- viewBox="0 0 24 24"
28
- fill="none"
29
- >
30
- <g clipPath="url(#clip0_408_3019)">
31
- <path
32
- fillRule="evenodd"
33
- clipRule="evenodd"
34
- d="M3.75 9.75C3.15326 9.75 2.58097 9.98705 2.15901 10.409C1.73705 10.831 1.5 11.4033 1.5 12V15C1.5 15.5967 1.73705 16.169 2.15901 16.591C2.58097 17.0129 3.15326 17.25 3.75 17.25H4.5V9.75H3.75ZM1.09835 9.34835C1.80161 8.64509 2.75544 8.25 3.75 8.25H4.5C4.89783 8.25 5.27936 8.40804 5.56066 8.68934C5.84196 8.97064 6 9.35217 6 9.75V17.25C6 17.6478 5.84197 18.0294 5.56066 18.3107C5.27935 18.592 4.89782 18.75 4.5 18.75H3.75C2.75544 18.75 1.80161 18.3549 1.09835 17.6516C0.395088 16.9484 0 15.9946 0 15V12C0 11.0054 0.395088 10.0516 1.09835 9.34835Z"
35
- fill={fill}
36
- />
37
- <path
38
- fillRule="evenodd"
39
- clipRule="evenodd"
40
- d="M18.4393 8.68934C18.7206 8.40804 19.1022 8.25 19.5 8.25H20.25C21.2446 8.25 22.1984 8.64509 22.9017 9.34835C23.6049 10.0516 24 11.0054 24 12V15C24 15.9946 23.6049 16.9484 22.9017 17.6516C22.1984 18.3549 21.2446 18.75 20.25 18.75H19.5C19.1022 18.75 18.7206 18.592 18.4393 18.3107C18.158 18.0294 18 17.6478 18 17.25V9.75C18 9.35218 18.158 8.97065 18.4393 8.68934ZM20.25 9.75H19.5V17.25H20.25C20.8467 17.25 21.419 17.0129 21.841 16.591C22.2629 16.169 22.5 15.5967 22.5 15V12C22.5 11.4033 22.2629 10.831 21.841 10.409C21.419 9.98705 20.8467 9.75 20.25 9.75Z"
41
- fill={fill}
42
- />
43
- <path
44
- fillRule="evenodd"
45
- clipRule="evenodd"
46
- d="M12 1.5C10.0109 1.5 8.10322 2.29018 6.6967 3.6967C5.29018 5.10322 4.5 7.01088 4.5 9C4.5 9.41421 4.16421 9.75 3.75 9.75C3.33579 9.75 3 9.41421 3 9C3 6.61305 3.94821 4.32387 5.63604 2.63604C7.32387 0.948211 9.61305 0 12 0C14.3869 0 16.6761 0.948211 18.364 2.63604C20.0518 4.32387 21 6.61305 21 9C21 9.41421 20.6642 9.75 20.25 9.75C19.8358 9.75 19.5 9.41421 19.5 9C19.5 7.01088 18.7098 5.10322 17.3033 3.6967C15.8968 2.29018 13.9891 1.5 12 1.5Z"
47
- fill={fill}
48
- />
49
- <path
50
- fillRule="evenodd"
51
- clipRule="evenodd"
52
- d="M20.25 17.25C20.6642 17.25 21 17.5858 21 18V18.75C21 19.7446 20.6049 20.6984 19.9017 21.4017C19.1984 22.1049 18.2446 22.5 17.25 22.5H15C14.5858 22.5 14.25 22.1642 14.25 21.75C14.25 21.3358 14.5858 21 15 21H17.25C17.8467 21 18.419 20.7629 18.841 20.341C19.2629 19.919 19.5 19.3467 19.5 18.75V18C19.5 17.5858 19.8358 17.25 20.25 17.25Z"
53
- fill={fill}
54
- />
55
- <path
56
- fillRule="evenodd"
57
- clipRule="evenodd"
58
- d="M12 21C11.8011 21 11.6103 21.079 11.4697 21.2197C11.329 21.3603 11.25 21.5511 11.25 21.75C11.25 21.9489 11.329 22.1397 11.4697 22.2803C11.6103 22.421 11.8011 22.5 12 22.5H13.5C13.6989 22.5 13.8897 22.421 14.0303 22.2803C14.171 22.1397 14.25 21.9489 14.25 21.75C14.25 21.5511 14.171 21.3603 14.0303 21.2197C13.8897 21.079 13.6989 21 13.5 21H12ZM10.409 20.159C10.831 19.7371 11.4033 19.5 12 19.5H13.5C14.0967 19.5 14.669 19.7371 15.091 20.159C15.5129 20.581 15.75 21.1533 15.75 21.75C15.75 22.3467 15.5129 22.919 15.091 23.341C14.669 23.7629 14.0967 24 13.5 24H12C11.4033 24 10.831 23.7629 10.409 23.341C9.98705 22.919 9.75 22.3467 9.75 21.75C9.75 21.1533 9.98705 20.581 10.409 20.159Z"
59
- fill={fill}
60
- />
61
- <path
62
- fillRule="evenodd"
63
- clipRule="evenodd"
64
- d="M8.44565 14.9368C8.72464 14.6307 9.199 14.6087 9.50516 14.8876C10.1874 15.5093 11.0771 15.8539 12 15.8539C12.9229 15.8539 13.8126 15.5093 14.4948 14.8876C14.801 14.6087 15.2754 14.6307 15.5544 14.9368C15.8333 15.243 15.8113 15.7174 15.5052 15.9964C14.5467 16.8698 13.2967 17.3539 12 17.3539C10.7033 17.3539 9.45329 16.8698 8.49484 15.9964C8.18867 15.7174 8.16665 15.243 8.44565 14.9368Z"
65
- fill={fill}
66
- />
67
- <path
68
- fillRule="evenodd"
69
- clipRule="evenodd"
70
- d="M9 9.235C9.41421 9.235 9.75 9.57079 9.75 9.985V11.297C9.75 11.7112 9.41421 12.047 9 12.047C8.58579 12.047 8.25 11.7112 8.25 11.297V9.985C8.25 9.57079 8.58579 9.235 9 9.235Z"
71
- fill={fill}
72
- />
73
- <path
74
- fillRule="evenodd"
75
- clipRule="evenodd"
76
- d="M15 9.235C15.4142 9.235 15.75 9.57079 15.75 9.985V11.297C15.75 11.7112 15.4142 12.047 15 12.047C14.5858 12.047 14.25 11.7112 14.25 11.297V9.985C14.25 9.57079 14.5858 9.235 15 9.235Z"
77
- fill={fill}
78
- />
79
- </g>
80
- <defs>
81
- <clipPath id="clip0_408_3019">
82
- <rect width="24" height="24" fill="white" />
83
- </clipPath>
84
- </defs>
85
- </svg>
86
- </SvgIcon>
87
- );
88
- }
1
+ import React from 'react';
2
+ import { SvgIcon, SvgIconProps } from '@mui/material';
3
+ import { getIconSize } from '../../../utils/getIconSize';
4
+
5
+ interface CustomSvgProps {
6
+ size?: 'sm' | 'base' | 'lg' | 'xl';
7
+ }
8
+
9
+ export default function ModeratedIcon({
10
+ stroke,
11
+ strokeWidth,
12
+ fill,
13
+ size = 'base',
14
+ ...rest
15
+ }: SvgIconProps & CustomSvgProps) {
16
+ return (
17
+ <SvgIcon
18
+ strokeWidth={strokeWidth ?? 0.1}
19
+ stroke={stroke ? stroke : 'currentColor'}
20
+ sx={{ height: getIconSize(size), width: getIconSize(size) }}
21
+ {...rest}
22
+ >
23
+ <svg
24
+ xmlns="http://www.w3.org/2000/svg"
25
+ width="24"
26
+ height="24"
27
+ viewBox="0 0 24 24"
28
+ fill="none"
29
+ >
30
+ <g clipPath="url(#clip0_408_3019)">
31
+ <path
32
+ fillRule="evenodd"
33
+ clipRule="evenodd"
34
+ d="M3.75 9.75C3.15326 9.75 2.58097 9.98705 2.15901 10.409C1.73705 10.831 1.5 11.4033 1.5 12V15C1.5 15.5967 1.73705 16.169 2.15901 16.591C2.58097 17.0129 3.15326 17.25 3.75 17.25H4.5V9.75H3.75ZM1.09835 9.34835C1.80161 8.64509 2.75544 8.25 3.75 8.25H4.5C4.89783 8.25 5.27936 8.40804 5.56066 8.68934C5.84196 8.97064 6 9.35217 6 9.75V17.25C6 17.6478 5.84197 18.0294 5.56066 18.3107C5.27935 18.592 4.89782 18.75 4.5 18.75H3.75C2.75544 18.75 1.80161 18.3549 1.09835 17.6516C0.395088 16.9484 0 15.9946 0 15V12C0 11.0054 0.395088 10.0516 1.09835 9.34835Z"
35
+ fill={fill}
36
+ />
37
+ <path
38
+ fillRule="evenodd"
39
+ clipRule="evenodd"
40
+ d="M18.4393 8.68934C18.7206 8.40804 19.1022 8.25 19.5 8.25H20.25C21.2446 8.25 22.1984 8.64509 22.9017 9.34835C23.6049 10.0516 24 11.0054 24 12V15C24 15.9946 23.6049 16.9484 22.9017 17.6516C22.1984 18.3549 21.2446 18.75 20.25 18.75H19.5C19.1022 18.75 18.7206 18.592 18.4393 18.3107C18.158 18.0294 18 17.6478 18 17.25V9.75C18 9.35218 18.158 8.97065 18.4393 8.68934ZM20.25 9.75H19.5V17.25H20.25C20.8467 17.25 21.419 17.0129 21.841 16.591C22.2629 16.169 22.5 15.5967 22.5 15V12C22.5 11.4033 22.2629 10.831 21.841 10.409C21.419 9.98705 20.8467 9.75 20.25 9.75Z"
41
+ fill={fill}
42
+ />
43
+ <path
44
+ fillRule="evenodd"
45
+ clipRule="evenodd"
46
+ d="M12 1.5C10.0109 1.5 8.10322 2.29018 6.6967 3.6967C5.29018 5.10322 4.5 7.01088 4.5 9C4.5 9.41421 4.16421 9.75 3.75 9.75C3.33579 9.75 3 9.41421 3 9C3 6.61305 3.94821 4.32387 5.63604 2.63604C7.32387 0.948211 9.61305 0 12 0C14.3869 0 16.6761 0.948211 18.364 2.63604C20.0518 4.32387 21 6.61305 21 9C21 9.41421 20.6642 9.75 20.25 9.75C19.8358 9.75 19.5 9.41421 19.5 9C19.5 7.01088 18.7098 5.10322 17.3033 3.6967C15.8968 2.29018 13.9891 1.5 12 1.5Z"
47
+ fill={fill}
48
+ />
49
+ <path
50
+ fillRule="evenodd"
51
+ clipRule="evenodd"
52
+ d="M20.25 17.25C20.6642 17.25 21 17.5858 21 18V18.75C21 19.7446 20.6049 20.6984 19.9017 21.4017C19.1984 22.1049 18.2446 22.5 17.25 22.5H15C14.5858 22.5 14.25 22.1642 14.25 21.75C14.25 21.3358 14.5858 21 15 21H17.25C17.8467 21 18.419 20.7629 18.841 20.341C19.2629 19.919 19.5 19.3467 19.5 18.75V18C19.5 17.5858 19.8358 17.25 20.25 17.25Z"
53
+ fill={fill}
54
+ />
55
+ <path
56
+ fillRule="evenodd"
57
+ clipRule="evenodd"
58
+ d="M12 21C11.8011 21 11.6103 21.079 11.4697 21.2197C11.329 21.3603 11.25 21.5511 11.25 21.75C11.25 21.9489 11.329 22.1397 11.4697 22.2803C11.6103 22.421 11.8011 22.5 12 22.5H13.5C13.6989 22.5 13.8897 22.421 14.0303 22.2803C14.171 22.1397 14.25 21.9489 14.25 21.75C14.25 21.5511 14.171 21.3603 14.0303 21.2197C13.8897 21.079 13.6989 21 13.5 21H12ZM10.409 20.159C10.831 19.7371 11.4033 19.5 12 19.5H13.5C14.0967 19.5 14.669 19.7371 15.091 20.159C15.5129 20.581 15.75 21.1533 15.75 21.75C15.75 22.3467 15.5129 22.919 15.091 23.341C14.669 23.7629 14.0967 24 13.5 24H12C11.4033 24 10.831 23.7629 10.409 23.341C9.98705 22.919 9.75 22.3467 9.75 21.75C9.75 21.1533 9.98705 20.581 10.409 20.159Z"
59
+ fill={fill}
60
+ />
61
+ <path
62
+ fillRule="evenodd"
63
+ clipRule="evenodd"
64
+ d="M8.44565 14.9368C8.72464 14.6307 9.199 14.6087 9.50516 14.8876C10.1874 15.5093 11.0771 15.8539 12 15.8539C12.9229 15.8539 13.8126 15.5093 14.4948 14.8876C14.801 14.6087 15.2754 14.6307 15.5544 14.9368C15.8333 15.243 15.8113 15.7174 15.5052 15.9964C14.5467 16.8698 13.2967 17.3539 12 17.3539C10.7033 17.3539 9.45329 16.8698 8.49484 15.9964C8.18867 15.7174 8.16665 15.243 8.44565 14.9368Z"
65
+ fill={fill}
66
+ />
67
+ <path
68
+ fillRule="evenodd"
69
+ clipRule="evenodd"
70
+ d="M9 9.235C9.41421 9.235 9.75 9.57079 9.75 9.985V11.297C9.75 11.7112 9.41421 12.047 9 12.047C8.58579 12.047 8.25 11.7112 8.25 11.297V9.985C8.25 9.57079 8.58579 9.235 9 9.235Z"
71
+ fill={fill}
72
+ />
73
+ <path
74
+ fillRule="evenodd"
75
+ clipRule="evenodd"
76
+ d="M15 9.235C15.4142 9.235 15.75 9.57079 15.75 9.985V11.297C15.75 11.7112 15.4142 12.047 15 12.047C14.5858 12.047 14.25 11.7112 14.25 11.297V9.985C14.25 9.57079 14.5858 9.235 15 9.235Z"
77
+ fill={fill}
78
+ />
79
+ </g>
80
+ <defs>
81
+ <clipPath id="clip0_408_3019">
82
+ <rect width="24" height="24" fill="white" />
83
+ </clipPath>
84
+ </defs>
85
+ </svg>
86
+ </SvgIcon>
87
+ );
88
+ }