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
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
+ }