@platformatic/ui-components 0.7.30 → 0.7.32

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 (12) hide show
  1. package/dist/assets/index-C5endV3E.js +40 -0
  2. package/dist/assets/index-Dc2uZTON.css +1 -0
  3. package/dist/index.html +2 -2
  4. package/package.json +1 -1
  5. package/src/components/Common.module.css +3 -0
  6. package/src/components/icons/APIKeyIcon.jsx +97 -0
  7. package/src/components/icons/K8SIcon.jsx +95 -0
  8. package/src/components/icons/NoResultsIcon.jsx +97 -0
  9. package/src/components/icons/NodeJSIcon.jsx +91 -0
  10. package/src/components/icons/index.js +8 -0
  11. package/dist/assets/index-bdsQmI5i.js +0 -40
  12. package/dist/assets/index-i07-ljlS.css +0 -1
package/dist/assets/index-Dc2uZTON.css ADDED
@@ -0,0 +1 @@
1
+ ._input_9kufh_1{box-sizing:border-box;display:flex;height:2.5rem;width:100%;justify-content:space-between;border-radius:.25rem;border-width:1px;border-style:solid;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._onFocus_9kufh_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._onBlur_9kufh_7{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}._fillGreen_9kufh_10{fill:#21fa90}._fillWhite_9kufh_13{fill:#fff}._input_9kufh_1>input:focus{outline:2px solid transparent;outline-offset:2px}._title_9kufh_19{padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._bordered_hv2z2_1{box-sizing:border-box;border-radius:.375rem;border-width:1px;border-style:solid}._bordered--main-green_hv2z2_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._bordered--main-dark-blue_hv2z2_7{--tw-border-opacity: 1;border-color:rgb(0 40 61 / var(--tw-border-opacity))}._bordered--tertiary-blue_hv2z2_10{--tw-border-opacity: 1;border-color:rgb(37 136 228 / var(--tw-border-opacity))}._bordered--error-red_hv2z2_13{--tw-border-opacity: 1;border-color:rgb(250 33 33 / var(--tw-border-opacity))}._bordered--warning-yellow_hv2z2_16{--tw-border-opacity: 1;border-color:rgb(254 185 40 / var(--tw-border-opacity))}._bordered--dark-blue_hv2z2_19{--tw-border-opacity: 1;border-color:rgb(0 52 79 / var(--tw-border-opacity))}._bordered--white_hv2z2_22{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}._bordered--rich-black_hv2z2_25{--tw-border-opacity: 1;border-color:rgb(0 5 11 / var(--tw-border-opacity))}._bordered--black-russian_hv2z2_28{--tw-border-opacity: 1;border-color:rgb(9 14 23 / var(--tw-border-opacity))}._bordered--transparent_hv2z2_31{border-style:none}._bordered--main-green-100_hv2z2_34{border-color:#21fa90}._bordered--main-dark-blue-100_hv2z2_37{border-color:#00283d}._bordered--tertiary-blue-100_hv2z2_40{border-color:#2588e4}._bordered--error-red-100_hv2z2_43{border-color:#fa2121}._bordered--warning-yellow-100_hv2z2_46{border-color:#feb928}._bordered--dark-blue-100_hv2z2_49{border-color:#00344f}._bordered--white-100_hv2z2_52{border-color:#fff}._bordered--rich-black-100_hv2z2_55{border-color:#00050b}._bordered--black-russian-100_hv2z2_58{border-color:#090e17}._bordered--main-green-70_hv2z2_61{border-color:#21fa90b3}._bordered--main-dark-blue-70_hv2z2_64{border-color:#00283db3}._bordered--tertiary-blue-70_hv2z2_67{border-color:#2588e4b3}._bordered--error-red-70_hv2z2_70{border-color:#fa2121b3}._bordered--warning-yellow-70_hv2z2_73{border-color:#feb928b3}._bordered--dark-blue-70_hv2z2_76{border-color:#00344fb3}._bordered--white-70_hv2z2_79{border-color:#ffffffb3}._bordered--rich-black-70_hv2z2_82{border-color:#00050bb3}._bordered--black-russian-70_hv2z2_85{border-color:#090e17b3}._bordered--main-green-30_hv2z2_88{border-color:#21fa904d}._bordered--main-dark-blue-30_hv2z2_91{border-color:#00283d4d}._bordered--error-red-30_hv2z2_94{border-color:#fa21214d}._bordered--warning-yellow-30_hv2z2_97{border-color:#feb9284d}._bordered--dark-blue-30_hv2z2_100{border-color:#00344f4d}._bordered--white-30_hv2z2_103{border-color:#ffffff4d}._bordered--rich-black-30_hv2z2_106{border-color:#00050b4d}._bordered--black-russian-30_hv2z2_109{border-color:#090e174d}._bordered--tertiary-blue-30_hv2z2_112{border-color:#2588e44d}._bordered--main-green-20_hv2z2_115{border-color:#21fa9033}._bordered--main-dark-blue-20_hv2z2_118{border-color:#00283d33}._bordered--error-red-20_hv2z2_121{border-color:#fa212133}._bordered--warning-yellow-20_hv2z2_124{border-color:#feb92833}._bordered--dark-blue-20_hv2z2_127{border-color:#00344f33}._bordered--white-20_hv2z2_130{border-color:#fff3}._bordered--rich-black-20_hv2z2_133{border-color:#00050b33}._bordered--black-russian-20_hv2z2_136{border-color:#090e1733}._bordered--tertiary-blue-20_hv2z2_139{border-color:#2588e433}._bordered--main-dark-blue-15_hv2z2_142{border-color:#00283d26}._bordered--white-15_hv2z2_145{border-color:#ffffff26}._bordered--rich-black-15_hv2z2_148{border-color:#00050b26}._bordered--black-russian-15_hv2z2_151{border-color:#090e1726}._bordered--tertiary-blue-15_hv2z2_154{border-color:#2588e426}._bordered--main-dark-blue-10_hv2z2_37{border-color:#00283d1a}._bordered--white-10_hv2z2_52{border-color:#ffffff1a}._bordered--rich-black-10_hv2z2_55{border-color:#00050b1a}._bordered--black-russian-10_hv2z2_58{border-color:#090e171a}._bordered--tertiary-blue-10_hv2z2_40{border-color:#2588e41a}._error-message_hv2z2_172{position:absolute;bottom:-1.25rem;width:-moz-max-content;width:max-content;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}._padded_hv2z2_176{padding:.625rem .5rem}._text--error-red_hv2z2_179{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}._text--error-red-70_hv2z2_182{color:#fa2121b3}._text--white_hv2z2_185{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._text--white-70_hv2z2_188{color:#ffffffb3}._text--dark-green_hv2z2_191{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}._text--dark-green-70_hv2z2_194{color:#02783fb3}._text--main-green_hv2z2_197{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}._text--main-green-70_hv2z2_200{color:#21fa90b3}._text--light-green_hv2z2_203{--tw-text-opacity: 1;color:rgb(33 241 144 / var(--tw-text-opacity))}._text--light-green-70_hv2z2_206{color:#21f190b3}._text--main-dark-blue_hv2z2_209{--tw-text-opacity: 1;color:rgb(0 40 61 / var(--tw-text-opacity))}._text--main-dark-blue-70_hv2z2_212{color:#00283db3}._text--light-blue_hv2z2_215{--tw-text-opacity: 1;color:rgb(233 247 255 / var(--tw-text-opacity))}._text--light-blue-70_hv2z2_218{color:#e9f7ffb3}._text--rich-black_hv2z2_221{--tw-text-opacity: 1;color:rgb(0 5 11 / var(--tw-text-opacity))}._text--black-russian_hv2z2_224{--tw-text-opacity: 1;color:rgb(9 14 23 / var(--tw-text-opacity))}._text--rich-black-70_hv2z2_227{color:#00050bb3}._text--black-russian-70_hv2z2_230{color:#090e17b3}._text--base_hv2z2_234{font-size:1rem;line-height:1.5rem}._text--xs_hv2z2_237{font-size:.75rem;line-height:1rem}._background-color-main-green_hv2z2_241{--tw-bg-opacity: 1;background-color:rgb(33 250 144 / var(--tw-bg-opacity))}._background-color-light-green_hv2z2_244{--tw-bg-opacity: 1;background-color:rgb(33 241 144 / var(--tw-bg-opacity))}._background-color-dark-green_hv2z2_247{--tw-bg-opacity: 1;background-color:rgb(2 120 63 / var(--tw-bg-opacity))}._background-color-main-dark-blue_hv2z2_250{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._background-color-dark-blue_hv2z2_253{--tw-bg-opacity: 1;background-color:rgb(0 52 79 / var(--tw-bg-opacity))}._background-color-light-blue_hv2z2_256{--tw-bg-opacity: 1;background-color:rgb(233 247 255 / var(--tw-bg-opacity))}._background-color-white_hv2z2_259{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._background-color-error-red_hv2z2_262{--tw-bg-opacity: 1;background-color:rgb(250 33 33 / var(--tw-bg-opacity))}._background-color-tertiary-blue_hv2z2_265{--tw-bg-opacity: 1;background-color:rgb(37 136 228 / var(--tw-bg-opacity))}._background-color-warning-yellow_hv2z2_268{--tw-bg-opacity: 1;background-color:rgb(254 185 40 / var(--tw-bg-opacity))}._background-color-rich-black_hv2z2_271{--tw-bg-opacity: 1;background-color:rgb(0 5 11 / var(--tw-bg-opacity))}._background-color-black-russian_hv2z2_274{--tw-bg-opacity: 1;background-color:rgb(9 14 23 / var(--tw-bg-opacity))}._background-color-night_hv2z2_277{--tw-bg-opacity: 1;background-color:rgb(15 17 20 / var(--tw-bg-opacity))}._background-color-anti-flash-white_hv2z2_280{--tw-bg-opacity: 1;background-color:rgb(237 237 237 / var(--tw-bg-opacity))}._background-color-fire-engine-red_hv2z2_283{--tw-bg-opacity: 1;background-color:rgb(215 25 25 / var(--tw-bg-opacity))}._background-color-alternate-rich-black_hv2z2_286{--tw-bg-opacity: 1;background-color:rgb(18 23 29 / var(--tw-bg-opacity))}._background-color-transparent_hv2z2_289{background-color:transparent}._background-color-opaque-100_hv2z2_292{--tw-bg-opacity: 1 !important}._background-color-opaque-70_hv2z2_295{--tw-bg-opacity: .7 !important}._background-color-opaque-60_hv2z2_298{--tw-bg-opacity: .6 !important}._background-color-opaque-30_hv2z2_301{--tw-bg-opacity: .3 !important}._background-color-opaque-20_hv2z2_304{--tw-bg-opacity: .2 !important}._background-color-opaque-15_hv2z2_307{--tw-bg-opacity: .15 !important}._background-color-opaque-10_hv2z2_292{--tw-bg-opacity: .1 !important}._apply-opacity-30_hv2z2_313{opacity:.3}._padding--none_hv2z2_316{padding:0}._padding--small_hv2z2_319{padding:.25rem}._padding--medium_hv2z2_322{padding:.5rem}._padding--large_hv2z2_325{padding:1rem}._padding--extra-large_hv2z2_328{padding:1.5rem}._hover-background-color-opaque-main-green_hv2z2_331:hover{background-color:rgb(33 250 144 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-light-green_hv2z2_334:hover{background-color:rgb(33 241 144 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-dark-green_hv2z2_337:hover{background-color:rgb(2 120 63 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-main-dark-blue_hv2z2_340:hover{background-color:rgb(0 40 61 / var(--tw-bg-opacity));--tw-bg-opacity: .1 }._hover-background-color-opaque-dark-blue_hv2z2_343:hover{background-color:rgb(0 52 79 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-light-blue_hv2z2_346:hover{background-color:rgb(233 247 255 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-white_hv2z2_349:hover{background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-error-red_hv2z2_352:hover{background-color:rgb(250 33 33 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-tertiary-blue_hv2z2_355:hover{background-color:rgb(37 136 228 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-rich-black_hv2z2_358:hover{background-color:rgb(0 5 11 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-black-russian_hv2z2_361:hover{background-color:rgb(9 14 23 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._hover-background-color-opaque-night_hv2z2_364:hover{background-color:rgb(15 17 20 / var(--tw-bg-opacity));--tw-bg-opacity: .15 }._selected-background-color-main-green_hv2z2_367{background-color:rgb(33 250 144 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-light-green_hv2z2_370{background-color:rgb(33 241 144 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-dark-green_hv2z2_373{background-color:rgb(2 120 63 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 !important}._selected-background-color-main-dark-blue_hv2z2_376{background-color:rgb(0 40 61 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .1 }._selected-background-color-dark-blue_hv2z2_379{background-color:rgb(0 52 79 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-light-blue_hv2z2_382{background-color:rgb(233 247 255 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-rich-black_hv2z2_385{background-color:rgb(0 5 11 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-black-russian_hv2z2_388{background-color:rgb(9 14 23 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-night_hv2z2_391{background-color:rgb(15 17 20 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-white_hv2z2_394{background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-error-red_hv2z2_397{background-color:rgb(250 33 33 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._selected-background-color-tertiary-blue_hv2z2_400{background-color:rgb(37 136 228 / var(--tw-bg-opacity))!important;--tw-bg-opacity: .15 }._fontSemiBold_hv2z2_404{font-weight:600}._fontLight_hv2z2_407{font-weight:300}._fullWidth_hv2z2_410{width:100%}._rich-black_thi2h_1>circle,._rich-black_thi2h_1>ellipse,._rich-black_thi2h_1>rect,._rich-black_thi2h_1>line,._rich-black_thi2h_1>path{stroke:#00050b}._important-rich-black_thi2h_9>circle,._important-rich-black_thi2h_9>ellipse,._important-rich-black_thi2h_9>rect,._important-rich-black_thi2h_9>line,._important-rich-black_thi2h_9>path{stroke:#00050b!important}._error-red_thi2h_17>circle,._error-red_thi2h_17>ellipse,._error-red_thi2h_17>rect,._error-red_thi2h_17>line,._error-red_thi2h_17>path{stroke:#fa2121}._important-error-red_thi2h_25>circle,._important-error-red_thi2h_25>ellipse,._important-error-red_thi2h_25>rect,._important-error-red_thi2h_25>line,._important-error-red_thi2h_25>path{stroke:#fa2121!important}._main-dark-blue_thi2h_33>circle,._main-dark-blue_thi2h_33>ellipse,._main-dark-blue_thi2h_33>rect,._main-dark-blue_thi2h_33>line,._main-dark-blue_thi2h_33>path{stroke:#00283d}._important-main-dark-blue_thi2h_41>circle,._important-main-dark-blue_thi2h_41>ellipse,._important-main-dark-blue_thi2h_41>rect,._important-main-dark-blue_thi2h_41>line,._important-main-dark-blue_thi2h_41>path{stroke:#00283d!important}._main-green_thi2h_49>circle,._main-green_thi2h_49>ellipse,._main-green_thi2h_49>rect,._main-green_thi2h_49>line,._main-green_thi2h_49>path{stroke:#21fa90}._important-main-green_thi2h_57>circle,._important-main-green_thi2h_57>ellipse,._important-main-green_thi2h_57>rect,._important-main-green_thi2h_57>line,._important-main-green_thi2h_57>path{stroke:#21fa90!important}._tertiary-blue_thi2h_65>circle,._tertiary-blue_thi2h_65>ellipse,._tertiary-blue_thi2h_65>rect,._tertiary-blue_thi2h_65>line,._tertiary-blue_thi2h_65>path{stroke:#2588e4}._important-tertiary-blue_thi2h_73>circle,._important-tertiary-blue_thi2h_73>ellipse,._important-tertiary-blue_thi2h_73>rect,._important-tertiary-blue_thi2h_73>line,._important-tertiary-blue_thi2h_73>path{stroke:#2588e4!important}._warning-yellow_thi2h_81>circle,._warning-yellow_thi2h_81>ellipse,._warning-yellow_thi2h_81>rect,._warning-yellow_thi2h_81>line,._warning-yellow_thi2h_81>path{stroke:#feb928}._important-warning-yellow_thi2h_89>circle,._important-warning-yellow_thi2h_89>ellipse,._important-warning-yellow_thi2h_89>rect,._important-warning-yellow_thi2h_89>line,._important-warning-yellow_thi2h_89>path{stroke:#feb928!important}._white_thi2h_97>circle,._white_thi2h_97>ellipse,._white_thi2h_97>rect,._white_thi2h_97>line,._white_thi2h_97>path{stroke:#fff}._important-white_thi2h_105>circle,._important-white_thi2h_105>ellipse,._important-white_thi2h_105>rect,._important-white_thi2h_105>line,._important-white_thi2h_105>path{stroke:#fff!important}._filled-rich-black_thi2h_113{fill:#00050b}._filled-white_thi2h_116{fill:#fff}._filled-error-red_thi2h_119{fill:#fa2121}._filled-main-dark-blue_thi2h_122{fill:#00283d}._filled-main-green_thi2h_125{fill:#21fa90}._filled-warning-yellow_thi2h_128{fill:#feb928}._filled-tertiary-blue_thi2h_131{fill:#2588e4}._fill-circle-green_thi2h_135>circle{fill:#fff}._fill-circle-main-dark-blue_thi2h_138>circle{fill:#00283d}._svgClassName_thi2h_141{display:block;flex-shrink:0;overflow-clip-margin:unset}._iconDisabled_thi2h_146{opacity:.3}._iconInactive_thi2h_150{opacity:.7}._strokeTransparent_thi2h_154{stroke:transparent!important}._cursorPointer_xwn7e_1{cursor:pointer}._pltTooltip_xwn7e_4{position:relative}._tabContainerClassName_5g46h_1{display:flex;width:100%;flex-direction:column;row-gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._tabs-header_5g46h_4{position:relative;display:flex;height:1.5rem;justify-content:flex-start;text-transform:uppercase;letter-spacing:.25em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._tabs-header_5g46h_4:hover{cursor:pointer}._tab_5g46h_1{margin-left:2rem;margin-right:2rem;min-width:105px;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:300;opacity:.7}._tab_5g46h_1:first-child{margin-left:0}._tab_5g46h_1:last-child{margin-right:0}._tab_5g46h_1:hover{opacity:1}._selected-tab_5g46h_10{text-decoration-line:underline;text-underline-offset:8px;opacity:1}._tabContentClassName_5g46h_13{max-height:calc(100vH - 10rem);overflow-y:auto}._tab_5g46h_1:before{display:block;content:attr(title);font-weight:700;height:0;overflow:hidden;visibility:hidden}._divider_5g46h_24{position:absolute;bottom:0;height:1px;width:100%;border-radius:.375rem;border-width:1px;border-style:none;background-color:#ffffff26;margin-block-start:0;margin-block-end:0}._borderedBox_ljsv8_1{flex:1 1 0%;row-gap:1rem;border-radius:.375rem;padding:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._clickable_ljsv8_4{cursor:pointer}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 350px){.container{max-width:350px}}@media (min-width: 390px){.container{max-width:390px}}@media (min-width: 744px){.container{max-width:744px}}@media (min-width: 1240px){.container{max-width:1240px}}@media (min-width: 1440px){.container{max-width:1440px}}@media (min-width: 1920px){.container{max-width:1920px}}.visible{visibility:visible}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-screen{height:100vh}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.border{border-width:1px}.border-0{border-width:0px}.bg-rich-black{--tw-bg-opacity: 1;background-color:rgb(0 5 11 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-dark-green{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}.text-error-red{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}.text-main-green{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{background-color:transparent;font-family:Montserrat}a{--tw-text-opacity: 1;color:rgb(37 136 228 / var(--tw-text-opacity))}input{background-color:transparent}.body--light-blue{--tw-bg-opacity: 1;background-color:rgb(233 247 255 / var(--tw-bg-opacity))}.body--main-dark-blue{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}.hover\:cursor-pointer:hover{cursor:pointer}
package/dist/index.html CHANGED
@@ -4,8 +4,8 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Platformatic UI Components</title>
7
- <script type="module" crossorigin src="/assets/index-bdsQmI5i.js"></script>
8
- <link rel="stylesheet" crossorigin href="/assets/index-i07-ljlS.css">
7
+ <script type="module" crossorigin src="/assets/index-C5endV3E.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/assets/index-Dc2uZTON.css">
9
9
  </head>
10
10
  <body>
11
11
  <div id="root"></div>
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.7.30",
4
+ "version": "0.7.32",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/src/components/Common.module.css CHANGED
@@ -304,6 +304,9 @@
304
304
  .background-color-opaque-20 {
305
305
  @apply bg-opacity-20 !important;
306
306
  }
307
+ .background-color-opaque-15 {
308
+ @apply bg-opacity-15 !important;
309
+ }
307
310
  .background-color-opaque-10 {
308
311
  @apply bg-opacity-10 !important;
309
312
  }
package/src/components/icons/APIKeyIcon.jsx ADDED
@@ -0,0 +1,97 @@
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 APIKeyIcon = ({
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='M11.9579 14.0001L12.9828 12.9752L11.4454 11.4379M11.4454 11.4379L10.4205 12.4628M11.4454 11.4379L9.37427 9.3667' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
33
+ <path d='M7.83791 9.49882C8.96757 9.49882 9.88333 8.59841 9.88333 7.48769C9.88333 6.37698 8.96757 5.47656 7.83791 5.47656C6.70825 5.47656 5.79248 6.37698 5.79248 7.48769C5.79248 8.59841 6.70825 9.49882 7.83791 9.49882Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
34
+ <path d='M11.7186 9.55569L12.0199 8.64755C12.0628 8.51879 12.1856 8.43105 12.3236 8.43105H12.9204C13.0965 8.43105 13.2391 8.2909 13.2391 8.1177V6.79822C13.2391 6.62502 13.0965 6.48487 12.9204 6.48487H12.3525C12.2285 6.48487 12.115 6.41309 12.0628 6.30256L11.692 5.51634C11.6375 5.40239 11.6584 5.2668 11.7453 5.17337L12.2923 4.58313C12.4047 4.46235 12.4035 4.27662 12.2888 4.15698L11.262 3.08817C11.1357 2.956 10.9225 2.95714 10.7973 3.08931L10.372 3.53826C10.2839 3.63169 10.1472 3.66246 10.0267 3.61802L9.14126 3.28872C9.01726 3.24314 8.93498 3.12578 8.93498 2.99588V2.31335C8.93498 2.14015 8.79244 2 8.61629 2H7.05759C6.88144 2 6.7389 2.14015 6.7389 2.31335V2.99588C6.7389 3.12578 6.65662 3.24314 6.53262 3.28872L5.64724 3.61802C5.52671 3.66246 5.38996 3.63169 5.30189 3.53826L4.87658 3.08931C4.75142 2.95714 4.53819 2.95714 4.41187 3.08817L3.3851 4.15698C3.27037 4.27548 3.26921 4.46235 3.38162 4.58313L3.92861 5.17337C4.01437 5.2668 4.03639 5.40126 3.98192 5.51634L3.61108 6.30256C3.55893 6.41423 3.44536 6.48487 3.32136 6.48487H2.75351C2.57736 6.48487 2.43481 6.62502 2.43481 6.79822V8.1177C2.43481 8.2909 2.57736 8.43105 2.75351 8.43105H3.34917C3.48708 8.43105 3.60992 8.51879 3.6528 8.64755L3.95411 9.55569C3.98888 9.6628 3.96338 9.78016 3.88689 9.86334L3.39669 10.3955C3.27732 10.5254 3.28891 10.727 3.42334 10.8421L4.55325 11.8141C4.68305 11.9257 4.88006 11.9155 4.9971 11.7913L5.39112 11.3742C5.47688 11.282 5.61015 11.25 5.72952 11.2911L6.55232 11.5737C6.68096 11.6181 6.76671 11.7366 6.76671 11.8699V12.4909C6.76671 12.6641 6.90926 12.8043 7.08541 12.8043H8.58732C8.76347 12.8043 8.90601 12.6641 8.90601 12.4909V11.8699C8.90601 11.7366 8.99177 11.6181 9.1204 11.5737' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ </svg>
36
+ )
37
+ break
38
+ case MEDIUM:
39
+ icon = (
40
+ <svg
41
+ width={24}
42
+ height={24}
43
+ viewBox='0 0 24 24'
44
+ fill='none'
45
+ xmlns='http://www.w3.org/2000/svg'
46
+ className={className}
47
+ >
48
+ <path d='M17.937 21L19.4743 19.4626L17.1683 17.1566M17.1683 17.1566L15.6309 18.6939M17.1683 17.1566L14.0615 14.0498' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
49
+ <path d='M11.7569 14.2482C13.4513 14.2482 14.825 12.8976 14.825 11.2315C14.825 9.56546 13.4513 8.21484 11.7569 8.21484C10.0624 8.21484 8.68872 9.56546 8.68872 11.2315C8.68872 12.8976 10.0624 14.2482 11.7569 14.2482Z' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
50
+ <path d='M17.5778 14.3335L18.0298 12.9713C18.0941 12.7782 18.2783 12.6466 18.4852 12.6466H19.3804C19.6447 12.6466 19.8585 12.4363 19.8585 12.1766V10.1973C19.8585 9.93754 19.6447 9.72731 19.3804 9.72731H18.5287C18.3427 9.72731 18.1723 9.61963 18.0941 9.45384L17.5378 8.27451C17.4561 8.10359 17.4874 7.9002 17.6178 7.76005L18.4383 6.8747C18.6069 6.69352 18.6052 6.41493 18.4331 6.23547L16.8929 4.63226C16.7034 4.434 16.3836 4.43571 16.1958 4.63397L15.5579 5.30738C15.4258 5.44754 15.2206 5.49368 15.0399 5.42703L13.7118 4.93308C13.5258 4.86471 13.4024 4.68866 13.4024 4.49382V3.47002C13.4024 3.21023 13.1885 3 12.9243 3H10.5863C10.322 3 10.1082 3.21023 10.1082 3.47002V4.49382C10.1082 4.68866 9.98481 4.86471 9.79881 4.93308L8.47073 5.42703C8.28994 5.49368 8.08482 5.44754 7.95271 5.30738L7.31475 4.63397C7.12701 4.43571 6.80716 4.43571 6.61768 4.63226L5.07752 6.23547C4.90543 6.41322 4.90369 6.69352 5.07231 6.8747L5.8928 7.76005C6.02143 7.9002 6.05446 8.10188 5.97276 8.27451L5.4165 9.45384C5.33827 9.62134 5.16792 9.72731 4.98192 9.72731H4.13014C3.86591 9.72731 3.6521 9.93754 3.6521 10.1973V12.1766C3.6521 12.4363 3.86591 12.6466 4.13014 12.6466H5.02364C5.2305 12.6466 5.41476 12.7782 5.47908 12.9713L5.93104 14.3335C5.98319 14.4942 5.94495 14.6702 5.83022 14.795L5.09491 15.5932C4.91586 15.788 4.93324 16.0906 5.13489 16.2632L6.82975 17.7211C7.02445 17.8886 7.31996 17.8732 7.49553 17.6869L8.08656 17.0614C8.2152 16.9229 8.4151 16.8751 8.59415 16.9366L9.82836 17.3605C10.0213 17.4271 10.1499 17.6049 10.1499 17.8049V18.7364C10.1499 18.9962 10.3638 19.2064 10.628 19.2064H12.8809C13.1451 19.2064 13.3589 18.9962 13.3589 18.7364V17.8049C13.3589 17.6049 13.4875 17.4271 13.6805 17.3605' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+
52
+ </svg>
53
+ )
54
+ break
55
+ case LARGE:
56
+ icon = (
57
+ <svg
58
+ width={40}
59
+ height={40}
60
+ viewBox='0 0 40 40'
61
+ fill='none'
62
+ xmlns='http://www.w3.org/2000/svg'
63
+ className={className}
64
+ >
65
+ <path d='M29.8949 35.0001L32.4571 32.4378L28.6137 28.5944M28.6137 28.5944L26.0514 31.1567M28.6137 28.5944L23.4358 23.4165' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
66
+ <path d='M19.5945 23.7466C22.4187 23.7466 24.7081 21.4955 24.7081 18.7187C24.7081 15.9419 22.4187 13.6909 19.5945 13.6909C16.7704 13.6909 14.481 15.9419 14.481 18.7187C14.481 21.4955 16.7704 23.7466 19.5945 23.7466Z' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M29.2962 23.8892L30.0494 21.6189C30.1566 21.297 30.4637 21.0776 30.8085 21.0776H32.3006C32.741 21.0776 33.0973 20.7272 33.0973 20.2943V16.9955C33.0973 16.5626 32.741 16.2122 32.3006 16.2122H30.8809C30.5709 16.2122 30.287 16.0327 30.1566 15.7564L29.2295 13.7908C29.0934 13.506 29.1455 13.167 29.3628 12.9334L30.7303 11.4578C31.0113 11.1559 31.0084 10.6915 30.7216 10.3924L28.1547 7.72043C27.8389 7.38999 27.3058 7.39284 26.9929 7.72328L25.9296 8.84564C25.7094 9.07923 25.3676 9.15614 25.0663 9.04504L22.8528 8.22179C22.5428 8.10785 22.3371 7.81444 22.3371 7.4897V5.78337C22.3371 5.35038 21.9807 5 21.5404 5H17.6436C17.2032 5 16.8469 5.35038 16.8469 5.78337V7.4897C16.8469 7.81444 16.6412 8.10785 16.3312 8.22179L14.1177 9.04504C13.8164 9.15614 13.4745 9.07923 13.2544 8.84564L12.1911 7.72328C11.8782 7.39284 11.3451 7.39284 11.0293 7.72043L8.46238 10.3924C8.17555 10.6887 8.17266 11.1559 8.45369 11.4578L9.82117 12.9334C10.0356 13.167 10.0906 13.5031 9.95444 13.7908L9.02733 15.7564C8.89696 16.0356 8.61303 16.2122 8.30303 16.2122H6.8834C6.44303 16.2122 6.08667 16.5626 6.08667 16.9955V20.2943C6.08667 20.7272 6.44303 21.0776 6.8834 21.0776H8.37256C8.71733 21.0776 9.02444 21.297 9.13163 21.6189L9.88491 23.8892C9.97182 24.157 9.90808 24.4504 9.71687 24.6583L8.49135 25.9887C8.19294 26.3134 8.22191 26.8176 8.55799 27.1053L11.3828 29.5352C11.7072 29.8144 12.1998 29.7887 12.4924 29.4782L13.4774 28.4356C13.6918 28.2049 14.025 28.1251 14.3234 28.2277L16.3804 28.9341C16.702 29.0452 16.9164 29.3415 16.9164 29.6748V31.2273C16.9164 31.6603 17.2728 32.0106 17.7132 32.0106H21.4679C21.9083 32.0106 22.2647 31.6603 22.2647 31.2273V29.6748C22.2647 29.3415 22.4791 29.0452 22.8006 28.9341' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
68
+ </svg>
69
+ )
70
+ break
71
+
72
+ default:
73
+ break
74
+ }
75
+ return icon
76
+ }
77
+
78
+ APIKeyIcon.propTypes = {
79
+ /**
80
+ * color of text, icon and borders
81
+ */
82
+ color: PropTypes.oneOf(COLORS_ICON),
83
+ /**
84
+ * Size
85
+ */
86
+ size: PropTypes.oneOf(SIZES),
87
+ /**
88
+ * disabled
89
+ */
90
+ disabled: PropTypes.bool,
91
+ /**
92
+ * inactive
93
+ */
94
+ inactive: PropTypes.bool
95
+ }
96
+
97
+ export default APIKeyIcon
package/src/components/icons/K8SIcon.jsx ADDED
@@ -0,0 +1,95 @@
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 K8SIcon = ({
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
+ const strokeTransparent = styles.strokeTransparent
22
+
23
+ switch (size) {
24
+ case SMALL:
25
+ icon = (
26
+ <svg
27
+ width={16}
28
+ height={16}
29
+ viewBox='0 0 16 16'
30
+ fill='none'
31
+ xmlns='http://www.w3.org/2000/svg'
32
+ className={className}
33
+ >
34
+ <path d='M9.04236 8.81833C9.02718 8.81498 9.01145 8.81386 8.99626 8.81442C8.96914 8.8161 8.94311 8.8228 8.9187 8.8351C8.82107 8.88373 8.77822 9.00222 8.82107 9.10506L8.81944 9.1073L9.2821 10.2587C9.72468 9.96748 10.0604 9.5332 10.2367 9.02346L9.04453 8.81609L9.04236 8.81889V8.81833ZM7.18795 8.98154C7.16734 8.8882 7.08761 8.82113 6.99432 8.82001C6.98076 8.82001 6.96775 8.82113 6.95473 8.82392L6.95256 8.82168L5.77125 9.02849C5.94861 9.53431 6.28326 9.96525 6.72259 10.2553L7.18036 9.11512L7.17656 9.11065C7.19338 9.07041 7.19718 9.02569 7.18795 8.98266V8.98154ZM8.17726 9.42868C8.12465 9.32751 8.00261 9.28951 7.90444 9.34372C7.86919 9.36328 7.84044 9.39291 7.822 9.42924H7.82092L7.24002 10.5119C7.65603 10.6578 8.1035 10.6818 8.53198 10.5806C8.61117 10.5622 8.68927 10.5398 8.76466 10.5136L8.18214 9.42868H8.1778H8.17726ZM10.017 6.91351L9.12318 7.73793V7.74072C9.03965 7.81618 9.03097 7.94808 9.10474 8.03472C9.13077 8.06546 9.16494 8.08726 9.20291 8.09843L9.20399 8.10346L10.362 8.4472C10.4119 7.91119 10.2909 7.37295 10.017 6.91407V6.91351ZM8.35571 7.00629C8.36059 7.12143 8.4555 7.20974 8.56669 7.20471C8.60629 7.20304 8.64425 7.18906 8.67625 7.16503L8.68005 7.1667L9.65851 6.45184C9.28589 6.07624 8.80426 5.83646 8.28682 5.77051L8.35462 7.00573H8.35571V7.00629ZM7.31975 7.1695C7.40979 7.23713 7.53616 7.21645 7.60179 7.12367C7.62512 7.09069 7.63868 7.05101 7.6403 7.01021L7.64518 7.00797L7.71298 5.77051C7.63108 5.78057 7.54972 5.7951 7.46891 5.8141C7.03988 5.91359 6.64666 6.13437 6.33316 6.45184L7.31758 7.17118L7.31975 7.17006V7.1695ZM6.79527 8.10458C6.90266 8.0744 6.96612 7.95982 6.93683 7.84915C6.92653 7.80947 6.90483 7.7737 6.87446 7.74687L6.87554 7.74184L5.97681 6.91351C5.70237 7.37351 5.58467 7.91455 5.64216 8.45112L6.79473 8.10849L6.79581 8.10458H6.79527ZM7.66796 8.46844L7.99936 8.63277L8.33021 8.469L8.41211 8.10123L8.18323 7.80612H7.81495L7.58552 8.10067L7.66796 8.46844Z' fill='none' className={`${filledClassName} ${strokeTransparent}`} />
35
+ <path d='M13.4812 9.19349L12.5364 4.96354C12.4849 4.7422 12.3395 4.55608 12.141 4.45659L8.31611 2.57469C8.11543 2.47576 7.8822 2.47576 7.68098 2.57469L3.85664 4.45771C3.65758 4.5572 3.51222 4.74332 3.4607 4.96465L2.51749 9.19405C2.49417 9.3008 2.49417 9.41203 2.51749 9.51878C2.52454 9.5512 2.53322 9.58362 2.54407 9.61492C2.56251 9.66857 2.58692 9.71944 2.61675 9.7675C2.62977 9.78818 2.64332 9.80775 2.65851 9.82675L5.30534 13.2183C5.31673 13.2328 5.32975 13.2468 5.34222 13.2602C5.38399 13.3061 5.43063 13.3457 5.48162 13.3793C5.54616 13.4212 5.61667 13.4531 5.69098 13.4732C5.75172 13.4905 5.8141 13.4995 5.87701 13.4995H5.91823L10.1217 13.4983C10.1472 13.4983 10.1727 13.4967 10.1982 13.4939C10.2345 13.4894 10.2709 13.4827 10.3061 13.4726C10.3316 13.4659 10.3566 13.4575 10.381 13.448C10.3999 13.4408 10.4195 13.4329 10.4374 13.424C10.465 13.4106 10.4916 13.3949 10.5176 13.3782C10.5844 13.3351 10.6435 13.2809 10.6934 13.2178L10.7742 13.1144L13.3397 9.82563C13.389 9.76191 13.4275 9.69037 13.4541 9.6138C13.465 9.5825 13.4742 9.55008 13.4812 9.51766C13.5045 9.41091 13.5045 9.29968 13.4812 9.19293V9.19349ZM9.51424 10.8384C9.52508 10.8708 9.53756 10.9027 9.5522 10.9334C9.52888 10.9753 9.52237 11.0256 9.5343 11.0726C9.59017 11.2039 9.65797 11.3291 9.73715 11.4471C9.78163 11.5074 9.82231 11.57 9.85973 11.6349C9.86895 11.6528 9.88089 11.6796 9.88956 11.6986C9.95465 11.8109 9.91939 11.9563 9.81038 12.0239C9.70136 12.0915 9.56034 12.0546 9.49471 11.9423C9.48712 11.9289 9.48061 11.9149 9.47573 11.9004C9.46705 11.8819 9.45512 11.8573 9.44752 11.84C9.42149 11.7696 9.39925 11.6969 9.38081 11.6237C9.34121 11.4868 9.2886 11.3537 9.22352 11.2269C9.19531 11.1877 9.15355 11.1615 9.1069 11.1536C9.09985 11.1408 9.07273 11.0894 9.05809 11.0631C8.3774 11.3286 7.62511 11.3269 6.94551 11.0575L6.89344 11.1542C6.85656 11.1603 6.82184 11.1777 6.79473 11.2039C6.71662 11.3359 6.65696 11.4784 6.61737 11.6276C6.59947 11.7008 6.57723 11.7729 6.5512 11.8439C6.5436 11.8612 6.53167 11.8853 6.52299 11.9037V11.9048C6.48014 12.0278 6.34889 12.0921 6.22902 12.0485C6.1097 12.0043 6.04732 11.8691 6.08963 11.7455C6.09505 11.7305 6.10156 11.7165 6.10915 11.7025C6.11783 11.6835 6.12922 11.6567 6.13844 11.6393C6.17587 11.574 6.21654 11.5114 6.26102 11.451C6.34184 11.3303 6.41126 11.2017 6.46821 11.067C6.47418 11.0212 6.46713 10.9748 6.4476 10.9334L6.48936 10.8306C5.86291 10.4494 5.39321 9.84519 5.1692 9.13201L5.0694 9.14933C5.0309 9.12083 4.98534 9.10462 4.93761 9.10182C4.80092 9.12865 4.6675 9.16945 4.53841 9.22255C4.4717 9.25329 4.40282 9.28068 4.33285 9.3036C4.31603 9.30807 4.29271 9.3131 4.27373 9.31701C4.2721 9.31701 4.27102 9.31813 4.26939 9.31869C4.2683 9.31869 4.26722 9.31869 4.26614 9.31869C4.14573 9.35949 4.01555 9.29186 3.97596 9.16778C3.93637 9.0437 4.00199 8.90955 4.1224 8.86875C4.13596 8.86428 4.15007 8.86093 4.16417 8.85869H4.16742L4.16959 8.85701C4.18857 8.85254 4.21352 8.84584 4.23088 8.84248C4.30356 8.83186 4.37678 8.82571 4.45055 8.82404C4.5894 8.81454 4.72662 8.79162 4.86059 8.75473C4.90018 8.72846 4.93381 8.69381 4.95876 8.65245L5.05476 8.62338C4.95062 7.87889 5.11713 7.12099 5.52175 6.49555L5.44853 6.42792C5.44582 6.37874 5.43009 6.33179 5.40243 6.29154C5.29721 6.1982 5.18276 6.11548 5.06181 6.04506C4.99673 6.01096 4.93327 5.9724 4.87198 5.93048C4.85788 5.91986 4.83943 5.90365 4.82479 5.89135L4.82154 5.88912C4.71306 5.80863 4.68811 5.65325 4.76513 5.54146C4.8096 5.48557 4.8774 5.45427 4.94737 5.45818C5.0054 5.46098 5.06181 5.48278 5.10683 5.52023C5.12256 5.53252 5.14371 5.54985 5.15781 5.56215C5.21097 5.61413 5.26141 5.6689 5.3086 5.72703C5.40189 5.83322 5.50548 5.92936 5.61721 6.01432C5.65897 6.03723 5.70779 6.0417 5.75335 6.02773C5.78047 6.04841 5.80813 6.06853 5.83579 6.08809C6.23824 5.64766 6.75893 5.34081 7.33168 5.20779C7.46782 5.17593 7.60613 5.15413 7.74552 5.14239L7.75095 5.0429C7.78674 5.01049 7.81224 4.96801 7.82525 4.92106C7.83014 4.77797 7.82146 4.63489 7.79976 4.49348C7.78512 4.41914 7.77481 4.34425 7.7683 4.26935C7.76776 4.25202 7.7683 4.22855 7.76885 4.20899C7.76885 4.20675 7.7683 4.20451 7.7683 4.20228C7.75529 4.07205 7.84749 3.95579 7.97387 3.94238C8.10024 3.92896 8.21306 4.02398 8.22607 4.15421C8.2277 4.16986 8.2277 4.18607 8.22607 4.20172C8.22607 4.2224 8.22716 4.24979 8.22607 4.26879C8.21957 4.34425 8.20926 4.41914 8.19462 4.49292C8.17238 4.63433 8.1637 4.77741 8.16858 4.92106C8.1778 4.96912 8.20438 5.01104 8.24343 5.03899C8.24397 5.05632 8.24723 5.11277 8.24885 5.14407C8.97239 5.2117 9.64766 5.54817 10.1488 6.09033L10.2361 6.02605C10.2828 6.03444 10.3311 6.02885 10.375 6.0104C10.4867 5.92489 10.5898 5.82875 10.6836 5.72256C10.7308 5.66443 10.7812 5.60965 10.8349 5.55767C10.849 5.54538 10.8702 5.52861 10.8859 5.51575C10.9765 5.42409 11.1219 5.42465 11.2114 5.51799C11.3003 5.61133 11.2998 5.76112 11.2092 5.85335C11.1978 5.86508 11.1848 5.8757 11.1712 5.88465C11.156 5.8975 11.1354 5.91539 11.1208 5.92656C11.0595 5.96848 10.996 6.00649 10.9304 6.04114C10.8094 6.11157 10.6955 6.19429 10.5898 6.28763C10.5589 6.32452 10.5437 6.37259 10.5469 6.42121C10.5339 6.43351 10.4894 6.47431 10.4656 6.49611C10.8713 7.11987 11.041 7.87498 10.9423 8.61891L11.0345 8.64686C11.0579 8.68989 11.092 8.72511 11.1332 8.74914C11.2678 8.78603 11.405 8.80951 11.5438 8.81901C11.6171 8.82068 11.6903 8.82683 11.7635 8.83689C11.7825 8.8408 11.8107 8.84863 11.8302 8.8531C11.956 8.86987 12.0445 8.98892 12.0282 9.11859C12.0119 9.24826 11.8964 9.33937 11.7705 9.3226C11.7564 9.32092 11.7423 9.31757 11.7288 9.31254H11.7255C11.7255 9.31254 11.7228 9.31086 11.7212 9.3103C11.7022 9.30639 11.6783 9.30192 11.6621 9.29745C11.5921 9.27453 11.5238 9.24714 11.4565 9.21584C11.3274 9.16219 11.194 9.12194 11.0573 9.09512C11.0101 9.09344 10.964 9.11133 10.9293 9.1443C10.8968 9.13815 10.8642 9.13201 10.8317 9.12642C10.6104 9.84408 10.1407 10.4527 9.51207 10.8367L9.51424 10.8384Z' fill='none' className={filledClassName} />
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='M13.5631 13.2275C13.5403 13.2225 13.5167 13.2208 13.4939 13.2216C13.4532 13.2241 13.4142 13.2342 13.3776 13.2526C13.2311 13.3256 13.1668 13.5033 13.2311 13.6576L13.2287 13.6609L13.9227 15.388C14.5865 14.9512 15.0901 14.2998 15.3545 13.5352L13.5663 13.2241L13.5631 13.2283V13.2275ZM10.7814 13.4723C10.7505 13.3323 10.6309 13.2317 10.491 13.23C10.4707 13.23 10.4511 13.2317 10.4316 13.2359L10.4284 13.2325L8.65639 13.5427C8.92243 14.3015 9.4244 14.9479 10.0834 15.383L10.7701 13.6727L10.7644 13.666C10.7896 13.6056 10.7953 13.5385 10.7814 13.474V13.4723ZM12.2654 14.143C12.1865 13.9913 12.0034 13.9343 11.8562 14.0156C11.8033 14.0449 11.7602 14.0894 11.7325 14.1439H11.7309L10.8595 15.7678C11.4836 15.9866 12.1548 16.0227 12.7975 15.8709C12.9163 15.8433 13.0334 15.8097 13.1465 15.7703L12.2727 14.143H12.2662H12.2654ZM15.025 10.3703L13.6843 11.6069V11.6111C13.559 11.7243 13.546 11.9221 13.6566 12.0521C13.6957 12.0982 13.7469 12.1309 13.8039 12.1477L13.8055 12.1552L15.5425 12.6708C15.6173 11.8668 15.4359 11.0594 15.025 10.3711V10.3703ZM12.5331 10.5094C12.5404 10.6821 12.6828 10.8146 12.8496 10.8071C12.9089 10.8046 12.9659 10.7836 13.0139 10.7475L13.0196 10.7501L14.4873 9.67776C13.9284 9.11436 13.2059 8.75469 12.4297 8.65576L12.5314 10.5086H12.5331V10.5094ZM10.9791 10.7542C11.1142 10.8557 11.3038 10.8247 11.4022 10.6855C11.4372 10.636 11.4575 10.5765 11.46 10.5153L11.4673 10.512L11.569 8.65576C11.4461 8.67085 11.3241 8.69265 11.2029 8.72116C10.5593 8.87039 9.9695 9.20155 9.49925 9.67776L10.9759 10.7568L10.9791 10.7551V10.7542ZM10.1924 12.1569C10.3535 12.1116 10.4487 11.9397 10.4048 11.7737C10.3893 11.7142 10.3568 11.6605 10.3112 11.6203L10.3128 11.6128L8.96473 10.3703C8.55306 11.0603 8.37652 11.8718 8.46276 12.6767L10.1916 12.1627L10.1932 12.1569H10.1924ZM11.5015 12.7027L11.9986 12.9492L12.4948 12.7035L12.6177 12.1518L12.2744 11.7092H11.7219L11.3778 12.151L11.5015 12.7027Z' fill='none' className={`${filledClassName} ${strokeTransparent}`} />
50
+ <path d='M20.2218 13.79L18.8046 7.44506C18.7273 7.11306 18.5093 6.83387 18.2115 6.68464L12.4742 3.86178C12.1731 3.71339 11.8233 3.71339 11.5215 3.86178L5.78495 6.68632C5.48637 6.83555 5.26833 7.11473 5.19104 7.44674L3.77624 13.7908C3.74125 13.951 3.74125 14.1178 3.77624 14.2779C3.78681 14.3266 3.79983 14.3752 3.8161 14.4221C3.84376 14.5026 3.88038 14.5789 3.92512 14.651C3.94465 14.682 3.96499 14.7114 3.98777 14.7399L7.95801 19.8272C7.9751 19.849 7.99462 19.87 8.01333 19.8901C8.07598 19.9589 8.14595 20.0184 8.22242 20.0687C8.31924 20.1316 8.425 20.1793 8.53646 20.2095C8.62758 20.2355 8.72114 20.2489 8.81552 20.2489H8.87735L15.1826 20.2473C15.2208 20.2473 15.259 20.2447 15.2973 20.2406C15.3518 20.2338 15.4063 20.2238 15.4592 20.2087C15.4974 20.1986 15.5348 20.1861 15.5714 20.1718C15.5999 20.1609 15.6292 20.1492 15.6561 20.1358C15.6975 20.1156 15.7374 20.0922 15.7765 20.067C15.8765 20.0024 15.9652 19.9211 16.0401 19.8264L16.1613 19.6713L20.0095 14.7382C20.0835 14.6426 20.1413 14.5353 20.1812 14.4205C20.1974 14.3735 20.2113 14.3249 20.2218 14.2763C20.2568 14.1161 20.2568 13.9493 20.2218 13.7891V13.79ZM14.2714 16.2574C14.2876 16.306 14.3063 16.3538 14.3283 16.3999C14.2933 16.4628 14.2836 16.5382 14.3015 16.6087C14.3853 16.8057 14.4869 16.9935 14.6057 17.1704C14.6724 17.2609 14.7335 17.3548 14.7896 17.4521C14.8034 17.4789 14.8213 17.5191 14.8343 17.5476C14.932 17.7162 14.8791 17.9341 14.7156 18.0356C14.552 18.137 14.3405 18.0817 14.2421 17.9132C14.2307 17.8931 14.2209 17.8721 14.2136 17.8503C14.2006 17.8226 14.1827 17.7857 14.1713 17.7598C14.1322 17.6541 14.0989 17.5451 14.0712 17.4353C14.0118 17.2299 13.9329 17.0304 13.8353 16.84C13.793 16.7814 13.7303 16.742 13.6604 16.7302C13.6498 16.7109 13.6091 16.6338 13.5871 16.5944C12.5661 16.9926 11.4377 16.9901 10.4183 16.586L10.3402 16.7311C10.2848 16.7403 10.2328 16.7663 10.1921 16.8057C10.0749 17.0035 9.98544 17.2173 9.92605 17.4412C9.8992 17.551 9.86584 17.6592 9.82679 17.7656C9.8154 17.7916 9.7975 17.8277 9.78449 17.8553V17.857C9.72021 18.0415 9.52333 18.1379 9.34353 18.0725C9.16454 18.0062 9.07098 17.8034 9.13444 17.6181C9.14258 17.5954 9.15234 17.5745 9.16373 17.5535C9.17675 17.525 9.19383 17.4848 9.20766 17.4588C9.2638 17.3607 9.32482 17.2668 9.39153 17.1762C9.51275 16.9951 9.61689 16.8023 9.70232 16.6003C9.71127 16.5315 9.70069 16.4619 9.6714 16.3999L9.73405 16.2456C8.79437 15.6738 8.08981 14.7675 7.7538 13.6978L7.60411 13.7238C7.54634 13.681 7.478 13.6567 7.40641 13.6525C7.20139 13.6927 7.00125 13.7539 6.80762 13.8336C6.70755 13.8797 6.60422 13.9208 6.49927 13.9551C6.47405 13.9619 6.43907 13.9694 6.41059 13.9753C6.40815 13.9753 6.40652 13.9769 6.40408 13.9778C6.40246 13.9778 6.40083 13.9778 6.3992 13.9778C6.21859 14.039 6.02333 13.9375 5.96394 13.7514C5.90455 13.5653 6.00299 13.3641 6.18361 13.3029C6.20394 13.2962 6.2251 13.2911 6.24625 13.2878H6.25113L6.25439 13.2853C6.28286 13.2786 6.32029 13.2685 6.34632 13.2635C6.45534 13.2475 6.56517 13.2383 6.67582 13.2358C6.88409 13.2216 7.08993 13.1872 7.29088 13.1319C7.35027 13.0924 7.40071 13.0405 7.43814 12.9784L7.58214 12.9348C7.42593 11.8181 7.6757 10.6812 8.28263 9.74308L8.1728 9.64164C8.16873 9.56786 8.14513 9.49743 8.10364 9.43707C7.94581 9.29706 7.77414 9.17298 7.59272 9.06734C7.49509 9.0162 7.3999 8.95835 7.30797 8.89547C7.28681 8.87954 7.25915 8.85523 7.23718 8.83678L7.2323 8.83343C7.06959 8.7127 7.03216 8.47963 7.14769 8.31195C7.2144 8.22811 7.3161 8.18116 7.42105 8.18703C7.5081 8.19122 7.59272 8.22392 7.66024 8.28009C7.68384 8.29854 7.71557 8.32453 7.73672 8.34297C7.81645 8.42094 7.89211 8.50311 7.96289 8.5903C8.10283 8.74959 8.25822 8.89379 8.42582 9.02123C8.48846 9.0556 8.56168 9.06231 8.63002 9.04135C8.6707 9.07237 8.7122 9.10255 8.75369 9.1319C9.35736 8.47125 10.1384 8.01097 10.9975 7.81143C11.2017 7.76365 11.4092 7.73095 11.6183 7.71334L11.6264 7.56411C11.6801 7.51548 11.7184 7.45177 11.7379 7.38134C11.7452 7.16671 11.7322 6.95209 11.6996 6.73997C11.6777 6.62847 11.6622 6.51612 11.6525 6.40378C11.6516 6.37779 11.6525 6.34258 11.6533 6.31323C11.6533 6.30988 11.6525 6.30653 11.6525 6.30317C11.6329 6.10783 11.7712 5.93344 11.9608 5.91332C12.1504 5.8932 12.3196 6.03573 12.3391 6.23107C12.3416 6.25455 12.3416 6.27886 12.3391 6.30233C12.3391 6.33336 12.3407 6.37444 12.3391 6.40294C12.3293 6.51612 12.3139 6.62847 12.2919 6.73914C12.2586 6.95125 12.2456 7.16588 12.2529 7.38134C12.2667 7.45344 12.3066 7.51632 12.3651 7.55824C12.366 7.58423 12.3708 7.66891 12.3733 7.71586C13.4586 7.8173 14.4715 8.32201 15.2232 9.13525L15.3542 9.03884C15.4242 9.05141 15.4966 9.04303 15.5625 9.01536C15.7301 8.88709 15.8847 8.74288 16.0254 8.58359C16.0962 8.4964 16.1719 8.41424 16.2524 8.33627C16.2736 8.31782 16.3053 8.29267 16.3289 8.27339C16.4647 8.13589 16.6828 8.13673 16.817 8.27674C16.9505 8.41675 16.9496 8.64144 16.8138 8.77977C16.7967 8.79738 16.7772 8.81331 16.7568 8.82672C16.734 8.84601 16.7031 8.87284 16.6812 8.8896C16.5892 8.95248 16.494 9.00949 16.3956 9.06147C16.2142 9.16711 16.0433 9.29119 15.8847 9.4312C15.8383 9.48654 15.8155 9.55864 15.8204 9.63158C15.8009 9.65002 15.7342 9.71122 15.6984 9.74392C16.3069 10.6796 16.5616 11.8122 16.4135 12.9281L16.5518 12.97C16.5868 13.0346 16.638 13.0874 16.6999 13.1235C16.9016 13.1788 17.1075 13.214 17.3157 13.2283C17.4256 13.2308 17.5354 13.24 17.6452 13.2551C17.6737 13.261 17.716 13.2727 17.7453 13.2794C17.9341 13.3046 18.0667 13.4831 18.0423 13.6776C18.0179 13.8721 17.8446 14.0088 17.6558 13.9837C17.6347 13.9811 17.6135 13.9761 17.5932 13.9686H17.5883C17.5883 13.9686 17.5842 13.966 17.5818 13.9652C17.5533 13.9593 17.5175 13.9526 17.4931 13.9459C17.3882 13.9116 17.2856 13.8705 17.1848 13.8235C16.9911 13.743 16.791 13.6827 16.586 13.6424C16.5152 13.6399 16.446 13.6667 16.394 13.7162C16.3452 13.707 16.2963 13.6978 16.2475 13.6894C15.9156 14.7659 15.211 15.6789 14.2681 16.2549L14.2714 16.2574Z' fill='none' className={filledClassName} />
51
+ </svg>
52
+ )
53
+ break
54
+ case LARGE:
55
+ icon = (
56
+ <svg
57
+ width={40}
58
+ height={40}
59
+ viewBox='0 0 40 40'
60
+ fill='none'
61
+ xmlns='http://www.w3.org/2000/svg'
62
+ className={className}
63
+ >
64
+ <path d='M22.6054 22.0453C22.5675 22.037 22.5281 22.0342 22.4902 22.0356C22.4224 22.0397 22.3573 22.0565 22.2963 22.0873C22.0522 22.2088 21.9451 22.5051 22.0522 22.7622L22.0481 22.7678L23.2048 25.6462C24.3112 24.9182 25.1506 23.8325 25.5912 22.5582L22.6108 22.0397L22.6054 22.0467V22.0453ZM17.9694 22.4534C17.9179 22.22 17.7185 22.0523 17.4853 22.0495C17.4514 22.0495 17.4189 22.0523 17.3863 22.0593L17.3809 22.0537L14.4276 22.5707C14.871 23.8353 15.7077 24.9126 16.806 25.6378L17.9504 22.7873L17.9409 22.7761C17.983 22.6755 17.9925 22.5637 17.9694 22.4561V22.4534ZM20.4427 23.5712C20.3111 23.3183 20.006 23.2233 19.7606 23.3588C19.6725 23.4077 19.6006 23.4818 19.5545 23.5726H19.5518L18.0996 26.2792C19.1396 26.6439 20.2583 26.704 21.3295 26.4511C21.5274 26.405 21.7227 26.3491 21.9112 26.2834L20.4549 23.5712H20.444H20.4427ZM25.0421 17.2833L22.8075 19.3443V19.3513C22.5986 19.54 22.5769 19.8697 22.7614 20.0863C22.8264 20.1632 22.9119 20.2177 23.0068 20.2456L23.0095 20.2582L25.9045 21.1175C26.0292 19.7775 25.7268 18.4319 25.0421 17.2847V17.2833ZM20.8888 17.5152C20.901 17.8031 21.1383 18.0239 21.4162 18.0113C21.5152 18.0071 21.6101 17.9722 21.6901 17.9121L21.6996 17.9163L24.1458 16.1291C23.2142 15.1901 22.0102 14.5907 20.7166 14.4258L20.8861 17.5138H20.8888V17.5152ZM18.2989 17.9233C18.524 18.0923 18.8399 18.0406 19.004 17.8087C19.0623 17.7262 19.0962 17.627 19.1003 17.525L19.1125 17.5194L19.282 14.4258C19.0772 14.4509 18.8738 14.4873 18.6718 14.5348C17.5992 14.7835 16.6162 15.3354 15.8324 16.1291L18.2935 17.9275L18.2989 17.9247V17.9233ZM16.9877 20.261C17.2562 20.1855 17.4148 19.8991 17.3416 19.6224C17.3158 19.5232 17.2616 19.4338 17.1857 19.3667L17.1884 19.3541L14.9415 17.2833C14.2554 18.4333 13.9612 19.7859 14.1049 21.1273L16.9863 20.2707L16.989 20.261H16.9877ZM19.1694 21.1706L19.9979 21.5814L20.825 21.172L21.0298 20.2526L20.4576 19.5148H19.5369L18.9633 20.2512L19.1694 21.1706Z' fill='none' className={`${filledClassName} ${strokeTransparent}`} />
65
+ <path d='M33.704 22.983L31.342 12.4081C31.2131 11.8548 30.8497 11.3895 30.3535 11.1407L20.7913 6.43598C20.2895 6.18866 19.7065 6.18866 19.2034 6.43598L9.64257 11.1435C9.14493 11.3923 8.78153 11.8576 8.65272 12.4109L6.29471 22.9844C6.2364 23.2513 6.2364 23.5293 6.29471 23.7962C6.31233 23.8773 6.33403 23.9583 6.36115 24.0366C6.40725 24.1707 6.46827 24.2979 6.54285 24.418C6.57539 24.4697 6.60929 24.5186 6.64726 24.5661L13.2643 33.0451C13.2928 33.0814 13.3253 33.1163 13.3565 33.1499C13.4609 33.2644 13.5776 33.3636 13.705 33.4475C13.8664 33.5523 14.0426 33.6319 14.2284 33.6822C14.3803 33.7255 14.5362 33.7479 14.6935 33.7479H14.7966L25.3052 33.7451C25.369 33.7451 25.4327 33.7409 25.4964 33.7339C25.5873 33.7227 25.6781 33.706 25.7663 33.6808C25.83 33.6641 25.8924 33.6431 25.9534 33.6193C26.0008 33.6012 26.0497 33.5816 26.0944 33.5593C26.1636 33.5257 26.23 33.4866 26.2951 33.4447C26.4619 33.3371 26.6097 33.2015 26.7344 33.0437L26.9365 32.7852L33.3501 24.5633C33.4735 24.4041 33.5698 24.2252 33.6362 24.0338C33.6634 23.9555 33.6864 23.8745 33.704 23.7934C33.7623 23.5265 33.7623 23.2485 33.704 22.9816V22.983ZM23.7866 27.0953C23.8137 27.1763 23.8449 27.256 23.8815 27.3328C23.8232 27.4376 23.8069 27.5634 23.8367 27.6808C23.9764 28.0091 24.1459 28.3221 24.3439 28.617C24.4551 28.7679 24.5567 28.9244 24.6503 29.0865C24.6734 29.1312 24.7032 29.1982 24.7249 29.2458C24.8876 29.5266 24.7995 29.8899 24.5269 30.059C24.2544 30.2281 23.9018 30.1358 23.7377 29.855C23.7188 29.8214 23.7025 29.7865 23.6903 29.7502C23.6686 29.7041 23.6388 29.6426 23.6198 29.5993C23.5547 29.4232 23.4991 29.2416 23.453 29.0585C23.354 28.7162 23.2225 28.3836 23.0598 28.0664C22.9893 27.9686 22.8848 27.9029 22.7682 27.8834C22.7506 27.8512 22.6828 27.7227 22.6462 27.657C20.9445 28.3207 19.0638 28.3165 17.3647 27.643L17.2346 27.8848C17.1424 27.9001 17.0556 27.9435 16.9878 28.0091C16.7925 28.3389 16.6434 28.6952 16.5444 29.0683C16.4996 29.2513 16.4441 29.4316 16.379 29.6091C16.36 29.6524 16.3302 29.7125 16.3085 29.7586V29.7614C16.2013 30.0688 15.8732 30.2295 15.5735 30.1205C15.2752 30.0101 15.1193 29.6719 15.225 29.3631C15.2386 29.3254 15.2549 29.2905 15.2739 29.2555C15.2956 29.208 15.324 29.141 15.3471 29.0976C15.4406 28.9342 15.5423 28.7777 15.6535 28.6267C15.8556 28.3249 16.0291 28.0035 16.1715 27.6668C16.1864 27.5522 16.1688 27.4362 16.12 27.3328L16.2244 27.0757C14.6583 26.1228 13.484 24.6123 12.924 22.8293L12.6745 22.8726C12.5782 22.8013 12.4643 22.7608 12.345 22.7538C12.0033 22.8209 11.6697 22.9229 11.347 23.0556C11.1802 23.1325 11.008 23.201 10.8331 23.2583C10.7911 23.2694 10.7328 23.282 10.6853 23.2918C10.6812 23.2918 10.6785 23.2946 10.6744 23.296C10.6717 23.296 10.669 23.296 10.6663 23.296C10.3653 23.398 10.0399 23.2289 9.94088 22.9187C9.84189 22.6085 10.006 22.2731 10.307 22.1711C10.3409 22.16 10.3761 22.1516 10.4114 22.146H10.4195L10.425 22.1418C10.4724 22.1306 10.5348 22.1139 10.5782 22.1055C10.7599 22.0789 10.9429 22.0636 11.1273 22.0594C11.4745 22.0356 11.8175 21.9783 12.1524 21.8861C12.2514 21.8204 12.3355 21.7338 12.3979 21.6304L12.6379 21.5577C12.3775 19.6965 12.7938 17.8017 13.8054 16.2381L13.6223 16.0691C13.6155 15.9461 13.5762 15.8287 13.507 15.7281C13.244 15.4948 12.9579 15.288 12.6555 15.1119C12.4928 15.0267 12.3341 14.9303 12.1809 14.8255C12.1457 14.7989 12.0996 14.7584 12.063 14.7276L12.0548 14.7221C11.7836 14.5208 11.7212 14.1324 11.9138 13.8529C12.025 13.7132 12.1945 13.6349 12.3694 13.6447C12.5145 13.6517 12.6555 13.7062 12.768 13.7998C12.8074 13.8306 12.8603 13.8739 12.8955 13.9046C13.0284 14.0346 13.1545 14.1715 13.2725 14.3168C13.5057 14.5823 13.7647 14.8227 14.044 15.0351C14.1484 15.0923 14.2704 15.1035 14.3844 15.0686C14.4521 15.1203 14.5213 15.1706 14.5905 15.2195C15.5966 14.1184 16.8983 13.3513 18.3302 13.0187C18.6705 12.9391 19.0163 12.8846 19.3648 12.8552L19.3783 12.6065C19.4678 12.5255 19.5316 12.4193 19.5641 12.3019C19.5763 11.9442 19.5546 11.5865 19.5004 11.233C19.4638 11.0471 19.438 10.8599 19.4217 10.6726C19.4204 10.6293 19.4217 10.5706 19.4231 10.5217C19.4231 10.5161 19.4217 10.5106 19.4217 10.505C19.3892 10.1794 19.6197 9.88875 19.9356 9.85521C20.2516 9.82168 20.5336 10.0592 20.5662 10.3848C20.5702 10.4239 20.5702 10.4644 20.5662 10.5036C20.5662 10.5553 20.5689 10.6237 20.5662 10.6712C20.5499 10.8599 20.5241 11.0471 20.4875 11.2316C20.4319 11.5851 20.4102 11.9428 20.4224 12.3019C20.4455 12.4221 20.5119 12.5269 20.6096 12.5967C20.6109 12.6401 20.619 12.7812 20.6231 12.8594C22.432 13.0285 24.1201 13.8697 25.373 15.2251L25.5913 15.0644C25.708 15.0854 25.8286 15.0714 25.9385 15.0253C26.2178 14.8115 26.4754 14.5711 26.71 14.3057C26.828 14.1603 26.9541 14.0234 27.0883 13.8935C27.1236 13.8627 27.1765 13.8208 27.2158 13.7887C27.4422 13.5595 27.8056 13.5609 28.0294 13.7942C28.2517 14.0276 28.2504 14.4021 28.0239 14.6326C27.9955 14.662 27.9629 14.6885 27.929 14.7109C27.891 14.743 27.8395 14.7877 27.8029 14.8157C27.6497 14.9205 27.491 15.0155 27.327 15.1021C27.0246 15.2782 26.7398 15.485 26.4754 15.7183C26.3981 15.8106 26.3602 15.9307 26.3683 16.0523C26.3358 16.083 26.2246 16.185 26.1649 16.2395C27.1792 17.7989 27.6036 19.6867 27.3568 21.5465L27.5873 21.6164C27.6456 21.724 27.731 21.812 27.8341 21.8721C28.1704 21.9643 28.5134 22.023 28.8606 22.0468C29.0436 22.051 29.2267 22.0663 29.4097 22.0915C29.4572 22.1013 29.5277 22.1208 29.5765 22.132C29.8911 22.1739 30.1121 22.4716 30.0714 22.7957C30.0307 23.1199 29.7419 23.3477 29.4273 23.3058C29.3921 23.3016 29.3568 23.2932 29.3229 23.2806H29.3148C29.3148 23.2806 29.308 23.2764 29.304 23.275C29.2565 23.2652 29.1968 23.2541 29.1562 23.2429C28.9812 23.1856 28.8104 23.1171 28.6422 23.0389C28.3195 22.9047 27.986 22.8041 27.6443 22.7371C27.5263 22.7329 27.411 22.7776 27.3243 22.86C27.2429 22.8447 27.1615 22.8293 27.0802 22.8153C26.527 24.6095 25.3527 26.1311 23.7811 27.0911L23.7866 27.0953Z' fill='none' className={filledClassName} />
66
+ </svg>
67
+ )
68
+ break
69
+
70
+ default:
71
+ break
72
+ }
73
+ return icon
74
+ }
75
+
76
+ K8SIcon.propTypes = {
77
+ /**
78
+ * color of text, icon and borders
79
+ */
80
+ color: PropTypes.oneOf(COLORS_ICON),
81
+ /**
82
+ * Size
83
+ */
84
+ size: PropTypes.oneOf(SIZES),
85
+ /**
86
+ * disabled
87
+ */
88
+ disabled: PropTypes.bool,
89
+ /**
90
+ * inactive
91
+ */
92
+ inactive: PropTypes.bool
93
+ }
94
+
95
+ export default K8SIcon
package/src/components/icons/NoResultsIcon.jsx ADDED
@@ -0,0 +1,97 @@
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 NoResultsIcon = ({
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
+ <circle cx='7' cy='7' r='5' stroke='none' />
34
+ <path d='M14 14L11 11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
35
+ <path d='M6.31265 8.21544V8.14109C6.31471 7.796 6.34988 7.52145 6.41815 7.31745C6.48849 7.11344 6.58779 6.94948 6.71606 6.82555C6.84432 6.69971 7.00052 6.58437 7.18464 6.4795C7.31084 6.40705 7.42358 6.32793 7.52289 6.24214C7.62426 6.15443 7.7039 6.0572 7.76183 5.95043C7.81976 5.84175 7.84872 5.72069 7.84872 5.58723C7.84872 5.43661 7.81045 5.30601 7.7339 5.19542C7.65736 5.08484 7.55392 4.99905 7.42358 4.93804C7.29532 4.87703 7.15154 4.84652 6.99224 4.84652C6.84536 4.84652 6.70571 4.87607 6.57331 4.93518C6.44298 4.99237 6.33437 5.08008 6.24748 5.19828C6.16266 5.31459 6.11508 5.46235 6.10473 5.64156H5C5.01034 5.27931 5.10551 4.97617 5.28549 4.73213C5.46755 4.48808 5.70753 4.30505 6.00543 4.18303C6.3054 4.06101 6.63641 4 6.99845 4C7.39359 4 7.74114 4.06387 8.04112 4.19161C8.34316 4.31935 8.57797 4.50143 8.74554 4.73785C8.91518 4.97235 9 5.25072 9 5.57293C9 5.79028 8.96173 5.98475 8.88518 6.15634C8.81071 6.32793 8.70416 6.48046 8.56555 6.61392C8.42695 6.74738 8.26248 6.86654 8.07215 6.9714C7.90458 7.06673 7.767 7.16587 7.65943 7.26883C7.55392 7.37178 7.4753 7.49285 7.42358 7.63203C7.37393 7.7693 7.34807 7.93899 7.346 8.14109V8.21544H6.31265ZM6.8526 10C6.66641 10 6.50608 9.93899 6.37161 9.81697C6.23713 9.69495 6.1699 9.54623 6.1699 9.37083C6.1699 9.19924 6.23713 9.05243 6.37161 8.93041C6.50608 8.80839 6.66641 8.74738 6.8526 8.74738C7.03672 8.74738 7.19602 8.80839 7.33049 8.93041C7.46703 9.05243 7.5353 9.19924 7.5353 9.37083C7.5353 9.48713 7.50323 9.59295 7.4391 9.68827C7.37704 9.7836 7.29429 9.85987 7.19085 9.91706C7.08948 9.97235 6.97673 10 6.8526 10Z' fill='none' className={filledClassName} />
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
+ <circle cx='10.5' cy='10.5' r='7.5' stroke='none' strokeWidth={1.5} />
50
+ <path d='M21 21L16.5 16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
51
+ <path d='M9.46897 12.3232V12.2116C9.47207 11.694 9.52483 11.2822 9.62723 10.9762C9.73274 10.6702 9.88169 10.4242 10.0741 10.2383C10.2665 10.0496 10.5008 9.87655 10.777 9.71926C10.9663 9.61058 11.1354 9.4919 11.2843 9.3632C11.4364 9.23165 11.5559 9.0858 11.6427 8.92564C11.7296 8.76263 11.7731 8.58103 11.7731 8.38084C11.7731 8.15491 11.7157 7.95901 11.6009 7.79314C11.486 7.62726 11.3309 7.49857 11.1354 7.40705C10.943 7.31554 10.7273 7.26978 10.4884 7.26978C10.268 7.26978 10.0586 7.31411 9.85997 7.40276C9.66447 7.48856 9.50155 7.62011 9.37122 7.79743C9.24399 7.97188 9.17261 8.19352 9.1571 8.46235H7.5C7.51552 7.91897 7.65826 7.46425 7.92824 7.09819C8.20132 6.73213 8.56129 6.45758 9.00815 6.27455C9.45811 6.09152 9.95462 6 10.4977 6C11.0904 6 11.6117 6.09581 12.0617 6.28742C12.5147 6.47903 12.867 6.75214 13.1183 7.10677C13.3728 7.45853 13.5 7.87607 13.5 8.35939C13.5 8.68541 13.4426 8.97712 13.3278 9.23451C13.2161 9.4919 13.0562 9.72069 12.8483 9.92088C12.6404 10.1211 12.3937 10.2998 12.1082 10.4571C11.8569 10.6001 11.6505 10.7488 11.4891 10.9032C11.3309 11.0577 11.213 11.2393 11.1354 11.448C11.0609 11.654 11.0221 11.9085 11.019 12.2116V12.3232H9.46897ZM10.2789 15C9.99961 15 9.75912 14.9085 9.55741 14.7255C9.3557 14.5424 9.25485 14.3194 9.25485 14.0562C9.25485 13.7989 9.3557 13.5786 9.55741 13.3956C9.75912 13.2126 9.99961 13.1211 10.2789 13.1211C10.5551 13.1211 10.794 13.2126 10.9957 13.3956C11.2005 13.5786 11.3029 13.7989 11.3029 14.0562C11.3029 14.2307 11.2548 14.3894 11.1587 14.5324C11.0656 14.6754 10.9414 14.7898 10.7863 14.8756C10.6342 14.9585 10.4651 15 10.2789 15Z' fill='none' className={filledClassName} />
52
+ </svg>
53
+ )
54
+ break
55
+ case LARGE:
56
+ icon = (
57
+ <svg
58
+ width={40}
59
+ height={40}
60
+ viewBox='0 0 40 40'
61
+ fill='none'
62
+ xmlns='http://www.w3.org/2000/svg'
63
+ className={className}
64
+ >
65
+ <circle cx='17.5' cy='17.5' r='12.5' stroke='none' strokeWidth={2} />
66
+ <path d='M35 35L27.5 27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
67
+ <path d='M15.7816 20.5386V20.3527C15.7868 19.49 15.8747 18.8036 16.0454 18.2936C16.2212 17.7836 16.4695 17.3737 16.7901 17.0639C17.1108 16.7493 17.5013 16.4609 17.9616 16.1988C18.2771 16.0176 18.559 15.8198 18.8072 15.6053C19.0606 15.3861 19.2598 15.143 19.4046 14.8761C19.5494 14.6044 19.6218 14.3017 19.6218 13.9681C19.6218 13.5915 19.5261 13.265 19.3348 12.9886C19.1434 12.7121 18.8848 12.4976 18.559 12.3451C18.2383 12.1926 17.8788 12.1163 17.4806 12.1163C17.1134 12.1163 16.7643 12.1902 16.4333 12.3379C16.1074 12.4809 15.8359 12.7002 15.6187 12.9957C15.4066 13.2865 15.2877 13.6559 15.2618 14.1039H12.5C12.5259 13.1983 12.7638 12.4404 13.2137 11.8303C13.6689 11.2202 14.2688 10.7626 15.0136 10.4576C15.7635 10.1525 16.591 10 17.4961 10C18.484 10 19.3529 10.1597 20.1028 10.479C20.8579 10.7984 21.4449 11.2536 21.8638 11.8446C22.2879 12.4309 22.5 13.1268 22.5 13.9323C22.5 14.4757 22.4043 14.9619 22.213 15.3908C22.0268 15.8198 21.7604 16.2011 21.4139 16.5348C21.0674 16.8684 20.6562 17.1663 20.1804 17.4285C19.7614 17.6668 19.4175 17.9147 19.1486 18.1721C18.8848 18.4295 18.6883 18.7321 18.559 19.0801C18.4348 19.4233 18.3702 19.8475 18.365 20.3527V20.5386H15.7816ZM17.1315 25C16.666 25 16.2652 24.8475 15.929 24.5424C15.5928 24.2374 15.4247 23.8656 15.4247 23.4271C15.4247 22.9981 15.5928 22.6311 15.929 22.326C16.2652 22.021 16.666 21.8684 17.1315 21.8684C17.5918 21.8684 17.99 22.021 18.3262 22.326C18.6676 22.6311 18.8382 22.9981 18.8382 23.4271C18.8382 23.7178 18.7581 23.9824 18.5978 24.2207C18.4426 24.459 18.2357 24.6497 17.9771 24.7927C17.7237 24.9309 17.4418 25 17.1315 25Z' fill='none' className={filledClassName} />
68
+ </svg>
69
+ )
70
+ break
71
+
72
+ default:
73
+ break
74
+ }
75
+ return icon
76
+ }
77
+
78
+ NoResultsIcon.propTypes = {
79
+ /**
80
+ * color of text, icon and borders
81
+ */
82
+ color: PropTypes.oneOf(COLORS_ICON),
83
+ /**
84
+ * Size
85
+ */
86
+ size: PropTypes.oneOf(SIZES),
87
+ /**
88
+ * disabled
89
+ */
90
+ disabled: PropTypes.bool,
91
+ /**
92
+ * inactive
93
+ */
94
+ inactive: PropTypes.bool
95
+ }
96
+
97
+ export default NoResultsIcon
package/src/components/icons/NodeJSIcon.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 NodeJSIcon = ({
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='M7.5012 2.12847C7.80523 1.95718 8.19286 1.95718 8.48928 2.12847L13.0287 4.66402C13.3119 4.82214 13.5019 5.1365 13.5 5.46026V10.5427C13.5 10.8796 13.2929 11.2015 12.9945 11.3558L8.47978 13.8782C8.16436 14.0495 7.78053 14.0401 7.4765 13.85L6.12169 13.0744C6.02858 13.0199 5.92598 12.9766 5.85947 12.8881C5.91648 12.8109 6.01908 12.8015 6.10269 12.7676C6.29081 12.7074 6.46372 12.617 6.63663 12.521C6.68034 12.4909 6.73354 12.5022 6.77534 12.5286L7.93064 13.1912C8.01234 13.2382 8.09595 13.1761 8.16816 13.1366L12.6012 10.6575C12.6563 10.6311 12.6867 10.5747 12.681 10.5144V5.48285C12.6867 5.41509 12.6487 5.35297 12.586 5.32662L8.08455 2.81365C8.03135 2.77789 7.96104 2.77789 7.90784 2.81365L3.41017 5.33038C3.34937 5.35862 3.30757 5.41885 3.31517 5.48662V10.5201C3.30947 10.5803 3.34177 10.6349 3.39687 10.6613L4.59777 11.3333C4.82389 11.4537 5.10131 11.5215 5.34833 11.433C5.57065 11.3502 5.71886 11.1375 5.71696 10.9022V5.89886C5.71316 5.82544 5.78346 5.76333 5.85567 5.77086H6.43332C6.50932 5.76897 6.56823 5.84803 6.55873 5.92333V10.9587C6.55873 11.4067 6.37251 11.8923 5.95448 12.1126C5.43954 12.3761 4.80299 12.3215 4.29564 12.0674L3.00354 11.3596C2.70142 11.2071 2.5 10.8815 2.5 10.5445V5.46215C2.5019 5.1252 2.69002 4.81649 2.98644 4.65649L7.5012 2.12847ZM8.81041 5.65227C9.46596 5.61462 10.169 5.6278 10.76 5.9478C11.2179 6.19251 11.4706 6.70828 11.4782 7.21275C11.4649 7.28052 11.3946 7.31816 11.3281 7.31252C11.1381 7.31252 10.9481 7.3144 10.7562 7.31252C10.6745 7.31628 10.6289 7.24099 10.6175 7.17134C10.5624 6.9304 10.4293 6.69133 10.2013 6.57651C9.84979 6.40145 9.44316 6.41086 9.05933 6.41463C8.78001 6.42969 8.47978 6.45416 8.24226 6.61604C8.05985 6.74028 8.00474 6.99251 8.06935 7.18828C8.13015 7.33322 8.29927 7.3784 8.43608 7.42169C9.22654 7.62687 10.0645 7.60993 10.8417 7.87534C11.1628 7.98452 11.4763 8.19911 11.5865 8.53229C11.7309 8.97841 11.6682 9.51301 11.3471 9.87066C11.0868 10.1662 10.7087 10.3224 10.3305 10.4128C9.82699 10.5238 9.30635 10.5257 8.79521 10.4768C8.31447 10.4222 7.81663 10.298 7.4461 9.97419C7.12877 9.70124 6.97486 9.27771 6.99006 8.86735C6.99386 8.79771 7.06417 8.75065 7.13067 8.75629H7.70072C7.77673 8.75065 7.83373 8.81653 7.83753 8.88806C7.87363 9.11394 7.95914 9.35865 8.16246 9.49042C8.55199 9.73889 9.04223 9.72195 9.48686 9.72948C9.85739 9.71254 10.2716 9.70877 10.5738 9.46595C10.7334 9.32853 10.7809 9.097 10.7372 8.89747C10.6897 8.72994 10.5091 8.65088 10.3571 8.59629C9.57617 8.35158 8.7287 8.44006 7.95534 8.16335C7.64181 8.05417 7.33779 7.84523 7.21808 7.52522C7.04897 7.07346 7.12687 6.51439 7.4822 6.16804C7.82423 5.82356 8.32587 5.68991 8.80091 5.64285L8.80851 5.65227H8.81041Z' fill='none' className={filledClassName} />
34
+ </svg>
35
+ )
36
+ break
37
+ case MEDIUM:
38
+ icon = (
39
+ <svg
40
+ width={24}
41
+ height={24}
42
+ viewBox='0 0 24 24'
43
+ fill='none'
44
+ xmlns='http://www.w3.org/2000/svg'
45
+ className={className}
46
+ >
47
+ <path d='M11.2518 3.19271C11.7078 2.93576 12.2893 2.93576 12.7339 3.19271L19.5431 6.99603C19.9678 7.23321 20.2528 7.70475 20.25 8.1904V15.814C20.25 16.3194 19.9393 16.8022 19.4918 17.0338L12.7197 20.8173C12.2465 21.0743 11.6708 21.0602 11.2148 20.775L9.18254 19.6117C9.04288 19.5298 8.88896 19.4648 8.78921 19.3321C8.87471 19.2164 9.02863 19.2023 9.15404 19.1514C9.43621 19.0611 9.69558 18.9255 9.95495 18.7815C10.0205 18.7364 10.1003 18.7533 10.163 18.7928L11.896 19.7867C12.0185 19.8573 12.1439 19.7641 12.2522 19.7048L18.9018 15.9862C18.9845 15.9467 19.0301 15.862 19.0215 15.7716V8.22428C19.0301 8.12263 18.9731 8.02946 18.879 7.98993L12.1268 4.22048C12.047 4.16683 11.9416 4.16683 11.8618 4.22048L5.11526 7.99557C5.02405 8.03793 4.96135 8.12828 4.97275 8.22993V15.7801C4.9642 15.8705 5.01265 15.9523 5.09531 15.9919L6.89665 16.9999C7.23583 17.1806 7.65196 17.2822 8.02249 17.1495C8.35597 17.0253 8.57829 16.7062 8.57544 16.3533V8.84829C8.56974 8.73817 8.6752 8.64499 8.78351 8.65628H9.64998C9.76399 8.65346 9.85234 8.77205 9.83809 8.88499V16.438C9.83809 17.11 9.55877 17.8385 8.93172 18.1688C8.15931 18.5641 7.20448 18.4823 6.44347 18.1011L4.50531 17.0394C4.05212 16.8107 3.75 16.3222 3.75 15.8168V8.19322C3.75285 7.68781 4.03502 7.22474 4.47966 6.98474L11.2518 3.19271ZM13.2156 8.4784C14.1989 8.42193 15.2535 8.44169 16.1399 8.9217C16.8269 9.28876 17.2059 10.0624 17.2173 10.8191C17.1974 10.9208 17.0919 10.9772 16.9922 10.9688C16.7071 10.9688 16.4221 10.9716 16.1342 10.9688C16.0117 10.9744 15.9433 10.8615 15.9262 10.757C15.8435 10.3956 15.644 10.037 15.302 9.86476C14.7747 9.60217 14.1647 9.61629 13.589 9.62194C13.17 9.64453 12.7197 9.68123 12.3634 9.92406C12.0898 10.1104 12.0071 10.4888 12.104 10.7824C12.1952 10.9998 12.4489 11.0676 12.6541 11.1325C13.8398 11.4403 15.0968 11.4149 16.2625 11.813C16.7442 11.9768 17.2145 12.2987 17.3798 12.7984C17.5964 13.4676 17.5024 14.2695 17.0207 14.806C16.6302 15.2493 16.063 15.4836 15.4958 15.6192C14.7405 15.7858 13.9595 15.7886 13.1928 15.7152C12.4717 15.6333 11.7249 15.4469 11.1691 14.9613C10.6932 14.5519 10.4623 13.9166 10.4851 13.301C10.4908 13.1966 10.5963 13.126 10.696 13.1344H11.5511C11.6651 13.126 11.7506 13.2248 11.7563 13.3321C11.8104 13.6709 11.9387 14.038 12.2437 14.2356C12.828 14.6083 13.5633 14.5829 14.2303 14.5942C14.7861 14.5688 15.4074 14.5632 15.8606 14.1989C16.1 13.9928 16.1713 13.6455 16.1057 13.3462C16.0345 13.0949 15.7637 12.9763 15.5357 12.8944C14.3643 12.5274 13.0931 12.6601 11.933 12.245C11.4627 12.0813 11.0067 11.7678 10.8271 11.2878C10.5735 10.6102 10.6903 9.77159 11.2233 9.25205C11.7363 8.73534 12.4888 8.53487 13.2014 8.46428L13.2128 8.4784H13.2156Z' fill='none' className={filledClassName} />
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='M18.753 5.32118C19.5131 4.89294 20.4821 4.89294 21.2232 5.32118L32.5719 11.6601C33.2797 12.0554 33.7547 12.8412 33.75 13.6507V26.3567C33.75 27.199 33.2322 28.0037 32.4864 28.3896L21.1995 34.6955C20.4109 35.1238 19.4513 35.1003 18.6913 34.625L15.3042 32.6861C15.0715 32.5496 14.8149 32.4414 14.6487 32.2202C14.7912 32.0273 15.0477 32.0038 15.2567 31.9191C15.727 31.7685 16.1593 31.5426 16.5916 31.3026C16.7008 31.2273 16.8339 31.2555 16.9384 31.3214L19.8266 32.9779C20.0309 33.0955 20.2399 32.9402 20.4204 32.8414L31.503 26.6437C31.6408 26.5778 31.7168 26.4367 31.7026 26.2861V13.7071C31.7168 13.5377 31.6218 13.3824 31.465 13.3165L20.2114 7.03414C20.0784 6.94472 19.9026 6.94472 19.7696 7.03414L8.52543 13.326C8.37342 13.3965 8.26891 13.5471 8.28791 13.7165V26.3002C8.27366 26.4508 8.35442 26.5872 8.49218 26.6531L11.4944 28.3331C12.0597 28.6343 12.7533 28.8037 13.3708 28.5826C13.9266 28.3755 14.2971 27.8437 14.2924 27.2555V14.7471C14.2829 14.5636 14.4587 14.4083 14.6392 14.4271H16.0833C16.2733 14.4224 16.4206 14.6201 16.3968 14.8083V27.3967C16.3968 28.5167 15.9313 29.7308 14.8862 30.2814C13.5988 30.9402 12.0075 30.8037 10.7391 30.1684L7.50885 28.399C6.75354 28.0178 6.25 27.2037 6.25 26.3614V13.6554C6.25475 12.813 6.72504 12.0412 7.4661 11.6412L18.753 5.32118ZM22.026 14.1307C23.6649 14.0365 25.4225 14.0695 26.8999 14.8695C28.0448 15.4813 28.6766 16.7707 28.6956 18.0319C28.6623 18.2013 28.4865 18.2954 28.3203 18.2813C27.8452 18.2813 27.3702 18.286 26.8904 18.2813C26.6861 18.2907 26.5721 18.1025 26.5436 17.9283C26.4059 17.326 26.0733 16.7283 25.5033 16.4413C24.6245 16.0036 23.6079 16.0272 22.6483 16.0366C21.95 16.0742 21.1995 16.1354 20.6057 16.5401C20.1496 16.8507 20.0119 17.4813 20.1734 17.9707C20.3254 18.3331 20.7482 18.446 21.0902 18.5542C23.0664 19.0672 25.1613 19.0248 27.1042 19.6884C27.907 19.9613 28.6908 20.4978 28.9663 21.3307C29.3274 22.446 29.1706 23.7825 28.3678 24.6766C27.717 25.4155 26.7717 25.8061 25.8263 26.0319C24.5675 26.3096 23.2659 26.3143 21.988 26.1919C20.7862 26.0555 19.5416 25.7449 18.6152 24.9355C17.8219 24.2531 17.4372 23.1943 17.4752 22.1684C17.4847 21.9943 17.6604 21.8766 17.8267 21.8907H19.2518C19.4418 21.8766 19.5843 22.0413 19.5938 22.2201C19.6841 22.7849 19.8979 23.3966 20.4061 23.726C21.38 24.3472 22.6056 24.3049 23.7172 24.3237C24.6435 24.2813 25.6791 24.2719 26.4344 23.6649C26.8334 23.3213 26.9522 22.7425 26.8429 22.2437C26.7241 21.8248 26.2729 21.6272 25.8928 21.4907C23.9404 20.879 21.8218 21.1001 19.8883 20.4084C19.1045 20.1354 18.3445 19.6131 18.0452 18.8131C17.6224 17.6836 17.8172 16.286 18.7055 15.4201C19.5606 14.5589 20.8147 14.2248 22.0023 14.1071L22.0213 14.1307H22.026Z' fill='none' className={filledClassName} />
62
+ </svg>
63
+ )
64
+ break
65
+
66
+ default:
67
+ break
68
+ }
69
+ return icon
70
+ }
71
+
72
+ NodeJSIcon.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 NodeJSIcon
package/src/components/icons/index.js CHANGED
@@ -7,6 +7,7 @@ import AllAppsIcon from './AllAppsIcon'
7
7
  import AllInOneIcon from './AllInOneIcon'
8
8
  import APIDocsIcon from './APIDocsIcon'
9
9
  import ApiCloudIcon from './ApiCloudIcon'
10
+ import APIKeyIcon from './APIKeyIcon'
10
11
  import ApiIcon from './ApiIcon'
11
12
  import ApiIconClosed from './ApiIconClosed'
12
13
  import ApiEmptyIcon from './ApiEmptyIcon'
@@ -98,6 +99,7 @@ import GraphQLIcon from './GraphQLIcon'
98
99
  import GraphQLEditsIcon from './GraphQLEditsIcon'
99
100
  import HorizontalPodAutoscalerIcon from './HorizontalPodAutoscalerIcon'
100
101
  import HourglassIcon from './HourglassIcon'
102
+ import K8SIcon from './K8SIcon'
101
103
  import K8SMetricsIcon from './K8SMetricsIcon'
102
104
  import KeyIcon from './KeyIcon'
103
105
  import ImportAppIcon from './ImportAppIcon'
@@ -121,7 +123,9 @@ import NameAppIcon from './NameAppIcon'
121
123
  import NodeJSMetricsIcon from './NodeJSMetricsIcon'
122
124
  import NoActivitiesIcon from './NoActivitiesIcon'
123
125
  import NoDeploymentsIcon from './NoDeploymentsIcon'
126
+ import NodeJSIcon from './NodeJSIcon'
124
127
  import NoMetricsIcon from './NoMetricsIcon'
128
+ import NoResultsIcon from './NoResultsIcon'
125
129
  import NotCompliantServiceIcon from './NotCompliantServiceIcon'
126
130
  import OpenAPIEditsIcon from './OpenAPIEditsIcon'
127
131
  import OrganizationIcon from './OrganizationIcon'
@@ -205,6 +209,7 @@ export default {
205
209
  AllInOneIcon,
206
210
  APIDocsIcon,
207
211
  ApiCloudIcon,
212
+ APIKeyIcon,
208
213
  ApiIcon,
209
214
  ApiIconClosed,
210
215
  ApiEmptyIcon,
@@ -301,6 +306,7 @@ export default {
301
306
  IngressControllIcon,
302
307
  InternalLinkIcon,
303
308
  InternetIcon,
309
+ K8SIcon,
304
310
  K8SMetricsIcon,
305
311
  KeyIcon,
306
312
  LabelIcon,
@@ -316,10 +322,12 @@ export default {
316
322
  MetricsLogsIcon,
317
323
  MissingTemplateIcon,
318
324
  NameAppIcon,
325
+ NodeJSIcon,
319
326
  NodeJSMetricsIcon,
320
327
  NoActivitiesIcon,
321
328
  NoDeploymentsIcon,
322
329
  NoMetricsIcon,
330
+ NoResultsIcon,
323
331
  NotCompliantServiceIcon,
324
332
  OpenAPIEditsIcon,
325
333
  OrganizationIcon,