odaptos_design_system 1.4.259 → 1.4.261

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