odaptos_design_system 2.0.13 → 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 (362) 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/odaptos_design_system.cjs.development.js +108 -108
  5. package/dist/odaptos_design_system.cjs.development.js.map +1 -1
  6. package/dist/odaptos_design_system.cjs.production.min.js +1 -1
  7. package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
  8. package/dist/odaptos_design_system.esm.js +109 -109
  9. package/dist/odaptos_design_system.esm.js.map +1 -1
  10. package/package.json +103 -103
  11. package/src/Atoms/Avatar/Avatar.module.scss +72 -72
  12. package/src/Atoms/Avatar/Avatar.tsx +43 -43
  13. package/src/Atoms/Badge/Badge.modules.scss +108 -108
  14. package/src/Atoms/Badge/Badge.tsx +109 -109
  15. package/src/Atoms/Box/Box.module.scss +12 -12
  16. package/src/Atoms/Box/Box.tsx +18 -18
  17. package/src/Atoms/Buttons/Button.modules.scss +266 -266
  18. package/src/Atoms/Buttons/Button.tsx +69 -69
  19. package/src/Atoms/Buttons/IconButton.modules.scss +195 -195
  20. package/src/Atoms/Buttons/IconButton.tsx +65 -65
  21. package/src/Atoms/Cards/Card.modules.scss +12 -12
  22. package/src/Atoms/Cards/Card.tsx +24 -24
  23. package/src/Atoms/Cards/CardButton.modules.scss +23 -23
  24. package/src/Atoms/Cards/CardButton.tsx +14 -14
  25. package/src/Atoms/Checkbox/Checkbox.module.scss +5 -5
  26. package/src/Atoms/Checkbox/Checkbox.tsx +121 -121
  27. package/src/Atoms/ColorPicker/ColorPicker.modules.scss +46 -46
  28. package/src/Atoms/ColorPicker/ColorPicker.tsx +35 -35
  29. package/src/Atoms/DataProtectionDisclaimer/DataProtectionDisclaimer.tsx +23 -23
  30. package/src/Atoms/DataProtectionDisclaimer/data-protection-disclaimer.module.scss +14 -14
  31. package/src/Atoms/NumbersCode/NumbersCode.modules.scss +4 -4
  32. package/src/Atoms/NumbersCode/NumbersCode.tsx +226 -224
  33. package/src/Atoms/PopoverBeta/PopoverBeta.tsx +107 -107
  34. package/src/Atoms/QuestionButton/QuestionButton.module.scss +29 -29
  35. package/src/Atoms/QuestionButton/QuestionButton.tsx +26 -26
  36. package/src/Atoms/Radio/Radio.module.scss +9 -9
  37. package/src/Atoms/Radio/Radio.tsx +89 -89
  38. package/src/Atoms/Search/Search.tsx +32 -32
  39. package/src/Atoms/SquareText/SquareText.module.scss +7 -7
  40. package/src/Atoms/SquareText/SquareText.tsx +19 -19
  41. package/src/Atoms/Switch/Switch.module.scss +14 -14
  42. package/src/Atoms/Switch/Switch.tsx +64 -64
  43. package/src/Atoms/Tag/Tag.modules.scss +86 -86
  44. package/src/Atoms/Tag/Tag.tsx +134 -134
  45. package/src/Atoms/TimeInterval/TimeInterval.module.scss +5 -5
  46. package/src/Atoms/TimeInterval/TimeInterval.tsx +52 -52
  47. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.module.scss +54 -54
  48. package/src/Atoms/Tooltip/Layout/TooltipCustomLayout.tsx +140 -140
  49. package/src/Atoms/Tooltip/Tooltip.tsx +184 -184
  50. package/src/Atoms/Typography/Caption.modules.scss +17 -17
  51. package/src/Atoms/Typography/Caption.tsx +33 -33
  52. package/src/Atoms/Typography/Link.modules.scss +140 -140
  53. package/src/Atoms/Typography/Link.tsx +73 -73
  54. package/src/Atoms/Typography/Text.modules.scss +277 -277
  55. package/src/Atoms/Typography/Text.tsx +69 -69
  56. package/src/Atoms/Typography/TextForButton.modules.scss +29 -29
  57. package/src/Atoms/Typography/TextForButton.tsx +41 -41
  58. package/src/Atoms/Typography/TextForDropDownItem.modules.scss +31 -31
  59. package/src/Atoms/Typography/TextForDropDownItem.tsx +42 -42
  60. package/src/Atoms/Typography/TextWithLink.modules.scss +281 -281
  61. package/src/Atoms/Typography/TextWithLink.tsx +73 -73
  62. package/src/Atoms/Typography/Title.modules.scss +82 -82
  63. package/src/Atoms/Typography/Title.tsx +148 -148
  64. package/src/DesignTokens/ColorGuide/colors.ts +99 -99
  65. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineDownIcon.tsx +52 -52
  66. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineLeftIcon.tsx +52 -52
  67. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineRightIcon.tsx +52 -52
  68. package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineUpIcon.tsx +52 -52
  69. package/src/DesignTokens/Icons/Arrows/ArrowFilledDownIcon.tsx +37 -37
  70. package/src/DesignTokens/Icons/Arrows/ArrowFilledLeftIcon.tsx +37 -37
  71. package/src/DesignTokens/Icons/Arrows/ArrowFilledRightIcon.tsx +37 -37
  72. package/src/DesignTokens/Icons/Arrows/ArrowFilledUpIcon.tsx +37 -37
  73. package/src/DesignTokens/Icons/Arrows/ArrowLineDownIcon.tsx +46 -46
  74. package/src/DesignTokens/Icons/Arrows/ArrowLineLeftIcon.tsx +46 -46
  75. package/src/DesignTokens/Icons/Arrows/ArrowLineRightIcon.tsx +46 -46
  76. package/src/DesignTokens/Icons/Arrows/ArrowLineUpIcon.tsx +46 -46
  77. package/src/DesignTokens/Icons/Arrows/ArrowPointerDown.tsx +52 -52
  78. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownLeft.tsx +45 -45
  79. package/src/DesignTokens/Icons/Arrows/ArrowPointerDownRight.tsx +45 -45
  80. package/src/DesignTokens/Icons/Arrows/ArrowPointerLeft.tsx +52 -52
  81. package/src/DesignTokens/Icons/Arrows/ArrowPointerRight.tsx +52 -52
  82. package/src/DesignTokens/Icons/Arrows/ArrowPointerUp.tsx +52 -52
  83. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpLeft.tsx +45 -45
  84. package/src/DesignTokens/Icons/Arrows/ArrowPointerUpRight.tsx +45 -45
  85. package/src/DesignTokens/Icons/Circled/AddCircledIcon.tsx +51 -51
  86. package/src/DesignTokens/Icons/Circled/AlertCircledIcon.tsx +64 -64
  87. package/src/DesignTokens/Icons/Circled/CheckedCircled.tsx +52 -52
  88. package/src/DesignTokens/Icons/Circled/InfoCircledIcon.tsx +64 -64
  89. package/src/DesignTokens/Icons/Circled/MinusCircledIcon.tsx +52 -52
  90. package/src/DesignTokens/Icons/Circled/NavigationCircledIcon.tsx +58 -58
  91. package/src/DesignTokens/Icons/Circled/QuestionCircledIcon.tsx +57 -57
  92. package/src/DesignTokens/Icons/Circled/RemoveCircledIcon.tsx +51 -51
  93. package/src/DesignTokens/Icons/Circled/SearchCircledIcon.tsx +58 -58
  94. package/src/DesignTokens/Icons/Circled/SettingsCircledIcon.tsx +51 -51
  95. package/src/DesignTokens/Icons/Equipment/CameraIcon.tsx +45 -45
  96. package/src/DesignTokens/Icons/Equipment/LaptopIcon.tsx +74 -74
  97. package/src/DesignTokens/Icons/Equipment/MicrophonePodcastIcon.tsx +38 -38
  98. package/src/DesignTokens/Icons/Equipment/MobileIcon.tsx +81 -81
  99. package/src/DesignTokens/Icons/Equipment/TvFlatScreenIcon.tsx +75 -75
  100. package/src/DesignTokens/Icons/Equipment/TvIcon.tsx +51 -51
  101. package/src/DesignTokens/Icons/Illustrations/AI_UserTest.tsx +544 -544
  102. package/src/DesignTokens/Icons/Illustrations/AngryIntervieweeFemale.tsx +163 -163
  103. package/src/DesignTokens/Icons/Illustrations/Blog.tsx +124 -124
  104. package/src/DesignTokens/Icons/Illustrations/EmotionsHeatMap.tsx +113 -113
  105. package/src/DesignTokens/Icons/Illustrations/Faq.tsx +74 -74
  106. package/src/DesignTokens/Icons/Illustrations/HappyMen.tsx +254 -254
  107. package/src/DesignTokens/Icons/Illustrations/IntegratedUsabilityScore.tsx +101 -101
  108. package/src/DesignTokens/Icons/Illustrations/InterviewTranscript.tsx +162 -162
  109. package/src/DesignTokens/Icons/Illustrations/InterviewTranscriptGreen.tsx +162 -162
  110. package/src/DesignTokens/Icons/Illustrations/MenShowingSomething.tsx +141 -141
  111. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse.tsx +112 -112
  112. package/src/DesignTokens/Icons/Illustrations/MetaAnalyse2.tsx +74 -74
  113. package/src/DesignTokens/Icons/Illustrations/Non_Moderated.tsx +86 -86
  114. package/src/DesignTokens/Icons/Illustrations/OdaAccountPro.tsx +204 -204
  115. package/src/DesignTokens/Icons/Illustrations/OdaWaiting.tsx +339 -339
  116. package/src/DesignTokens/Icons/Illustrations/ScheduleTasks.tsx +118 -118
  117. package/src/DesignTokens/Icons/Illustrations/Sentiment.tsx +112 -112
  118. package/src/DesignTokens/Icons/Illustrations/Success.tsx +228 -228
  119. package/src/DesignTokens/Icons/Illustrations/UsabilityBrowser.tsx +127 -127
  120. package/src/DesignTokens/Icons/Illustrations/UserFlows.tsx +133 -133
  121. package/src/DesignTokens/Icons/Illustrations/UserPanel.tsx +127 -127
  122. package/src/DesignTokens/Icons/Illustrations/UxGuide.tsx +151 -151
  123. package/src/DesignTokens/Icons/Illustrations/VideoFlag.tsx +67 -67
  124. package/src/DesignTokens/Icons/Illustrations/VideoFlag2.tsx +69 -69
  125. package/src/DesignTokens/Icons/Illustrations/VideoFlagGreen.tsx +69 -69
  126. package/src/DesignTokens/Icons/Illustrations/WaitingMen.tsx +249 -249
  127. package/src/DesignTokens/Icons/Interaction/AccountIcon.tsx +39 -39
  128. package/src/DesignTokens/Icons/Interaction/AddIcon.tsx +51 -51
  129. package/src/DesignTokens/Icons/Interaction/AddTagIcon.tsx +47 -47
  130. package/src/DesignTokens/Icons/Interaction/AgendaIcon.tsx +76 -76
  131. package/src/DesignTokens/Icons/Interaction/BillingIcon.tsx +75 -75
  132. package/src/DesignTokens/Icons/Interaction/BinIcon.tsx +73 -73
  133. package/src/DesignTokens/Icons/Interaction/CheckedIcon.tsx +38 -38
  134. package/src/DesignTokens/Icons/Interaction/ClockIcon.tsx +58 -58
  135. package/src/DesignTokens/Icons/Interaction/CloseIcon.tsx +37 -37
  136. package/src/DesignTokens/Icons/Interaction/CogIcon.tsx +46 -46
  137. package/src/DesignTokens/Icons/Interaction/CopyPasteIcon.tsx +83 -83
  138. package/src/DesignTokens/Icons/Interaction/DragDropIcon.tsx +42 -42
  139. package/src/DesignTokens/Icons/Interaction/EditIcon.tsx +56 -56
  140. package/src/DesignTokens/Icons/Interaction/EditTextIcon.tsx +64 -64
  141. package/src/DesignTokens/Icons/Interaction/FilterIcon.tsx +49 -49
  142. package/src/DesignTokens/Icons/Interaction/LayoutIcon.tsx +46 -46
  143. package/src/DesignTokens/Icons/Interaction/LayoutLeftIcon.tsx +39 -39
  144. package/src/DesignTokens/Icons/Interaction/LayoutRightIcon.tsx +39 -39
  145. package/src/DesignTokens/Icons/Interaction/LockIcon.tsx +39 -39
  146. package/src/DesignTokens/Icons/Interaction/LogoutIcon.tsx +58 -58
  147. package/src/DesignTokens/Icons/Interaction/MenuHorizontalIcon.tsx +36 -36
  148. package/src/DesignTokens/Icons/Interaction/MenuVerticalIcon.tsx +57 -57
  149. package/src/DesignTokens/Icons/Interaction/MinusIcon.tsx +34 -34
  150. package/src/DesignTokens/Icons/Interaction/PencilWriteIcon.tsx +46 -46
  151. package/src/DesignTokens/Icons/Interaction/SearchIcon.tsx +52 -52
  152. package/src/DesignTokens/Icons/Interaction/SearchRemoveIcon.tsx +63 -63
  153. package/src/DesignTokens/Icons/Interaction/SettingsSliderIcon.tsx +45 -45
  154. package/src/DesignTokens/Icons/Interaction/ShareIcon.tsx +62 -62
  155. package/src/DesignTokens/Icons/Interaction/SortingIcon.tsx +39 -39
  156. package/src/DesignTokens/Icons/Interaction/TagAddIcon.tsx +46 -46
  157. package/src/DesignTokens/Icons/Interaction/TagEditIcon.tsx +46 -46
  158. package/src/DesignTokens/Icons/Interaction/TagRemoveIcon.tsx +46 -46
  159. package/src/DesignTokens/Icons/Interaction/TeamIcon.tsx +76 -76
  160. package/src/DesignTokens/Icons/Interaction/UnLockIcon.tsx +46 -46
  161. package/src/DesignTokens/Icons/Interaction/UndoIcon.tsx +46 -46
  162. package/src/DesignTokens/Icons/Interaction/UnlockedIcon.tsx +46 -46
  163. package/src/DesignTokens/Icons/Logos/LogoBeta.tsx +52 -52
  164. package/src/DesignTokens/Icons/Logos/LogoNormal.tsx +38 -38
  165. package/src/DesignTokens/Icons/Logos/LogoSmall.tsx +32 -32
  166. package/src/DesignTokens/Icons/Logos/LogoSquare.tsx +72 -72
  167. package/src/DesignTokens/Icons/Logos/LogoText.tsx +32 -32
  168. package/src/DesignTokens/Icons/Logos/LogoWhite.tsx +38 -38
  169. package/src/DesignTokens/Icons/MediaControl/CutClipIcon.tsx +39 -39
  170. package/src/DesignTokens/Icons/MediaControl/HangUpIcon.tsx +58 -58
  171. package/src/DesignTokens/Icons/MediaControl/MeetingIcon.tsx +45 -45
  172. package/src/DesignTokens/Icons/MediaControl/MicrophoneIcon.tsx +51 -51
  173. package/src/DesignTokens/Icons/MediaControl/MoveBackIcon.tsx +32 -32
  174. package/src/DesignTokens/Icons/MediaControl/MoveInIcon.tsx +59 -59
  175. package/src/DesignTokens/Icons/MediaControl/MuteIcon.tsx +51 -51
  176. package/src/DesignTokens/Icons/MediaControl/NoCameraIcon.tsx +54 -54
  177. package/src/DesignTokens/Icons/MediaControl/NoMicrophoneIcon.tsx +46 -46
  178. package/src/DesignTokens/Icons/MediaControl/PauseIcon.tsx +45 -45
  179. package/src/DesignTokens/Icons/MediaControl/PlayIcon.tsx +39 -39
  180. package/src/DesignTokens/Icons/MediaControl/PreviousIcon.tsx +49 -49
  181. package/src/DesignTokens/Icons/MediaControl/RecordIcon.tsx +40 -40
  182. package/src/DesignTokens/Icons/MediaControl/RecordingIcon.tsx +82 -82
  183. package/src/DesignTokens/Icons/MediaControl/StopRecordIcon.tsx +38 -38
  184. package/src/DesignTokens/Icons/MediaControl/TagIcon.tsx +46 -46
  185. package/src/DesignTokens/Icons/MediaControl/VolumeIcon.tsx +57 -57
  186. package/src/DesignTokens/Icons/Miscellaneous/AddSeatIcon.tsx +37 -37
  187. package/src/DesignTokens/Icons/Miscellaneous/AddUsersIcon.tsx +69 -69
  188. package/src/DesignTokens/Icons/Miscellaneous/AnonymizeIcon.tsx +46 -46
  189. package/src/DesignTokens/Icons/Miscellaneous/AppWindowPieIcon.tsx +39 -39
  190. package/src/DesignTokens/Icons/Miscellaneous/ArchiveIcon.tsx +39 -39
  191. package/src/DesignTokens/Icons/Miscellaneous/BillPdfIcon.tsx +37 -37
  192. package/src/DesignTokens/Icons/Miscellaneous/BinocularIcon.tsx +38 -38
  193. package/src/DesignTokens/Icons/Miscellaneous/BookFlipPageIcon.tsx +39 -39
  194. package/src/DesignTokens/Icons/Miscellaneous/BrainIcon.tsx +105 -105
  195. package/src/DesignTokens/Icons/Miscellaneous/BulbIcon.tsx +45 -45
  196. package/src/DesignTokens/Icons/Miscellaneous/CalendarIcon.tsx +46 -46
  197. package/src/DesignTokens/Icons/Miscellaneous/ChatBubbleIcon.tsx +68 -68
  198. package/src/DesignTokens/Icons/Miscellaneous/ChatIcon.tsx +37 -37
  199. package/src/DesignTokens/Icons/Miscellaneous/CheckoutIcon.tsx +37 -37
  200. package/src/DesignTokens/Icons/Miscellaneous/ClipIcon.tsx +57 -57
  201. package/src/DesignTokens/Icons/Miscellaneous/ContentPenWriteIcon.tsx +46 -46
  202. package/src/DesignTokens/Icons/Miscellaneous/CreditCardIcon.tsx +37 -37
  203. package/src/DesignTokens/Icons/Miscellaneous/DownloadIcon.tsx +78 -78
  204. package/src/DesignTokens/Icons/Miscellaneous/EarthIcon.tsx +58 -58
  205. package/src/DesignTokens/Icons/Miscellaneous/FaceCenterIcon.tsx +42 -42
  206. package/src/DesignTokens/Icons/Miscellaneous/FaceRecognitionIcon.tsx +88 -88
  207. package/src/DesignTokens/Icons/Miscellaneous/FileUploadIcon.tsx +65 -65
  208. package/src/DesignTokens/Icons/Miscellaneous/FilesIcon.tsx +51 -51
  209. package/src/DesignTokens/Icons/Miscellaneous/FillRecordIcon.tsx +39 -39
  210. package/src/DesignTokens/Icons/Miscellaneous/FilledTaskIcon.tsx +37 -37
  211. package/src/DesignTokens/Icons/Miscellaneous/FlashIcon.tsx +46 -46
  212. package/src/DesignTokens/Icons/Miscellaneous/FolderIcon.tsx +39 -39
  213. package/src/DesignTokens/Icons/Miscellaneous/GoogleIcon.tsx +67 -67
  214. package/src/DesignTokens/Icons/Miscellaneous/GroupIcon.tsx +46 -46
  215. package/src/DesignTokens/Icons/Miscellaneous/HardDriveIcon.tsx +58 -58
  216. package/src/DesignTokens/Icons/Miscellaneous/HelpIcon.tsx +37 -37
  217. package/src/DesignTokens/Icons/Miscellaneous/HelpIconAlt.tsx +33 -33
  218. package/src/DesignTokens/Icons/Miscellaneous/LanguageIcon.tsx +34 -34
  219. package/src/DesignTokens/Icons/Miscellaneous/LinkIcon.tsx +42 -42
  220. package/src/DesignTokens/Icons/Miscellaneous/ListToDoIcon.tsx +39 -39
  221. package/src/DesignTokens/Icons/Miscellaneous/MessagesBubbleSquareQuestionIcon.tsx +46 -46
  222. package/src/DesignTokens/Icons/Miscellaneous/MetaAnalyseIcon.tsx +74 -74
  223. package/src/DesignTokens/Icons/Miscellaneous/ModeratedIcon.tsx +88 -88
  224. package/src/DesignTokens/Icons/Miscellaneous/MultipleUsersIcon.tsx +46 -46
  225. package/src/DesignTokens/Icons/Miscellaneous/NbOfUsersIcon.tsx +64 -64
  226. package/src/DesignTokens/Icons/Miscellaneous/NeutralBackgroudIcon.tsx +42 -42
  227. package/src/DesignTokens/Icons/Miscellaneous/OfficeDrawerIcon.tsx +46 -46
  228. package/src/DesignTokens/Icons/Miscellaneous/OneColumnIcon.tsx +46 -46
  229. package/src/DesignTokens/Icons/Miscellaneous/RefreshIcon.tsx +54 -54
  230. package/src/DesignTokens/Icons/Miscellaneous/ReportIcon.tsx +70 -70
  231. package/src/DesignTokens/Icons/Miscellaneous/SeatIcon.tsx +36 -36
  232. package/src/DesignTokens/Icons/Miscellaneous/SendEmailIcon.tsx +51 -51
  233. package/src/DesignTokens/Icons/Miscellaneous/SendIcon.tsx +46 -46
  234. package/src/DesignTokens/Icons/Miscellaneous/SmartBrainIcon.tsx +52 -52
  235. package/src/DesignTokens/Icons/Miscellaneous/StarIcon.tsx +44 -44
  236. package/src/DesignTokens/Icons/Miscellaneous/TaskIcon.tsx +64 -64
  237. package/src/DesignTokens/Icons/Miscellaneous/TestDetailsIcon.tsx +37 -37
  238. package/src/DesignTokens/Icons/Miscellaneous/TestIcon.tsx +47 -47
  239. package/src/DesignTokens/Icons/Miscellaneous/ThreeColumnIcon.tsx +46 -46
  240. package/src/DesignTokens/Icons/Miscellaneous/TwoColumnIcon.tsx +46 -46
  241. package/src/DesignTokens/Icons/Miscellaneous/UnmoderatedIcon.tsx +63 -63
  242. package/src/DesignTokens/Icons/Miscellaneous/ViewIcon.tsx +39 -39
  243. package/src/DesignTokens/Icons/Miscellaneous/ViewOffIcon.tsx +39 -39
  244. package/src/DesignTokens/Icons/Miscellaneous/VoiceIcon.tsx +47 -47
  245. package/src/DesignTokens/Icons/Notifications/AlamBellIdleIcon.tsx +50 -50
  246. package/src/DesignTokens/Icons/Notifications/AlarmBellStatusIcon.tsx +56 -56
  247. package/src/DesignTokens/Icons/Notifications/ConversationIdleIcon.tsx +39 -39
  248. package/src/DesignTokens/Icons/Notifications/ConversationStatusIcon.tsx +54 -54
  249. package/src/DesignTokens/Icons/Notifications/NotifAlertIcon.tsx +41 -41
  250. package/src/DesignTokens/Icons/Other/DashedArrowSvg.tsx +38 -38
  251. package/src/DesignTokens/Icons/Other/ProjectHoverSvg.tsx +52 -52
  252. package/src/DesignTokens/Icons/Other/ProjectSvg.tsx +40 -40
  253. package/src/DesignTokens/Icons/Partners/Partner1.tsx +165 -165
  254. package/src/DesignTokens/Icons/Partners/Partner2.tsx +94 -94
  255. package/src/DesignTokens/Icons/Partners/Partner3.tsx +47 -47
  256. package/src/DesignTokens/Icons/Partners/Partner4.tsx +199 -199
  257. package/src/DesignTokens/Icons/Partners/Partner5.tsx +79 -79
  258. package/src/DesignTokens/Icons/Partners/Partner6.tsx +39 -39
  259. package/src/DesignTokens/Icons/Partners/Partner7.tsx +45 -45
  260. package/src/DesignTokens/Icons/Partners/Partner8.tsx +37 -37
  261. package/src/DesignTokens/Icons/Partners/Partner9.tsx +63 -63
  262. package/src/DesignTokens/Icons/index.ts +197 -197
  263. package/src/Molecules/Accordion/Accordion.modules.scss +41 -41
  264. package/src/Molecules/Accordion/Accordion.tsx +49 -49
  265. package/src/Molecules/ChatMessage/ChatMessage.module.scss +161 -161
  266. package/src/Molecules/ChatMessage/ChatMessage.tsx +110 -110
  267. package/src/Molecules/FeaturesTable/FeaturesTable.module.scss +212 -212
  268. package/src/Molecules/FeaturesTable/FeaturesTable.tsx +35 -35
  269. package/src/Molecules/FeaturesTable/components/TableBody/TableBody.tsx +54 -54
  270. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureGroup.tsx +36 -36
  271. package/src/Molecules/FeaturesTable/components/TableBody/components/FeatureRow.tsx +64 -64
  272. package/src/Molecules/FeaturesTable/components/TableBody/components/RowCell.tsx +29 -29
  273. package/src/Molecules/FeaturesTable/components/TableBody/components/SectionTitleRow.tsx +16 -16
  274. package/src/Molecules/FeaturesTable/components/TableHeader/TableHeader.tsx +37 -37
  275. package/src/Molecules/FeaturesTable/components/TableHeader/components/HeaderCell.tsx +69 -69
  276. package/src/Molecules/Interviews/Chat.modules.scss +250 -248
  277. package/src/Molecules/Interviews/Chat.tsx +419 -419
  278. package/src/Molecules/Interviews/ChatInput.modules.scss +33 -33
  279. package/src/Molecules/Interviews/ChatInput.tsx +42 -42
  280. package/src/Molecules/Interviews/CircleIconButton.modules.scss +51 -51
  281. package/src/Molecules/Interviews/CircledIconButton.tsx +37 -37
  282. package/src/Molecules/Interviews/ControlsBar.modules.scss +62 -62
  283. package/src/Molecules/Interviews/ControlsBar.tsx +247 -247
  284. package/src/Molecules/Interviews/EndRecording.module.scss +20 -20
  285. package/src/Molecules/Interviews/EndRecording.tsx +31 -31
  286. package/src/Molecules/Interviews/InterviewButton.modules.scss +112 -112
  287. package/src/Molecules/Interviews/InterviewButton.tsx +54 -54
  288. package/src/Molecules/Interviews/MarkUpBar.modules.scss +36 -36
  289. package/src/Molecules/Interviews/MarkUpBar.tsx +67 -67
  290. package/src/Molecules/Interviews/Scenario.modules.scss +21 -21
  291. package/src/Molecules/Interviews/Scenario.tsx +53 -53
  292. package/src/Molecules/Interviews/SelfPrortocolTaskContainer.tsx +47 -47
  293. package/src/Molecules/Interviews/SelfProtocolManager.modules.scss +62 -62
  294. package/src/Molecules/Interviews/SelfProtocolManager.tsx +227 -227
  295. package/src/Molecules/Interviews/SusExplanation.module.scss +11 -11
  296. package/src/Molecules/Interviews/SusExplanation.tsx +17 -17
  297. package/src/Molecules/Interviews/Task.modules.scss +294 -294
  298. package/src/Molecules/Interviews/Task.tsx +258 -258
  299. package/src/Molecules/Interviews/WelcomeMessage.modules.scss +28 -28
  300. package/src/Molecules/Interviews/WelcomeMessage.tsx +33 -33
  301. package/src/Molecules/LogoSlider/LogoSlider.module.scss +6 -6
  302. package/src/Molecules/LogoSlider/LogoSlider.tsx +55 -55
  303. package/src/Molecules/Notifications/Banner.modules.scss +160 -160
  304. package/src/Molecules/Notifications/Banner.tsx +134 -134
  305. package/src/Molecules/Notifications/NotificationIcon.tsx +26 -26
  306. package/src/Molecules/Notifications/Toast.modules.scss +87 -87
  307. package/src/Molecules/Notifications/Toast.tsx +90 -90
  308. package/src/Molecules/PricingCard/PricingCard.module.scss +120 -120
  309. package/src/Molecules/PricingCard/PricingCard.tsx +284 -284
  310. package/src/Molecules/StarRating/StarRating.module.scss +24 -24
  311. package/src/Molecules/StarRating/StarRating.tsx +71 -71
  312. package/src/Molecules/Tabs/Tabs.tsx +83 -83
  313. package/src/Molecules/Tabs/TabsUnderLine.tsx +200 -200
  314. package/src/Molecules/Tabs/tabs.modules.scss +60 -60
  315. package/src/Molecules/Tabs/tabsUnderline.modules.scss +63 -63
  316. package/src/Molecules/Thematic/Thematic.modules.scss +121 -121
  317. package/src/Molecules/Thematic/Thematic.tsx +458 -458
  318. package/src/Molecules/ToggleTab/ToggleTab.module.scss +37 -37
  319. package/src/Molecules/ToggleTab/ToggleTab.tsx +118 -118
  320. package/src/Molecules/UserIndicator/UserIndicator.module.scss +16 -16
  321. package/src/Molecules/UserIndicator/UserIndicator.tsx +58 -58
  322. package/src/Organisms/DatePicker/DatePicker.modules.scss +68 -68
  323. package/src/Organisms/DatePicker/DatePicker.tsx +268 -268
  324. package/src/Organisms/FormQuestions/FormQuestions.module.scss +52 -52
  325. package/src/Organisms/FormQuestions/FormQuestions.tsx +78 -78
  326. package/src/Organisms/Modal/Modal.modules.scss +66 -66
  327. package/src/Organisms/Modal/Modal.tsx +163 -163
  328. package/src/Organisms/MultiSelect/MultiSelect.modules.scss +78 -78
  329. package/src/Organisms/MultiSelect/MultiSelect.tsx +303 -303
  330. package/src/Organisms/MultiSelect/MultiSelectWithCategories.modules.scss +78 -78
  331. package/src/Organisms/MultiSelect/MultiSelectWithCategories.tsx +325 -325
  332. package/src/Organisms/NumberField/NumberField.module.scss +60 -60
  333. package/src/Organisms/NumberField/NumberField.tsx +244 -244
  334. package/src/Organisms/PasswordField/PasswordField.module.scss +55 -55
  335. package/src/Organisms/PasswordField/PasswordField.tsx +231 -231
  336. package/src/Organisms/RatingScale/RatingScale.module.scss +26 -26
  337. package/src/Organisms/RatingScale/RatingScale.tsx +104 -104
  338. package/src/Organisms/SingleSelect/SingleSelect.modules.scss +64 -64
  339. package/src/Organisms/SingleSelect/SingleSelect.tsx +271 -271
  340. package/src/Organisms/Table/Table.modules.scss +6 -6
  341. package/src/Organisms/Table/TableFooter.modules.scss +56 -56
  342. package/src/Organisms/Table/TableFooter.tsx +43 -43
  343. package/src/Organisms/Table/header.modules.scss +24 -24
  344. package/src/Organisms/Table/header.tsx +80 -80
  345. package/src/Organisms/Table/index.tsx +79 -79
  346. package/src/Organisms/Table/rows.modules.scss +37 -37
  347. package/src/Organisms/Table/rows.tsx +86 -86
  348. package/src/Organisms/Table/table-cell.modules.scss +13 -13
  349. package/src/Organisms/Table/table-cell.tsx +40 -40
  350. package/src/Organisms/TextInput/TextInput.modules.scss +55 -55
  351. package/src/Organisms/TextInput/TextInput.tsx +222 -222
  352. package/src/Organisms/Textarea/Textarea.module.scss +19 -19
  353. package/src/Organisms/Textarea/Textarea.tsx +97 -97
  354. package/src/Organisms/TimePicker/TimePicker.modules.scss +67 -67
  355. package/src/Organisms/TimePicker/TimePicker.tsx +242 -242
  356. package/src/__mocks__/InterviewRoom/tasksAndScenariosArray.js +92 -92
  357. package/src/__mocks__/PricingPageData/pricingPageMockedData.js +2120 -2120
  358. package/src/hooks/useClickOutside.ts +30 -30
  359. package/src/index.ts +75 -75
  360. package/src/utils/changeColorLuminance.ts +22 -22
  361. package/src/utils/getIconSize.ts +7 -7
  362. 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;