@platformatic/ui-components 0.9.0 → 0.10.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 (22) hide show
  1. package/.nvmrc +1 -1
  2. package/dist/assets/index-D8BEX6WE.js +49 -0
  3. package/dist/index.html +1 -1
  4. package/package.json +10 -9
  5. package/src/components/icons/AWSIcon.jsx +91 -0
  6. package/src/components/icons/AppOptimizedIcon.jsx +100 -0
  7. package/src/components/icons/CircleCheckMarkButtonIcon.jsx +2 -2
  8. package/src/components/icons/CircleCopyPasteIcon.jsx +4 -4
  9. package/src/components/icons/CircleEditIcon.jsx +4 -4
  10. package/src/components/icons/CircleRestartIcon.jsx +4 -4
  11. package/src/components/icons/CollapseIcon.jsx +12 -12
  12. package/src/components/icons/ConfigureDatabaseIcon.jsx +10 -10
  13. package/src/components/icons/DatabaseMigrationIcon.jsx +8 -8
  14. package/src/components/icons/ExportIcon.jsx +102 -0
  15. package/src/components/icons/GitHubRepoIcon.jsx +6 -6
  16. package/src/components/icons/ImportIcon.jsx +102 -0
  17. package/src/components/icons/NameAppIcon.jsx +10 -10
  18. package/src/components/icons/OpenAPIEditsIcon.jsx +8 -8
  19. package/src/components/icons/RestartIcon.jsx +2 -2
  20. package/src/components/icons/index.js +10 -2
  21. package/src/stories/icons/Icons.stories.jsx +14 -10
  22. package/dist/assets/index-juMBKKeZ.js +0 -40
package/dist/index.html CHANGED
@@ -4,7 +4,7 @@
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-juMBKKeZ.js"></script>
7
+ <script type="module" crossorigin src="/assets/index-D8BEX6WE.js"></script>
8
8
  <link rel="stylesheet" crossorigin href="/assets/index-CZHt1cjF.css">
9
9
  </head>
10
10
  <body>
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.9.0",
4
+ "version": "0.10.0",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
@@ -25,8 +25,8 @@
25
25
  "@storybook/test": "^8.0.8",
26
26
  "autoprefixer": "^10.4.12",
27
27
  "postcss": "^8.4.17",
28
- "react": "^18.2.0",
29
- "react-dom": "^18.2.0",
28
+ "react": "^19.0.0",
29
+ "react-dom": "^19.0.0",
30
30
  "react-tooltip": "^4.5.1"
31
31
  },
32
32
  "devDependencies": {
@@ -41,19 +41,20 @@
41
41
  "@storybook/react-vite": "^8.0.8",
42
42
  "@testing-library/jest-dom": "^6.0.0",
43
43
  "@testing-library/react": "^16.0.0",
44
- "@types/react": "^18.0.17",
45
- "@types/react-dom": "^18.0.6",
44
+ "@types/react": "^19.0.0",
45
+ "@types/react-dom": "^19.0.0",
46
46
  "@vitejs/plugin-react": "^4.0.0",
47
+ "acorn": "^8.14.0",
47
48
  "babel-loader": "^9.0.0",
48
- "happy-dom": "^15.0.0",
49
- "jsdom": "^25.0.0",
50
- "react-test-renderer": "^18.2.0",
49
+ "happy-dom": "^16.0.0",
50
+ "jsdom": "^26.0.0",
51
+ "react-test-renderer": "^19.0.0",
51
52
  "snazzy": "^9.0.0",
52
53
  "standard": "^17.0.0",
53
54
  "storybook": "^8.0.8",
54
55
  "tailwindcss": "^3.1.8",
55
56
  "vite": "^5.0.0",
56
- "vitest": "^1.0.0"
57
+ "vitest": "^3.0.0"
57
58
  },
58
59
  "standard": {
59
60
  "globals": [
package/src/components/icons/AWSIcon.jsx ADDED
@@ -0,0 +1,91 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const AWSIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M12.2304 4.40324C12.0551 4.40324 11.8871 4.42245 11.7262 4.47047C11.5677 4.5185 11.4308 4.58573 11.3108 4.67938C11.1907 4.76822 11.0947 4.87867 11.0226 5.00594C10.9506 5.1332 10.9146 5.28207 10.9146 5.45016C10.9146 5.65666 10.9818 5.85355 11.1139 6.02884C11.2459 6.20893 11.4621 6.3458 11.7526 6.43704L12.3313 6.61713C12.5258 6.68196 12.6626 6.7492 12.7347 6.82363C12.8067 6.90047 12.8427 6.99171 12.8427 7.10217C12.8427 7.26545 12.7707 7.39271 12.6362 7.48156C12.5018 7.5704 12.3049 7.61362 12.0527 7.61362C11.8943 7.61362 11.7382 7.59681 11.5773 7.5656C11.4212 7.53438 11.2724 7.48636 11.1379 7.42633C11.0971 7.40952 11.0611 7.39511 11.037 7.38551C11.013 7.3759 10.989 7.3735 10.965 7.3735C10.905 7.3735 10.8738 7.41192 10.8738 7.49596V7.70006C10.8738 7.73608 10.8834 7.7769 10.8978 7.81052C10.9146 7.84894 10.9578 7.88736 11.0226 7.92337C11.1259 7.9834 11.282 8.03623 11.4813 8.08425C11.6806 8.13228 11.8871 8.15629 12.096 8.15629C12.3049 8.15629 12.4874 8.12747 12.6674 8.07225C12.8379 8.01942 12.9868 7.94979 13.1117 7.84894C13.2341 7.75289 13.3302 7.63283 13.4022 7.49836C13.4694 7.3639 13.5079 7.20782 13.5079 7.03494C13.5079 6.82843 13.4478 6.63874 13.3254 6.47546C13.2029 6.31218 12.994 6.18492 12.7059 6.09127L12.1392 5.91118C11.9279 5.84395 11.7814 5.76711 11.6998 5.69027C11.6205 5.61344 11.5797 5.51979 11.5797 5.40693C11.5797 5.24365 11.6445 5.1284 11.767 5.05156C11.8895 4.97472 12.072 4.9387 12.2977 4.9387C12.581 4.9387 12.8379 4.99153 13.0636 5.09478C13.1309 5.126 13.1837 5.1428 13.2149 5.1428C13.2749 5.1428 13.3062 5.09718 13.3062 5.01554V4.82585C13.3062 4.77062 13.2942 4.7274 13.2701 4.69378C13.2461 4.65777 13.2053 4.62415 13.1501 4.59293C13.1093 4.56892 13.054 4.54491 12.982 4.5209C12.91 4.49689 12.8355 4.47768 12.7539 4.45847C12.6698 4.44166 12.5858 4.42725 12.4946 4.41525C12.4057 4.40324 12.3145 4.39844 12.228 4.39844L12.2304 4.40324ZM3.99677 4.41284C3.77827 4.41284 3.56936 4.43686 3.37247 4.48968C3.17557 4.53771 3.00989 4.59774 2.86822 4.66977C2.81299 4.69859 2.77697 4.725 2.75776 4.75381C2.73855 4.78263 2.72895 4.83065 2.72895 4.89548V5.08998C2.72895 5.17402 2.75776 5.21244 2.81299 5.21244C2.8298 5.21244 2.84901 5.20764 2.87782 5.20043C2.90424 5.19323 2.95226 5.17642 3.01709 5.14761C3.15636 5.09238 3.30043 5.04916 3.4493 5.01314C3.59578 4.97712 3.73985 4.96031 3.87912 4.96031C4.18647 4.96031 4.40257 5.02034 4.52984 5.1428C4.6523 5.26526 4.71713 5.47897 4.71713 5.78152V6.07446C4.55865 6.03845 4.40498 6.00483 4.2585 5.98562C4.11203 5.96641 3.97036 5.9544 3.8359 5.9544C3.42529 5.9544 3.10113 6.05765 2.85861 6.26656C2.61609 6.47306 2.49604 6.7492 2.49604 7.08776C2.49604 7.40712 2.59448 7.66165 2.79138 7.85374C2.98588 8.04583 3.25481 8.14188 3.59097 8.14188C4.06161 8.14188 4.453 7.95699 4.76515 7.58961C4.80837 7.68085 4.84919 7.75769 4.89001 7.82493C4.93083 7.88976 4.97886 7.95219 5.03409 8.01222C5.07491 8.04824 5.11332 8.06744 5.15414 8.06744C5.18536 8.06744 5.22378 8.05544 5.2598 8.03143L5.51192 7.86334C5.56475 7.82252 5.58876 7.7817 5.58876 7.74329C5.58876 7.71447 5.58156 7.68326 5.55994 7.65204C5.50472 7.54879 5.4639 7.45274 5.43268 7.3639C5.40387 7.27505 5.38946 7.155 5.38946 7.00852H5.37986V5.71429C5.37986 5.27487 5.2694 4.94831 5.04849 4.7322C4.81798 4.5209 4.47221 4.41284 3.99677 4.41284ZM5.85289 4.50889C5.78806 4.50889 5.75684 4.54491 5.75684 4.60974C5.75684 4.63856 5.76885 4.68898 5.79286 4.76822L6.73172 7.85374C6.75573 7.93058 6.78455 7.9858 6.81576 8.00982C6.84698 8.03863 6.895 8.05064 6.96704 8.05064H7.31041C7.38244 8.05064 7.43767 8.03863 7.47129 8.00982C7.5025 7.981 7.52651 7.93058 7.54812 7.85134L8.16283 5.27967L8.78233 7.85614C8.79914 7.93538 8.82555 7.98821 8.85917 8.01702C8.89039 8.04583 8.94321 8.05784 9.01765 8.05784H9.36102C9.42825 8.05784 9.48108 8.04103 9.51229 8.01702C9.54351 7.99301 9.57232 7.94018 9.59633 7.86094L10.5592 4.77542C10.576 4.7322 10.5832 4.69859 10.5856 4.67457C10.5904 4.65056 10.5952 4.62895 10.5952 4.60974C10.5952 4.54251 10.5592 4.50889 10.4944 4.50889H10.1222C10.0502 4.50889 9.99973 4.5257 9.96612 4.54971C9.9373 4.57372 9.91089 4.62655 9.88688 4.70579L9.19534 7.38071L8.56382 4.70579C8.54702 4.62895 8.5206 4.57372 8.48939 4.54971C8.45817 4.5209 8.40535 4.50889 8.32851 4.50889H8.00915C7.93712 4.50889 7.88189 4.5257 7.85067 4.54971C7.81946 4.57372 7.79545 4.62655 7.77383 4.70579L7.15193 7.34949L6.4796 4.70579C6.45559 4.62895 6.43157 4.57372 6.40036 4.54971C6.37154 4.5209 6.32112 4.50889 6.24428 4.50889H5.85289ZM3.98477 6.42984C4.10723 6.42984 4.23209 6.43944 4.35935 6.45385C4.48662 6.46826 4.60908 6.49227 4.72673 6.52108V6.68917C4.72673 6.82363 4.70993 6.94129 4.68591 7.03494C4.6619 7.13098 4.61388 7.21502 4.55145 7.29186C4.44339 7.41192 4.31613 7.49836 4.17206 7.54639C4.02799 7.59441 3.89112 7.61842 3.76146 7.61842C3.57897 7.61842 3.4373 7.5704 3.34125 7.47195C3.2404 7.3759 3.19478 7.23664 3.19478 7.04934C3.19478 6.85005 3.25961 6.69877 3.38928 6.59072C3.51894 6.48266 3.71584 6.42984 3.98477 6.42984ZM13.1213 8.87904C12.7011 8.88385 12.204 8.97989 11.8294 9.24162C11.7142 9.32566 11.7334 9.43852 11.8606 9.42171C12.2881 9.36889 13.2317 9.25843 13.3974 9.47454C13.5655 9.68584 13.2101 10.5767 13.0492 10.9729C13.0012 11.0929 13.1069 11.1386 13.2125 11.0473C13.9137 10.4566 14.0986 9.22241 13.9545 9.04233C13.8824 8.95348 13.5391 8.87184 13.1189 8.87904H13.1213ZM2.08783 9.11916C1.99899 9.13117 1.96057 9.23682 2.05422 9.32086C3.61979 10.7352 5.69201 11.5852 7.99234 11.5852C9.63475 11.5852 11.5413 11.0689 12.8547 10.1012C13.0708 9.94037 12.8836 9.69785 12.6626 9.7963C11.1883 10.4182 9.58913 10.7232 8.13161 10.7232C5.97055 10.7232 3.88392 10.1277 2.19108 9.14558C2.15507 9.12397 2.11905 9.11676 2.09024 9.11916H2.08783Z' fill='white' />
33
+ </svg>
34
+ )
35
+ break
36
+ case MEDIUM:
37
+ icon = (
38
+ <svg
39
+ width={24}
40
+ height={24}
41
+ viewBox='0 0 24 24'
42
+ fill='none'
43
+ xmlns='http://www.w3.org/2000/svg'
44
+ className={className}
45
+ >
46
+ <path d='M18.3456 7.0072C18.0827 7.0072 17.8306 7.03602 17.5893 7.10805C17.3516 7.18009 17.1463 7.28094 16.9662 7.42141C16.7861 7.55467 16.642 7.72035 16.534 7.91125C16.4259 8.10214 16.3719 8.32545 16.3719 8.57758C16.3719 8.88733 16.4727 9.18268 16.6708 9.4456C16.8689 9.71574 17.1931 9.92104 17.6289 10.0579L18.4969 10.328C18.7887 10.4253 18.994 10.5261 19.102 10.6378C19.2101 10.753 19.2641 10.8899 19.2641 11.0556C19.2641 11.3005 19.156 11.4914 18.9543 11.6247C18.7526 11.7579 18.4573 11.8228 18.0791 11.8228C17.8414 11.8228 17.6073 11.7976 17.366 11.7507C17.1318 11.7039 16.9085 11.6319 16.7068 11.5418C16.6456 11.5166 16.5916 11.495 16.5556 11.4806C16.5195 11.4662 16.4835 11.4626 16.4475 11.4626C16.3575 11.4626 16.3106 11.5202 16.3106 11.6463V11.9524C16.3106 12.0065 16.3251 12.0677 16.3467 12.1181C16.3719 12.1757 16.4367 12.2334 16.534 12.2874C16.6888 12.3774 16.9229 12.4567 17.2219 12.5287C17.5208 12.6008 17.8306 12.6368 18.1439 12.6368C18.4573 12.6368 18.731 12.5936 19.0012 12.5107C19.2569 12.4315 19.4802 12.327 19.6675 12.1757C19.8512 12.0317 19.9953 11.8516 20.1033 11.6499C20.2042 11.4482 20.2618 11.2141 20.2618 10.9547C20.2618 10.645 20.1717 10.3605 19.9881 10.1155C19.8044 9.87061 19.491 9.67972 19.0588 9.53925L18.2088 9.26912C17.8918 9.16827 17.6721 9.05301 17.5497 8.93775C17.4308 8.8225 17.3696 8.68203 17.3696 8.51275C17.3696 8.26782 17.4668 8.09494 17.6505 7.97968C17.8342 7.86443 18.1079 7.8104 18.4465 7.8104C18.8715 7.8104 19.2569 7.88964 19.5955 8.04451C19.6963 8.09134 19.7756 8.11655 19.8224 8.11655C19.9124 8.11655 19.9592 8.04812 19.9592 7.92566V7.64112C19.9592 7.55828 19.9412 7.49344 19.9052 7.44302C19.8692 7.38899 19.808 7.33857 19.7251 7.29174C19.6639 7.25573 19.5811 7.21971 19.473 7.18369C19.3649 7.14767 19.2533 7.11886 19.1308 7.09004C19.0048 7.06483 18.8787 7.04322 18.7418 7.02521C18.6086 7.0072 18.4717 7 18.342 7L18.3456 7.0072ZM5.99516 7.02161C5.6674 7.02161 5.35405 7.05763 5.0587 7.13687C4.76335 7.2089 4.51483 7.29895 4.30233 7.407C4.21949 7.45022 4.16546 7.48984 4.13665 7.53306C4.10783 7.57628 4.09342 7.64832 4.09342 7.74557V8.03731C4.09342 8.16337 4.13665 8.221 4.21949 8.221C4.2447 8.221 4.27351 8.2138 4.31673 8.20299C4.35635 8.19219 4.42839 8.16697 4.52564 8.12375C4.73454 8.04091 4.95065 7.97608 5.17396 7.92205C5.39367 7.86803 5.60977 7.84282 5.81867 7.84282C6.2797 7.84282 6.60386 7.93286 6.79476 8.11655C6.97845 8.30024 7.07569 8.6208 7.07569 9.07462V9.51404C6.83798 9.46001 6.60746 9.40959 6.38776 9.38077C6.16805 9.35196 5.95554 9.33395 5.75384 9.33395C5.13794 9.33395 4.6517 9.48883 4.28792 9.80218C3.92414 10.1119 3.74405 10.5261 3.74405 11.034C3.74405 11.513 3.89173 11.8948 4.18707 12.183C4.47881 12.4711 4.88221 12.6152 5.38646 12.6152C6.09241 12.6152 6.6795 12.3378 7.14773 11.7868C7.21256 11.9236 7.27379 12.0389 7.33502 12.1397C7.39625 12.237 7.46829 12.3306 7.55113 12.4207C7.61236 12.4747 7.66999 12.5035 7.73122 12.5035C7.77804 12.5035 7.83567 12.4855 7.88969 12.4495L8.26788 12.1974C8.34712 12.1361 8.38314 12.0749 8.38314 12.0173C8.38314 11.9741 8.37233 11.9272 8.33992 11.8804C8.25708 11.7255 8.19585 11.5815 8.14902 11.4482C8.1058 11.3149 8.08419 11.1348 8.08419 10.9151H8.06978V8.97377C8.06978 8.31465 7.9041 7.82481 7.57274 7.50065C7.22697 7.18369 6.70831 7.02161 5.99516 7.02161ZM8.77933 7.16568C8.68208 7.16568 8.63526 7.21971 8.63526 7.31696C8.63526 7.36018 8.65327 7.43581 8.68929 7.55467L10.0976 12.183C10.1336 12.2982 10.1768 12.3811 10.2236 12.4171C10.2705 12.4603 10.3425 12.4783 10.4506 12.4783H10.9656C11.0737 12.4783 11.1565 12.4603 11.2069 12.4171C11.2538 12.3738 11.2898 12.2982 11.3222 12.1794L12.2442 8.32185L13.1735 12.1866C13.1987 12.3054 13.2383 12.3847 13.2888 12.4279C13.3356 12.4711 13.4148 12.4891 13.5265 12.4891H14.0415C14.1424 12.4891 14.2216 12.4639 14.2684 12.4279C14.3153 12.3919 14.3585 12.3126 14.3945 12.1938L15.8388 7.56548C15.864 7.50065 15.8748 7.45022 15.8784 7.4142C15.8856 7.37819 15.8928 7.34577 15.8928 7.31696C15.8928 7.21611 15.8388 7.16568 15.7416 7.16568H15.1833C15.0752 7.16568 14.9996 7.19089 14.9492 7.22691C14.906 7.26293 14.8663 7.34217 14.8303 7.46103L13.793 11.4734L12.8457 7.46103C12.8205 7.34577 12.7809 7.26293 12.7341 7.22691C12.6873 7.18369 12.608 7.16568 12.4928 7.16568H12.0137C11.9057 7.16568 11.8228 7.19089 11.776 7.22691C11.7292 7.26293 11.6932 7.34217 11.6608 7.46103L10.7279 11.4266L9.7194 7.46103C9.68338 7.34577 9.64736 7.26293 9.60054 7.22691C9.55732 7.18369 9.48168 7.16568 9.36642 7.16568H8.77933ZM5.97715 10.0471C6.16084 10.0471 6.34814 10.0615 6.53903 10.0831C6.72992 10.1047 6.91361 10.1407 7.0901 10.184V10.4361C7.0901 10.6378 7.06489 10.8143 7.02887 10.9547C6.99285 11.0988 6.92082 11.2249 6.82717 11.3401C6.66509 11.5202 6.4742 11.6499 6.25809 11.7219C6.04198 11.794 5.83668 11.83 5.64219 11.83C5.36845 11.83 5.15595 11.7579 5.01188 11.6103C4.8606 11.4662 4.79217 11.2573 4.79217 10.9764C4.79217 10.6774 4.88942 10.4505 5.08391 10.2884C5.27841 10.1263 5.57375 10.0471 5.97715 10.0471ZM19.6819 13.7209C19.0516 13.7281 18.306 13.8722 17.7441 14.2648C17.5713 14.3908 17.6001 14.5601 17.791 14.5349C18.4321 14.4557 19.8476 14.29 20.0961 14.6142C20.3482 14.9311 19.8152 16.2674 19.5739 16.8617C19.5018 17.0417 19.6603 17.1102 19.8188 16.9733C20.8705 16.0873 21.1478 14.236 20.9317 13.9658C20.8237 13.8326 20.3086 13.7101 19.6783 13.7209H19.6819ZM3.13175 14.0811C2.99849 14.0991 2.94086 14.2576 3.08133 14.3836C5.42968 16.5051 8.53801 17.7801 11.9885 17.7801C14.4521 17.7801 17.3119 17.0057 19.2821 15.5542C19.6063 15.3129 19.3253 14.9491 18.994 15.0968C16.7825 16.0296 14.3837 16.4871 12.1974 16.4871C8.95582 16.4871 5.82588 15.5938 3.28663 14.1207C3.2326 14.0883 3.17857 14.0775 3.13535 14.0811H3.13175Z' fill='white' />
47
+
48
+ </svg>
49
+ )
50
+ break
51
+ case LARGE:
52
+ icon = (
53
+ <svg
54
+ width={40}
55
+ height={40}
56
+ viewBox='0 0 40 40'
57
+ fill='none'
58
+ xmlns='http://www.w3.org/2000/svg'
59
+ className={className}
60
+ >
61
+ <path d='M30.5761 11.012C30.1379 11.012 29.7177 11.06 29.3155 11.1801C28.9193 11.3001 28.5771 11.4682 28.2769 11.7023C27.9768 11.9245 27.7367 12.2006 27.5566 12.5187C27.3765 12.8369 27.2865 13.2091 27.2865 13.6293C27.2865 14.1455 27.4545 14.6378 27.7847 15.076C28.1149 15.5262 28.6551 15.8684 29.3815 16.0965L30.8282 16.5467C31.3144 16.7088 31.6566 16.8769 31.8367 17.063C32.0168 17.2551 32.1068 17.4832 32.1068 17.7593C32.1068 18.1675 31.9267 18.4857 31.5906 18.7078C31.2544 18.9299 30.7622 19.038 30.1319 19.038C29.7357 19.038 29.3455 18.9959 28.9433 18.9179C28.5531 18.8399 28.1809 18.7198 27.8447 18.5697C27.7427 18.5277 27.6526 18.4917 27.5926 18.4677C27.5326 18.4437 27.4725 18.4377 27.4125 18.4377C27.2624 18.4377 27.1844 18.5337 27.1844 18.7438V19.2541C27.1844 19.3441 27.2084 19.4462 27.2444 19.5302C27.2865 19.6262 27.3945 19.7223 27.5566 19.8123C27.8147 19.9624 28.2049 20.0945 28.7032 20.2145C29.2014 20.3346 29.7177 20.3946 30.2399 20.3946C30.7622 20.3946 31.2184 20.3226 31.6686 20.1845C32.0948 20.0525 32.467 19.8784 32.7792 19.6263C33.0853 19.3861 33.3254 19.086 33.5055 18.7498C33.6736 18.4137 33.7697 18.0235 33.7697 17.5912C33.7697 17.075 33.6196 16.6008 33.3134 16.1926C33.0073 15.7844 32.485 15.4662 31.7647 15.2321L30.348 14.7819C29.8197 14.6138 29.4535 14.4217 29.2494 14.2296C29.0513 14.0375 28.9493 13.8034 28.9493 13.5212C28.9493 13.113 29.1114 12.8249 29.4175 12.6328C29.7237 12.4407 30.1799 12.3507 30.7442 12.3507C31.4525 12.3507 32.0948 12.4827 32.6591 12.7409C32.8272 12.8189 32.9593 12.8609 33.0373 12.8609C33.1874 12.8609 33.2654 12.7469 33.2654 12.5428V12.0685C33.2654 11.9305 33.2354 11.8224 33.1754 11.7384C33.1153 11.6483 33.0133 11.5643 32.8752 11.4862C32.7732 11.4262 32.6351 11.3662 32.455 11.3062C32.2749 11.2461 32.0888 11.1981 31.8847 11.1501C31.6746 11.1081 31.4645 11.072 31.2364 11.042C31.0143 11.012 30.7862 11 30.5701 11L30.5761 11.012ZM9.99194 11.036C9.44567 11.036 8.92341 11.096 8.43117 11.2281C7.93892 11.3482 7.52472 11.4982 7.17055 11.6783C7.03248 11.7504 6.94243 11.8164 6.89441 11.8884C6.84639 11.9605 6.82237 12.0805 6.82237 12.2426V12.7289C6.82237 12.939 6.89441 13.035 7.03248 13.035C7.0745 13.035 7.12252 13.023 7.19456 13.005C7.26059 12.987 7.38065 12.945 7.54273 12.8729C7.8909 12.7349 8.25108 12.6268 8.62326 12.5368C8.98944 12.4467 9.34962 12.4047 9.69779 12.4047C10.4662 12.4047 11.0064 12.5548 11.3246 12.8609C11.6307 13.1671 11.7928 13.7013 11.7928 14.4577V15.1901C11.3966 15.1 11.0124 15.016 10.6463 14.968C10.2801 14.9199 9.9259 14.8899 9.58974 14.8899C8.56323 14.8899 7.75283 15.148 7.14653 15.6703C6.54024 16.1866 6.24009 16.8769 6.24009 17.7233C6.24009 18.5217 6.48621 19.158 6.97845 19.6383C7.46469 20.1185 8.13702 20.3586 8.97744 20.3586C10.154 20.3586 11.1325 19.8964 11.9129 18.9779C12.0209 19.206 12.123 19.3981 12.225 19.5662C12.3271 19.7283 12.4471 19.8844 12.5852 20.0345C12.6873 20.1245 12.7833 20.1725 12.8854 20.1725C12.9634 20.1725 13.0594 20.1425 13.1495 20.0825L13.7798 19.6623C13.9119 19.5602 13.9719 19.4582 13.9719 19.3621C13.9719 19.2901 13.9539 19.212 13.8999 19.134C13.7618 18.8759 13.6597 18.6358 13.5817 18.4137C13.5097 18.1915 13.4737 17.8914 13.4737 17.5252H13.4496V14.2896C13.4496 13.1911 13.1735 12.3747 12.6212 11.8344C12.0449 11.3062 11.1805 11.036 9.99194 11.036ZM14.6322 11.2761C14.4701 11.2761 14.3921 11.3662 14.3921 11.5283C14.3921 11.6003 14.4221 11.7264 14.4821 11.9245L16.8293 19.6383C16.8893 19.8304 16.9614 19.9684 17.0394 20.0284C17.1174 20.1005 17.2375 20.1305 17.4176 20.1305H18.276C18.4561 20.1305 18.5942 20.1005 18.6782 20.0284C18.7563 19.9564 18.8163 19.8304 18.8703 19.6323L20.4071 13.2031L21.9558 19.6443C21.9979 19.8424 22.0639 19.9744 22.1479 20.0465C22.226 20.1185 22.358 20.1485 22.5441 20.1485H23.4025C23.5706 20.1485 23.7027 20.1065 23.7807 20.0465C23.8588 19.9864 23.9308 19.8544 23.9908 19.6563L26.398 11.9425C26.44 11.8344 26.458 11.7504 26.4641 11.6903C26.4761 11.6303 26.4881 11.5763 26.4881 11.5283C26.4881 11.3602 26.398 11.2761 26.2359 11.2761H25.3055C25.1254 11.2761 24.9993 11.3182 24.9153 11.3782C24.8433 11.4382 24.7772 11.5703 24.7172 11.7684L22.9883 18.4557L21.4096 11.7684C21.3675 11.5763 21.3015 11.4382 21.2235 11.3782C21.1454 11.3062 21.0134 11.2761 20.8213 11.2761H20.0229C19.8428 11.2761 19.7047 11.3182 19.6267 11.3782C19.5486 11.4382 19.4886 11.5703 19.4346 11.7684L17.8798 18.3776L16.199 11.7684C16.139 11.5763 16.0789 11.4382 16.0009 11.3782C15.9289 11.3062 15.8028 11.2761 15.6107 11.2761H14.6322ZM9.96192 16.0785C10.2681 16.0785 10.5802 16.1025 10.8984 16.1385C11.2165 16.1745 11.5227 16.2346 11.8168 16.3066V16.7268C11.8168 17.063 11.7748 17.3571 11.7148 17.5912C11.6548 17.8314 11.5347 18.0415 11.3786 18.2336C11.1085 18.5337 10.7903 18.7498 10.4302 18.8699C10.07 18.9899 9.72781 19.05 9.40365 19.05C8.94742 19.05 8.59325 18.9299 8.35313 18.6838C8.101 18.4437 7.98695 18.0955 7.98695 17.6273C7.98695 17.129 8.14903 16.7508 8.47319 16.4807C8.79735 16.2106 9.28959 16.0785 9.96192 16.0785ZM32.8032 22.2015C31.7527 22.2135 30.51 22.4536 29.5736 23.108C29.2854 23.3181 29.3335 23.6002 29.6516 23.5582C30.7201 23.4261 33.0793 23.15 33.4935 23.6903C33.9137 24.2185 33.0253 26.4456 32.6231 27.4361C32.503 27.7362 32.7672 27.8503 33.0313 27.6222C34.7842 26.1455 35.2464 23.0599 34.8862 22.6097C34.7061 22.3876 33.8477 22.1835 32.7972 22.2015H32.8032ZM5.21959 22.8018C4.99748 22.8318 4.90143 23.096 5.13554 23.3061C9.04947 26.8418 14.23 28.9669 19.9809 28.9669C24.0869 28.9669 28.8532 27.6762 32.1368 25.257C32.6771 24.8548 32.2089 24.2485 31.6566 24.4946C27.9708 26.0494 23.9728 26.8118 20.329 26.8118C14.9264 26.8118 9.7098 25.3231 5.47771 22.8678C5.38767 22.8138 5.29762 22.7958 5.22559 22.8018H5.21959Z' fill='white' />
62
+ </svg>
63
+ )
64
+ break
65
+
66
+ default:
67
+ break
68
+ }
69
+ return icon
70
+ }
71
+
72
+ AWSIcon.propTypes = {
73
+ /**
74
+ * color of text, icon and borders
75
+ */
76
+ color: PropTypes.oneOf(COLORS_ICON),
77
+ /**
78
+ * Size
79
+ */
80
+ size: PropTypes.oneOf(SIZES),
81
+ /**
82
+ * disabled
83
+ */
84
+ disabled: PropTypes.bool,
85
+ /**
86
+ * inactive
87
+ */
88
+ inactive: PropTypes.bool
89
+ }
90
+
91
+ export default AWSIcon
package/src/components/icons/AppOptimizedIcon.jsx ADDED
@@ -0,0 +1,100 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const AppOptimizedIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M2 4.87462V10.5015L4 11.5' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M12.5403 4.73772L7.27017 2L2 4.73772L7 7.5M12.5403 4.73772V7.74927M12.5403 4.73772L10.7542 5.66556' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M10.1379 7.5C10.3586 8.3 11.7011 9.5 12.3447 10V13.25C12.3447 13.65 11.2413 13.9167 10.6896 14H8.2069C7.10348 14 7.01153 13.3333 7.10348 13C6.91958 12.9167 6.55177 12.7 6.55177 12.5C6.55177 12.3 6.73568 12.0833 6.82763 12C6.55177 12 6.00006 11.9 6.00006 11.5C6.00006 11.1 6.36787 10.8333 6.55177 10.75C6.36787 10.75 6.00006 10.6 6.00006 10C6.00006 9.4 6.55177 9.25 6.82763 9.25H9.03447L8.48276 7.25C8.39081 6.83333 8.37242 6 9.03447 6C9.86203 6 9.86203 6.5 10.1379 7.5Z' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M12.3449 9.75011H14V13.7501H12.3449V9.75011Z' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
36
+ </svg>
37
+ )
38
+ break
39
+ case MEDIUM:
40
+ icon = (
41
+ <svg
42
+ width={24}
43
+ height={24}
44
+ viewBox='0 0 24 24'
45
+ fill='none'
46
+ xmlns='http://www.w3.org/2000/svg'
47
+ className={className}
48
+ >
49
+ <path d='M3 7.31193V15.7522L6 17.25' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M18.8105 7.10658L10.9053 3L3 7.10658L10.5 11.25M18.8105 7.10658V11.6239M18.8105 7.10658L16.1313 8.49834' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M15.2068 11.25C15.5379 12.45 17.5516 14.25 18.5171 15V19.875C18.5171 20.475 16.862 20.875 16.0344 21H12.3104C10.6552 21 10.5173 20 10.6552 19.5C10.3794 19.375 9.82766 19.05 9.82766 18.75C9.82766 18.45 10.1035 18.125 10.2414 18C9.82766 18 9.00009 17.85 9.00009 17.25C9.00009 16.65 9.5518 16.25 9.82766 16.125C9.5518 16.125 9.00009 15.9 9.00009 15C9.00009 14.1 9.82766 13.875 10.2414 13.875H13.5517L12.7241 10.875C12.5862 10.25 12.5586 9 13.5517 9C14.793 9 14.793 9.75 15.2068 11.25Z' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M18.5173 14.6252H21V20.6252H18.5173V14.6252Z' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+
54
+ </svg>
55
+ )
56
+ break
57
+ case LARGE:
58
+ icon = (
59
+ <svg
60
+ width={40}
61
+ height={40}
62
+ viewBox='0 0 40 40'
63
+ fill='none'
64
+ xmlns='http://www.w3.org/2000/svg'
65
+ className={className}
66
+ >
67
+ <path d='M5 12.1866V26.2537L10 28.75' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M31.3508 11.8443L18.1754 5L5 11.8443L17.5 18.75M31.3508 11.8443V19.3732M31.3508 11.8443L26.8856 14.1639' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M25.3447 18.75C25.8964 20.75 29.2527 23.75 30.8618 25V33.125C30.8618 34.125 28.1033 34.7917 26.724 35H20.5173C17.7587 35 17.5288 33.3333 17.7587 32.5C17.2989 32.2917 16.3794 31.75 16.3794 31.25C16.3794 30.75 16.8392 30.2083 17.0691 30C16.3794 30 15.0002 29.75 15.0002 28.75C15.0002 27.75 15.9197 27.0833 16.3794 26.875C15.9197 26.875 15.0002 26.5 15.0002 25C15.0002 23.5 16.3794 23.125 17.0691 23.125H22.5862L21.2069 18.125C20.977 17.0833 20.931 15 22.5862 15C24.6551 15 24.6551 16.25 25.3447 18.75Z' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <path d='M30.8622 24.3753H35V34.3753H30.8622V24.3753Z' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
71
+ </svg>
72
+ )
73
+ break
74
+
75
+ default:
76
+ break
77
+ }
78
+ return icon
79
+ }
80
+
81
+ AppOptimizedIcon.propTypes = {
82
+ /**
83
+ * color of text, icon and borders
84
+ */
85
+ color: PropTypes.oneOf(COLORS_ICON),
86
+ /**
87
+ * Size
88
+ */
89
+ size: PropTypes.oneOf(SIZES),
90
+ /**
91
+ * disabled
92
+ */
93
+ disabled: PropTypes.bool,
94
+ /**
95
+ * inactive
96
+ */
97
+ inactive: PropTypes.bool
98
+ }
99
+
100
+ export default AppOptimizedIcon
package/src/components/icons/CircleCheckMarkButtonIcon.jsx CHANGED
@@ -29,8 +29,8 @@ const CircleCheckMarkButtonIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <circle cx='13' cy='13' r='12' stroke='none' strokeWidth='1.5' />
33
- <path d='M7 13L12 17L19 9' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
32
+ <circle cx='13' cy='13' r='12' stroke='none' strokeWidth={1.5} />
33
+ <path d='M7 13L12 17L19 9' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
34
34
  </svg>
35
35
  )
36
36
  break
package/src/components/icons/CircleCopyPasteIcon.jsx CHANGED
@@ -47,10 +47,10 @@ const CircleCopyPasteIcon = ({
47
47
  xmlns='http://www.w3.org/2000/svg'
48
48
  className={className}
49
49
  >
50
- <circle cx='13' cy='13' r='12' stroke='none' strokeWidth='1.5' />
51
- <path d='M10.499 19.7504V9.30664C10.499 8.89243 10.8348 8.55664 11.249 8.55664H16.122C16.3063 8.55664 16.4841 8.62449 16.6215 8.74724L20.2486 11.9864C20.4079 12.1287 20.499 12.3322 20.499 12.5458V19.7504C20.499 20.1646 20.1632 20.5004 19.749 20.5004H11.249C10.8348 20.5004 10.499 20.1646 10.499 19.7504Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' />
52
- <path d='M16.124 12.737V8.55664L20.499 12.737H16.124Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
53
- <path d='M14.875 7.95903L12.2454 5.68293C12.1091 5.56495 11.9349 5.50001 11.7546 5.50001H8.76704H6.25C5.83579 5.50001 5.5 5.83579 5.5 6.25001L5.50001 16.1669C5.50001 16.5811 5.83579 16.9169 6.25001 16.9169H9.87501' stroke='none' strokeWidth='1.5' strokeLinecap='round' />
50
+ <circle cx='13' cy='13' r='12' stroke='none' strokeWidth={1.5} />
51
+ <path d='M10.499 19.7504V9.30664C10.499 8.89243 10.8348 8.55664 11.249 8.55664H16.122C16.3063 8.55664 16.4841 8.62449 16.6215 8.74724L20.2486 11.9864C20.4079 12.1287 20.499 12.3322 20.499 12.5458V19.7504C20.499 20.1646 20.1632 20.5004 19.749 20.5004H11.249C10.8348 20.5004 10.499 20.1646 10.499 19.7504Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
52
+ <path d='M16.124 12.737V8.55664L20.499 12.737H16.124Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M14.875 7.95903L12.2454 5.68293C12.1091 5.56495 11.9349 5.50001 11.7546 5.50001H8.76704H6.25C5.83579 5.50001 5.5 5.83579 5.5 6.25001L5.50001 16.1669C5.50001 16.5811 5.83579 16.9169 6.25001 16.9169H9.87501' stroke='none' strokeWidth={1.5} strokeLinecap='round' />
54
54
  </svg>
55
55
  )
56
56
  break
package/src/components/icons/CircleEditIcon.jsx CHANGED
@@ -48,10 +48,10 @@ const CircleEditIcon = ({
48
48
  xmlns='http://www.w3.org/2000/svg'
49
49
  className={className}
50
50
  >
51
- <circle cx='13' cy='13' r='12' stroke='none' strokeWidth='1.5' />
52
- <rect x='16.083' y='7.75977' width='3.17647' height='11.6471' transform='rotate(45 16.083 7.75977)' stroke='none' strokeWidth='1.5' strokeLinejoin='round' />
53
- <path d='M10.0928 18.2402L7.84668 15.9941L6.72363 19.3633L10.0928 18.2402Z' stroke='none' strokeWidth='1.5' strokeLinejoin='round' />
54
- <path d='M17.2684 6.57238C17.8542 5.98659 18.804 5.98659 19.3898 6.57238L19.5145 6.69716C20.1003 7.28295 20.1003 8.2327 19.5145 8.81848L18.3291 10.0039L16.083 7.75782L17.2684 6.57238Z' stroke='none' strokeWidth='1.5' />
51
+ <circle cx='13' cy='13' r='12' stroke='none' strokeWidth={1.5} />
52
+ <rect x='16.083' y='7.75977' width='3.17647' height='11.6471' transform='rotate(45 16.083 7.75977)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
53
+ <path d='M10.0928 18.2402L7.84668 15.9941L6.72363 19.3633L10.0928 18.2402Z' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
54
+ <path d='M17.2684 6.57238C17.8542 5.98659 18.804 5.98659 19.3898 6.57238L19.5145 6.69716C20.1003 7.28295 20.1003 8.2327 19.5145 8.81848L18.3291 10.0039L16.083 7.75782L17.2684 6.57238Z' stroke='none' strokeWidth={1.5} />
55
55
 
56
56
  </svg>
57
57
  )
package/src/components/icons/CircleRestartIcon.jsx CHANGED
@@ -47,10 +47,10 @@ const CircleRestartIcon = ({
47
47
  xmlns='http://www.w3.org/2000/svg'
48
48
  className={className}
49
49
  >
50
- <circle cx='13' cy='13' r='12' stroke='none' strokeWidth='1.5' />
51
- <path d='M7.07675 8.85276C8.34335 6.83189 10.5092 5.5 12.9683 5.5C16.8729 5.5 20.0382 8.85786 20.0382 13C20.0382 13.7532 19.9335 14.4805 19.7388 15.1664M5.99619 11.75C5.9319 12.1565 5.89844 12.5741 5.89844 13C5.89844 17.1421 9.06373 20.5 12.9683 20.5C15.0799 20.5 16.9753 19.518 18.2707 17.9609' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
52
- <path d='M17.8574 12.8125L19.7043 15.2471L21.9992 13.2879' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
53
- <path d='M8.15723 13.5273L5.93706 11.4735L4.00095 13.8287' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
50
+ <circle cx='13' cy='13' r='12' stroke='none' strokeWidth={1.5} />
51
+ <path d='M7.07675 8.85276C8.34335 6.83189 10.5092 5.5 12.9683 5.5C16.8729 5.5 20.0382 8.85786 20.0382 13C20.0382 13.7532 19.9335 14.4805 19.7388 15.1664M5.99619 11.75C5.9319 12.1565 5.89844 12.5741 5.89844 13C5.89844 17.1421 9.06373 20.5 12.9683 20.5C15.0799 20.5 16.9753 19.518 18.2707 17.9609' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M17.8574 12.8125L19.7043 15.2471L21.9992 13.2879' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M8.15723 13.5273L5.93706 11.4735L4.00095 13.8287' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
54
  </svg>
55
55
  )
56
56
  break
package/src/components/icons/CollapseIcon.jsx CHANGED
@@ -29,10 +29,10 @@ const CollapseIcon = ({
29
29
  xmlns='http://www.w3.org/2000/svg'
30
30
  className={className}
31
31
  >
32
- <path d='M13.1426 7.14258L8.85686 7.14258L8.85686 2.85686' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
33
- <path d='M14.0004 2L9.28613 6.71429' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
34
- <path d='M2.85742 8.85742L7.14314 8.85742L7.14314 13.1431' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
35
- <path d='M6.71429 9.28613L2 14.0004' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
32
+ <path d='M13.1426 7.14258L8.85686 7.14258L8.85686 2.85686' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M14.0004 2L9.28613 6.71429' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M2.85742 8.85742L7.14314 8.85742L7.14314 13.1431' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M6.71429 9.28613L2 14.0004' stroke='white' strokeLinecap='round' strokeLinejoin='round' />
36
36
  </svg>
37
37
  )
38
38
  break
@@ -46,10 +46,10 @@ const CollapseIcon = ({
46
46
  xmlns='http://www.w3.org/2000/svg'
47
47
  className={className}
48
48
  >
49
- <path d='M19.7139 10.7144L13.2853 10.7144L13.2853 4.28578' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
50
- <path d='M21.0001 3L13.9287 10.0714' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
51
- <path d='M4.28613 13.2856L10.7147 13.2856L10.7147 19.7142' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
52
- <path d='M10.0714 13.9287L3 21.0001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
49
+ <path d='M19.7139 10.7144L13.2853 10.7144L13.2853 4.28578' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M21.0001 3L13.9287 10.0714' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M4.28613 13.2856L10.7147 13.2856L10.7147 19.7142' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M10.0714 13.9287L3 21.0001' stroke='white' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
53
 
54
54
  </svg>
55
55
  )
@@ -64,10 +64,10 @@ const CollapseIcon = ({
64
64
  xmlns='http://www.w3.org/2000/svg'
65
65
  className={className}
66
66
  >
67
- <path d='M32.8574 17.8569L22.1431 17.8569L22.1431 7.14265' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
68
- <path d='M35.0006 5L23.2148 16.7857' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
69
- <path d='M7.14355 22.1431L17.8578 22.1431L17.8578 32.8574' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
70
- <path d='M16.7857 23.2144L5 35.0001' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
67
+ <path d='M32.8574 17.8569L22.1431 17.8569L22.1431 7.14265' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M35.0006 5L23.2148 16.7857' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M7.14355 22.1431L17.8578 22.1431L17.8578 32.8574' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <path d='M16.7857 23.2144L5 35.0001' stroke='white' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
71
71
  </svg>
72
72
  )
73
73
  break
package/src/components/icons/ConfigureDatabaseIcon.jsx CHANGED
@@ -47,11 +47,11 @@ const ConfigureDatabaseIcon = ({
47
47
  xmlns='http://www.w3.org/2000/svg'
48
48
  className={className}
49
49
  >
50
- <path d='M8.99999 7.8072C12.3137 7.8072 15 6.73107 15 5.4036C15 4.07613 12.3137 3 8.99999 3C5.68629 3 3 4.07613 3 5.4036C3 6.73107 5.68629 7.8072 8.99999 7.8072Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
51
- <path d='M3 9.08593C3 10.134 4.67489 11.0255 7.01069 11.3542' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
52
- <path d='M3 5.4043V12.5971C3 13.5914 4.50751 14.4448 6.65669 14.8104' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
53
- <path d='M15.0008 17.3286C16.2555 17.3286 17.2726 16.3286 17.2726 15.0949C17.2726 13.8613 16.2555 12.8612 15.0008 12.8612C13.7461 12.8612 12.729 13.8613 12.729 15.0949C12.729 16.3286 13.7461 17.3286 15.0008 17.3286Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
54
- <path d='M16.2196 9.34803V10.1061C16.2196 10.2504 16.311 10.3807 16.4487 10.4313L17.4321 10.7971C17.5659 10.8464 17.7178 10.8123 17.8156 10.7085L18.288 10.2099C18.427 10.0631 18.6638 10.0618 18.8041 10.2086L19.9445 11.3957C20.072 11.5286 20.0733 11.7349 19.9484 11.869L19.3409 12.5246C19.2443 12.6283 19.2212 12.7789 19.2817 12.9055L19.6936 13.7787C19.7515 13.9015 19.8776 13.9812 20.0153 13.9812H20.646C20.8417 13.9812 21 14.1369 21 14.3293V15.7948C21 15.9871 20.8417 16.1428 20.646 16.1428H19.9832C19.83 16.1428 19.6936 16.2402 19.6459 16.3833L19.3113 17.3919C19.2714 17.5109 19.2997 17.6412 19.3859 17.7336L19.9304 18.3246C20.063 18.4689 20.0501 18.6929 19.9008 18.8207L18.6458 19.9002C18.5017 20.0243 18.2828 20.0129 18.1528 19.8749L17.7152 19.4117C17.62 19.3105 17.472 19.2738 17.3394 19.3193L16.4255 19.6332C16.2826 19.6826 16.1874 19.8142 16.1874 19.9622V20.652C16.1874 20.8443 16.0291 21 15.8334 21H14.1653C13.9696 21 13.8113 20.8443 13.8113 20.652V19.9622C13.8113 19.8142 13.7161 19.6826 13.5732 19.6332L12.6593 19.3193C12.5268 19.2738 12.3787 19.3092 12.2835 19.4117L11.8459 19.8749C11.7159 20.0129 11.4971 20.0243 11.3529 19.9002L10.0979 18.8207C9.94862 18.6929 9.93575 18.4689 10.0683 18.3246L10.6128 17.7336C10.6977 17.6412 10.7261 17.5109 10.6874 17.3919L10.3528 16.3833C10.3052 16.2402 10.1687 16.1428 10.0156 16.1428H9.35396C9.15832 16.1428 9 15.9871 9 15.7948V14.3293C9 14.1369 9.15832 13.9812 9.35396 13.9812H9.98466C10.1224 13.9812 10.2485 13.9028 10.3064 13.7787L10.7183 12.9055C10.7788 12.7777 10.7544 12.6283 10.6591 12.5246L10.0516 11.869C9.92674 11.7349 9.92803 11.5273 10.0555 11.3957L11.1959 10.2086C11.3362 10.0631 11.573 10.0631 11.712 10.2099L12.1844 10.7085C12.2822 10.8123 12.4341 10.8464 12.568 10.7971L13.5513 10.4313C13.689 10.3807 13.7804 10.2504 13.7804 10.1061V9.34803C13.7804 9.15566 13.9388 9 14.1344 9H15.8656C16.0612 9 16.2196 9.15566 16.2196 9.34803Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M8.99999 7.8072C12.3137 7.8072 15 6.73107 15 5.4036C15 4.07613 12.3137 3 8.99999 3C5.68629 3 3 4.07613 3 5.4036C3 6.73107 5.68629 7.8072 8.99999 7.8072Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M3 9.08593C3 10.134 4.67489 11.0255 7.01069 11.3542' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M3 5.4043V12.5971C3 13.5914 4.50751 14.4448 6.65669 14.8104' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M15.0008 17.3286C16.2555 17.3286 17.2726 16.3286 17.2726 15.0949C17.2726 13.8613 16.2555 12.8612 15.0008 12.8612C13.7461 12.8612 12.729 13.8613 12.729 15.0949C12.729 16.3286 13.7461 17.3286 15.0008 17.3286Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
54
+ <path d='M16.2196 9.34803V10.1061C16.2196 10.2504 16.311 10.3807 16.4487 10.4313L17.4321 10.7971C17.5659 10.8464 17.7178 10.8123 17.8156 10.7085L18.288 10.2099C18.427 10.0631 18.6638 10.0618 18.8041 10.2086L19.9445 11.3957C20.072 11.5286 20.0733 11.7349 19.9484 11.869L19.3409 12.5246C19.2443 12.6283 19.2212 12.7789 19.2817 12.9055L19.6936 13.7787C19.7515 13.9015 19.8776 13.9812 20.0153 13.9812H20.646C20.8417 13.9812 21 14.1369 21 14.3293V15.7948C21 15.9871 20.8417 16.1428 20.646 16.1428H19.9832C19.83 16.1428 19.6936 16.2402 19.6459 16.3833L19.3113 17.3919C19.2714 17.5109 19.2997 17.6412 19.3859 17.7336L19.9304 18.3246C20.063 18.4689 20.0501 18.6929 19.9008 18.8207L18.6458 19.9002C18.5017 20.0243 18.2828 20.0129 18.1528 19.8749L17.7152 19.4117C17.62 19.3105 17.472 19.2738 17.3394 19.3193L16.4255 19.6332C16.2826 19.6826 16.1874 19.8142 16.1874 19.9622V20.652C16.1874 20.8443 16.0291 21 15.8334 21H14.1653C13.9696 21 13.8113 20.8443 13.8113 20.652V19.9622C13.8113 19.8142 13.7161 19.6826 13.5732 19.6332L12.6593 19.3193C12.5268 19.2738 12.3787 19.3092 12.2835 19.4117L11.8459 19.8749C11.7159 20.0129 11.4971 20.0243 11.3529 19.9002L10.0979 18.8207C9.94862 18.6929 9.93575 18.4689 10.0683 18.3246L10.6128 17.7336C10.6977 17.6412 10.7261 17.5109 10.6874 17.3919L10.3528 16.3833C10.3052 16.2402 10.1687 16.1428 10.0156 16.1428H9.35396C9.15832 16.1428 9 15.9871 9 15.7948V14.3293C9 14.1369 9.15832 13.9812 9.35396 13.9812H9.98466C10.1224 13.9812 10.2485 13.9028 10.3064 13.7787L10.7183 12.9055C10.7788 12.7777 10.7544 12.6283 10.6591 12.5246L10.0516 11.869C9.92674 11.7349 9.92803 11.5273 10.0555 11.3957L11.1959 10.2086C11.3362 10.0631 11.573 10.0631 11.712 10.2099L12.1844 10.7085C12.2822 10.8123 12.4341 10.8464 12.568 10.7971L13.5513 10.4313C13.689 10.3807 13.7804 10.2504 13.7804 10.1061V9.34803C13.7804 9.15566 13.9388 9 14.1344 9H15.8656C16.0612 9 16.2196 9.15566 16.2196 9.34803Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
55
55
  </svg>
56
56
  )
57
57
  break
@@ -65,11 +65,11 @@ const ConfigureDatabaseIcon = ({
65
65
  xmlns='http://www.w3.org/2000/svg'
66
66
  className={className}
67
67
  >
68
- <path d='M15 13.012C20.5228 13.012 25 11.2184 25 9.006C25 6.79355 20.5228 5 15 5C9.47715 5 5 6.79355 5 9.006C5 11.2184 9.47715 13.012 15 13.012Z' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
69
- <path d='M5 15.1432C5 16.89 7.79148 18.3758 11.6845 18.9237' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
70
- <path d='M5 9.00716V20.9951C5 22.6524 7.51252 24.0746 11.0945 24.6841' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
71
- <path d='M25.0014 28.881C27.0926 28.881 28.7878 27.2143 28.7878 25.1582C28.7878 23.1021 27.0926 21.4353 25.0014 21.4353C22.9103 21.4353 21.2151 23.1021 21.2151 25.1582C21.2151 27.2143 22.9103 28.881 25.0014 28.881Z' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
72
- <path d='M27.0326 15.58V16.8435C27.0326 17.0839 27.1849 17.3012 27.4145 17.3856L29.0534 17.9951C29.2765 18.0774 29.5297 18.0205 29.6927 17.8475L30.48 17.0165C30.7117 16.7718 31.1064 16.7697 31.3402 17.0143L33.2409 18.9928C33.4533 19.2143 33.4554 19.5581 33.2473 19.7817L32.2348 20.8743C32.0739 21.0472 32.0353 21.2982 32.1361 21.5092L32.8226 22.9646C32.9191 23.1692 33.1294 23.302 33.3589 23.302H34.4101C34.7361 23.302 35 23.5615 35 23.8821V26.3246C35 26.6452 34.7361 26.9047 34.4101 26.9047H33.3053C33.05 26.9047 32.8226 27.0671 32.7432 27.3054L32.1855 28.9865C32.119 29.1848 32.1661 29.402 32.3099 29.556L33.2173 30.541C33.4383 30.7815 33.4168 31.1548 33.168 31.3679L31.0764 33.1671C30.8361 33.3738 30.4714 33.3548 30.2547 33.1249L29.5254 32.3529C29.3666 32.1841 29.1199 32.123 28.899 32.1989L27.3758 32.722C27.1377 32.8043 26.979 33.0236 26.979 33.2704V34.42C26.979 34.7406 26.7151 35 26.389 35H23.6088C23.2827 35 23.0189 34.7406 23.0189 34.42V33.2704C23.0189 33.0236 22.8601 32.8043 22.622 32.722L21.0989 32.1989C20.8779 32.123 20.6312 32.182 20.4725 32.3529L19.7431 33.1249C19.5264 33.3548 19.1618 33.3738 18.9215 33.1671L16.8299 31.3679C16.581 31.1548 16.5596 30.7815 16.7805 30.541L17.688 29.556C17.8296 29.402 17.8768 29.1848 17.8124 28.9865L17.2546 27.3054C17.1753 27.0671 16.9479 26.9047 16.6926 26.9047H15.5899C15.2639 26.9047 15 26.6452 15 26.3246V23.8821C15 23.5615 15.2639 23.302 15.5899 23.302H16.6411C16.8706 23.302 17.0809 23.1713 17.1774 22.9646L17.8639 21.5092C17.9647 21.2961 17.924 21.0472 17.7652 20.8743L16.7527 19.7817C16.5446 19.5581 16.5467 19.2122 16.7591 18.9928L18.6598 17.0143C18.8936 16.7718 19.2883 16.7718 19.52 17.0165L20.3073 17.8475C20.4703 18.0205 20.7235 18.0774 20.9466 17.9951L22.5855 17.3856C22.8151 17.3012 22.9674 17.0839 22.9674 16.8435V15.58C22.9674 15.2594 23.2313 15 23.5573 15H26.4427C26.7687 15 27.0326 15.2594 27.0326 15.58Z' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M15 13.012C20.5228 13.012 25 11.2184 25 9.006C25 6.79355 20.5228 5 15 5C9.47715 5 5 6.79355 5 9.006C5 11.2184 9.47715 13.012 15 13.012Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M5 15.1432C5 16.89 7.79148 18.3758 11.6845 18.9237' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
+ <path d='M5 9.00716V20.9951C5 22.6524 7.51252 24.0746 11.0945 24.6841' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
71
+ <path d='M25.0014 28.881C27.0926 28.881 28.7878 27.2143 28.7878 25.1582C28.7878 23.1021 27.0926 21.4353 25.0014 21.4353C22.9103 21.4353 21.2151 23.1021 21.2151 25.1582C21.2151 27.2143 22.9103 28.881 25.0014 28.881Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
72
+ <path d='M27.0326 15.58V16.8435C27.0326 17.0839 27.1849 17.3012 27.4145 17.3856L29.0534 17.9951C29.2765 18.0774 29.5297 18.0205 29.6927 17.8475L30.48 17.0165C30.7117 16.7718 31.1064 16.7697 31.3402 17.0143L33.2409 18.9928C33.4533 19.2143 33.4554 19.5581 33.2473 19.7817L32.2348 20.8743C32.0739 21.0472 32.0353 21.2982 32.1361 21.5092L32.8226 22.9646C32.9191 23.1692 33.1294 23.302 33.3589 23.302H34.4101C34.7361 23.302 35 23.5615 35 23.8821V26.3246C35 26.6452 34.7361 26.9047 34.4101 26.9047H33.3053C33.05 26.9047 32.8226 27.0671 32.7432 27.3054L32.1855 28.9865C32.119 29.1848 32.1661 29.402 32.3099 29.556L33.2173 30.541C33.4383 30.7815 33.4168 31.1548 33.168 31.3679L31.0764 33.1671C30.8361 33.3738 30.4714 33.3548 30.2547 33.1249L29.5254 32.3529C29.3666 32.1841 29.1199 32.123 28.899 32.1989L27.3758 32.722C27.1377 32.8043 26.979 33.0236 26.979 33.2704V34.42C26.979 34.7406 26.7151 35 26.389 35H23.6088C23.2827 35 23.0189 34.7406 23.0189 34.42V33.2704C23.0189 33.0236 22.8601 32.8043 22.622 32.722L21.0989 32.1989C20.8779 32.123 20.6312 32.182 20.4725 32.3529L19.7431 33.1249C19.5264 33.3548 19.1618 33.3738 18.9215 33.1671L16.8299 31.3679C16.581 31.1548 16.5596 30.7815 16.7805 30.541L17.688 29.556C17.8296 29.402 17.8768 29.1848 17.8124 28.9865L17.2546 27.3054C17.1753 27.0671 16.9479 26.9047 16.6926 26.9047H15.5899C15.2639 26.9047 15 26.6452 15 26.3246V23.8821C15 23.5615 15.2639 23.302 15.5899 23.302H16.6411C16.8706 23.302 17.0809 23.1713 17.1774 22.9646L17.8639 21.5092C17.9647 21.2961 17.924 21.0472 17.7652 20.8743L16.7527 19.7817C16.5446 19.5581 16.5467 19.2122 16.7591 18.9928L18.6598 17.0143C18.8936 16.7718 19.2883 16.7718 19.52 17.0165L20.3073 17.8475C20.4703 18.0205 20.7235 18.0774 20.9466 17.9951L22.5855 17.3856C22.8151 17.3012 22.9674 17.0839 22.9674 16.8435V15.58C22.9674 15.2594 23.2313 15 23.5573 15H26.4427C26.7687 15 27.0326 15.2594 27.0326 15.58Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
73
73
 
74
74
  </svg>
75
75
  )
package/src/components/icons/DatabaseMigrationIcon.jsx CHANGED
@@ -46,10 +46,10 @@ const DatabaseMigrationIcon = ({
46
46
  xmlns='http://www.w3.org/2000/svg'
47
47
  className={className}
48
48
  >
49
- <path d='M14.5271 11.6665C18.2675 11.293 21 10.1114 21 8.71158C21 7.80002 19.8412 6.98102 18 6.41744M9.22005 11.6398C5.61001 11.2393 3 10.0797 3 8.71158C3 7.80002 4.15875 6.98102 6 6.41744' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
50
- <path d='M21 13.4261C21 14.8602 18.1315 16.0653 14.25 16.407M3 13.4261C3 14.7662 5.50467 15.9063 9 16.3288' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
51
- <path d='M21 8.71157V17.9221C21 19.6219 16.97 20.9999 12 20.9999C7.03 20.9999 3 19.6219 3 17.9221V8.71157' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
52
- <path d='M12 18L12 3M12 3L8.25 7.5M12 3L15.75 7.5' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
49
+ <path d='M14.5271 11.6665C18.2675 11.293 21 10.1114 21 8.71158C21 7.80002 19.8412 6.98102 18 6.41744M9.22005 11.6398C5.61001 11.2393 3 10.0797 3 8.71158C3 7.80002 4.15875 6.98102 6 6.41744' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M21 13.4261C21 14.8602 18.1315 16.0653 14.25 16.407M3 13.4261C3 14.7662 5.50467 15.9063 9 16.3288' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M21 8.71157V17.9221C21 19.6219 16.97 20.9999 12 20.9999C7.03 20.9999 3 19.6219 3 17.9221V8.71157' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
52
+ <path d='M12 18L12 3M12 3L8.25 7.5M12 3L15.75 7.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
53
53
  </svg>
54
54
  )
55
55
  break
@@ -63,10 +63,10 @@ const DatabaseMigrationIcon = ({
63
63
  xmlns='http://www.w3.org/2000/svg'
64
64
  className={className}
65
65
  >
66
- <path d='M24.2118 19.4441C30.4458 18.8216 35 16.8523 35 14.5193C35 13 33.0687 11.635 30 10.6957M15.3668 19.3997C9.35001 18.7321 5 16.7994 5 14.5193C5 13 6.93125 11.635 10 10.6957' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
67
- <path d='M35 22.3769C35 24.767 30.2191 26.7755 23.75 27.345M5 22.3769C5 24.6103 9.17444 26.5104 15 27.2147' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
68
- <path d='M35 14.5193V29.8702C35 32.7031 28.2833 34.9999 20 34.9999C11.7167 34.9999 5 32.7031 5 29.8702V14.5193' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
69
- <path d='M20 30L20 5M20 5L13.75 12.5M20 5L26.25 12.5' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
66
+ <path d='M24.2118 19.4441C30.4458 18.8216 35 16.8523 35 14.5193C35 13 33.0687 11.635 30 10.6957M15.3668 19.3997C9.35001 18.7321 5 16.7994 5 14.5193C5 13 6.93125 11.635 10 10.6957' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M35 22.3769C35 24.767 30.2191 26.7755 23.75 27.345M5 22.3769C5 24.6103 9.17444 26.5104 15 27.2147' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ <path d='M35 14.5193V29.8702C35 32.7031 28.2833 34.9999 20 34.9999C11.7167 34.9999 5 32.7031 5 29.8702V14.5193' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
69
+ <path d='M20 30L20 5M20 5L13.75 12.5M20 5L26.25 12.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
70
70
 
71
71
  </svg>
72
72
  )
package/src/components/icons/ExportIcon.jsx ADDED
@@ -0,0 +1,102 @@
1
+ import * as React from 'react'
2
+ import PropTypes from 'prop-types'
3
+ import styles from './Icons.module.css'
4
+ import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
5
+
6
+ const ExportIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false
11
+ }) => {
12
+ let className = `${styles.svgClassName} ` + styles[`${color}`]
13
+ if (disabled) {
14
+ className += ` ${styles.iconDisabled}`
15
+ }
16
+ if (inactive) {
17
+ className += ` ${styles.iconInactive}`
18
+ }
19
+ let icon = <></>
20
+
21
+ switch (size) {
22
+ case SMALL:
23
+ icon = (
24
+ <svg
25
+ width={16}
26
+ height={16}
27
+ viewBox='0 0 16 16'
28
+ fill='none'
29
+ xmlns='http://www.w3.org/2000/svg'
30
+ className={className}
31
+ >
32
+ <path d='M8 9.5L8 5M8 5L6.5 6.33333M8 5L9.5 6.33333' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
33
+ <path d='M13.6635 7.61495C13.874 7.34085 14 6.99244 14 6.61313C14 5.72977 13.3167 5.01413 12.4747 5.01413C12.4527 5.01413 12.4308 5.01475 12.4089 5.01599C12.0593 4.33701 11.3748 3.87607 10.5873 3.87607C10.2459 3.87607 9.92474 3.96304 9.64089 4.11648C9.28652 2.89144 8.20207 2 6.91852 2C5.71674 2 4.68978 2.78149 4.27319 3.886C4.20563 3.87917 4.13748 3.87544 4.06874 3.87544C2.92622 3.87544 2 4.8464 2 6.0441C2 6.49092 2.12487 6.90178 2.33947 7.24286' stroke='white' stroke-width='1.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' />
34
+ <path d='M5 6.5H3.67188V11.1935H12.5V6.5H11' stroke='white' stroke-linecap='round' stroke-linejoin='round' />
35
+ <path d='M7 11V13M9.5 11V13' stroke='white' />
36
+ <path d='M5.9999 12.7422H10.3999V13.9035H5.9999V12.7422Z' stroke='white' stroke-linejoin='round' />
37
+ </svg>
38
+ )
39
+ break
40
+ case MEDIUM:
41
+ icon = (
42
+ <svg
43
+ width={24}
44
+ height={24}
45
+ viewBox='0 0 24 24'
46
+ fill='none'
47
+ xmlns='http://www.w3.org/2000/svg'
48
+ className={className}
49
+ >
50
+ <path d='M12 14.25L12 7.5M12 7.5L9.75 9.5M12 7.5L14.25 9.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
51
+ <path d='M20.4953 11.4224C20.811 11.0113 21 10.4887 21 9.9197C21 8.59465 19.9751 7.52119 18.712 7.52119C18.6791 7.52119 18.6462 7.52213 18.6133 7.52399C18.0889 6.50551 17.0622 5.8141 15.8809 5.8141C15.3689 5.8141 14.8871 5.94455 14.4613 6.17471C13.9298 4.33716 12.3031 3 10.3778 3C8.57511 3 7.03467 4.17223 6.40978 5.82901C6.30844 5.81876 6.20622 5.81317 6.10311 5.81317C4.38933 5.81317 3 7.2696 3 9.06615C3 9.73638 3.1873 10.3527 3.5092 10.8643' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' />
52
+ <path d='M7.5 9.75H5.50781V16.7903H18.75V9.75H16.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
53
+ <path d='M10.5 16.5V19.5M14.25 16.5V19.5' stroke='white' stroke-width='1.5' />
54
+ <path d='M8.99985 19.1133H15.5999V20.8552H8.99985V19.1133Z' stroke='white' stroke-width='1.5' stroke-linejoin='round' />
55
+ </svg>
56
+ )
57
+ break
58
+ case LARGE:
59
+ icon = (
60
+ <svg
61
+ width={40}
62
+ height={40}
63
+ viewBox='0 0 40 40'
64
+ fill='none'
65
+ xmlns='http://www.w3.org/2000/svg'
66
+ className={className}
67
+ >
68
+ <path d='M20 23.75L20 12.5M20 12.5L16.25 15.8333M20 12.5L23.75 15.8333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
69
+ <path d='M34.1588 19.0374C34.685 18.3521 35 17.4811 35 16.5328C35 14.3244 33.2919 12.5353 31.1867 12.5353C31.1319 12.5353 31.077 12.5369 31.0222 12.54C30.1481 10.8425 28.437 9.69016 26.4681 9.69016C25.6148 9.69016 24.8119 9.90759 24.1022 10.2912C23.2163 7.2286 20.5052 5 17.2963 5C14.2919 5 11.7244 6.95372 10.683 9.71501C10.5141 9.69793 10.3437 9.68861 10.1719 9.68861C7.31556 9.68861 5 12.116 5 15.1103C5 16.2273 5.31217 17.2544 5.84867 18.1072' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' />
70
+ <path d='M12.5 16.25H9.17969V27.9839H31.25V16.25H27.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' />
71
+ <path d='M17.5 27.5V32.5M23.75 27.5V32.5' stroke='white' stroke-width='2' />
72
+ <path d='M14.9998 31.8555H25.9998V34.7587H14.9998V31.8555Z' stroke='white' stroke-width='2' stroke-linejoin='round' />
73
+ </svg>
74
+ )
75
+ break
76
+
77
+ default:
78
+ break
79
+ }
80
+ return icon
81
+ }
82
+
83
+ ExportIcon.propTypes = {
84
+ /**
85
+ * color of text, icon and borders
86
+ */
87
+ color: PropTypes.oneOf(COLORS_ICON),
88
+ /**
89
+ * Size
90
+ */
91
+ size: PropTypes.oneOf(SIZES),
92
+ /**
93
+ * disabled
94
+ */
95
+ disabled: PropTypes.bool,
96
+ /**
97
+ * inactive
98
+ */
99
+ inactive: PropTypes.bool
100
+ }
101
+
102
+ export default ExportIcon
package/src/components/icons/GitHubRepoIcon.jsx CHANGED
@@ -62,9 +62,9 @@ const GitHubRepoIcon = ({
62
62
  <path d='M11.7773 18.3878C11.7776 18.4323 11.7653 18.4703 11.7172 18.4697C11.6373 18.4685 11.6009 18.4143 11.5912 18.3394C11.5858 18.2967 11.6 18.2575 11.649 18.2581C11.7297 18.259 11.7608 18.3176 11.7773 18.3881V18.3878Z' fill='none' className={filledClassName} />
63
63
  <path d='M11.5316 18.0482C11.5353 18.0957 11.5139 18.1219 11.476 18.1216C11.4115 18.1213 11.3702 18.0836 11.3599 18.0176C11.3528 17.973 11.3699 17.9347 11.4184 17.94C11.4802 17.9471 11.5167 17.9916 11.5316 18.0482Z' fill='none' className={filledClassName} />
64
64
  <path d='M11.2764 17.8052C11.2738 17.8511 11.2424 17.8662 11.2085 17.8629C11.1655 17.8585 11.1221 17.8405 11.1113 17.791C11.1022 17.7486 11.1313 17.7282 11.1695 17.7279C11.2219 17.7276 11.2578 17.7551 11.2764 17.8052Z' fill='none' className={filledClassName} />
65
- <path d='M8.99999 7.8072C12.3137 7.8072 15 6.73107 15 5.4036C15 4.07613 12.3137 3 8.99999 3C5.68629 3 3 4.07613 3 5.4036C3 6.73107 5.68629 7.8072 8.99999 7.8072Z' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
66
- <path d='M3 9.08593C3 10.134 4.67489 11.0255 7.01069 11.3542' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
67
- <path d='M3 5.4043V12.5971C3 13.5914 4.50751 14.4448 6.65669 14.8104' stroke='none' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' />
65
+ <path d='M8.99999 7.8072C12.3137 7.8072 15 6.73107 15 5.4036C15 4.07613 12.3137 3 8.99999 3C5.68629 3 3 4.07613 3 5.4036C3 6.73107 5.68629 7.8072 8.99999 7.8072Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
66
+ <path d='M3 9.08593C3 10.134 4.67489 11.0255 7.01069 11.3542' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M3 5.4043V12.5971C3 13.5914 4.50751 14.4448 6.65669 14.8104' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
68
68
  </svg>
69
69
  )
70
70
  break
@@ -86,9 +86,9 @@ const GitHubRepoIcon = ({
86
86
  <path d='M19.6289 30.6463C19.6294 30.7205 19.609 30.7838 19.5287 30.7828C19.3957 30.7809 19.3349 30.6905 19.3187 30.5657C19.3097 30.4945 19.3334 30.4292 19.4151 30.4301C19.5496 30.4316 19.6014 30.5294 19.6289 30.6468V30.6463Z' fill='none' className={filledClassName} />
87
87
  <path d='M19.2193 30.0803C19.2254 30.1594 19.1898 30.2032 19.1266 30.2027C19.0192 30.2022 18.9504 30.1393 18.9332 30.0293C18.9214 29.9551 18.9499 29.8912 19.0306 29.9001C19.1337 29.9118 19.1945 29.986 19.2193 30.0803Z' fill='none' className={filledClassName} />
88
88
  <path d='M18.794 29.6753C18.7897 29.7519 18.7375 29.777 18.6809 29.7716C18.6092 29.7642 18.537 29.7342 18.5189 29.6517C18.5037 29.581 18.5522 29.5471 18.6158 29.5466C18.7033 29.5461 18.7631 29.5918 18.794 29.6753Z' fill='none' className={filledClassName} />
89
- <path d='M15 13.012C20.5228 13.012 25 11.2184 25 9.006C25 6.79355 20.5228 5 15 5C9.47715 5 5 6.79355 5 9.006C5 11.2184 9.47715 13.012 15 13.012Z' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
90
- <path d='M5 15.1432C5 16.89 7.79148 18.3758 11.6845 18.9237' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
91
- <path d='M5 9.00716V20.9951C5 22.6524 7.51252 24.0746 11.0945 24.6841' stroke='none' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />
89
+ <path d='M15 13.012C20.5228 13.012 25 11.2184 25 9.006C25 6.79355 20.5228 5 15 5C9.47715 5 5 6.79355 5 9.006C5 11.2184 9.47715 13.012 15 13.012Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
90
+ <path d='M5 15.1432C5 16.89 7.79148 18.3758 11.6845 18.9237' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
91
+ <path d='M5 9.00716V20.9951C5 22.6524 7.51252 24.0746 11.0945 24.6841' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
92
92
 
93
93
  </svg>
94
94
  )