odaptos_design_system 2.0.4 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (359) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +112 -112
  3. package/dist/DesignTokens/Icons/Illustrations/Non_Moderated.d.ts +3 -0
  4. package/dist/DesignTokens/Icons/index.d.ts +1 -0
  5. package/dist/odaptos_design_system.cjs.development.js +130 -31
  6. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  7. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  8. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  9. package/dist/odaptos_design_system.esm.js +131 -33
  10. package/dist/odaptos_design_system.esm.js.map +1 -1
  11. package/package.json +103 -103
  12. package/src/Atoms/Avatar/Avatar.module.scss +72 -72
  13. package/src/Atoms/Avatar/Avatar.tsx +43 -43
  14. package/src/Atoms/Badge/Badge.modules.scss +108 -108
  15. package/src/Atoms/Badge/Badge.tsx +109 -109
  16. package/src/Atoms/Box/Box.module.scss +12 -12
  17. package/src/Atoms/Box/Box.tsx +18 -18
  18. package/src/Atoms/Buttons/Button.modules.scss +266 -266
  19. package/src/Atoms/Buttons/Button.tsx +69 -69
  20. package/src/Atoms/Buttons/IconButton.modules.scss +195 -195
  21. package/src/Atoms/Buttons/IconButton.tsx +65 -65
  22. package/src/Atoms/Cards/Card.modules.scss +12 -12
  23. package/src/Atoms/Cards/Card.tsx +24 -24
  24. package/src/Atoms/Cards/CardButton.modules.scss +23 -23
  25. package/src/Atoms/Cards/CardButton.tsx +14 -14
  26. package/src/Atoms/Checkbox/Checkbox.module.scss +5 -5
  27. package/src/Atoms/Checkbox/Checkbox.tsx +121 -121
  28. package/src/Atoms/ColorPicker/ColorPicker.modules.scss +46 -46
  29. package/src/Atoms/ColorPicker/ColorPicker.tsx +35 -35
  30. package/src/Atoms/DataProtectionDisclaimer/DataProtectionDisclaimer.tsx +23 -23
  31. package/src/Atoms/DataProtectionDisclaimer/data-protection-disclaimer.module.scss +14 -14
  32. package/src/Atoms/NumbersCode/NumbersCode.modules.scss +4 -4
  33. package/src/Atoms/NumbersCode/NumbersCode.tsx +224 -224
  34. package/src/Atoms/PopoverBeta/PopoverBeta.tsx +107 -107
  35. package/src/Atoms/QuestionButton/QuestionButton.module.scss +29 -29
  36. package/src/Atoms/QuestionButton/QuestionButton.tsx +26 -26
  37. package/src/Atoms/Radio/Radio.module.scss +9 -9
  38. package/src/Atoms/Radio/Radio.tsx +89 -89
  39. package/src/Atoms/Search/Search.tsx +32 -32
  40. package/src/Atoms/SquareText/SquareText.module.scss +7 -7
  41. package/src/Atoms/SquareText/SquareText.tsx +19 -19
  42. package/src/Atoms/Switch/Switch.module.scss +14 -14
  43. package/src/Atoms/Switch/Switch.tsx +64 -64
  44. package/src/Atoms/Tag/Tag.modules.scss +86 -86
  45. package/src/Atoms/Tag/Tag.tsx +134 -134
  46. package/src/Atoms/TimeInterval/TimeInterval.module.scss +5 -5
  47. package/src/Atoms/TimeInterval/TimeInterval.tsx +52 -52
  48. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.module.scss +54 -54
  49. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.tsx +140 -140
  50. package/src/Atoms/Tooltip/Tooltip.tsx +184 -184
  51. package/src/Atoms/Typography/Caption.modules.scss +17 -17
  52. package/src/Atoms/Typography/Caption.tsx +33 -33
  53. package/src/Atoms/Typography/Link.modules.scss +140 -140
  54. package/src/Atoms/Typography/Link.tsx +73 -73
  55. package/src/Atoms/Typography/Text.modules.scss +277 -277
  56. package/src/Atoms/Typography/Text.tsx +69 -69
  57. package/src/Atoms/Typography/TextForButton.modules.scss +29 -29
  58. package/src/Atoms/Typography/TextForButton.tsx +41 -41
  59. package/src/Atoms/Typography/TextForDropDownItem.modules.scss +31 -31
  60. package/src/Atoms/Typography/TextForDropDownItem.tsx +42 -42
  61. package/src/Atoms/Typography/TextWithLink.modules.scss +281 -281
  62. package/src/Atoms/Typography/TextWithLink.tsx +73 -73
  63. package/src/Atoms/Typography/Title.modules.scss +82 -82
  64. package/src/Atoms/Typography/Title.tsx +148 -148
  65. package/src/DesignTokens/ColorGuide/colors.ts +99 -99
  66. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineDownIcon.tsx +52 -52
  67. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineLeftIcon.tsx +52 -52
  68. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineRightIcon.tsx +52 -52
  69. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineUpIcon.tsx +52 -52
  70. package/src/DesignTokens/Icons/Arrows/ArrowFilledDownIcon.tsx +37 -37
  71. package/src/DesignTokens/Icons/Arrows/ArrowFilledLeftIcon.tsx +37 -37
  72. package/src/DesignTokens/Icons/Arrows/ArrowFilledRightIcon.tsx +37 -37
  73. package/src/DesignTokens/Icons/Arrows/ArrowFilledUpIcon.tsx +37 -37
  74. package/src/DesignTokens/Icons/Arrows/ArrowLineDownIcon.tsx +46 -46
  75. package/src/DesignTokens/Icons/Arrows/ArrowLineLeftIcon.tsx +46 -46
  76. package/src/DesignTokens/Icons/Arrows/ArrowLineRightIcon.tsx +46 -46
  77. package/src/DesignTokens/Icons/Arrows/ArrowLineUpIcon.tsx +46 -46
  78. package/src/DesignTokens/Icons/Arrows/ArrowPointerDown.tsx +52 -52
  79. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownLeft.tsx +45 -45
  80. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownRight.tsx +45 -45
  81. package/src/DesignTokens/Icons/Arrows/ArrowPointerLeft.tsx +52 -52
  82. package/src/DesignTokens/Icons/Arrows/ArrowPointerRight.tsx +52 -52
  83. package/src/DesignTokens/Icons/Arrows/ArrowPointerUp.tsx +52 -52
  84. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpLeft.tsx +45 -45
  85. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpRight.tsx +45 -45
  86. package/src/DesignTokens/Icons/Circled/AddCircledIcon.tsx +51 -51
  87. package/src/DesignTokens/Icons/Circled/AlertCircledIcon.tsx +64 -64
  88. package/src/DesignTokens/Icons/Circled/CheckedCircled.tsx +52 -52
  89. package/src/DesignTokens/Icons/Circled/InfoCircledIcon.tsx +64 -64
  90. package/src/DesignTokens/Icons/Circled/MinusCircledIcon.tsx +52 -52
  91. package/src/DesignTokens/Icons/Circled/NavigationCircledIcon.tsx +58 -58
  92. package/src/DesignTokens/Icons/Circled/QuestionCircledIcon.tsx +57 -57
  93. package/src/DesignTokens/Icons/Circled/RemoveCircledIcon.tsx +51 -51
  94. package/src/DesignTokens/Icons/Circled/SearchCircledIcon.tsx +58 -58
  95. package/src/DesignTokens/Icons/Circled/SettingsCircledIcon.tsx +51 -51
  96. package/src/DesignTokens/Icons/Equipment/CameraIcon.tsx +45 -45
  97. package/src/DesignTokens/Icons/Equipment/LaptopIcon.tsx +74 -74
  98. package/src/DesignTokens/Icons/Equipment/MicrophonePodcastIcon.tsx +38 -38
  99. package/src/DesignTokens/Icons/Equipment/MobileIcon.tsx +81 -81
  100. package/src/DesignTokens/Icons/Equipment/TvFlatScreenIcon.tsx +75 -75
  101. package/src/DesignTokens/Icons/Equipment/TvIcon.tsx +51 -51
  102. package/src/DesignTokens/Icons/Illustrations/AI_UserTest.tsx +544 -544
  103. package/src/DesignTokens/Icons/Illustrations/AngryIntervieweeFemale.tsx +163 -163
  104. package/src/DesignTokens/Icons/Illustrations/Blog.tsx +124 -124
  105. package/src/DesignTokens/Icons/Illustrations/EmotionsHeatMap.tsx +113 -113
  106. package/src/DesignTokens/Icons/Illustrations/Faq.tsx +74 -74
  107. package/src/DesignTokens/Icons/Illustrations/HappyMen.tsx +254 -254
  108. package/src/DesignTokens/Icons/Illustrations/IntegratedUsabilityScore.tsx +101 -101
  109. package/src/DesignTokens/Icons/Illustrations/InterviewTranscript.tsx +162 -162
  110. package/src/DesignTokens/Icons/Illustrations/InterviewTranscriptGreen.tsx +162 -162
  111. package/src/DesignTokens/Icons/Illustrations/MenShowingSomething.tsx +141 -141
  112. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse.tsx +112 -112
  113. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse2.tsx +74 -74
  114. package/src/DesignTokens/Icons/Illustrations/Non_Moderated.tsx +86 -0
  115. package/src/DesignTokens/Icons/Illustrations/OdaAccountPro.tsx +204 -204
  116. package/src/DesignTokens/Icons/Illustrations/OdaWaiting.tsx +339 -339
  117. package/src/DesignTokens/Icons/Illustrations/ScheduleTasks.tsx +118 -118
  118. package/src/DesignTokens/Icons/Illustrations/Sentiment.tsx +112 -112
  119. package/src/DesignTokens/Icons/Illustrations/Success.tsx +228 -228
  120. package/src/DesignTokens/Icons/Illustrations/UsabilityBrowser.tsx +127 -127
  121. package/src/DesignTokens/Icons/Illustrations/UserFlows.tsx +133 -133
  122. package/src/DesignTokens/Icons/Illustrations/UserPanel.tsx +127 -127
  123. package/src/DesignTokens/Icons/Illustrations/UxGuide.tsx +151 -151
  124. package/src/DesignTokens/Icons/Illustrations/VideoFlag.tsx +67 -67
  125. package/src/DesignTokens/Icons/Illustrations/VideoFlag2.tsx +69 -69
  126. package/src/DesignTokens/Icons/Illustrations/VideoFlagGreen.tsx +69 -69
  127. package/src/DesignTokens/Icons/Illustrations/WaitingMen.tsx +249 -249
  128. package/src/DesignTokens/Icons/Interaction/AccountIcon.tsx +39 -39
  129. package/src/DesignTokens/Icons/Interaction/AddIcon.tsx +51 -51
  130. package/src/DesignTokens/Icons/Interaction/AddTagIcon.tsx +47 -47
  131. package/src/DesignTokens/Icons/Interaction/AgendaIcon.tsx +76 -76
  132. package/src/DesignTokens/Icons/Interaction/BillingIcon.tsx +75 -75
  133. package/src/DesignTokens/Icons/Interaction/BinIcon.tsx +73 -73
  134. package/src/DesignTokens/Icons/Interaction/CheckedIcon.tsx +38 -38
  135. package/src/DesignTokens/Icons/Interaction/ClockIcon.tsx +58 -58
  136. package/src/DesignTokens/Icons/Interaction/CloseIcon.tsx +37 -37
  137. package/src/DesignTokens/Icons/Interaction/CogIcon.tsx +46 -46
  138. package/src/DesignTokens/Icons/Interaction/CopyPasteIcon.tsx +83 -83
  139. package/src/DesignTokens/Icons/Interaction/DragDropIcon.tsx +42 -42
  140. package/src/DesignTokens/Icons/Interaction/EditIcon.tsx +56 -56
  141. package/src/DesignTokens/Icons/Interaction/EditTextIcon.tsx +64 -64
  142. package/src/DesignTokens/Icons/Interaction/FilterIcon.tsx +49 -49
  143. package/src/DesignTokens/Icons/Interaction/LayoutIcon.tsx +46 -46
  144. package/src/DesignTokens/Icons/Interaction/LayoutLeftIcon.tsx +39 -39
  145. package/src/DesignTokens/Icons/Interaction/LayoutRightIcon.tsx +39 -39
  146. package/src/DesignTokens/Icons/Interaction/LockIcon.tsx +39 -39
  147. package/src/DesignTokens/Icons/Interaction/LogoutIcon.tsx +58 -58
  148. package/src/DesignTokens/Icons/Interaction/MenuHorizontalIcon.tsx +36 -36
  149. package/src/DesignTokens/Icons/Interaction/MenuVerticalIcon.tsx +57 -57
  150. package/src/DesignTokens/Icons/Interaction/MinusIcon.tsx +34 -34
  151. package/src/DesignTokens/Icons/Interaction/PencilWriteIcon.tsx +46 -46
  152. package/src/DesignTokens/Icons/Interaction/SearchIcon.tsx +52 -52
  153. package/src/DesignTokens/Icons/Interaction/SearchRemoveIcon.tsx +63 -63
  154. package/src/DesignTokens/Icons/Interaction/SettingsSliderIcon.tsx +45 -45
  155. package/src/DesignTokens/Icons/Interaction/ShareIcon.tsx +62 -62
  156. package/src/DesignTokens/Icons/Interaction/SortingIcon.tsx +39 -39
  157. package/src/DesignTokens/Icons/Interaction/TagAddIcon.tsx +46 -46
  158. package/src/DesignTokens/Icons/Interaction/TagEditIcon.tsx +46 -46
  159. package/src/DesignTokens/Icons/Interaction/TagRemoveIcon.tsx +46 -46
  160. package/src/DesignTokens/Icons/Interaction/TeamIcon.tsx +76 -76
  161. package/src/DesignTokens/Icons/Interaction/UnLockIcon.tsx +46 -46
  162. package/src/DesignTokens/Icons/Interaction/UndoIcon.tsx +46 -46
  163. package/src/DesignTokens/Icons/Interaction/UnlockedIcon.tsx +46 -46
  164. package/src/DesignTokens/Icons/Logos/LogoBeta.tsx +52 -52
  165. package/src/DesignTokens/Icons/Logos/LogoNormal.tsx +38 -38
  166. package/src/DesignTokens/Icons/Logos/LogoSmall.tsx +32 -32
  167. package/src/DesignTokens/Icons/Logos/LogoSquare.tsx +72 -72
  168. package/src/DesignTokens/Icons/Logos/LogoText.tsx +32 -32
  169. package/src/DesignTokens/Icons/Logos/LogoWhite.tsx +38 -38
  170. package/src/DesignTokens/Icons/MediaControl/CutClipIcon.tsx +39 -39
  171. package/src/DesignTokens/Icons/MediaControl/HangUpIcon.tsx +58 -58
  172. package/src/DesignTokens/Icons/MediaControl/MeetingIcon.tsx +45 -45
  173. package/src/DesignTokens/Icons/MediaControl/MicrophoneIcon.tsx +51 -51
  174. package/src/DesignTokens/Icons/MediaControl/MoveBackIcon.tsx +32 -32
  175. package/src/DesignTokens/Icons/MediaControl/MoveInIcon.tsx +59 -59
  176. package/src/DesignTokens/Icons/MediaControl/MuteIcon.tsx +51 -51
  177. package/src/DesignTokens/Icons/MediaControl/NoCameraIcon.tsx +54 -54
  178. package/src/DesignTokens/Icons/MediaControl/NoMicrophoneIcon.tsx +46 -46
  179. package/src/DesignTokens/Icons/MediaControl/PauseIcon.tsx +45 -45
  180. package/src/DesignTokens/Icons/MediaControl/PlayIcon.tsx +39 -39
  181. package/src/DesignTokens/Icons/MediaControl/PreviousIcon.tsx +49 -49
  182. package/src/DesignTokens/Icons/MediaControl/RecordIcon.tsx +40 -40
  183. package/src/DesignTokens/Icons/MediaControl/RecordingIcon.tsx +82 -82
  184. package/src/DesignTokens/Icons/MediaControl/StopRecordIcon.tsx +38 -38
  185. package/src/DesignTokens/Icons/MediaControl/TagIcon.tsx +46 -46
  186. package/src/DesignTokens/Icons/MediaControl/VolumeIcon.tsx +57 -57
  187. package/src/DesignTokens/Icons/Miscellaneous/AddSeatIcon.tsx +37 -37
  188. package/src/DesignTokens/Icons/Miscellaneous/AddUsersIcon.tsx +69 -69
  189. package/src/DesignTokens/Icons/Miscellaneous/AnonymizeIcon.tsx +46 -46
  190. package/src/DesignTokens/Icons/Miscellaneous/AppWindowPieIcon.tsx +39 -39
  191. package/src/DesignTokens/Icons/Miscellaneous/ArchiveIcon.tsx +39 -39
  192. package/src/DesignTokens/Icons/Miscellaneous/BillPdfIcon.tsx +37 -37
  193. package/src/DesignTokens/Icons/Miscellaneous/BinocularIcon.tsx +38 -38
  194. package/src/DesignTokens/Icons/Miscellaneous/BookFlipPageIcon.tsx +39 -39
  195. package/src/DesignTokens/Icons/Miscellaneous/BrainIcon.tsx +105 -105
  196. package/src/DesignTokens/Icons/Miscellaneous/BulbIcon.tsx +45 -45
  197. package/src/DesignTokens/Icons/Miscellaneous/CalendarIcon.tsx +46 -46
  198. package/src/DesignTokens/Icons/Miscellaneous/ChatBubbleIcon.tsx +68 -68
  199. package/src/DesignTokens/Icons/Miscellaneous/ChatIcon.tsx +37 -37
  200. package/src/DesignTokens/Icons/Miscellaneous/CheckoutIcon.tsx +37 -37
  201. package/src/DesignTokens/Icons/Miscellaneous/ClipIcon.tsx +57 -57
  202. package/src/DesignTokens/Icons/Miscellaneous/ContentPenWriteIcon.tsx +46 -46
  203. package/src/DesignTokens/Icons/Miscellaneous/CreditCardIcon.tsx +37 -37
  204. package/src/DesignTokens/Icons/Miscellaneous/DownloadIcon.tsx +78 -78
  205. package/src/DesignTokens/Icons/Miscellaneous/EarthIcon.tsx +58 -58
  206. package/src/DesignTokens/Icons/Miscellaneous/FaceCenterIcon.tsx +42 -42
  207. package/src/DesignTokens/Icons/Miscellaneous/FaceRecognitionIcon.tsx +88 -88
  208. package/src/DesignTokens/Icons/Miscellaneous/FileUploadIcon.tsx +65 -65
  209. package/src/DesignTokens/Icons/Miscellaneous/FilesIcon.tsx +51 -51
  210. package/src/DesignTokens/Icons/Miscellaneous/FillRecordIcon.tsx +39 -39
  211. package/src/DesignTokens/Icons/Miscellaneous/FilledTaskIcon.tsx +37 -37
  212. package/src/DesignTokens/Icons/Miscellaneous/FlashIcon.tsx +46 -46
  213. package/src/DesignTokens/Icons/Miscellaneous/FolderIcon.tsx +39 -39
  214. package/src/DesignTokens/Icons/Miscellaneous/GoogleIcon.tsx +67 -67
  215. package/src/DesignTokens/Icons/Miscellaneous/GroupIcon.tsx +46 -46
  216. package/src/DesignTokens/Icons/Miscellaneous/HardDriveIcon.tsx +58 -58
  217. package/src/DesignTokens/Icons/Miscellaneous/HelpIcon.tsx +37 -37
  218. package/src/DesignTokens/Icons/Miscellaneous/HelpIconAlt.tsx +33 -33
  219. package/src/DesignTokens/Icons/Miscellaneous/LanguageIcon.tsx +34 -34
  220. package/src/DesignTokens/Icons/Miscellaneous/LinkIcon.tsx +42 -42
  221. package/src/DesignTokens/Icons/Miscellaneous/ListToDoIcon.tsx +39 -39
  222. package/src/DesignTokens/Icons/Miscellaneous/MessagesBubbleSquareQuestionIcon.tsx +46 -46
  223. package/src/DesignTokens/Icons/Miscellaneous/MetaAnalyseIcon.tsx +74 -74
  224. package/src/DesignTokens/Icons/Miscellaneous/ModeratedIcon.tsx +88 -88
  225. package/src/DesignTokens/Icons/Miscellaneous/MultipleUsersIcon.tsx +46 -46
  226. package/src/DesignTokens/Icons/Miscellaneous/NbOfUsersIcon.tsx +64 -64
  227. package/src/DesignTokens/Icons/Miscellaneous/NeutralBackgroudIcon.tsx +42 -42
  228. package/src/DesignTokens/Icons/Miscellaneous/OfficeDrawerIcon.tsx +46 -46
  229. package/src/DesignTokens/Icons/Miscellaneous/OneColumnIcon.tsx +46 -46
  230. package/src/DesignTokens/Icons/Miscellaneous/RefreshIcon.tsx +54 -54
  231. package/src/DesignTokens/Icons/Miscellaneous/ReportIcon.tsx +70 -70
  232. package/src/DesignTokens/Icons/Miscellaneous/SeatIcon.tsx +36 -36
  233. package/src/DesignTokens/Icons/Miscellaneous/SendEmailIcon.tsx +51 -51
  234. package/src/DesignTokens/Icons/Miscellaneous/SendIcon.tsx +46 -46
  235. package/src/DesignTokens/Icons/Miscellaneous/SmartBrainIcon.tsx +52 -52
  236. package/src/DesignTokens/Icons/Miscellaneous/StarIcon.tsx +44 -44
  237. package/src/DesignTokens/Icons/Miscellaneous/TaskIcon.tsx +64 -64
  238. package/src/DesignTokens/Icons/Miscellaneous/TestDetailsIcon.tsx +37 -37
  239. package/src/DesignTokens/Icons/Miscellaneous/TestIcon.tsx +47 -47
  240. package/src/DesignTokens/Icons/Miscellaneous/ThreeColumnIcon.tsx +46 -46
  241. package/src/DesignTokens/Icons/Miscellaneous/TwoColumnIcon.tsx +46 -46
  242. package/src/DesignTokens/Icons/Miscellaneous/UnmoderatedIcon.tsx +63 -63
  243. package/src/DesignTokens/Icons/Miscellaneous/ViewIcon.tsx +39 -39
  244. package/src/DesignTokens/Icons/Miscellaneous/ViewOffIcon.tsx +39 -39
  245. package/src/DesignTokens/Icons/Miscellaneous/VoiceIcon.tsx +47 -47
  246. package/src/DesignTokens/Icons/Notifications/AlamBellIdleIcon.tsx +50 -50
  247. package/src/DesignTokens/Icons/Notifications/AlarmBellStatusIcon.tsx +56 -56
  248. package/src/DesignTokens/Icons/Notifications/ConversationIdleIcon.tsx +39 -39
  249. package/src/DesignTokens/Icons/Notifications/ConversationStatusIcon.tsx +54 -54
  250. package/src/DesignTokens/Icons/Notifications/NotifAlertIcon.tsx +41 -41
  251. package/src/DesignTokens/Icons/Other/DashedArrowSvg.tsx +38 -38
  252. package/src/DesignTokens/Icons/Other/ProjectHoverSvg.tsx +52 -52
  253. package/src/DesignTokens/Icons/Other/ProjectSvg.tsx +40 -40
  254. package/src/DesignTokens/Icons/Partners/Partner1.tsx +165 -165
  255. package/src/DesignTokens/Icons/Partners/Partner2.tsx +94 -94
  256. package/src/DesignTokens/Icons/Partners/Partner3.tsx +47 -47
  257. package/src/DesignTokens/Icons/Partners/Partner4.tsx +199 -199
  258. package/src/DesignTokens/Icons/Partners/Partner5.tsx +79 -79
  259. package/src/DesignTokens/Icons/Partners/Partner6.tsx +39 -39
  260. package/src/DesignTokens/Icons/Partners/Partner7.tsx +45 -45
  261. package/src/DesignTokens/Icons/Partners/Partner8.tsx +37 -37
  262. package/src/DesignTokens/Icons/Partners/Partner9.tsx +63 -63
  263. package/src/DesignTokens/Icons/index.ts +197 -196
  264. package/src/Molecules/Accordion/Accordion.modules.scss +41 -41
  265. package/src/Molecules/Accordion/Accordion.tsx +49 -49
  266. package/src/Molecules/ChatMessage/ChatMessage.module.scss +161 -161
  267. package/src/Molecules/ChatMessage/ChatMessage.tsx +110 -110
  268. package/src/Molecules/FeaturesTable/FeaturesTable.module.scss +212 -212
  269. package/src/Molecules/FeaturesTable/FeaturesTable.tsx +35 -35
  270. package/src/Molecules/FeaturesTable/components/TableBody/TableBody.tsx +54 -54
  271. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureGroup.tsx +36 -36
  272. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureRow.tsx +64 -64
  273. package/src/Molecules/FeaturesTable/components/TableBody/components/RowCell.tsx +29 -29
  274. package/src/Molecules/FeaturesTable/components/TableBody/components/SectionTitleRow.tsx +16 -16
  275. package/src/Molecules/FeaturesTable/components/TableHeader/TableHeader.tsx +37 -37
  276. package/src/Molecules/FeaturesTable/components/TableHeader/components/HeaderCell.tsx +69 -69
  277. package/src/Molecules/Interviews/Chat.modules.scss +221 -221
  278. package/src/Molecules/Interviews/Chat.tsx +374 -374
  279. package/src/Molecules/Interviews/ChatInput.modules.scss +33 -33
  280. package/src/Molecules/Interviews/ChatInput.tsx +42 -42
  281. package/src/Molecules/Interviews/CircleIconButton.modules.scss +51 -51
  282. package/src/Molecules/Interviews/CircledIconButton.tsx +37 -37
  283. package/src/Molecules/Interviews/ControlsBar.modules.scss +62 -62
  284. package/src/Molecules/Interviews/ControlsBar.tsx +246 -246
  285. package/src/Molecules/Interviews/EndRecording.module.scss +20 -20
  286. package/src/Molecules/Interviews/EndRecording.tsx +31 -31
  287. package/src/Molecules/Interviews/InterviewButton.modules.scss +112 -112
  288. package/src/Molecules/Interviews/InterviewButton.tsx +54 -54
  289. package/src/Molecules/Interviews/MarkUpBar.modules.scss +36 -36
  290. package/src/Molecules/Interviews/MarkUpBar.tsx +67 -67
  291. package/src/Molecules/Interviews/Scenario.modules.scss +21 -21
  292. package/src/Molecules/Interviews/Scenario.tsx +53 -53
  293. package/src/Molecules/Interviews/SusExplanation.module.scss +11 -11
  294. package/src/Molecules/Interviews/SusExplanation.tsx +17 -17
  295. package/src/Molecules/Interviews/Task.modules.scss +294 -294
  296. package/src/Molecules/Interviews/Task.tsx +258 -258
  297. package/src/Molecules/Interviews/WelcomeMessage.modules.scss +28 -28
  298. package/src/Molecules/Interviews/WelcomeMessage.tsx +33 -33
  299. package/src/Molecules/LogoSlider/LogoSlider.module.scss +6 -6
  300. package/src/Molecules/LogoSlider/LogoSlider.tsx +55 -55
  301. package/src/Molecules/Notifications/Banner.modules.scss +160 -160
  302. package/src/Molecules/Notifications/Banner.tsx +134 -134
  303. package/src/Molecules/Notifications/NotificationIcon.tsx +26 -26
  304. package/src/Molecules/Notifications/Toast.modules.scss +87 -87
  305. package/src/Molecules/Notifications/Toast.tsx +90 -90
  306. package/src/Molecules/PricingCard/PricingCard.module.scss +120 -120
  307. package/src/Molecules/PricingCard/PricingCard.tsx +284 -284
  308. package/src/Molecules/StarRating/StarRating.module.scss +24 -24
  309. package/src/Molecules/StarRating/StarRating.tsx +71 -71
  310. package/src/Molecules/Tabs/Tabs.tsx +83 -83
  311. package/src/Molecules/Tabs/TabsUnderLine.tsx +200 -199
  312. package/src/Molecules/Tabs/tabs.modules.scss +60 -60
  313. package/src/Molecules/Tabs/tabsUnderline.modules.scss +63 -63
  314. package/src/Molecules/Thematic/Thematic.modules.scss +121 -121
  315. package/src/Molecules/Thematic/Thematic.tsx +458 -458
  316. package/src/Molecules/ToggleTab/ToggleTab.module.scss +37 -37
  317. package/src/Molecules/ToggleTab/ToggleTab.tsx +118 -118
  318. package/src/Molecules/UserIndicator/UserIndicator.module.scss +16 -16
  319. package/src/Molecules/UserIndicator/UserIndicator.tsx +58 -58
  320. package/src/Organisms/DatePicker/DatePicker.modules.scss +68 -68
  321. package/src/Organisms/DatePicker/DatePicker.tsx +268 -268
  322. package/src/Organisms/FormQuestions/FormQuestions.module.scss +52 -52
  323. package/src/Organisms/FormQuestions/FormQuestions.tsx +78 -78
  324. package/src/Organisms/Modal/Modal.modules.scss +66 -66
  325. package/src/Organisms/Modal/Modal.tsx +163 -163
  326. package/src/Organisms/MultiSelect/MultiSelect.modules.scss +78 -78
  327. package/src/Organisms/MultiSelect/MultiSelect.tsx +303 -303
  328. package/src/Organisms/MultiSelect/MultiSelectWithCategories.modules.scss +78 -78
  329. package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +325 -325
  330. package/src/Organisms/NumberField/NumberField.module.scss +60 -60
  331. package/src/Organisms/NumberField/NumberField.tsx +244 -244
  332. package/src/Organisms/PasswordField/PasswordField.module.scss +55 -55
  333. package/src/Organisms/PasswordField/PasswordField.tsx +231 -231
  334. package/src/Organisms/RatingScale/RatingScale.module.scss +26 -26
  335. package/src/Organisms/RatingScale/RatingScale.tsx +104 -104
  336. package/src/Organisms/SingleSelect/SingleSelect.modules.scss +64 -64
  337. package/src/Organisms/SingleSelect/SingleSelect.tsx +271 -271
  338. package/src/Organisms/Table/Table.modules.scss +6 -6
  339. package/src/Organisms/Table/TableFooter.modules.scss +56 -56
  340. package/src/Organisms/Table/TableFooter.tsx +43 -43
  341. package/src/Organisms/Table/header.modules.scss +24 -24
  342. package/src/Organisms/Table/header.tsx +80 -80
  343. package/src/Organisms/Table/index.tsx +79 -79
  344. package/src/Organisms/Table/rows.modules.scss +37 -37
  345. package/src/Organisms/Table/rows.tsx +86 -86
  346. package/src/Organisms/Table/table-cell.modules.scss +13 -13
  347. package/src/Organisms/Table/table-cell.tsx +40 -40
  348. package/src/Organisms/TextInput/TextInput.modules.scss +55 -55
  349. package/src/Organisms/TextInput/TextInput.tsx +222 -222
  350. package/src/Organisms/Textarea/Textarea.module.scss +19 -19
  351. package/src/Organisms/Textarea/Textarea.tsx +97 -97
  352. package/src/Organisms/TimePicker/TimePicker.modules.scss +67 -67
  353. package/src/Organisms/TimePicker/TimePicker.tsx +242 -242
  354. package/src/__mocks__/PricingPageData/pricingPageMockedData.js +2120 -2120
  355. package/src/hooks/useClickOutside.ts +30 -30
  356. package/src/index.ts +74 -74
  357. package/src/utils/changeColorLuminance.ts +22 -22
  358. package/src/utils/getIconSize.ts +7 -7
  359. package/src/utils/getReadableTextColor.ts +36 -36
package/src/DesignTokens/Icons/Equipment/MobileIcon.tsx CHANGED
@@ -1,81 +1,81 @@
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 MobileIcon({
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
- <path
31
- fillRule="evenodd"
32
- clipRule="evenodd"
33
- d="M8.25 1.5C7.00736 1.5 6 2.50736 6 3.75V20.25C6 21.4926 7.00736 22.5 8.25 22.5H15.75C16.9926 22.5 18 21.4926 18 20.25V3.75C18 2.50736 16.9926 1.5 15.75 1.5H8.25ZM4.5 3.75C4.5 1.67893 6.17893 0 8.25 0H15.75C17.8211 0 19.5 1.67893 19.5 3.75V20.25C19.5 22.3211 17.8211 24 15.75 24H8.25C6.17893 24 4.5 22.3211 4.5 20.25V3.75Z"
34
- fill={fill}
35
- />
36
- <path
37
- fillRule="evenodd"
38
- clipRule="evenodd"
39
- d="M4.5 19.125C4.5 18.7108 4.83579 18.375 5.25 18.375H18.75C19.1642 18.375 19.5 18.7108 19.5 19.125C19.5 19.5392 19.1642 19.875 18.75 19.875H5.25C4.83579 19.875 4.5 19.5392 4.5 19.125Z"
40
- fill={fill}
41
- />
42
- <path
43
- fillRule="evenodd"
44
- clipRule="evenodd"
45
- d="M7.5 4.875C7.5 4.46079 7.83579 4.125 8.25 4.125H9.75C10.1642 4.125 10.5 4.46079 10.5 4.875C10.5 5.28921 10.1642 5.625 9.75 5.625H9V6.375C9 6.78921 8.66421 7.125 8.25 7.125C7.83579 7.125 7.5 6.78921 7.5 6.375V4.875Z"
46
- fill={fill}
47
- />
48
- <path
49
- fillRule="evenodd"
50
- clipRule="evenodd"
51
- d="M12 4.875C12 4.46079 12.3358 4.125 12.75 4.125H15.75C16.1642 4.125 16.5 4.46079 16.5 4.875V7.875C16.5 8.28921 16.1642 8.625 15.75 8.625H12.75C12.3358 8.625 12 8.28921 12 7.875V4.875ZM13.5 5.625V7.125H15V5.625H13.5Z"
52
- fill={fill}
53
- />
54
- <path
55
- fillRule="evenodd"
56
- clipRule="evenodd"
57
- d="M7.5 12.375C7.5 11.9608 7.83579 11.625 8.25 11.625H11.25C11.6642 11.625 12 11.9608 12 12.375V15.375C12 15.7892 11.6642 16.125 11.25 16.125H8.25C7.83579 16.125 7.5 15.7892 7.5 15.375V12.375ZM9 13.125V14.625H10.5V13.125H9Z"
58
- fill={fill}
59
- />
60
- <path
61
- fillRule="evenodd"
62
- clipRule="evenodd"
63
- d="M7.5 9.375C7.5 8.96079 7.83579 8.625 8.25 8.625H11.25C11.6642 8.625 12 8.96079 12 9.375C12 9.78921 11.6642 10.125 11.25 10.125H8.25C7.83579 10.125 7.5 9.78921 7.5 9.375Z"
64
- fill={fill}
65
- />
66
- <path
67
- fillRule="evenodd"
68
- clipRule="evenodd"
69
- d="M12.75 10.875C12.75 10.4608 13.0858 10.125 13.5 10.125H15.75C16.1642 10.125 16.5 10.4608 16.5 10.875C16.5 11.2892 16.1642 11.625 15.75 11.625H13.5C13.0858 11.625 12.75 11.2892 12.75 10.875Z"
70
- fill={fill}
71
- />
72
- <path
73
- fillRule="evenodd"
74
- clipRule="evenodd"
75
- d="M15.75 13.125C16.1642 13.125 16.5 13.4608 16.5 13.875V15.375C16.5 15.7892 16.1642 16.125 15.75 16.125H13.5C13.0858 16.125 12.75 15.7892 12.75 15.375C12.75 14.9608 13.0858 14.625 13.5 14.625H15V13.875C15 13.4608 15.3358 13.125 15.75 13.125Z"
76
- fill={fill}
77
- />
78
- </svg>
79
- </SvgIcon>
80
- );
81
- }
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 MobileIcon({
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
+ <path
31
+ fillRule="evenodd"
32
+ clipRule="evenodd"
33
+ d="M8.25 1.5C7.00736 1.5 6 2.50736 6 3.75V20.25C6 21.4926 7.00736 22.5 8.25 22.5H15.75C16.9926 22.5 18 21.4926 18 20.25V3.75C18 2.50736 16.9926 1.5 15.75 1.5H8.25ZM4.5 3.75C4.5 1.67893 6.17893 0 8.25 0H15.75C17.8211 0 19.5 1.67893 19.5 3.75V20.25C19.5 22.3211 17.8211 24 15.75 24H8.25C6.17893 24 4.5 22.3211 4.5 20.25V3.75Z"
34
+ fill={fill}
35
+ />
36
+ <path
37
+ fillRule="evenodd"
38
+ clipRule="evenodd"
39
+ d="M4.5 19.125C4.5 18.7108 4.83579 18.375 5.25 18.375H18.75C19.1642 18.375 19.5 18.7108 19.5 19.125C19.5 19.5392 19.1642 19.875 18.75 19.875H5.25C4.83579 19.875 4.5 19.5392 4.5 19.125Z"
40
+ fill={fill}
41
+ />
42
+ <path
43
+ fillRule="evenodd"
44
+ clipRule="evenodd"
45
+ d="M7.5 4.875C7.5 4.46079 7.83579 4.125 8.25 4.125H9.75C10.1642 4.125 10.5 4.46079 10.5 4.875C10.5 5.28921 10.1642 5.625 9.75 5.625H9V6.375C9 6.78921 8.66421 7.125 8.25 7.125C7.83579 7.125 7.5 6.78921 7.5 6.375V4.875Z"
46
+ fill={fill}
47
+ />
48
+ <path
49
+ fillRule="evenodd"
50
+ clipRule="evenodd"
51
+ d="M12 4.875C12 4.46079 12.3358 4.125 12.75 4.125H15.75C16.1642 4.125 16.5 4.46079 16.5 4.875V7.875C16.5 8.28921 16.1642 8.625 15.75 8.625H12.75C12.3358 8.625 12 8.28921 12 7.875V4.875ZM13.5 5.625V7.125H15V5.625H13.5Z"
52
+ fill={fill}
53
+ />
54
+ <path
55
+ fillRule="evenodd"
56
+ clipRule="evenodd"
57
+ d="M7.5 12.375C7.5 11.9608 7.83579 11.625 8.25 11.625H11.25C11.6642 11.625 12 11.9608 12 12.375V15.375C12 15.7892 11.6642 16.125 11.25 16.125H8.25C7.83579 16.125 7.5 15.7892 7.5 15.375V12.375ZM9 13.125V14.625H10.5V13.125H9Z"
58
+ fill={fill}
59
+ />
60
+ <path
61
+ fillRule="evenodd"
62
+ clipRule="evenodd"
63
+ d="M7.5 9.375C7.5 8.96079 7.83579 8.625 8.25 8.625H11.25C11.6642 8.625 12 8.96079 12 9.375C12 9.78921 11.6642 10.125 11.25 10.125H8.25C7.83579 10.125 7.5 9.78921 7.5 9.375Z"
64
+ fill={fill}
65
+ />
66
+ <path
67
+ fillRule="evenodd"
68
+ clipRule="evenodd"
69
+ d="M12.75 10.875C12.75 10.4608 13.0858 10.125 13.5 10.125H15.75C16.1642 10.125 16.5 10.4608 16.5 10.875C16.5 11.2892 16.1642 11.625 15.75 11.625H13.5C13.0858 11.625 12.75 11.2892 12.75 10.875Z"
70
+ fill={fill}
71
+ />
72
+ <path
73
+ fillRule="evenodd"
74
+ clipRule="evenodd"
75
+ d="M15.75 13.125C16.1642 13.125 16.5 13.4608 16.5 13.875V15.375C16.5 15.7892 16.1642 16.125 15.75 16.125H13.5C13.0858 16.125 12.75 15.7892 12.75 15.375C12.75 14.9608 13.0858 14.625 13.5 14.625H15V13.875C15 13.4608 15.3358 13.125 15.75 13.125Z"
76
+ fill={fill}
77
+ />
78
+ </svg>
79
+ </SvgIcon>
80
+ );
81
+ }
package/src/DesignTokens/Icons/Equipment/TvFlatScreenIcon.tsx CHANGED
@@ -1,75 +1,75 @@
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 TvFlatScreenIcon({
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
- 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="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
34
- fill={fill}
35
- />
36
- <path
37
- fillRule="evenodd"
38
- clipRule="evenodd"
39
- d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
40
- fill={fill}
41
- />
42
- <path
43
- fillRule="evenodd"
44
- clipRule="evenodd"
45
- d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
46
- fill={fill}
47
- />
48
- <path
49
- fillRule="evenodd"
50
- clipRule="evenodd"
51
- d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
52
- fill={fill}
53
- />
54
- <path
55
- fillRule="evenodd"
56
- clipRule="evenodd"
57
- d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
58
- fill={fill}
59
- />
60
- <path
61
- fillRule="evenodd"
62
- clipRule="evenodd"
63
- d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
64
- fill={fill}
65
- />
66
- <path
67
- fillRule="evenodd"
68
- clipRule="evenodd"
69
- d="M12.4247 5.67825C12.3164 5.56479 12.162 5.5 12 5.5C11.838 5.5 11.6836 5.56479 11.5753 5.67825L8.14669 9.26799C7.93557 9.48903 7.95459 9.8295 8.18917 10.0284C8.42374 10.2274 8.78505 10.2095 8.99617 9.98841L11.332 7.54275V14.9828C11.332 15.2692 11.6305 15.5013 11.9987 15.5013C12.3669 15.5013 12.6654 15.2692 12.6654 14.9828V7.54002L15.0038 9.98841C15.2149 10.2095 15.5763 10.2274 15.8108 10.0284C16.0454 9.8295 16.0644 9.48903 15.8533 9.26799L12.4247 5.67825Z"
70
- fill={fill}
71
- />
72
- </svg>
73
- </SvgIcon>
74
- );
75
- }
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 TvFlatScreenIcon({
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
+ 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="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
34
+ fill={fill}
35
+ />
36
+ <path
37
+ fillRule="evenodd"
38
+ clipRule="evenodd"
39
+ d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
40
+ fill={fill}
41
+ />
42
+ <path
43
+ fillRule="evenodd"
44
+ clipRule="evenodd"
45
+ d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
46
+ fill={fill}
47
+ />
48
+ <path
49
+ fillRule="evenodd"
50
+ clipRule="evenodd"
51
+ d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
52
+ fill={fill}
53
+ />
54
+ <path
55
+ fillRule="evenodd"
56
+ clipRule="evenodd"
57
+ d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
58
+ fill={fill}
59
+ />
60
+ <path
61
+ fillRule="evenodd"
62
+ clipRule="evenodd"
63
+ d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
64
+ fill={fill}
65
+ />
66
+ <path
67
+ fillRule="evenodd"
68
+ clipRule="evenodd"
69
+ d="M12.4247 5.67825C12.3164 5.56479 12.162 5.5 12 5.5C11.838 5.5 11.6836 5.56479 11.5753 5.67825L8.14669 9.26799C7.93557 9.48903 7.95459 9.8295 8.18917 10.0284C8.42374 10.2274 8.78505 10.2095 8.99617 9.98841L11.332 7.54275V14.9828C11.332 15.2692 11.6305 15.5013 11.9987 15.5013C12.3669 15.5013 12.6654 15.2692 12.6654 14.9828V7.54002L15.0038 9.98841C15.2149 10.2095 15.5763 10.2274 15.8108 10.0284C16.0454 9.8295 16.0644 9.48903 15.8533 9.26799L12.4247 5.67825Z"
70
+ fill={fill}
71
+ />
72
+ </svg>
73
+ </SvgIcon>
74
+ );
75
+ }
package/src/DesignTokens/Icons/Equipment/TvIcon.tsx CHANGED
@@ -1,51 +1,51 @@
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 TvIcon({
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
- <path
31
- fillRule="evenodd"
32
- clipRule="evenodd"
33
- d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
34
- fill={fill}
35
- />
36
- <path
37
- fillRule="evenodd"
38
- clipRule="evenodd"
39
- d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
40
- fill={fill}
41
- />
42
- <path
43
- fillRule="evenodd"
44
- clipRule="evenodd"
45
- d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
46
- fill={fill}
47
- />
48
- </svg>
49
- </SvgIcon>
50
- );
51
- }
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 TvIcon({
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
+ <path
31
+ fillRule="evenodd"
32
+ clipRule="evenodd"
33
+ d="M1.75 3.625C1.61193 3.625 1.5 3.73693 1.5 3.875V16.875C1.5 17.0131 1.61193 17.125 1.75 17.125H22.25C22.3881 17.125 22.5 17.0131 22.5 16.875V3.875C22.5 3.73693 22.3881 3.625 22.25 3.625H1.75ZM0 3.875C0 2.9085 0.783502 2.125 1.75 2.125H22.25C23.2165 2.125 24 2.9085 24 3.875V16.875C24 17.8415 23.2165 18.625 22.25 18.625H1.75C0.783502 18.625 0 17.8415 0 16.875V3.875Z"
34
+ fill={fill}
35
+ />
36
+ <path
37
+ fillRule="evenodd"
38
+ clipRule="evenodd"
39
+ d="M6.75 21.625C6.75 21.2108 7.08579 20.875 7.5 20.875H16.5C16.9142 20.875 17.25 21.2108 17.25 21.625C17.25 22.0392 16.9142 22.375 16.5 22.375H7.5C7.08579 22.375 6.75 22.0392 6.75 21.625Z"
40
+ fill={fill}
41
+ />
42
+ <path
43
+ fillRule="evenodd"
44
+ clipRule="evenodd"
45
+ d="M12 17.125C12.4142 17.125 12.75 17.4608 12.75 17.875V21.625C12.75 22.0392 12.4142 22.375 12 22.375C11.5858 22.375 11.25 22.0392 11.25 21.625V17.875C11.25 17.4608 11.5858 17.125 12 17.125Z"
46
+ fill={fill}
47
+ />
48
+ </svg>
49
+ </SvgIcon>
50
+ );
51
+ }