@platformatic/ui-components 0.8.7 → 0.8.9

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 (13) hide show
  1. package/dist/assets/index-BLJ-dPvu.js +40 -0
  2. package/dist/index.html +1 -1
  3. package/package.json +1 -1
  4. package/src/components/Checkbox.module.css +1 -1
  5. package/src/components/Modal.jsx +9 -3
  6. package/src/components/Modal.module.css +5 -1
  7. package/src/components/Tag.jsx +2 -2
  8. package/src/components/forms/InputFileUpload.jsx +25 -3
  9. package/src/components/forms/ToggleSwitch.module.css +1 -1
  10. package/src/components/icons/CachingIcon.jsx +116 -0
  11. package/src/components/icons/PodServicesIcon.jsx +12 -12
  12. package/src/components/icons/index.js +2 -0
  13. 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-BLJ-dPvu.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.7",
4
+ "version": "0.8.9",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/src/components/Checkbox.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .checkbox {
2
- @apply border border-solid rounded-sm relative inline-block m-0;
2
+ @apply border border-solid rounded-sm relative inline-block m-0 hover:cursor-pointer;
3
3
  -webkit-appearance: none;
4
4
  }
5
5
 
package/src/components/Modal.jsx CHANGED
@@ -42,13 +42,15 @@ function Modal ({
42
42
  childrenClassContainer = '',
43
43
  modalCloseClassName = '',
44
44
  permanent = false,
45
- showCloseButtonOnTop = true
45
+ showCloseButtonOnTop = true,
46
+ additionalModalClassName = ''
46
47
  }) {
47
48
  let contentFullscreen
48
49
  let titleFullscreen
49
- let modalClassName = `${styles.modal}`
50
+ let modalClassName = `${styles.modal} `
50
51
  modalClassName += ' ' + styles[`modal--${layout}`]
51
52
  modalClassName += ' ' + styles[`modal--${size}`]
53
+ modalClassName += ` ${additionalModalClassName || styles.modalDefaultFlex}`
52
54
  let buttonFullRoundedClassName
53
55
  const blurRef = useRef()
54
56
 
@@ -309,7 +311,11 @@ Modal.propTypes = {
309
311
  /**
310
312
  * showCloseButtonOnTop: show button on X
311
313
  */
312
- showCloseButtonOnTop: PropTypes.bool
314
+ showCloseButtonOnTop: PropTypes.bool,
315
+ /**
316
+ * additionalModalClassName: show button on X
317
+ */
318
+ additionalModalClassName: PropTypes.string
313
319
  }
314
320
 
315
321
  export default Modal
package/src/components/Modal.module.css CHANGED
@@ -25,8 +25,12 @@
25
25
  .modal {
26
26
  @apply p-4 rounded-md mx-auto my-auto max-h-[85vh] overflow-y-auto;
27
27
  }
28
+ .modalDefaultFlex {
29
+ @apply flex flex-col gap-y-2;
30
+ }
28
31
  .modal--popup-v2 {
29
- @apply bg-rich-black border border-solid border-white/30 flex flex-col gap-y-4;
32
+ @apply bg-rich-black border border-solid;
33
+ border-color: rgba(255, 255, 255, .3);
30
34
  }
31
35
  .modal--popup {
32
36
  @apply bg-light-blue;
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/forms/InputFileUpload.jsx CHANGED
@@ -5,7 +5,7 @@ import styles from './InputFileUpload.module.css'
5
5
  import commonStyles from '../Common.module.css'
6
6
  import PlatformaticIcon from '../PlatformaticIcon'
7
7
  import Button from '../Button'
8
- import { ERROR_RED, MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, TRANSPARENT, WHITE } from '../constants'
8
+ import { ACTIVE_AND_INACTIVE_STATUS, ERROR_RED, MAIN_DARK_BLUE, MAIN_GREEN, RICH_BLACK, TRANSPARENT, WHITE } from '../constants'
9
9
 
10
10
  function InputFileUpload ({
11
11
  idInputFile = 'fileUpload',
@@ -19,12 +19,13 @@ function InputFileUpload ({
19
19
  afterIcon = null,
20
20
  backgroundColor = WHITE,
21
21
  inputTextClassName = '',
22
- detailTextClassName = '',
23
22
  verticalPaddingClassName = '',
24
23
  dataAttrName = '',
25
24
  dataAttrValue = '',
26
25
  readOnly = false,
27
26
  removeFileButton = {},
27
+ showDetailButton = true,
28
+ detailFileButton = {},
28
29
  onClickDetail = () => {},
29
30
  acceptFiles = '*'
30
31
  }) {
@@ -108,7 +109,20 @@ function InputFileUpload ({
108
109
  >
109
110
  {file !== null ? file.name : <span className={styles.inputPlaceholderClassName}>{inputPlaceholder}</span>}
110
111
  </label>
111
- {file !== null && <span className={`${styles.afterInputDetail} ${detailTextClassName}`} onClick={() => onClickDetail()}>Detail</span>}
112
+ {file !== null && showDetailButton && (
113
+ <div className={styles.afterInputDetail}>
114
+ <Button
115
+ textClass={detailFileButton?.textClass ?? ''}
116
+ paddingClass={detailFileButton?.paddingClass ?? ''}
117
+ label={detailFileButton?.label ?? 'Details'}
118
+ color={detailFileButton?.color ?? WHITE}
119
+ type='button'
120
+ onClick={() => onClickDetail()}
121
+ bordered={false}
122
+ hoverEffect={ACTIVE_AND_INACTIVE_STATUS}
123
+ />
124
+ </div>
125
+ )}
112
126
  </div>
113
127
  {file !== null && (
114
128
  <Button
@@ -211,6 +225,14 @@ InputFileUpload.propTypes = {
211
225
  * removeFileButton
212
226
  */
213
227
  removeFileButton: PropTypes.object,
228
+ /**
229
+ * showDetailButton
230
+ */
231
+ showDetailButton: PropTypes.bool,
232
+ /**
233
+ * detailFileButton
234
+ */
235
+ detailFileButton: PropTypes.object,
214
236
  /**
215
237
  * onClickDetail
216
238
  */
package/src/components/forms/ToggleSwitch.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .container {
2
- @apply flex w-full h-10 items-center gap-x-2;
2
+ @apply flex w-full items-center gap-x-2;
3
3
  }
4
4
  .switch {
5
5
  @apply relative inline-block cursor-pointer;
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/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'
@@ -242,6 +243,7 @@ export default {
242
243
  BillingIcon,
243
244
  BuiltInLoggingIcon,
244
245
  BranchIcon,
246
+ CachingIcon,
245
247
  CalendarIcon,
246
248
  Calendar1DayIcon,
247
249
  Calendar7DaysIcon,