@platformatic/ui-components 0.15.4 → 0.17.0

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 (278) hide show
  1. package/dist/assets/{index-DMinbJlj.css → index-BgaMsXXo.css} +1 -1
  2. package/dist/assets/index-CqZKPFqq.js +49 -0
  3. package/dist/index.html +2 -2
  4. package/dist/main.css +0 -4
  5. package/package.json +1 -1
  6. package/src/components/BorderedBox.jsx +1 -37
  7. package/src/components/Button.jsx +0 -72
  8. package/src/components/ButtonFullRounded.jsx +1 -57
  9. package/src/components/ButtonOnlyIcon.jsx +1 -57
  10. package/src/components/Checkbox.jsx +1 -17
  11. package/src/components/CopyAndPaste.jsx +1 -41
  12. package/src/components/DropDown.jsx +2 -53
  13. package/src/components/FollowUs.jsx +1 -36
  14. package/src/components/HorizontalSeparator.jsx +2 -21
  15. package/src/components/InfoBox.jsx +1 -32
  16. package/src/components/ListElement.jsx +1 -32
  17. package/src/components/LoadingSpinner.jsx +0 -8
  18. package/src/components/LoadingSpinnerV2.jsx +0 -25
  19. package/src/components/LogoDropDown.jsx +0 -28
  20. package/src/components/Modal.jsx +0 -59
  21. package/src/components/ModalDirectional.jsx +0 -28
  22. package/src/components/ModalStepsForward.jsx +1 -21
  23. package/src/components/PlatformaticIcon.jsx +1 -41
  24. package/src/components/SearchBarV2.jsx +1 -45
  25. package/src/components/Sidebar.jsx +0 -53
  26. package/src/components/Status.jsx +1 -18
  27. package/src/components/TabbedWindow.jsx +1 -33
  28. package/src/components/Tag.jsx +1 -44
  29. package/src/components/TextWithLabel.jsx +1 -25
  30. package/src/components/Tooltip.jsx +2 -46
  31. package/src/components/TooltipAbsolute.jsx +1 -41
  32. package/src/components/VerticalSeparator.jsx +1 -22
  33. package/src/components/forms/Field.jsx +1 -37
  34. package/src/components/forms/Input.jsx +1 -85
  35. package/src/components/forms/InputFileUpload.jsx +1 -101
  36. package/src/components/forms/InputWithSeparator.jsx +1 -74
  37. package/src/components/forms/Password.jsx +3 -43
  38. package/src/components/forms/Preview.jsx +1 -51
  39. package/src/components/forms/RadioGroup.jsx +0 -35
  40. package/src/components/forms/Select.jsx +1 -110
  41. package/src/components/forms/SelectWithInput.jsx +1 -111
  42. package/src/components/forms/TextArea.jsx +1 -53
  43. package/src/components/forms/ToggleSwitch.jsx +1 -42
  44. package/src/components/icons/APIDocsIcon.jsx +1 -21
  45. package/src/components/icons/APIKeyIcon.jsx +1 -21
  46. package/src/components/icons/AWSIcon.jsx +1 -21
  47. package/src/components/icons/AddEnvVariableIcon.jsx +1 -17
  48. package/src/components/icons/AddIcon.jsx +1 -21
  49. package/src/components/icons/AddRouteIcon.jsx +1 -17
  50. package/src/components/icons/AddUserIcon.jsx +1 -21
  51. package/src/components/icons/AlertIcon.jsx +1 -21
  52. package/src/components/icons/AllAppsIcon.jsx +1 -21
  53. package/src/components/icons/AllInOneIcon.jsx +1 -21
  54. package/src/components/icons/ApiCloudIcon.jsx +1 -21
  55. package/src/components/icons/ApiEmptyIcon.jsx +1 -21
  56. package/src/components/icons/ApiIcon.jsx +1 -21
  57. package/src/components/icons/ApiIconClosed.jsx +1 -17
  58. package/src/components/icons/ApiPerformanceIcon.jsx +1 -21
  59. package/src/components/icons/AppConfigurationIcon.jsx +1 -21
  60. package/src/components/icons/AppDetailsIcon.jsx +1 -21
  61. package/src/components/icons/AppEditIcon.jsx +1 -21
  62. package/src/components/icons/AppEmptyIcon.jsx +1 -21
  63. package/src/components/icons/AppIcon.jsx +1 -21
  64. package/src/components/icons/AppListIcon.jsx +1 -21
  65. package/src/components/icons/AppMissingIcon.jsx +1 -21
  66. package/src/components/icons/AppOptimizedIcon.jsx +1 -21
  67. package/src/components/icons/AppSettingsIcon.jsx +1 -21
  68. package/src/components/icons/AppStoppedIcon.jsx +1 -21
  69. package/src/components/icons/AppWorkspace.jsx +1 -13
  70. package/src/components/icons/ApplicationTypeIcon.jsx +1 -21
  71. package/src/components/icons/ArrowDownFullIcon.jsx +1 -21
  72. package/src/components/icons/ArrowDownIcon.jsx +1 -21
  73. package/src/components/icons/ArrowLeftIcon.jsx +1 -21
  74. package/src/components/icons/ArrowLongDownIcon.jsx +1 -21
  75. package/src/components/icons/ArrowLongLeftIcon.jsx +1 -21
  76. package/src/components/icons/ArrowLongRightIcon.jsx +1 -21
  77. package/src/components/icons/ArrowLongUpIcon.jsx +1 -21
  78. package/src/components/icons/ArrowRightIcon.jsx +1 -21
  79. package/src/components/icons/ArrowUpIcon.jsx +1 -21
  80. package/src/components/icons/BellIcon.jsx +1 -21
  81. package/src/components/icons/BillingIcon.jsx +1 -21
  82. package/src/components/icons/BranchIcon.jsx +1 -21
  83. package/src/components/icons/BuiltInLoggingIcon.jsx +1 -21
  84. package/src/components/icons/CLIIcon.jsx +1 -21
  85. package/src/components/icons/CacheRecommendationIcon.jsx +1 -21
  86. package/src/components/icons/CachingIcon.jsx +1 -21
  87. package/src/components/icons/Calendar1DayIcon.jsx +1 -21
  88. package/src/components/icons/Calendar7DaysIcon.jsx +1 -21
  89. package/src/components/icons/CalendarIcon.jsx +1 -21
  90. package/src/components/icons/CheckListIcon.jsx +1 -21
  91. package/src/components/icons/CheckListReviewIcon.jsx +1 -21
  92. package/src/components/icons/CircleAddIcon.jsx +1 -21
  93. package/src/components/icons/CircleArrowLeftIcon.jsx +2 -22
  94. package/src/components/icons/CircleArrowRightIcon.jsx +1 -21
  95. package/src/components/icons/CircleCheckMarkButtonIcon.jsx +1 -13
  96. package/src/components/icons/CircleCheckMarkFullIcon.jsx +1 -21
  97. package/src/components/icons/CircleCheckMarkIcon.jsx +1 -21
  98. package/src/components/icons/CircleCloseHoverIcon.jsx +1 -21
  99. package/src/components/icons/CircleCloseIcon.jsx +1 -21
  100. package/src/components/icons/CircleCopyPasteIcon.jsx +1 -21
  101. package/src/components/icons/CircleDownloadIcon.jsx +1 -21
  102. package/src/components/icons/CircleEditIcon.jsx +1 -21
  103. package/src/components/icons/CircleExclamationIcon.jsx +1 -17
  104. package/src/components/icons/CircleFullIcon.jsx +1 -21
  105. package/src/components/icons/CircleGearIcon.jsx +1 -21
  106. package/src/components/icons/CirclePlayIcon.jsx +1 -21
  107. package/src/components/icons/CircleRestartIcon.jsx +1 -21
  108. package/src/components/icons/CircleStopIcon.jsx +1 -21
  109. package/src/components/icons/CircleSubtractIcon.jsx +1 -21
  110. package/src/components/icons/CircleTwoArrowsDownIcon.jsx +1 -21
  111. package/src/components/icons/CircleTwoArrowsUpIcon.jsx +1 -21
  112. package/src/components/icons/CloseIcon.jsx +1 -21
  113. package/src/components/icons/CloudIcon.jsx +1 -21
  114. package/src/components/icons/CodeTestingIcon.jsx +1 -21
  115. package/src/components/icons/CollapseIcon.jsx +1 -21
  116. package/src/components/icons/CollapseSquareIcon.jsx +1 -21
  117. package/src/components/icons/ComputerIcon.jsx +1 -21
  118. package/src/components/icons/ComputerInIcon.jsx +1 -21
  119. package/src/components/icons/ComputerOutIcon.jsx +1 -21
  120. package/src/components/icons/ConfigureDatabaseIcon.jsx +1 -21
  121. package/src/components/icons/CopyPasteIcon.jsx +1 -21
  122. package/src/components/icons/CreateAppIcon.jsx +1 -21
  123. package/src/components/icons/CreatingAppIcon.jsx +1 -21
  124. package/src/components/icons/CreditCardIcon.jsx +1 -21
  125. package/src/components/icons/DatabaseEditIcon.jsx +1 -21
  126. package/src/components/icons/DatabaseIcon.jsx +1 -21
  127. package/src/components/icons/DatabaseMigrationIcon.jsx +1 -21
  128. package/src/components/icons/DepencenciesReloadIcon.jsx +1 -21
  129. package/src/components/icons/DeploymentHistoryIcon.jsx +1 -21
  130. package/src/components/icons/DocumentIcon.jsx +1 -21
  131. package/src/components/icons/DownloadIcon.jsx +1 -21
  132. package/src/components/icons/EditDocumentIcon.jsx +1 -21
  133. package/src/components/icons/EditIcon.jsx +1 -21
  134. package/src/components/icons/EnlargeIcon.jsx +1 -21
  135. package/src/components/icons/EntryIcon.jsx +1 -21
  136. package/src/components/icons/EntrypointIcon.jsx +1 -25
  137. package/src/components/icons/EnvVariableszIcon.jsx +1 -21
  138. package/src/components/icons/ExpandIcon.jsx +1 -25
  139. package/src/components/icons/ExpandSquadreIcon.jsx +1 -21
  140. package/src/components/icons/ExploreDocIcon.jsx +1 -21
  141. package/src/components/icons/ExportIcon.jsx +1 -21
  142. package/src/components/icons/EyeClosedIcon.jsx +1 -21
  143. package/src/components/icons/EyeOpenedIcon.jsx +1 -21
  144. package/src/components/icons/FailureRateIcon.jsx +1 -21
  145. package/src/components/icons/FolderIcon.jsx +1 -21
  146. package/src/components/icons/FoldersIcon.jsx +1 -21
  147. package/src/components/icons/GearIcon.jsx +1 -21
  148. package/src/components/icons/GenerationLoadingIcon.jsx +1 -21
  149. package/src/components/icons/GitHubRepo2Icon.jsx +1 -21
  150. package/src/components/icons/GitHubRepoIcon.jsx +1 -21
  151. package/src/components/icons/GiveOwnershipIcon.jsx +2 -22
  152. package/src/components/icons/GraphQLEditsIcon.jsx +1 -21
  153. package/src/components/icons/GraphQLIcon.jsx +1 -21
  154. package/src/components/icons/HorizontalPodAutoscalerIcon.jsx +1 -21
  155. package/src/components/icons/HourglassIcon.jsx +1 -21
  156. package/src/components/icons/ImportAppIcon.jsx +1 -21
  157. package/src/components/icons/ImportIcon.jsx +1 -21
  158. package/src/components/icons/InfoCircleIcon.jsx +1 -21
  159. package/src/components/icons/InfrastructureIcon.jsx +1 -21
  160. package/src/components/icons/IngressControllIcon.jsx +1 -21
  161. package/src/components/icons/InternalLinkIcon.jsx +1 -25
  162. package/src/components/icons/InternetIcon.jsx +1 -25
  163. package/src/components/icons/K8SIcon.jsx +1 -21
  164. package/src/components/icons/K8SMetricsIcon.jsx +4 -24
  165. package/src/components/icons/KeyIcon.jsx +1 -21
  166. package/src/components/icons/LabelIcon.jsx +1 -21
  167. package/src/components/icons/LayersIcon.jsx +1 -21
  168. package/src/components/icons/LensIcon.jsx +1 -21
  169. package/src/components/icons/LiveIcon.jsx +1 -21
  170. package/src/components/icons/LoadingAppIcon.jsx +1 -21
  171. package/src/components/icons/LogOutIcon.jsx +1 -17
  172. package/src/components/icons/LogsRiskIcon.jsx +1 -21
  173. package/src/components/icons/MailIcon.jsx +1 -21
  174. package/src/components/icons/MetricsIcon.jsx +1 -21
  175. package/src/components/icons/MetricsLoadingIcon.jsx +1 -21
  176. package/src/components/icons/MetricsLogsIcon.jsx +1 -21
  177. package/src/components/icons/MissingTemplateIcon.jsx +1 -21
  178. package/src/components/icons/NameAppIcon.jsx +1 -21
  179. package/src/components/icons/NextJSIcon.jsx +1 -25
  180. package/src/components/icons/NoActivitiesIcon.jsx +1 -21
  181. package/src/components/icons/NoDeploymentsIcon.jsx +1 -21
  182. package/src/components/icons/NoMetricsIcon.jsx +1 -21
  183. package/src/components/icons/NoResultsIcon.jsx +1 -21
  184. package/src/components/icons/NodeJSIcon.jsx +1 -21
  185. package/src/components/icons/NodeJSMetricsIcon.jsx +1 -21
  186. package/src/components/icons/NotCompliantServiceIcon.jsx +1 -25
  187. package/src/components/icons/OpenAPIEditsIcon.jsx +1 -21
  188. package/src/components/icons/OrganizationIcon.jsx +1 -21
  189. package/src/components/icons/OtherLogosGoogleIcon.jsx +1 -21
  190. package/src/components/icons/OutOfBoxGraphQLIcon.jsx +1 -21
  191. package/src/components/icons/OutdatedServiceIcon.jsx +1 -25
  192. package/src/components/icons/PlatformaticComposerIcon.jsx +1 -21
  193. package/src/components/icons/PlatformaticDBIcon.jsx +1 -21
  194. package/src/components/icons/PlatformaticRuntimeIcon.jsx +1 -21
  195. package/src/components/icons/PlatformaticServiceIcon.jsx +1 -21
  196. package/src/components/icons/PlayIcon.jsx +1 -21
  197. package/src/components/icons/PodDetailsIcon.jsx +1 -21
  198. package/src/components/icons/PodLogsIcon.jsx +1 -21
  199. package/src/components/icons/PodMetricsIcon.jsx +1 -21
  200. package/src/components/icons/PodPerformanceIcon.jsx +1 -21
  201. package/src/components/icons/PodServicesIcon.jsx +1 -21
  202. package/src/components/icons/PodSettingsIcon.jsx +75 -0
  203. package/src/components/icons/PodhealthIcon.jsx +1 -21
  204. package/src/components/icons/PreviewPRIcon.jsx +1 -21
  205. package/src/components/icons/PullRequestIcon.jsx +1 -21
  206. package/src/components/icons/PullRequestLoadingIcon.jsx +1 -21
  207. package/src/components/icons/RecentAppsIcon.jsx +1 -21
  208. package/src/components/icons/RemoveAppIcon.jsx +1 -21
  209. package/src/components/icons/RemoveIcon.jsx +1 -21
  210. package/src/components/icons/RequestOwnershipIcon.jsx +1 -21
  211. package/src/components/icons/RequestsIcon.jsx +1 -21
  212. package/src/components/icons/ResourceIcon.jsx +1 -21
  213. package/src/components/icons/RestartIcon.jsx +1 -21
  214. package/src/components/icons/RocketIcon.jsx +1 -21
  215. package/src/components/icons/RouteEditIcon.jsx +1 -21
  216. package/src/components/icons/RouteHistoryIcon.jsx +1 -21
  217. package/src/components/icons/RoutingIcon.jsx +1 -21
  218. package/src/components/icons/RunningAppIcon.jsx +1 -21
  219. package/src/components/icons/RunningIcon.jsx +1 -21
  220. package/src/components/icons/ScalerDetailsIcon.jsx +1 -21
  221. package/src/components/icons/ScalerHistoryIcon.jsx +1 -21
  222. package/src/components/icons/ScheduledJobSettingsIcon.jsx +1 -21
  223. package/src/components/icons/ScheduledJobsAppIcon.jsx +1 -21
  224. package/src/components/icons/ScheduledJobsCreateIcon.jsx +1 -21
  225. package/src/components/icons/ScheduledJobsDetailIcon.jsx +1 -21
  226. package/src/components/icons/ScheduledJobsIcon.jsx +1 -21
  227. package/src/components/icons/ScheduledJobsSuspendIcon.jsx +1 -21
  228. package/src/components/icons/SendIcon.jsx +1 -21
  229. package/src/components/icons/ServiceIcon.jsx +1 -21
  230. package/src/components/icons/ServicesWorkingIcon.jsx +1 -21
  231. package/src/components/icons/SlotIcon.jsx +1 -21
  232. package/src/components/icons/SocialDiscordIcon.jsx +1 -21
  233. package/src/components/icons/SocialGitHubIcon.jsx +1 -21
  234. package/src/components/icons/SocialGitLabIcon.jsx +1 -21
  235. package/src/components/icons/SocialLinkedInIcon.jsx +1 -21
  236. package/src/components/icons/SocialNPMIcon.jsx +1 -21
  237. package/src/components/icons/SocialXIcon.jsx +1 -21
  238. package/src/components/icons/SortDownArrowAndBarIcon.jsx +1 -21
  239. package/src/components/icons/SortDownIcon.jsx +1 -21
  240. package/src/components/icons/SortIcon.jsx +1 -21
  241. package/src/components/icons/SortUpArrowAndBarIcon.jsx +1 -21
  242. package/src/components/icons/SortUpIcon.jsx +1 -21
  243. package/src/components/icons/SortableIcon.jsx +1 -21
  244. package/src/components/icons/StackablesIcon.jsx +1 -21
  245. package/src/components/icons/StackablesPluginIcon.jsx +1 -21
  246. package/src/components/icons/StackablesTemplateIcon.jsx +1 -21
  247. package/src/components/icons/StopIcon.jsx +1 -21
  248. package/src/components/icons/SuspendIcon.jsx +1 -21
  249. package/src/components/icons/SwitchIcon.jsx +1 -21
  250. package/src/components/icons/TableIcon.jsx +1 -21
  251. package/src/components/icons/TaxonomyIcon.jsx +1 -21
  252. package/src/components/icons/TeamsIcon.jsx +1 -21
  253. package/src/components/icons/TerminalIcon.jsx +1 -21
  254. package/src/components/icons/TrashIcon.jsx +1 -21
  255. package/src/components/icons/TwoUsersIcon.jsx +1 -21
  256. package/src/components/icons/UpgradeIcon.jsx +1 -21
  257. package/src/components/icons/UploadFileIcon.jsx +1 -21
  258. package/src/components/icons/UserComputerIcon.jsx +1 -21
  259. package/src/components/icons/UserIcon.jsx +1 -21
  260. package/src/components/icons/UserRemoveIcon.jsx +1 -17
  261. package/src/components/icons/UserRoleIcon.jsx +1 -17
  262. package/src/components/icons/WorkspaceDynamicIcon.jsx +1 -21
  263. package/src/components/icons/WorkspaceEmptyIcon.jsx +1 -21
  264. package/src/components/icons/WorkspaceFailIcon.jsx +1 -21
  265. package/src/components/icons/WorkspaceGitHubIcon.jsx +1 -21
  266. package/src/components/icons/WorkspaceLoadingIcon.jsx +1 -21
  267. package/src/components/icons/WorkspaceReadyIcon.jsx +1 -21
  268. package/src/components/icons/WorkspaceStaticIcon.jsx +1 -21
  269. package/src/components/icons/ZoomInIcon.jsx +2 -22
  270. package/src/components/icons/ZoomOutIcon.jsx +1 -21
  271. package/src/components/icons/index.js +2 -0
  272. package/src/components/layouts/Layout.jsx +0 -12
  273. package/src/components/loaders/SpinnerCircular.jsx +1 -21
  274. package/src/components/logos/AdvancedLogo.jsx +0 -16
  275. package/src/components/logos/BasicLogo.jsx +0 -16
  276. package/src/components/logos/FreeLogo.jsx +0 -16
  277. package/src/components/logos/ProLogo.jsx +0 -16
  278. package/dist/assets/index-_8PDjo6Q.js +0 -49
package/dist/index.html CHANGED
@@ -4,8 +4,8 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Platformatic UI Components</title>
7
- <script type="module" crossorigin src="/assets/index-_8PDjo6Q.js"></script>
8
- <link rel="stylesheet" crossorigin href="/assets/index-DMinbJlj.css">
7
+ <script type="module" crossorigin src="/assets/index-CqZKPFqq.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/assets/index-BgaMsXXo.css">
9
9
  </head>
10
10
  <body>
11
11
  <div id="root"></div>
package/dist/main.css CHANGED
@@ -699,10 +699,6 @@ video {
699
699
  row-gap: 1rem;
700
700
  }
701
701
 
702
- .border {
703
- border-width: 1px;
704
- }
705
-
706
702
  .border-0 {
707
703
  border-width: 0px;
708
704
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@platformatic/ui-components",
3
3
  "description": "Platformatic UI Components",
4
- "version": "0.15.4",
4
+ "version": "0.17.0",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/src/components/BorderedBox.jsx CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { useEffect, useState } from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './BorderedBox.module.css'
4
3
  import commonStyles from './Common.module.css'
5
- import { COLORS_BORDERED_BOX, DARK_BLUE, TRANSPARENT, OPACITIES, OPACITY_100 } from './constants'
4
+ import { DARK_BLUE, TRANSPARENT, OPACITY_100 } from './constants'
6
5
 
7
6
  function BorderedBox (props) {
8
7
  const {
@@ -60,39 +59,4 @@ function BorderedBox (props) {
60
59
  )
61
60
  }
62
61
 
63
- BorderedBox.propTypes = {
64
- /**
65
- * children
66
- */
67
- children: PropTypes.node,
68
- /**
69
- * color of text, icon and borders
70
- */
71
- color: PropTypes.oneOf(COLORS_BORDERED_BOX),
72
- /**
73
- * background color of the button
74
- */
75
- backgroundColor: PropTypes.oneOf(COLORS_BORDERED_BOX),
76
- /**
77
- * classes
78
- */
79
- classes: PropTypes.string,
80
- /**
81
- * backgroundColorOpacity
82
- */
83
- backgroundColorOpacity: PropTypes.oneOf(OPACITIES),
84
- /**
85
- * borderColorOpacity
86
- */
87
- borderColorOpacity: PropTypes.oneOf(OPACITIES),
88
- /**
89
- * clickable
90
- */
91
- clickable: PropTypes.bool,
92
- /**
93
- * onClick
94
- */
95
- onClick: PropTypes.func
96
- }
97
-
98
62
  export default BorderedBox
package/src/components/Button.jsx CHANGED
@@ -1,19 +1,14 @@
1
1
  import React, { useEffect, useState } from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './Button.module.css'
4
3
  import commonStyles from './Common.module.css'
5
4
  import PlatformaticIcon from './PlatformaticIcon'
6
5
  import {
7
- SIZES,
8
- COLORS_BUTTON,
9
6
  BOX_SHADOW,
10
7
  UNDERLINE,
11
- HOVER_EFFECTS_BUTTONS,
12
8
  DULLS_BACKGROUND_COLOR,
13
9
  MAIN_DARK_BLUE,
14
10
  LARGE,
15
11
  CHANGE_BACKGROUND_COLOR,
16
- BUTTON_BACKGROUNDS_COLOR_HOVER,
17
12
  ACTIVE_AND_INACTIVE_STATUS,
18
13
  TRANSPARENT
19
14
  } from './constants'
@@ -122,71 +117,4 @@ function Button ({
122
117
  )
123
118
  }
124
119
 
125
- Button.propTypes = {
126
- /**
127
- * textClass
128
- */
129
- textClass: PropTypes.string,
130
- /**
131
- * paddingClass
132
- */
133
- paddingClass: PropTypes.string,
134
- /**
135
- * label
136
- */
137
- label: PropTypes.string,
138
- /**
139
- * color of text, icon and borders
140
- */
141
- color: PropTypes.oneOf(COLORS_BUTTON),
142
- /**
143
- * background color of the button
144
- */
145
- backgroundColor: PropTypes.oneOf(COLORS_BUTTON),
146
- /**
147
- * Size
148
- */
149
- size: PropTypes.oneOf(SIZES),
150
- /**
151
- * Disabled
152
- */
153
- disabled: PropTypes.bool,
154
- /**
155
- * Effect on hover
156
- */
157
- hoverEffect: PropTypes.oneOf(HOVER_EFFECTS_BUTTONS),
158
- /**
159
- * Hover effect properties
160
- */
161
- hoverEffectProperties: PropTypes.shape({
162
- changeBackgroundColor: PropTypes.oneOf(BUTTON_BACKGROUNDS_COLOR_HOVER)
163
- }),
164
- /**
165
- * Apply border: default true
166
- */
167
- bordered: PropTypes.bool,
168
- /**
169
- * Full Width: default false
170
- */
171
- fullWidth: PropTypes.bool,
172
- /**
173
- * platformaticIcon: should be removed
174
- */
175
- platformaticIcon: PropTypes.shape({
176
- iconName: PropTypes.string,
177
- color: PropTypes.string
178
- }),
179
- /**
180
- * platformaticIconAfter: should be removed
181
- */
182
- platformaticIconAfter: PropTypes.shape({
183
- iconName: PropTypes.string,
184
- color: PropTypes.string
185
- }),
186
- /**
187
- * Selected: default false
188
- */
189
- selected: PropTypes.bool
190
- }
191
-
192
120
  export default Button
package/src/components/ButtonFullRounded.jsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import commonStyles from './Common.module.css'
4
3
  import styles from './ButtonFullRounded.module.css'
5
4
  import PlatformaticIcon from './PlatformaticIcon'
6
- import { COLORS_ICON, SIZES, DULLS_BACKGROUND_COLOR, PADDING_SIZES, SMALL, WHITE, NONE } from './constants'
5
+ import { DULLS_BACKGROUND_COLOR, SMALL, WHITE, NONE } from './constants'
7
6
  function ButtonFullRounded ({
8
7
  className = '',
9
8
  iconName = '',
@@ -49,59 +48,4 @@ function ButtonFullRounded ({
49
48
  )
50
49
  }
51
50
 
52
- ButtonFullRounded.propTypes = {
53
- /**
54
- * iconName
55
- */
56
- iconName: PropTypes.string,
57
- /**
58
- * iconColor
59
- */
60
- iconColor: PropTypes.oneOf(COLORS_ICON),
61
- /**
62
- * iconColor
63
- */
64
- iconSize: PropTypes.oneOf(SIZES),
65
- /**
66
- * disabled
67
- */
68
- disabled: PropTypes.bool,
69
- /**
70
- * paddingSize
71
- */
72
- paddingSize: PropTypes.oneOf(PADDING_SIZES),
73
- /**
74
- * alt
75
- */
76
- alt: PropTypes.string,
77
- /**
78
- * onClick
79
- */
80
- onClick: PropTypes.func,
81
- /**
82
- * Effect on hover
83
- */
84
- hoverEffect: PropTypes.oneOf(['', DULLS_BACKGROUND_COLOR]),
85
- /**
86
- * bordered
87
- */
88
- bordered: PropTypes.bool,
89
- /**
90
- * tip
91
- */
92
- tip: PropTypes.string,
93
- /**
94
- * Selected: default false
95
- */
96
- selected: PropTypes.bool,
97
- /**
98
- * buttonClassName
99
- */
100
- buttonClassName: PropTypes.string,
101
- /**
102
- * internalOverHandling
103
- */
104
- internalOverHandling: PropTypes.bool
105
- }
106
-
107
51
  export default ButtonFullRounded
package/src/components/ButtonOnlyIcon.jsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React, { useEffect, useState } from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './ButtonOnlyIcon.module.css'
4
3
  import commonStyles from './Common.module.css'
5
4
  import PlatformaticIcon from './PlatformaticIcon'
6
- import { SIZES, COLORS_BUTTON, BOX_SHADOW, UNDERLINE, HOVER_EFFECTS_BUTTONS, DULLS_BACKGROUND_COLOR, MAIN_DARK_BLUE, LARGE, MEDIUM, TRANSPARENT } from './constants'
5
+ import { BOX_SHADOW, UNDERLINE, DULLS_BACKGROUND_COLOR, MAIN_DARK_BLUE, LARGE, MEDIUM, TRANSPARENT } from './constants'
7
6
 
8
7
  function ButtonOnlyIcon ({
9
8
  textClass = '',
@@ -94,59 +93,4 @@ function ButtonOnlyIcon ({
94
93
  )
95
94
  }
96
95
 
97
- ButtonOnlyIcon.propTypes = {
98
- /**
99
- * textClass
100
- */
101
- textClass: PropTypes.string,
102
- /**
103
- * paddingClass
104
- */
105
- paddingClass: PropTypes.string,
106
- /**
107
- * altLabel
108
- */
109
- altLabel: PropTypes.string,
110
- /**
111
- * color of text, icon and borders
112
- */
113
- color: PropTypes.oneOf(COLORS_BUTTON),
114
- /**
115
- * background color of the button
116
- */
117
- backgroundColor: PropTypes.oneOf(COLORS_BUTTON),
118
- /**
119
- * Size
120
- */
121
- size: PropTypes.oneOf(SIZES),
122
- /**
123
- * Disabled
124
- */
125
- disabled: PropTypes.bool,
126
- /**
127
- * Effect on hover
128
- */
129
- hoverEffect: PropTypes.oneOf(HOVER_EFFECTS_BUTTONS),
130
- /**
131
- * Apply border: default true
132
- */
133
- bordered: PropTypes.bool,
134
- /**
135
- * Full Width: default false
136
- */
137
- fullWidth: PropTypes.bool,
138
- /**
139
- * platformaticIcon: should be removed
140
- */
141
- platformaticIcon: PropTypes.shape({
142
- iconName: PropTypes.string,
143
- color: PropTypes.string,
144
- size: PropTypes.string
145
- }),
146
- /**
147
- * Selected: default false
148
- */
149
- selected: PropTypes.bool
150
- }
151
-
152
96
  export default ButtonOnlyIcon
package/src/components/Checkbox.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './Checkbox.module.css'
4
- import { MAIN_DARK_BLUE, MEDIUM, RICH_BLACK, SMALL, WHITE } from './constants'
3
+ import { MAIN_DARK_BLUE, MEDIUM } from './constants'
5
4
  function Checkbox ({
6
5
  disabled = false,
7
6
  color = MAIN_DARK_BLUE,
@@ -17,19 +16,4 @@ function Checkbox ({
17
16
  )
18
17
  }
19
18
 
20
- Checkbox.propTypes = {
21
- /**
22
- * disabled
23
- */
24
- disabled: PropTypes.bool,
25
- /**
26
- * color
27
- */
28
- color: PropTypes.oneOf([WHITE, MAIN_DARK_BLUE, RICH_BLACK]),
29
- /**
30
- * size
31
- */
32
- size: PropTypes.oneOf([SMALL, MEDIUM])
33
- }
34
-
35
19
  export default Checkbox
package/src/components/CopyAndPaste.jsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React, { useState } from 'react'
2
- import PropTypes from 'prop-types'
3
- import { COLORS_ICON, DIRECTION_TOP, MEDIUM, SIZES, POSITIONS, POSITION_CENTER, MAIN_DARK_BLUE } from './constants'
2
+ import { DIRECTION_TOP, MEDIUM, POSITION_CENTER, MAIN_DARK_BLUE } from './constants'
4
3
  import PlatformaticIcon from './PlatformaticIcon'
5
4
  import TooltipAbsolute from './TooltipAbsolute'
6
5
  import Tooltip from './Tooltip'
@@ -74,43 +73,4 @@ function CopyAndPaste ({
74
73
  return renderTooltip()
75
74
  }
76
75
 
77
- CopyAndPaste.propTypes = {
78
- /**
79
- * value
80
- */
81
- value: PropTypes.string,
82
- /**
83
- * tooltipLabel
84
- */
85
- tooltipLabel: PropTypes.string,
86
- /**
87
- * size
88
- */
89
- size: PropTypes.oneOf(SIZES),
90
- /**
91
- * color
92
- */
93
- color: PropTypes.oneOf(COLORS_ICON),
94
- /**
95
- * timeout
96
- */
97
- timeout: PropTypes.number,
98
- /**
99
- * internalOverHandling
100
- */
101
- internalOverHandling: PropTypes.bool,
102
- /**
103
- * timeout
104
- */
105
- tooltipClassName: PropTypes.string,
106
- /**
107
- * position
108
- */
109
- position: PropTypes.oneOf(POSITIONS),
110
- /**
111
- * tooltipFixed
112
- */
113
- tooltipFixed: PropTypes.bool
114
- }
115
-
116
76
  export default CopyAndPaste
package/src/components/DropDown.jsx CHANGED
@@ -1,9 +1,9 @@
1
1
  import React, { useEffect, useRef, useState } from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './DropDown.module.css'
4
3
  import commonStyles from './Common.module.css'
5
4
  import PlatformaticIcon from './PlatformaticIcon'
6
- import { DARK_BLUE, LIGHT_BLUE, MAIN_DARK_BLUE, RICH_BLACK, WHITE } from './constants'
5
+ import { DARK_BLUE, MAIN_DARK_BLUE, RICH_BLACK, WHITE } from './constants'
6
+
7
7
  function DropDown ({
8
8
  pictureUrl = '',
9
9
  header = '',
@@ -89,55 +89,4 @@ function DropDown ({
89
89
  )
90
90
  }
91
91
 
92
- DropDown.propTypes = {
93
- /**
94
- * pictureUrl
95
- */
96
- pictureUrl: PropTypes.string,
97
- /**
98
- * header
99
- */
100
- header: PropTypes.string,
101
- /**
102
- * headerClassName
103
- */
104
- headerClassName: PropTypes.string,
105
- /**
106
- * align
107
- */
108
- align: PropTypes.string,
109
- /**
110
- * items
111
- */
112
- items: PropTypes.array,
113
- /**
114
- * backgroundColor
115
- */
116
- backgroundColor: PropTypes.oneOf([DARK_BLUE, LIGHT_BLUE, RICH_BLACK]),
117
- /**
118
- * textColor
119
- */
120
- textColor: PropTypes.oneOf([MAIN_DARK_BLUE, LIGHT_BLUE, WHITE]),
121
- /**
122
- * borderColor
123
- */
124
- borderColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
125
- /**
126
- * headerColor
127
- */
128
- headerColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE, RICH_BLACK]),
129
- /**
130
- * lastButton
131
- */
132
- lastButton: PropTypes.node,
133
- /**
134
- * menuCustomClassName
135
- */
136
- menuCustomClassName: PropTypes.string,
137
- /**
138
- * handleClickOutside
139
- */
140
- handleClickOutside: PropTypes.bool
141
- }
142
-
143
92
  export default DropDown
package/src/components/FollowUs.jsx CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { useState } from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './FollowUs.module.css'
4
3
  import Icons from './icons'
5
- import { MAIN_GREEN, WHITE, MEDIUM, SMALL, MAIN_DARK_BLUE, LIGHT_GREEN } from './constants'
4
+ import { WHITE, MEDIUM } from './constants'
6
5
 
7
6
  function SocialElement ({ href, iconName, iconClassName, iconColor, iconSize }) {
8
7
  const [hover, setHover] = useState(false)
@@ -67,38 +66,4 @@ function FollowUs ({
67
66
  )
68
67
  }
69
68
 
70
- FollowUs.propTypes = {
71
- /**
72
- * label
73
- */
74
- label: PropTypes.string,
75
- /**
76
- * labelClassName
77
- */
78
- labelClassName: PropTypes.string,
79
- /**
80
- * frontPageAspect
81
- */
82
- frontPageAspect: PropTypes.bool,
83
- /**
84
- * labelColor
85
- */
86
- labelColor: PropTypes.oneOf([LIGHT_GREEN, WHITE, MAIN_DARK_BLUE]),
87
- /**
88
- * iconColor
89
- */
90
- iconColor: PropTypes.oneOf([MAIN_DARK_BLUE, WHITE, MAIN_GREEN]),
91
- /**
92
- * iconSize
93
- */
94
- iconSize: PropTypes.oneOf([MEDIUM, SMALL]),
95
- /**
96
- * socialElements
97
- */
98
- socialElements: PropTypes.arrayOf(PropTypes.shape({
99
- link: PropTypes.string.isRequired,
100
- iconName: PropTypes.string.isRequired
101
- }))
102
- }
103
-
104
69
  export default FollowUs
package/src/components/HorizontalSeparator.jsx CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import commonStyles from './Common.module.css'
4
- import { DARK_GREEN, MAIN_DARK_BLUE, WHITE, MARGIN_4 } from './constants'
3
+ import { DARK_GREEN, MARGIN_4 } from './constants'
5
4
  import styles from './HorizontalSeparator.module.css'
5
+
6
6
  function HorizontalSeparator ({
7
7
  marginTop = MARGIN_4,
8
8
  marginBottom = MARGIN_4,
@@ -22,23 +22,4 @@ function HorizontalSeparator ({
22
22
  return <hr className={getClassName()} />
23
23
  }
24
24
 
25
- HorizontalSeparator.propTypes = {
26
- /**
27
- * marginTop
28
- */
29
- marginTop: PropTypes.number,
30
- /**
31
- * marginBottom
32
- */
33
- marginBottom: PropTypes.number,
34
- /**
35
- * color
36
- */
37
- color: PropTypes.oneOf([DARK_GREEN, MAIN_DARK_BLUE, WHITE]),
38
- /**
39
- * opacity
40
- */
41
- opacity: PropTypes.number
42
- }
43
-
44
25
  export default HorizontalSeparator
package/src/components/InfoBox.jsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './InfoBox.module.css'
4
3
  import Button from './Button'
5
4
  import PlatformaticIcon from './PlatformaticIcon'
6
- import { COLORS_BUTTON, COLORS_ICON, HOVER_EFFECTS_BUTTONS, MAIN_GREEN } from './constants'
5
+ import { MAIN_GREEN } from './constants'
7
6
 
8
7
  function InfoBox (props) {
9
8
  const {
@@ -24,34 +23,4 @@ function InfoBox (props) {
24
23
  )
25
24
  }
26
25
 
27
- InfoBox.propTypes = {
28
- /**
29
- * children
30
- */
31
- children: PropTypes.node,
32
- /**
33
- * iconName
34
- */
35
- iconName: PropTypes.string,
36
- /**
37
- * iconColor
38
- */
39
- iconColor: PropTypes.oneOf(COLORS_ICON),
40
- /**
41
- * helpText
42
- */
43
- helpText: PropTypes.string,
44
- /**
45
- * background color of the button
46
- */
47
- buttonProps: PropTypes.shape({
48
- label: PropTypes.string,
49
- backgroundColor: PropTypes.string,
50
- color: PropTypes.oneOf(COLORS_BUTTON),
51
- hoverEffect: PropTypes.oneOf(HOVER_EFFECTS_BUTTONS),
52
- bordered: PropTypes.bool,
53
- onClick: PropTypes.func
54
- })
55
- }
56
-
57
26
  export default InfoBox
package/src/components/ListElement.jsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import PlatformaticIcon from './PlatformaticIcon'
4
3
  import commonStyles from './Common.module.css'
5
4
  import styles from './ListElement.module.css'
6
- import { MAIN_DARK_BLUE, MEDIUM, SMALL, WHITE, MAIN_GREEN } from './constants'
5
+ import { MEDIUM, WHITE, MAIN_GREEN } from './constants'
7
6
 
8
7
  function List ({
9
8
  title = '',
@@ -40,35 +39,5 @@ function List ({
40
39
  </div>
41
40
  )
42
41
  }
43
- List.propTypes = {
44
- /**
45
- * title
46
- */
47
- title: PropTypes.string,
48
- /**
49
- * detail
50
- */
51
- detail: PropTypes.string,
52
- /**
53
- * marginSize
54
- */
55
- marginSize: PropTypes.oneOf([SMALL, MEDIUM]),
56
- /**
57
- * color
58
- */
59
- titleColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE, WHITE]),
60
- /**
61
- * color
62
- */
63
- iconColor: PropTypes.oneOf([MAIN_GREEN, MAIN_DARK_BLUE]),
64
- /**
65
- * titleColor
66
- */
67
- detailColor: PropTypes.oneOf([WHITE, MAIN_DARK_BLUE]),
68
- /**
69
- * semiBold
70
- */
71
- semiBold: PropTypes.bool
72
- }
73
42
 
74
43
  export default List
package/src/components/LoadingSpinner.jsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './LoadingSpinner.module.css'
4
3
  import SpinnerCircular from './loaders/SpinnerCircular'
5
4
 
@@ -16,11 +15,4 @@ function LoadingSpinner ({ loading = false }) {
16
15
  : <></>
17
16
  }
18
17
 
19
- LoadingSpinner.propTypes = {
20
- /**
21
- * loading
22
- */
23
- loading: PropTypes.bool
24
- }
25
-
26
18
  export default LoadingSpinner
package/src/components/LoadingSpinnerV2.jsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react'
2
- import PropTypes from 'prop-types'
3
2
  import styles from './LoadingSpinnerV2.module.css'
4
3
  import SpinnerCircular from './loaders/SpinnerCircular'
5
4
 
@@ -26,28 +25,4 @@ function LoadingSpinnerV2 ({
26
25
  : <></>
27
26
  }
28
27
 
29
- LoadingSpinnerV2.propTypes = {
30
- /**
31
- * loading
32
- */
33
- loading: PropTypes.bool,
34
- /**
35
- * applySentences
36
- */
37
- applySentences: PropTypes.object,
38
- /**
39
- * spinnerProps
40
- */
41
- spinnerProps: PropTypes.shape({
42
- className: PropTypes.string,
43
- color: PropTypes.string,
44
- size: PropTypes.number,
45
- thickness: PropTypes.number
46
- }),
47
- /**
48
- * containerClassName
49
- */
50
- containerClassName: PropTypes.string
51
- }
52
-
53
28
  export default LoadingSpinnerV2