odaptos_design_system 1.4.320 → 1.4.321

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