@platformatic/ui-components 0.8.8 → 0.8.10

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 (9) hide show
  1. package/dist/assets/index-CIB0_B4X.js +40 -0
  2. package/dist/index.html +1 -1
  3. package/package.json +1 -1
  4. package/src/components/Tag.jsx +2 -2
  5. package/src/components/icons/CachingIcon.jsx +116 -0
  6. package/src/components/icons/NextJSIcon.jsx +102 -0
  7. package/src/components/icons/PodServicesIcon.jsx +12 -12
  8. package/src/components/icons/index.js +4 -0
  9. package/dist/assets/index-CwsXXQCE.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-CwsXXQCE.js"></script>
7
+ <script type="module" crossorigin src="/assets/index-CIB0_B4X.js"></script>
8
8
  <link rel="stylesheet" crossorigin href="/assets/index-Bj5xxPry.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.8.8",
4
+ "version": "0.8.10",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/src/components/Tag.jsx CHANGED
@@ -3,7 +3,7 @@ import React from 'react'
3
3
  import PropTypes from 'prop-types'
4
4
  import commonStyles from './Common.module.css'
5
5
  import styles from './Tag.module.css'
6
- import { COLORS_BUTTON, OPACITY_100, OPACITY_20, OPACITY_30, OPACITY_60, SIZES, WHITE } from './constants'
6
+ import { COLORS_BUTTON, OPACITY_100, OPACITIES, SIZES, WHITE } from './constants'
7
7
  import PlatformaticIcon from './PlatformaticIcon'
8
8
 
9
9
  function Tag ({
@@ -62,7 +62,7 @@ Tag.propTypes = {
62
62
  /**
63
63
  * opaque
64
64
  */
65
- opaque: PropTypes.oneOf([OPACITY_100, OPACITY_60, OPACITY_30, OPACITY_20]),
65
+ opaque: PropTypes.oneOf([OPACITIES]),
66
66
  /**
67
67
  * fullRounded
68
68
  */
package/src/components/icons/CachingIcon.jsx ADDED
@@ -0,0 +1,116 @@
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 CachingIcon = ({
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
+ const filledClassName = styles[`filled-${color}`]
21
+
22
+ switch (size) {
23
+ case SMALL:
24
+ icon = (
25
+ <svg
26
+ width={16}
27
+ height={16}
28
+ viewBox='0 0 16 16'
29
+ fill='none'
30
+ xmlns='http://www.w3.org/2000/svg'
31
+ className={className}
32
+ >
33
+ <path d='M11 6.99934V2.85714C11 2.38375 10.6162 2 10.1428 2H2.85714C2.38375 2 2 2.38376 2 2.85714V10.1417C2 10.6151 2.38376 10.9988 2.85714 10.9988H6.88887' stroke='none' strokeLinejoin='round' />
34
+ <path d='M2 3.99976H11' stroke='none' />
35
+ <path d='M10.5 9.80285C12.433 9.80285 14 9.1752 14 8.40094C14 7.62668 12.433 6.99902 10.5 6.99902C8.567 6.99902 7 7.62668 7 8.40094C7 9.1752 8.567 9.80285 10.5 9.80285Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
36
+ <path d='M14 10.548C14 11.3222 12.4328 11.9499 10.5 11.9499C8.56722 11.9499 7 11.3222 7 10.548' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
37
+ <path d='M14 8.40247V12.5977C14 13.3719 12.4328 13.9996 10.5 13.9996C8.56722 13.9996 7 13.3719 7 12.5977V8.40247' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
38
+ <path d='M3.125 8.00115V6.06201H3.65151V6.81949H4.34848V6.06201H4.87499V8.00115H4.34848V7.24367H3.65151V8.00115H3.125Z' fill='none' className={filledClassName} />
39
+ <path d='M5.07196 6.4862V6.06201H6.75756V6.4862H6.17423V8.00115H5.65529V6.4862H5.07196Z' fill='none' className={filledClassName} />
40
+ <path d='M6.90269 6.4862V6.06201H8.58829V6.4862H8.00496L7.99998 7.49932L7.48602 8.00115V6.4862H6.90269Z' fill='none' className={filledClassName} />
41
+ <path d='M8.78644 7.34309V6.06201H9.62356C9.7675 6.06201 9.89344 6.09042 10.0014 6.14723C10.1094 6.20404 10.1933 6.28389 10.2533 6.38678C10.3133 6.48967 10.3433 6.60992 10.3433 6.74753C10.3433 6.8864 10.3123 7.00665 10.2505 7.10828C10.1892 7.2099 10.103 7.28818 9.99193 7.34309C9.88145 7.39801 9.75235 7.42547 9.60462 7.42547H9.10462V7.01643H9.49856C9.56043 7.01643 9.61314 7.0057 9.6567 6.98424C9.70089 6.96215 9.73467 6.9309 9.75803 6.8905C9.78202 6.8501 9.79401 6.80244 9.79401 6.74753C9.79401 6.69198 9.78202 6.64464 9.75803 6.6055C9.73467 6.56573 9.70089 6.53543 9.6567 6.5146C9.61314 6.49314 9.56043 6.48241 9.49856 6.48241H9.31295V7.34309H8.78644Z' fill='none' className={filledClassName} />
42
+ </svg>
43
+ )
44
+ break
45
+ case MEDIUM:
46
+ icon = (
47
+ <svg
48
+ width={24}
49
+ height={24}
50
+ viewBox='0 0 24 24'
51
+ fill='none'
52
+ xmlns='http://www.w3.org/2000/svg'
53
+ className={className}
54
+ >
55
+
56
+ <path d='M16.5 10.499V3.85714C16.5 3.38375 16.1162 3 15.6428 3H3.85714C3.38375 3 3 3.38375 3 3.85714V15.6411C3 16.1145 3.38375 16.4982 3.85714 16.4982H10.3333' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
57
+ <path d='M3 5.99963H16.5' stroke='none' strokeWidth={1.5} />
58
+ <path d='M15.75 14.7042C18.6495 14.7042 21 13.7627 21 12.6013C21 11.4399 18.6495 10.4984 15.75 10.4984C12.8505 10.4984 10.5 11.4399 10.5 12.6013C10.5 13.7627 12.8505 14.7042 15.75 14.7042Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
59
+ <path d='M21 15.8219C21 16.9832 18.6491 17.9248 15.75 17.9248C12.8508 17.9248 10.5 16.9832 10.5 15.8219' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
60
+ <path d='M21 12.6036V18.8965C21 20.0578 18.6491 20.9994 15.75 20.9994C12.8508 20.9994 10.5 20.0578 10.5 18.8965V12.6036' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
61
+ <path d='M4.6875 12.0017V9.09302H5.47727V10.2292H6.52272V9.09302H7.31249V12.0017H6.52272V10.8655H5.47727V12.0017H4.6875Z' fill='none' className={filledClassName} />
62
+ <path d='M7.60795 9.7293V9.09302H10.1363V9.7293H9.26135V12.0017H8.48294V9.7293H7.60795Z' fill='none' className={filledClassName} />
63
+ <path d='M10.354 9.7293V9.09302H12.8824V9.7293H12.0074L12 11.249L11.229 12.0017V9.7293H10.354Z' fill='none' className={filledClassName} />
64
+ <path d='M13.1797 11.0146V9.09302H14.4353C14.6512 9.09302 14.8402 9.13563 15.0021 9.22084C15.164 9.30606 15.29 9.42583 15.3799 9.58017C15.4699 9.7345 15.5149 9.91488 15.5149 10.1213C15.5149 10.3296 15.4685 10.51 15.3757 10.6624C15.2838 10.8149 15.1546 10.9323 14.9879 11.0146C14.8222 11.097 14.6285 11.1382 14.4069 11.1382H13.6569V10.5246H14.2478C14.3406 10.5246 14.4197 10.5086 14.4851 10.4764C14.5513 10.4432 14.602 10.3963 14.637 10.3358C14.673 10.2752 14.691 10.2037 14.691 10.1213C14.691 10.038 14.673 9.96696 14.637 9.90825C14.602 9.8486 14.5513 9.80315 14.4851 9.77191C14.4197 9.73971 14.3406 9.72362 14.2478 9.72362H13.9694V11.0146H13.1797Z' fill='none' className={filledClassName} />
65
+ </svg>
66
+ )
67
+ break
68
+ case LARGE:
69
+ icon = (
70
+ <svg
71
+ width={40}
72
+ height={40}
73
+ viewBox='0 0 40 40'
74
+ fill='none'
75
+ xmlns='http://www.w3.org/2000/svg'
76
+ className={className}
77
+ >
78
+ <path d='M27.4999 17.4983V5.85714C27.4999 5.38375 27.1162 5 26.6428 5H5.85714C5.38375 5 5 5.38376 5 5.85714V26.6399C5 27.1133 5.38375 27.497 5.85714 27.497H17.2222' stroke='none' strokeWidth={2} strokeLinejoin='round' />
79
+ <path d='M5 9.99939H27.4999' stroke='none' strokeWidth={2} />
80
+ <path d='M26.25 24.507C31.0824 24.507 34.9999 22.9379 34.9999 21.0022C34.9999 19.0666 31.0824 17.4974 26.25 17.4974C21.4175 17.4974 17.5 19.0666 17.5 21.0022C17.5 22.9379 21.4175 24.507 26.25 24.507Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
81
+ <path d='M34.9999 26.37C34.9999 28.3056 31.0819 29.8748 26.25 29.8748C21.418 29.8748 17.5 28.3056 17.5 26.37' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
82
+ <path d='M34.9999 21.0061V31.4942C34.9999 33.4298 31.0819 34.999 26.25 34.999C21.418 34.999 17.5 33.4298 17.5 31.4942V21.0061' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
83
+ <path d='M7.8125 20.0028V15.1549H9.12878V17.0486H10.8712V15.1549H12.1875V20.0028H10.8712V18.1091H9.12878V20.0028H7.8125Z' fill='none' className={filledClassName} />
84
+ <path d='M12.6799 16.2154V15.1549H16.8939V16.2154H15.4356V20.0028H14.1382V16.2154H12.6799Z' fill='none' className={filledClassName} />
85
+ <path d='M17.2567 16.2154V15.1549H21.4707V16.2154H20.0124L20 18.7482L18.715 20.0028V16.2154H17.2567Z' fill='none' className={filledClassName} />
86
+ <path d='M21.9661 18.3576V15.1549H24.0589C24.4187 15.1549 24.7336 15.2259 25.0035 15.3679C25.2734 15.51 25.4833 15.7096 25.6332 15.9668C25.7832 16.2241 25.8581 16.5247 25.8581 16.8687C25.8581 17.2159 25.7808 17.5165 25.6261 17.7706C25.473 18.0246 25.2576 18.2203 24.9798 18.3576C24.7036 18.4949 24.3809 18.5635 24.0115 18.5635H22.7616V17.541H23.7464C23.9011 17.541 24.0329 17.5141 24.1418 17.4605C24.2522 17.4052 24.3367 17.3271 24.3951 17.2261C24.455 17.1251 24.485 17.006 24.485 16.8687C24.485 16.7298 24.455 16.6115 24.3951 16.5136C24.3367 16.4142 24.2522 16.3385 24.1418 16.2864C24.0329 16.2327 23.9011 16.2059 23.7464 16.2059H23.2824V18.3576H21.9661Z' fill='none' className={filledClassName} />
87
+ </svg>
88
+ )
89
+ break
90
+
91
+ default:
92
+ break
93
+ }
94
+ return icon
95
+ }
96
+
97
+ CachingIcon.propTypes = {
98
+ /**
99
+ * color of text, icon and borders
100
+ */
101
+ color: PropTypes.oneOf(COLORS_ICON),
102
+ /**
103
+ * Size
104
+ */
105
+ size: PropTypes.oneOf(SIZES),
106
+ /**
107
+ * disabled
108
+ */
109
+ disabled: PropTypes.bool,
110
+ /**
111
+ * inactive
112
+ */
113
+ inactive: PropTypes.bool
114
+ }
115
+
116
+ export default CachingIcon
package/src/components/icons/NextJSIcon.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 NextJSIcon = ({
7
+ color = MAIN_DARK_BLUE,
8
+ size = MEDIUM,
9
+ disabled = false,
10
+ inactive = false,
11
+ addImportantToColor = false
12
+ }) => {
13
+ let className = `${styles.svgClassName} `
14
+ // this will be useful if the css is used inside some integrated part, like using icons inside other svg generator
15
+ if (!addImportantToColor) {
16
+ className += styles[`${color}`]
17
+ } else {
18
+ className += styles[`important-${color}`]
19
+ }
20
+
21
+ if (disabled) {
22
+ className += ` ${styles.iconDisabled}`
23
+ }
24
+ if (inactive) {
25
+ className += ` ${styles.iconInactive}`
26
+ }
27
+ let icon = <></>
28
+
29
+ switch (size) {
30
+ case SMALL:
31
+ icon = (
32
+ <svg
33
+ width={16}
34
+ height={16}
35
+ viewBox='0 0 16 16'
36
+ fill='none'
37
+ xmlns='http://www.w3.org/2000/svg'
38
+ className={className}
39
+ >
40
+ <path d='M7.60695 2.00311C7.58114 2.00546 7.49902 2.01367 7.42511 2.01953C5.7208 2.17308 4.12429 3.09269 3.11318 4.50589C2.5502 5.29178 2.19005 6.18312 2.05396 7.12725C2.00587 7.45686 2 7.55421 2 8.00112C2 8.44802 2.00587 8.54538 2.05396 8.87486C2.38009 11.1279 3.98352 13.021 6.15837 13.7223C6.54785 13.8478 6.95832 13.9334 7.42523 13.985C7.60706 14.005 8.39294 14.005 8.57477 13.985C9.38059 13.8959 10.0633 13.6965 10.7366 13.3529C10.8398 13.3001 10.8598 13.2861 10.8457 13.2743C10.8363 13.2673 10.3964 12.6773 9.86861 11.9642L8.90911 10.6682L7.70678 8.88894C7.04525 7.9108 6.50092 7.11083 6.49623 7.11083C6.49154 7.10966 6.48685 7.90012 6.4845 8.86548C6.48098 10.5556 6.47981 10.6237 6.45869 10.6635C6.42819 10.721 6.40473 10.7445 6.35546 10.7703C6.31792 10.789 6.28507 10.7926 6.10793 10.7926H5.90498L5.85101 10.7585C5.81582 10.7363 5.79001 10.7069 5.77241 10.6729L5.74778 10.6201L5.75012 8.26855L5.75364 5.9158L5.79001 5.87006C5.80878 5.84542 5.84867 5.81375 5.87682 5.79851C5.92492 5.77505 5.94369 5.7727 6.14664 5.7727C6.38596 5.7727 6.42584 5.78208 6.48802 5.85012C6.50562 5.86888 7.15658 6.84937 7.93554 8.03044C8.71449 9.21151 9.77945 10.8242 10.3027 11.6159L11.2528 13.055L11.3009 13.0233C11.7267 12.7465 12.1771 12.3525 12.5337 11.942C13.2926 11.0706 13.7818 10.008 13.946 8.87498C13.9941 8.54538 14 8.44802 14 8.00123C14 7.55445 13.9941 7.45697 13.946 7.12748C13.6199 4.87444 12.0165 2.98137 9.84163 2.28005C9.45802 2.15572 9.04989 2.07009 8.59237 2.01848C8.47975 2.00675 7.70443 1.99385 7.60706 2.00323L7.60695 2.00311ZM10.0632 5.63194C10.1195 5.66009 10.1653 5.71405 10.1817 5.77035C10.1911 5.80085 10.1934 6.45291 10.1911 7.92253L10.1876 10.0313L9.8157 9.46123L9.44265 8.89117V7.35821C9.44265 6.36716 9.44734 5.81 9.45438 5.78302C9.47315 5.71733 9.51421 5.66572 9.57052 5.63523C9.61862 5.61059 9.63621 5.60825 9.8204 5.60825C9.99402 5.60825 10.0245 5.61059 10.0632 5.63171V5.63194Z' fill='none' />
41
+ </svg>
42
+ )
43
+ break
44
+ case MEDIUM:
45
+ icon = (
46
+ <svg
47
+ width={24}
48
+ height={24}
49
+ viewBox='0 0 24 24'
50
+ fill='none'
51
+ xmlns='http://www.w3.org/2000/svg'
52
+ className={className}
53
+ >
54
+ <path d='M11.4104 3.00467C11.3717 3.00819 11.2485 3.0205 11.1377 3.0293C8.58119 3.25961 6.18644 4.63903 4.66977 6.75883C3.82529 7.93767 3.28507 9.27468 3.08095 10.6909C3.0088 11.1853 3 11.3313 3 12.0017C3 12.672 3.0088 12.8181 3.08095 13.3123C3.57014 16.6919 5.97528 19.5315 9.23756 20.5834C9.82177 20.7717 10.4375 20.9002 11.1378 20.9776C11.4106 21.0075 12.5894 21.0075 12.8622 20.9776C14.0709 20.8438 15.095 20.5447 16.1049 20.0294C16.2598 19.9502 16.2897 19.9291 16.2686 19.9115C16.2545 19.901 15.5946 19.0159 14.8029 17.9464L13.3637 16.0023L11.5602 13.3334C10.5679 11.8662 9.75139 10.6662 9.74435 10.6662C9.73731 10.6645 9.73027 11.8502 9.72675 13.2982C9.72147 15.8334 9.71971 15.9355 9.68804 15.9953C9.64229 16.0815 9.60709 16.1167 9.53318 16.1554C9.47687 16.1836 9.4276 16.1888 9.16189 16.1888H8.85747L8.77652 16.1378C8.72373 16.1044 8.68502 16.0604 8.65862 16.0094L8.62167 15.9302L8.62519 12.4028L8.63047 8.8737L8.68502 8.80508C8.71317 8.76814 8.773 8.72063 8.81523 8.69776C8.88738 8.66257 8.91553 8.65905 9.21996 8.65905C9.57894 8.65905 9.63877 8.67312 9.73203 8.77517C9.75842 8.80332 10.7349 10.2741 11.9033 12.0457C13.0717 13.8173 14.6692 16.2363 15.454 17.4238L16.8792 19.5825L16.9513 19.535C17.5901 19.1198 18.2656 18.5287 18.8006 17.9129C19.9389 16.6058 20.6727 15.0119 20.9191 13.3125C20.9912 12.8181 21 12.672 21 12.0019C21 11.3317 20.9912 11.1855 20.9191 10.6912C20.4299 7.31165 18.0247 4.47206 14.7624 3.42008C14.187 3.23357 13.5748 3.10513 12.8886 3.02772C12.7196 3.01012 11.5566 2.99077 11.4106 3.00484L11.4104 3.00467ZM15.0948 8.44791C15.1793 8.49014 15.2479 8.57108 15.2726 8.65553C15.2867 8.70128 15.2902 9.67936 15.2867 11.8838L15.2814 15.047L14.7236 14.1919L14.164 13.3368V11.0373C14.164 9.55074 14.171 8.715 14.1816 8.67453C14.2097 8.576 14.2713 8.49859 14.3558 8.45284C14.4279 8.41589 14.4543 8.41237 14.7306 8.41237C14.991 8.41237 15.0368 8.41589 15.0948 8.44756V8.44791Z' fill='none' />
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='M19.0174 5.00778C18.9528 5.01365 18.7475 5.03417 18.5628 5.04883C14.302 5.43269 10.3107 7.73172 7.78294 11.2647C6.37549 13.2295 5.47512 15.4578 5.13491 17.8181C5.01466 18.6421 5 18.8855 5 20.0028C5 21.12 5.01466 21.3634 5.13491 22.1872C5.95023 27.8198 9.95879 32.5524 15.3959 34.3057C16.3696 34.6195 17.3958 34.8336 18.5631 34.9626C19.0177 35.0125 20.9823 35.0125 21.4369 34.9626C23.4515 34.7397 25.1584 34.2412 26.8415 33.3823C27.0996 33.2504 27.1495 33.2152 27.1143 33.1858C27.0908 33.1683 25.991 31.6932 24.6715 29.9106L22.2728 26.6706L19.2669 22.2224C17.6131 19.777 16.2523 17.7771 16.2406 17.7771C16.2288 17.7741 16.2171 19.7503 16.2113 22.1637C16.2025 26.389 16.1995 26.5591 16.1467 26.6588C16.0705 26.8025 16.0118 26.8612 15.8886 26.9257C15.7948 26.9726 15.7127 26.9814 15.2698 26.9814H14.7624L14.6275 26.8964C14.5395 26.8406 14.475 26.7673 14.431 26.6823L14.3694 26.5503L14.3753 20.6714L14.3841 14.7895L14.475 14.6751C14.522 14.6136 14.6217 14.5344 14.6921 14.4963C14.8123 14.4376 14.8592 14.4317 15.3666 14.4317C15.9649 14.4317 16.0646 14.4552 16.22 14.6253C16.264 14.6722 17.8915 17.1234 19.8388 20.0761C21.7862 23.0288 24.4486 27.0606 25.7567 29.0397L28.1319 32.6375L28.2522 32.5583C29.3168 31.8663 30.4427 30.8812 31.3343 29.8549C33.2315 27.6764 34.4545 25.0199 34.8651 22.1875C34.9853 21.3634 35 21.12 35 20.0031C35 18.8861 34.9853 18.6424 34.8651 17.8187C34.0498 12.1861 30.0412 7.45343 24.6041 5.70013C23.645 5.38929 22.6247 5.17522 21.4809 5.0462C21.1994 5.01687 19.2611 4.98461 19.0177 5.00807L19.0174 5.00778ZM25.1581 14.0799C25.2989 14.1502 25.4132 14.2851 25.4543 14.4259C25.4778 14.5021 25.4836 16.1323 25.4778 19.8063L25.469 25.0783L24.5393 23.6531L23.6066 22.2279V18.3955C23.6066 15.9179 23.6184 14.525 23.636 14.4576C23.6829 14.2933 23.7855 14.1643 23.9263 14.0881C24.0465 14.0265 24.0905 14.0206 24.551 14.0206C24.985 14.0206 25.0613 14.0265 25.1581 14.0793V14.0799Z' fill='none' />
69
+ </svg>
70
+ )
71
+ break
72
+
73
+ default:
74
+ break
75
+ }
76
+ return icon
77
+ }
78
+
79
+ NextJSIcon.propTypes = {
80
+ /**
81
+ * color of text, icon and borders
82
+ */
83
+ color: PropTypes.oneOf(COLORS_ICON),
84
+ /**
85
+ * Size
86
+ */
87
+ size: PropTypes.oneOf(SIZES),
88
+ /**
89
+ * disabled
90
+ */
91
+ disabled: PropTypes.bool,
92
+ /**
93
+ * inactive
94
+ */
95
+ inactive: PropTypes.bool,
96
+ /**
97
+ * addImportantToColor
98
+ */
99
+ addImportantToColor: PropTypes.bool
100
+ }
101
+
102
+ export default NextJSIcon
package/src/components/icons/PodServicesIcon.jsx CHANGED
@@ -50,12 +50,12 @@ const PodServicesIcon = ({
50
50
  className={className}
51
51
  transform='rotate(270)'
52
52
  >
53
- <path d='M12 9.9976L10.125 9.9976L8.25 6.75L10.125 3.5024L13.875 3.5024L15.75 6.75L13.875 9.9976L12 9.9976ZM12 9.9976C12 11.1651 12 13.5 12 13.5' stroke='none' stroke-width='1.5' strokeLinejoin='round' />
54
- <rect x='7.5' y='13.5' width='7.5' height='4.5' transform='rotate(90 7.5 13.5)' stroke='none' stroke-width='1.5' strokeLinejoin='round' />
55
- <rect x='14.25' y='13.5' width='7.5' height='4.5' transform='rotate(90 14.25 13.5)' stroke='none' stroke-width='1.5' strokeLinejoin='round' />
56
- <rect x='21' y='13.5' width='7.5' height='4.5' transform='rotate(90 21 13.5)' stroke='none' stroke-width='1.5' strokeLinejoin='round' />
57
- <path d='M8.25 6.75L5.25 6.75L5.25 13.5' stroke='none' stroke-width='1.5' strokeLinecap='round' strokeLinejoin='round' />
58
- <path d='M15.75 6.75L18.75 6.75L18.75 13.5' stroke='none' stroke-width='1.5' strokeLinecap='round' strokeLinejoin='round' />
53
+ <path d='M12 9.9976L10.125 9.9976L8.25 6.75L10.125 3.5024L13.875 3.5024L15.75 6.75L13.875 9.9976L12 9.9976ZM12 9.9976C12 11.1651 12 13.5 12 13.5' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
54
+ <rect x='7.5' y='13.5' width='7.5' height='4.5' transform='rotate(90 7.5 13.5)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
55
+ <rect x='14.25' y='13.5' width='7.5' height='4.5' transform='rotate(90 14.25 13.5)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
56
+ <rect x='21' y='13.5' width='7.5' height='4.5' transform='rotate(90 21 13.5)' stroke='none' strokeWidth={1.5} strokeLinejoin='round' />
57
+ <path d='M8.25 6.75L5.25 6.75L5.25 13.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
58
+ <path d='M15.75 6.75L18.75 6.75L18.75 13.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
59
59
  </svg>
60
60
  )
61
61
  break
@@ -71,12 +71,12 @@ const PodServicesIcon = ({
71
71
  transform='rotate(270)'
72
72
 
73
73
  >
74
- <path d='M20 16.6627L16.875 16.6627L13.75 11.25L16.875 5.83734L23.125 5.83734L26.25 11.25L23.125 16.6627L20 16.6627ZM20 16.6627C20 18.6084 20 22.5 20 22.5' stroke='none' stroke-width='2' strokeLinejoin='round' />
75
- <rect x='12.5' y='22.5' width='12.5' height='7.5' transform='rotate(90 12.5 22.5)' stroke='none' stroke-width='2' strokeLinejoin='round' />
76
- <rect x='23.75' y='22.5' width='12.5' height='7.5' transform='rotate(90 23.75 22.5)' stroke='none' stroke-width='2' strokeLinejoin='round' />
77
- <rect x='35' y='22.5' width='12.5' height='7.5' transform='rotate(90 35 22.5)' stroke='none' stroke-width='2' strokeLinejoin='round' />
78
- <path d='M13.75 11.25L8.75 11.25L8.75 22.5' stroke='none' stroke-width='2' strokeLinecap='round' strokeLinejoin='round' />
79
- <path d='M26.25 11.25L31.25 11.25L31.25 22.5' stroke='none' stroke-width='2' strokeLinecap='round' strokeLinejoin='round' />
74
+ <path d='M20 16.6627L16.875 16.6627L13.75 11.25L16.875 5.83734L23.125 5.83734L26.25 11.25L23.125 16.6627L20 16.6627ZM20 16.6627C20 18.6084 20 22.5 20 22.5' stroke='none' strokeWidth={2} strokeLinejoin='round' />
75
+ <rect x='12.5' y='22.5' width='12.5' height='7.5' transform='rotate(90 12.5 22.5)' stroke='none' strokeWidth={2} strokeLinejoin='round' />
76
+ <rect x='23.75' y='22.5' width='12.5' height='7.5' transform='rotate(90 23.75 22.5)' stroke='none' strokeWidth={2} strokeLinejoin='round' />
77
+ <rect x='35' y='22.5' width='12.5' height='7.5' transform='rotate(90 35 22.5)' stroke='none' strokeWidth={2} strokeLinejoin='round' />
78
+ <path d='M13.75 11.25L8.75 11.25L8.75 22.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
79
+ <path d='M26.25 11.25L31.25 11.25L31.25 22.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
80
80
  </svg>
81
81
  )
82
82
  break
package/src/components/icons/index.js CHANGED
@@ -35,6 +35,7 @@ import BellIcon from './BellIcon'
35
35
  import BillingIcon from './BillingIcon'
36
36
  import BuiltInLoggingIcon from './BuiltInLoggingIcon'
37
37
  import BranchIcon from './BranchIcon'
38
+ import CachingIcon from './CachingIcon'
38
39
  import CalendarIcon from './CalendarIcon'
39
40
  import Calendar1DayIcon from './Calendar1DayIcon'
40
41
  import Calendar7DaysIcon from './Calendar7DaysIcon'
@@ -123,6 +124,7 @@ import MetricsLoadingIcon from './MetricsLoadingIcon'
123
124
  import MetricsLogsIcon from './MetricsLogsIcon'
124
125
  import MissingTemplateIcon from './MissingTemplateIcon'
125
126
  import NameAppIcon from './NameAppIcon'
127
+ import NextJSIcon from './NextJSIcon'
126
128
  import NodeJSMetricsIcon from './NodeJSMetricsIcon'
127
129
  import NoActivitiesIcon from './NoActivitiesIcon'
128
130
  import NoDeploymentsIcon from './NoDeploymentsIcon'
@@ -242,6 +244,7 @@ export default {
242
244
  BillingIcon,
243
245
  BuiltInLoggingIcon,
244
246
  BranchIcon,
247
+ CachingIcon,
245
248
  CalendarIcon,
246
249
  Calendar1DayIcon,
247
250
  Calendar7DaysIcon,
@@ -330,6 +333,7 @@ export default {
330
333
  MetricsLogsIcon,
331
334
  MissingTemplateIcon,
332
335
  NameAppIcon,
336
+ NextJSIcon,
333
337
  NodeJSIcon,
334
338
  NodeJSMetricsIcon,
335
339
  NoActivitiesIcon,