odaptos_design_system 2.0.12 → 2.0.14

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 (363) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +112 -112
  3. package/dist/Atoms/NumbersCode/NumbersCode.d.ts +1 -1
  4. package/dist/Molecules/Interviews/SelfProtocolManager.d.ts +2 -1
  5. package/dist/odaptos_design_system.cjs.development.js +110 -109
  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 +111 -110
  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 +226 -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 -86
  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 -197
  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 +250 -248
  278. package/src/Molecules/Interviews/Chat.tsx +419 -419
  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 +247 -247
  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/SelfPrortocolTaskContainer.tsx +47 -47
  294. package/src/Molecules/Interviews/SelfProtocolManager.modules.scss +62 -62
  295. package/src/Molecules/Interviews/SelfProtocolManager.tsx +227 -225
  296. package/src/Molecules/Interviews/SusExplanation.module.scss +11 -11
  297. package/src/Molecules/Interviews/SusExplanation.tsx +17 -17
  298. package/src/Molecules/Interviews/Task.modules.scss +294 -294
  299. package/src/Molecules/Interviews/Task.tsx +258 -258
  300. package/src/Molecules/Interviews/WelcomeMessage.modules.scss +28 -28
  301. package/src/Molecules/Interviews/WelcomeMessage.tsx +33 -33
  302. package/src/Molecules/LogoSlider/LogoSlider.module.scss +6 -6
  303. package/src/Molecules/LogoSlider/LogoSlider.tsx +55 -55
  304. package/src/Molecules/Notifications/Banner.modules.scss +160 -160
  305. package/src/Molecules/Notifications/Banner.tsx +134 -134
  306. package/src/Molecules/Notifications/NotificationIcon.tsx +26 -26
  307. package/src/Molecules/Notifications/Toast.modules.scss +87 -87
  308. package/src/Molecules/Notifications/Toast.tsx +90 -90
  309. package/src/Molecules/PricingCard/PricingCard.module.scss +120 -120
  310. package/src/Molecules/PricingCard/PricingCard.tsx +284 -284
  311. package/src/Molecules/StarRating/StarRating.module.scss +24 -24
  312. package/src/Molecules/StarRating/StarRating.tsx +71 -71
  313. package/src/Molecules/Tabs/Tabs.tsx +83 -83
  314. package/src/Molecules/Tabs/TabsUnderLine.tsx +200 -200
  315. package/src/Molecules/Tabs/tabs.modules.scss +60 -60
  316. package/src/Molecules/Tabs/tabsUnderline.modules.scss +63 -63
  317. package/src/Molecules/Thematic/Thematic.modules.scss +121 -121
  318. package/src/Molecules/Thematic/Thematic.tsx +458 -458
  319. package/src/Molecules/ToggleTab/ToggleTab.module.scss +37 -37
  320. package/src/Molecules/ToggleTab/ToggleTab.tsx +118 -118
  321. package/src/Molecules/UserIndicator/UserIndicator.module.scss +16 -16
  322. package/src/Molecules/UserIndicator/UserIndicator.tsx +58 -58
  323. package/src/Organisms/DatePicker/DatePicker.modules.scss +68 -68
  324. package/src/Organisms/DatePicker/DatePicker.tsx +268 -268
  325. package/src/Organisms/FormQuestions/FormQuestions.module.scss +52 -52
  326. package/src/Organisms/FormQuestions/FormQuestions.tsx +78 -78
  327. package/src/Organisms/Modal/Modal.modules.scss +66 -66
  328. package/src/Organisms/Modal/Modal.tsx +163 -163
  329. package/src/Organisms/MultiSelect/MultiSelect.modules.scss +78 -78
  330. package/src/Organisms/MultiSelect/MultiSelect.tsx +303 -303
  331. package/src/Organisms/MultiSelect/MultiSelectWithCategories.modules.scss +78 -78
  332. package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +325 -325
  333. package/src/Organisms/NumberField/NumberField.module.scss +60 -60
  334. package/src/Organisms/NumberField/NumberField.tsx +244 -244
  335. package/src/Organisms/PasswordField/PasswordField.module.scss +55 -55
  336. package/src/Organisms/PasswordField/PasswordField.tsx +231 -231
  337. package/src/Organisms/RatingScale/RatingScale.module.scss +26 -26
  338. package/src/Organisms/RatingScale/RatingScale.tsx +104 -104
  339. package/src/Organisms/SingleSelect/SingleSelect.modules.scss +64 -64
  340. package/src/Organisms/SingleSelect/SingleSelect.tsx +271 -271
  341. package/src/Organisms/Table/Table.modules.scss +6 -6
  342. package/src/Organisms/Table/TableFooter.modules.scss +56 -56
  343. package/src/Organisms/Table/TableFooter.tsx +43 -43
  344. package/src/Organisms/Table/header.modules.scss +24 -24
  345. package/src/Organisms/Table/header.tsx +80 -80
  346. package/src/Organisms/Table/index.tsx +79 -79
  347. package/src/Organisms/Table/rows.modules.scss +37 -37
  348. package/src/Organisms/Table/rows.tsx +86 -86
  349. package/src/Organisms/Table/table-cell.modules.scss +13 -13
  350. package/src/Organisms/Table/table-cell.tsx +40 -40
  351. package/src/Organisms/TextInput/TextInput.modules.scss +55 -55
  352. package/src/Organisms/TextInput/TextInput.tsx +222 -222
  353. package/src/Organisms/Textarea/Textarea.module.scss +19 -19
  354. package/src/Organisms/Textarea/Textarea.tsx +97 -97
  355. package/src/Organisms/TimePicker/TimePicker.modules.scss +67 -67
  356. package/src/Organisms/TimePicker/TimePicker.tsx +242 -242
  357. package/src/__mocks__/InterviewRoom/tasksAndScenariosArray.js +92 -92
  358. package/src/__mocks__/PricingPageData/pricingPageMockedData.js +2120 -2120
  359. package/src/hooks/useClickOutside.ts +30 -30
  360. package/src/index.ts +75 -75
  361. package/src/utils/changeColorLuminance.ts +22 -22
  362. package/src/utils/getIconSize.ts +7 -7
  363. package/src/utils/getReadableTextColor.ts +36 -36
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2023 Odaptos
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
1
+ MIT License
2
+
3
+ Copyright (c) 2023 Odaptos
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
21
  SOFTWARE.
package/README.md CHANGED
@@ -1,112 +1,112 @@
1
- # Odaptos Design System
2
-
3
- ## Commands
4
-
5
- TSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.
6
-
7
- The recommended workflow is to run TSDX in one terminal:
8
-
9
- ```bash
10
- npm start # or yarn start
11
- ```
12
-
13
- This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.
14
-
15
- Then run either Storybook or the example playground:
16
-
17
- ### Storybook
18
-
19
- Run inside another terminal:
20
-
21
- ```bash
22
- yarn storybook
23
- ```
24
-
25
- This loads the stories from `./stories`.
26
-
27
- > NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.
28
-
29
- ### Example
30
-
31
- Then run the example inside another:
32
-
33
- ```bash
34
- cd example
35
- npm i # or yarn to install dependencies
36
- npm start # or yarn start
37
- ```
38
-
39
- The default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).
40
-
41
- To do a one-off build, use `npm run build` or `yarn build`.
42
-
43
- To run tests, use `npm test` or `yarn test`.
44
-
45
- ### Bundle analysis
46
-
47
- Calculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.
48
-
49
- #### Setup Files
50
-
51
- This is the folder structure we set up for you:
52
-
53
- ```txt
54
- /example
55
- index.html
56
- index.tsx # test your component here in a demo app
57
- package.json
58
- tsconfig.json
59
- /src
60
- index.tsx # EDIT THIS
61
- /test
62
- blah.test.tsx # EDIT THIS
63
- /stories
64
- Thing.stories.tsx # EDIT THIS
65
- /.storybook
66
- main.js
67
- preview.js
68
- .gitignore
69
- package.json
70
- README.md # EDIT THIS
71
- tsconfig.json
72
- ```
73
-
74
- ### TypeScript
75
-
76
- `tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.
77
-
78
- ## Named Exports
79
-
80
- Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.
81
-
82
- ## Publishing to NPM
83
-
84
- Are you connected to npm locally? Go directly to the next step.
85
-
86
- 1/ To connect to npm from a terminal, follow these steps:
87
-
88
- Install Node.js and npm: If you haven't already installed Node.js, download and install the latest version from the official Node.js website. npm is usually installed automatically with Node.js.
89
-
90
- Open a terminal
91
-
92
- Login to npm: Use the following command to login to npm:
93
-
94
- `npm login`
95
-
96
- You will be prompted to enter your username, password and e-mail address. Be sure to use the correct credentials associated with your npm account.
97
-
98
- Once you've followed these steps, you should be connected to npm via your terminal. You can now publish packages, install packages from the npm registry, or perform other npm-related operations.
99
-
100
- 2/ Publish the package
101
- `npm version minor / major / patch` -> For the moment, we're only using the 'patch'.
102
- `git push`
103
- `npm publish`
104
-
105
- For the moment, only m.trambert@odaptos.com & l.obriot@odaptos can publish the package.
106
-
107
- ## How to use this package ?
108
-
109
- `npm install odaptos_design_system`
110
- And next just import the component like :
111
- `import { Button } from 'odaptos_design_system';`
112
- `<Button>Hello</Button>`
1
+ # Odaptos Design System
2
+
3
+ ## Commands
4
+
5
+ TSDX scaffolds your new library inside `/src`, and also sets up a [Parcel-based](https://parceljs.org) playground for it inside `/example`.
6
+
7
+ The recommended workflow is to run TSDX in one terminal:
8
+
9
+ ```bash
10
+ npm start # or yarn start
11
+ ```
12
+
13
+ This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`.
14
+
15
+ Then run either Storybook or the example playground:
16
+
17
+ ### Storybook
18
+
19
+ Run inside another terminal:
20
+
21
+ ```bash
22
+ yarn storybook
23
+ ```
24
+
25
+ This loads the stories from `./stories`.
26
+
27
+ > NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.
28
+
29
+ ### Example
30
+
31
+ Then run the example inside another:
32
+
33
+ ```bash
34
+ cd example
35
+ npm i # or yarn to install dependencies
36
+ npm start # or yarn start
37
+ ```
38
+
39
+ The default example imports and live reloads whatever is in `/dist`, so if you are seeing an out of date component, make sure TSDX is running in watch mode like we recommend above. **No symlinking required**, we use [Parcel's aliasing](https://parceljs.org/module_resolution.html#aliases).
40
+
41
+ To do a one-off build, use `npm run build` or `yarn build`.
42
+
43
+ To run tests, use `npm test` or `yarn test`.
44
+
45
+ ### Bundle analysis
46
+
47
+ Calculates the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `npm run size` and visulize it with `npm run analyze`.
48
+
49
+ #### Setup Files
50
+
51
+ This is the folder structure we set up for you:
52
+
53
+ ```txt
54
+ /example
55
+ index.html
56
+ index.tsx # test your component here in a demo app
57
+ package.json
58
+ tsconfig.json
59
+ /src
60
+ index.tsx # EDIT THIS
61
+ /test
62
+ blah.test.tsx # EDIT THIS
63
+ /stories
64
+ Thing.stories.tsx # EDIT THIS
65
+ /.storybook
66
+ main.js
67
+ preview.js
68
+ .gitignore
69
+ package.json
70
+ README.md # EDIT THIS
71
+ tsconfig.json
72
+ ```
73
+
74
+ ### TypeScript
75
+
76
+ `tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs.
77
+
78
+ ## Named Exports
79
+
80
+ Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library.
81
+
82
+ ## Publishing to NPM
83
+
84
+ Are you connected to npm locally? Go directly to the next step.
85
+
86
+ 1/ To connect to npm from a terminal, follow these steps:
87
+
88
+ Install Node.js and npm: If you haven't already installed Node.js, download and install the latest version from the official Node.js website. npm is usually installed automatically with Node.js.
89
+
90
+ Open a terminal
91
+
92
+ Login to npm: Use the following command to login to npm:
93
+
94
+ `npm login`
95
+
96
+ You will be prompted to enter your username, password and e-mail address. Be sure to use the correct credentials associated with your npm account.
97
+
98
+ Once you've followed these steps, you should be connected to npm via your terminal. You can now publish packages, install packages from the npm registry, or perform other npm-related operations.
99
+
100
+ 2/ Publish the package
101
+ `npm version minor / major / patch` -> For the moment, we're only using the 'patch'.
102
+ `git push`
103
+ `npm publish`
104
+
105
+ For the moment, only m.trambert@odaptos.com & l.obriot@odaptos can publish the package.
106
+
107
+ ## How to use this package ?
108
+
109
+ `npm install odaptos_design_system`
110
+ And next just import the component like :
111
+ `import { Button } from 'odaptos_design_system';`
112
+ `<Button>Hello</Button>`
@@ -22,4 +22,4 @@ export interface InputElementProps {
22
22
  className?: string;
23
23
  }
24
24
  /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
25
- export declare const NumbersCode: ({ className, code, userValue, setUserValue, isValid, setIsValid, containerClassname, placeholder, number }: NumbersCodeProps) => React.JSX.Element;
25
+ export declare const NumbersCode: ({ className, code, userValue, setUserValue, isValid, setIsValid, containerClassname, placeholder, number, }: NumbersCodeProps) => React.JSX.Element;
@@ -31,6 +31,7 @@ export interface SelfProtocolManagerProps extends HTMLAttributes<HTMLDivElement>
31
31
  isLastScenario?: boolean;
32
32
  isRecordingFinished?: boolean;
33
33
  isSus: boolean;
34
+ isUserSharingScreen: boolean;
34
35
  isScreenShareMessageDisplayed?: boolean;
35
36
  startScreenSharing: () => void;
36
37
  startInterview: (task: any) => void;
@@ -38,5 +39,5 @@ export interface SelfProtocolManagerProps extends HTMLAttributes<HTMLDivElement>
38
39
  stopRecording: () => void;
39
40
  onClickFinishScenario: () => void;
40
41
  }
41
- export declare const SelfProtocolManager: ({ texts, className, customScrollingClassname, customContentClassname, tasks, idsTasksAlreadySent, currentTask, disableAllTasks, areAllTasksSend, isLastScenario, isRecordingFinished, isSus, isScreenShareMessageDisplayed, startScreenSharing, startInterview, sendTask, stopRecording, onClickFinishScenario, ...props }: SelfProtocolManagerProps) => React.JSX.Element;
42
+ export declare const SelfProtocolManager: ({ texts, className, customScrollingClassname, customContentClassname, tasks, idsTasksAlreadySent, currentTask, disableAllTasks, areAllTasksSend, isLastScenario, isRecordingFinished, isSus, isUserSharingScreen, isScreenShareMessageDisplayed, startScreenSharing, startInterview, sendTask, stopRecording, onClickFinishScenario, ...props }: SelfProtocolManagerProps) => React.JSX.Element;
42
43
  export {};