@platformatic/ui-components 0.1.49 → 0.1.50

package/src/components/icons/LiveIcon.jsx

@@ -1,43 +1,43 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const LiveIcon = ({ color = 'green', size = 'normal' }) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = <></>
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg
-          width={16}
-          height={16}
-          viewBox='0 0 16 16'
-          fill='none'
-          xmlns='http://www.w3.org/2000/svg'
-          className={className}
-        >
-          <circle cx={8} cy={8.75137} r={1.5} fill='none' />
-          <path
-            d='M6 6.51529C5.38625 7.06461 5 7.8629 5 8.7514C5 9.6399 5.38625 10.4382 6 10.9875M10 6.51529C10.6137 7.06461 11 7.8629 11 8.7514C11 9.6399 10.6137 10.4382 10 10.9875'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-          <path
-            d='M11 5.39722C11.9206 6.2212 12.5 7.41863 12.5 8.75138C12.5 10.0841 11.9206 11.2816 11 12.1055M5 5.39722C4.07938 6.2212 3.5 7.41863 3.5 8.75138C3.5 10.0841 4.07938 11.2816 5 12.1055'
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <path
-            d='M12 4.27916C13.2275 5.3778 14 6.97437 14 8.75137C14 10.6328 13.134 12.312 11.779 13.412M4.33558 4C2.91494 5.09726 2 6.81747 2 8.75137C2 10.5434 2.78563 12.152 4.03126 13.2514'
-            stroke='none'
-            strokeLinecap='round'
-          />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default LiveIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const LiveIcon = ({ color = 'green', size = 'normal' }) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = <></>
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg
+          width={16}
+          height={16}
+          viewBox='0 0 16 16'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <circle cx={8} cy={8.75137} r={1.5} fill='none' />
+          <path
+            d='M6 6.51529C5.38625 7.06461 5 7.8629 5 8.7514C5 9.6399 5.38625 10.4382 6 10.9875M10 6.51529C10.6137 7.06461 11 7.8629 11 8.7514C11 9.6399 10.6137 10.4382 10 10.9875'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+          <path
+            d='M11 5.39722C11.9206 6.2212 12.5 7.41863 12.5 8.75138C12.5 10.0841 11.9206 11.2816 11 12.1055M5 5.39722C4.07938 6.2212 3.5 7.41863 3.5 8.75138C3.5 10.0841 4.07938 11.2816 5 12.1055'
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <path
+            d='M12 4.27916C13.2275 5.3778 14 6.97437 14 8.75137C14 10.6328 13.134 12.312 11.779 13.412M4.33558 4C2.91494 5.09726 2 6.81747 2 8.75137C2 10.5434 2.78563 12.152 4.03126 13.2514'
+            stroke='none'
+            strokeLinecap='round'
+          />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default LiveIcon

package/src/components/icons/MetricsIcon.jsx

@@ -1,52 +1,52 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const MetricsIcon = ({ color = 'white' }) => {
-  const className = styles[`${color}`]
-  return (
-    <svg
-      width={40}
-      height={40}
-      viewBox='0 0 40 40'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      className={className}
-    >
-      <rect
-        x={10}
-        y={12.5}
-        width={5}
-        height={17.5}
-        rx={0.5}
-        stroke='none'
-        strokeWidth={2}
-      />
-      <rect
-        x={20}
-        y={20}
-        width={5}
-        height={10}
-        rx={0.5}
-        stroke='none'
-        strokeWidth={2}
-      />
-      <rect
-        x={30}
-        y={5}
-        width={5}
-        height={25}
-        rx={0.5}
-        stroke='none'
-        strokeWidth={2}
-      />
-      <path
-        d='M5 5V35H35'
-        stroke='none'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-    </svg>
-  )
-}
-
-export default MetricsIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const MetricsIcon = ({ color = 'white' }) => {
+  const className = styles[`${color}`]
+  return (
+    <svg
+      width={40}
+      height={40}
+      viewBox='0 0 40 40'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className={className}
+    >
+      <rect
+        x={10}
+        y={12.5}
+        width={5}
+        height={17.5}
+        rx={0.5}
+        stroke='none'
+        strokeWidth={2}
+      />
+      <rect
+        x={20}
+        y={20}
+        width={5}
+        height={10}
+        rx={0.5}
+        stroke='none'
+        strokeWidth={2}
+      />
+      <rect
+        x={30}
+        y={5}
+        width={5}
+        height={25}
+        rx={0.5}
+        stroke='none'
+        strokeWidth={2}
+      />
+      <path
+        d='M5 5V35H35'
+        stroke='none'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </svg>
+  )
+}
+
+export default MetricsIcon

package/src/components/icons/PlayIcon.jsx

@@ -1,20 +1,20 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const PlayIcon = ({ color = 'green', size = 'normal' }) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = <></>
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
-          <path d='M2 2L14 8L2 14V2Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default PlayIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const PlayIcon = ({ color = 'green', size = 'normal' }) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = <></>
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
+          <path d='M2 2L14 8L2 14V2Z' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default PlayIcon

package/src/components/icons/PullRequestIcon.jsx

@@ -1,35 +1,35 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const PullRequestIcon = ({ color = 'white' }) => {
-  const className = styles[`${color}`]
-  return (
-    <svg
-      width={40}
-      height={40}
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      className={className}
-    >
-      <circle cx={9.5} cy={30.5} r={4.5} stroke='none' strokeWidth={2} />
-      <circle cx={9.5} cy={9.5} r={4.5} stroke='none' strokeWidth={2} />
-      <path stroke='none' strokeWidth={2} d='M9 14v12' />
-      <circle cx={30.5} cy={30.5} r={4.5} stroke='none' strokeWidth={2} />
-      <path
-        d='M30.5 26V10.5a1 1 0 0 0-1-1H23'
-        stroke='none'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-      <path
-        d='m26 5-4.5 4.5L26 14'
-        stroke='none'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-    </svg>
-  )
-}
-
-export default PullRequestIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const PullRequestIcon = ({ color = 'white' }) => {
+  const className = styles[`${color}`]
+  return (
+    <svg
+      width={40}
+      height={40}
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className={className}
+    >
+      <circle cx={9.5} cy={30.5} r={4.5} stroke='none' strokeWidth={2} />
+      <circle cx={9.5} cy={9.5} r={4.5} stroke='none' strokeWidth={2} />
+      <path stroke='none' strokeWidth={2} d='M9 14v12' />
+      <circle cx={30.5} cy={30.5} r={4.5} stroke='none' strokeWidth={2} />
+      <path
+        d='M30.5 26V10.5a1 1 0 0 0-1-1H23'
+        stroke='none'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <path
+        d='m26 5-4.5 4.5L26 14'
+        stroke='none'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </svg>
+  )
+}
+
+export default PullRequestIcon

package/src/components/icons/StaticWorkspaceIcon.jsx

@@ -1,119 +1,119 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-
-const StaticWorkspaceIcon = ({
-  color = 'green',
-  size = 'normal',
-  tip = ''
-}) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = (
-    <svg
-      width={40}
-      height={41}
-      viewBox='0 0 40 41'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      className={className}
-      data-tip={tip}
-    >
-      <rect
-        x={5}
-        y={5.33325}
-        width={10}
-        height={12.5874}
-        rx={1}
-        stroke='none'
-        strokeWidth={2.5}
-      />
-      <rect
-        x={20}
-        y={5.33325}
-        width={15}
-        height={12.5874}
-        rx={1}
-        stroke='none'
-        strokeWidth={2.5}
-      />
-      <rect
-        x={35}
-        y={35.3333}
-        width={10}
-        height={12.5874}
-        rx={1}
-        transform='rotate(-180 35 35.3333)'
-        stroke='none'
-        strokeWidth={2.5}
-      />
-      <rect
-        x={20}
-        y={35.3333}
-        width={15}
-        height={12.5874}
-        rx={1}
-        transform='rotate(-180 20 35.3333)'
-        stroke='none'
-        strokeWidth={2.5}
-      />
-    </svg>
-  )
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg
-          width={24}
-          height={25}
-          viewBox='0 0 24 25'
-          fill='none'
-          xmlns='http://www.w3.org/2000/svg'
-          className={className}
-          data-tip={tip}
-        >
-          <rect
-            x={3}
-            y={3.5}
-            width={6}
-            height={7.55245}
-            rx={1}
-            stroke='none'
-            strokeWidth={1.5}
-          />
-          <rect
-            x={12}
-            y={3.5}
-            width={9}
-            height={7.55245}
-            rx={1}
-            stroke='none'
-            strokeWidth={1.5}
-          />
-          <rect
-            x={21}
-            y={21.5}
-            width={6}
-            height={7.55245}
-            rx={1}
-            transform='rotate(-180 21 21.5)'
-            stroke='none'
-            strokeWidth={1.5}
-          />
-          <rect
-            x={12}
-            y={21.5}
-            width={9}
-            height={7.55245}
-            rx={1}
-            transform='rotate(-180 12 21.5)'
-            stroke='none'
-            strokeWidth={1.5}
-          />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default StaticWorkspaceIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+
+const StaticWorkspaceIcon = ({
+  color = 'green',
+  size = 'normal',
+  tip = ''
+}) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = (
+    <svg
+      width={40}
+      height={41}
+      viewBox='0 0 40 41'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className={className}
+      data-tip={tip}
+    >
+      <rect
+        x={5}
+        y={5.33325}
+        width={10}
+        height={12.5874}
+        rx={1}
+        stroke='none'
+        strokeWidth={2.5}
+      />
+      <rect
+        x={20}
+        y={5.33325}
+        width={15}
+        height={12.5874}
+        rx={1}
+        stroke='none'
+        strokeWidth={2.5}
+      />
+      <rect
+        x={35}
+        y={35.3333}
+        width={10}
+        height={12.5874}
+        rx={1}
+        transform='rotate(-180 35 35.3333)'
+        stroke='none'
+        strokeWidth={2.5}
+      />
+      <rect
+        x={20}
+        y={35.3333}
+        width={15}
+        height={12.5874}
+        rx={1}
+        transform='rotate(-180 20 35.3333)'
+        stroke='none'
+        strokeWidth={2.5}
+      />
+    </svg>
+  )
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg
+          width={24}
+          height={25}
+          viewBox='0 0 24 25'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+          data-tip={tip}
+        >
+          <rect
+            x={3}
+            y={3.5}
+            width={6}
+            height={7.55245}
+            rx={1}
+            stroke='none'
+            strokeWidth={1.5}
+          />
+          <rect
+            x={12}
+            y={3.5}
+            width={9}
+            height={7.55245}
+            rx={1}
+            stroke='none'
+            strokeWidth={1.5}
+          />
+          <rect
+            x={21}
+            y={21.5}
+            width={6}
+            height={7.55245}
+            rx={1}
+            transform='rotate(-180 21 21.5)'
+            stroke='none'
+            strokeWidth={1.5}
+          />
+          <rect
+            x={12}
+            y={21.5}
+            width={9}
+            height={7.55245}
+            rx={1}
+            transform='rotate(-180 12 21.5)'
+            stroke='none'
+            strokeWidth={1.5}
+          />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default StaticWorkspaceIcon

package/src/components/icons/StopIcon.jsx

@@ -1,21 +1,21 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const StopIcon = ({ color = 'green', size = 'normal' }) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = <></>
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
-          <circle cx={8} cy={8} r={6} stroke='none' />
-          <path d='M3.5 12L12 3.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default StopIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const StopIcon = ({ color = 'green', size = 'normal' }) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = <></>
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
+          <circle cx={8} cy={8} r={6} stroke='none' />
+          <path d='M3.5 12L12 3.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default StopIcon

package/src/components/icons/TerminalIcon.jsx

@@ -1,22 +1,22 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-const TerminalIcon = ({ color = 'green', size = 'normal' }) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = <></>
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
-          <rect x={2} y={2} width={12} height={12} rx={1} stroke='none' />
-          <path d='M4 9L6 7L4 5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
-          <path d='M7 11H11.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default TerminalIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+const TerminalIcon = ({ color = 'green', size = 'normal' }) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = <></>
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg width={16} height={16} viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
+          <rect x={2} y={2} width={12} height={12} rx={1} stroke='none' />
+          <path d='M4 9L6 7L4 5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M7 11H11.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default TerminalIcon