@platformatic/ui-components 0.1.48 → 0.1.50

package/src/components/icons/AppIcon.jsx

@@ -1,38 +1,38 @@
-import React from 'react'
-export default function AppEmptyIcon () {
-  return (
-    <svg
-      width={32}
-      height={33}
-      viewBox='0 0 32 33'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-    >
-      <path
-        d='M12 6.75317H5C4.44772 6.75317 4 7.20089 4 7.75317V21.1132C4 21.6655 4.44772 22.1132 5 22.1132H27C27.5523 22.1132 28 21.6655 28 21.1132V7.75317C28 7.20089 27.5523 6.75317 27 6.75317H20'
-        stroke='#00283D'
-        strokeWidth={2}
-        strokeLinecap='round'
-      />
-      <rect
-        x={12}
-        y={22.1133}
-        width={8}
-        height={3.84}
-        stroke='#00283D'
-        strokeWidth={2}
-      />
-      <path
-        d='M8 26.9534C8 26.4011 8.44772 25.9534 9 25.9534H23C23.5523 25.9534 24 26.4011 24 26.9534V28.8334H8V26.9534Z'
-        stroke='#00283D'
-        strokeWidth={2}
-      />
-      <path
-        d='M16 4.83325L17.7961 10.14H23.6085L18.9062 13.4198L20.7023 18.7265L16 15.4468L11.2977 18.7265L13.0938 13.4198L8.39155 10.14H14.2039L16 4.83325Z'
-        stroke='#00283D'
-        strokeWidth={2}
-        strokeLinejoin='round'
-      />
-    </svg>
-  )
-}
+import React from 'react'
+export default function AppIcon () {
+  return (
+    <svg
+      width={32}
+      height={33}
+      viewBox='0 0 32 33'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+    >
+      <path
+        d='M12 6.75317H5C4.44772 6.75317 4 7.20089 4 7.75317V21.1132C4 21.6655 4.44772 22.1132 5 22.1132H27C27.5523 22.1132 28 21.6655 28 21.1132V7.75317C28 7.20089 27.5523 6.75317 27 6.75317H20'
+        stroke='#00283D'
+        strokeWidth={2}
+        strokeLinecap='round'
+      />
+      <rect
+        x={12}
+        y={22.1133}
+        width={8}
+        height={3.84}
+        stroke='#00283D'
+        strokeWidth={2}
+      />
+      <path
+        d='M8 26.9534C8 26.4011 8.44772 25.9534 9 25.9534H23C23.5523 25.9534 24 26.4011 24 26.9534V28.8334H8V26.9534Z'
+        stroke='#00283D'
+        strokeWidth={2}
+      />
+      <path
+        d='M16 4.83325L17.7961 10.14H23.6085L18.9062 13.4198L20.7023 18.7265L16 15.4468L11.2977 18.7265L13.0938 13.4198L8.39155 10.14H14.2039L16 4.83325Z'
+        stroke='#00283D'
+        strokeWidth={2}
+        strokeLinejoin='round'
+      />
+    </svg>
+  )
+}

package/src/components/icons/AppListIcon.jsx

@@ -1,73 +1,73 @@
-import React from 'react'
-import styles from './Icons.module.css'
-export default function AppListIcon ({ color = 'white' }) {
-  const className = styles[`${color}`]
-  return (
-    <svg
-      width={49}
-      height={67}
-      viewBox='0 0 49 67'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      className={className}
-    >
-      <path
-        d='M19.6628 38.0801H11.9961C11.4438 38.0801 10.9961 38.5278 10.9961 39.0801V53.7201C10.9961 54.2724 11.4438 54.7201 11.9961 54.7201H35.9961C36.5484 54.7201 36.9961 54.2724 36.9961 53.7201V39.0801C36.9961 38.5278 36.5484 38.0801 35.9961 38.0801H28.3294'
-        stroke='none'
-        strokeWidth={2}
-        strokeLinecap='round'
-      />
-      <rect
-        x={19.6631}
-        y={54.72}
-        width={8.66667}
-        height={4.16}
-        stroke='white'
-        strokeWidth={2}
-      />
-      <path
-        d='M15.3291 59.8799C15.3291 59.3276 15.7768 58.8799 16.3291 58.8799H31.6624C32.2147 58.8799 32.6624 59.3276 32.6624 59.8799V61.9999H15.3291V59.8799Z'
-        stroke='white'
-        strokeWidth={2}
-      />
-      <path
-        d='M23.9958 36L25.9416 41.749H32.2383L27.1441 45.302L29.0899 51.051L23.9958 47.498L18.9016 51.051L20.8474 45.302L15.7533 41.749H22.05L23.9958 36Z'
-        stroke='white'
-        strokeWidth={2}
-        strokeLinejoin='round'
-      />
-      <path
-        d='M20.9961 34H15.9961V25H13.9961'
-        stroke='white'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-      <path
-        d='M19.9961 29.5V9'
-        stroke='white'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-      <path
-        d='M27.9961 35H32V27H38.9961V19'
-        stroke='white'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-      <path
-        d='M26 31.5V22H30.9961V14.5'
-        stroke='white'
-        strokeWidth={2}
-        strokeLinecap='round'
-        strokeLinejoin='round'
-      />
-      <circle cx={11.9961} cy={25} r={2} stroke='white' strokeWidth={2} />
-      <circle cx={19.9961} cy={7} r={2} stroke='white' strokeWidth={2} />
-      <circle cx={30.9961} cy={12} r={2} stroke='white' strokeWidth={2} />
-      <circle cx={38.9961} cy={17} r={2} stroke='white' strokeWidth={2} />
-    </svg>
-  )
-}
+import React from 'react'
+import styles from './Icons.module.css'
+export default function AppListIcon ({ color = 'white' }) {
+  const className = styles[`${color}`]
+  return (
+    <svg
+      width={49}
+      height={67}
+      viewBox='0 0 49 67'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className={className}
+    >
+      <path
+        d='M19.6628 38.0801H11.9961C11.4438 38.0801 10.9961 38.5278 10.9961 39.0801V53.7201C10.9961 54.2724 11.4438 54.7201 11.9961 54.7201H35.9961C36.5484 54.7201 36.9961 54.2724 36.9961 53.7201V39.0801C36.9961 38.5278 36.5484 38.0801 35.9961 38.0801H28.3294'
+        stroke='none'
+        strokeWidth={2}
+        strokeLinecap='round'
+      />
+      <rect
+        x={19.6631}
+        y={54.72}
+        width={8.66667}
+        height={4.16}
+        stroke='white'
+        strokeWidth={2}
+      />
+      <path
+        d='M15.3291 59.8799C15.3291 59.3276 15.7768 58.8799 16.3291 58.8799H31.6624C32.2147 58.8799 32.6624 59.3276 32.6624 59.8799V61.9999H15.3291V59.8799Z'
+        stroke='white'
+        strokeWidth={2}
+      />
+      <path
+        d='M23.9958 36L25.9416 41.749H32.2383L27.1441 45.302L29.0899 51.051L23.9958 47.498L18.9016 51.051L20.8474 45.302L15.7533 41.749H22.05L23.9958 36Z'
+        stroke='white'
+        strokeWidth={2}
+        strokeLinejoin='round'
+      />
+      <path
+        d='M20.9961 34H15.9961V25H13.9961'
+        stroke='white'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <path
+        d='M19.9961 29.5V9'
+        stroke='white'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <path
+        d='M27.9961 35H32V27H38.9961V19'
+        stroke='white'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <path
+        d='M26 31.5V22H30.9961V14.5'
+        stroke='white'
+        strokeWidth={2}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <circle cx={11.9961} cy={25} r={2} stroke='white' strokeWidth={2} />
+      <circle cx={19.9961} cy={7} r={2} stroke='white' strokeWidth={2} />
+      <circle cx={30.9961} cy={12} r={2} stroke='white' strokeWidth={2} />
+      <circle cx={38.9961} cy={17} r={2} stroke='white' strokeWidth={2} />
+    </svg>
+  )
+}

package/src/components/icons/Calendar1Icon.jsx

@@ -1,54 +1,54 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-
-const Calendar1Icon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
-          <path
-            d='M2 7H5M14 7H11'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-          <line
-            x1={4.5}
-            y1={5.5}
-            x2={4.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <line
-            x1={11.5}
-            y1={5.5}
-            x2={11.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <path
-            d='M7.59712 13V6.5L8.21223 7.09L7.59712 8H7.5L6.5 9V7L7.5 6H9V13H7.59712Z'
-            fill='none'
-          />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default Calendar1Icon
+import * as React from 'react'
+import styles from './Icons.module.css'
+
+const Calendar1Icon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
+          <path
+            d='M2 7H5M14 7H11'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+          <line
+            x1={4.5}
+            y1={5.5}
+            x2={4.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <line
+            x1={11.5}
+            y1={5.5}
+            x2={11.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <path
+            d='M7.59712 13V6.5L8.21223 7.09L7.59712 8H7.5L6.5 9V7L7.5 6H9V13H7.59712Z'
+            fill='none'
+          />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default Calendar1Icon

package/src/components/icons/Calendar7Icon.jsx

@@ -1,55 +1,55 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-
-const Calendar7Icon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
-
-          <path
-            d='M2 7H4M14 7H12'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-          <line
-            x1={4.5}
-            y1={5.5}
-            x2={4.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <line
-            x1={11.5}
-            y1={5.5}
-            x2={11.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <path
-            d='M6.46691 13L9.65441 6.52L10.0294 7.1H5.65074L6.33456 6.47V8.29H5V6H11V6.87L8 13H6.46691Z'
-            fill='none'
-          />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default Calendar7Icon
+import * as React from 'react'
+import styles from './Icons.module.css'
+
+const Calendar7Icon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
+
+          <path
+            d='M2 7H4M14 7H12'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+          <line
+            x1={4.5}
+            y1={5.5}
+            x2={4.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <line
+            x1={11.5}
+            y1={5.5}
+            x2={11.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <path
+            d='M6.46691 13L9.65441 6.52L10.0294 7.1H5.65074L6.33456 6.47V8.29H5V6H11V6.87L8 13H6.46691Z'
+            fill='none'
+          />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default Calendar7Icon

package/src/components/icons/CalendarIcon.jsx

@@ -1,56 +1,56 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-
-const CalendarIcon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
-          <path
-            d='M2 7H14'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-          <line
-            x1={4.5}
-            y1={5.5}
-            x2={4.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <line
-            x1={11.5}
-            y1={5.5}
-            x2={11.5}
-            y2={2.5}
-            stroke='none'
-            strokeLinecap='round'
-          />
-          <rect x={4} y={8} width={2} height={2} rx={0.5} fill='none' />
-          <rect x={4} y={11} width={2} height={2} rx={0.5} fill='none' />
-          <rect x={7} y={8} width={2} height={2} rx={0.5} fill='none' />
-          <rect x={10} y={8} width={2} height={2} rx={0.5} fill='none' />
-          <rect x={7} y={11} width={2} height={2} rx={0.5} fill='none' />
-          <rect x={10} y={11} width={2} height={2} rx={0.5} fill='none' />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default CalendarIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+
+const CalendarIcon = ({ 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={4} width={12} height={10} rx={1} stroke='none' />
+          <path
+            d='M2 7H14'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+          <line
+            x1={4.5}
+            y1={5.5}
+            x2={4.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <line
+            x1={11.5}
+            y1={5.5}
+            x2={11.5}
+            y2={2.5}
+            stroke='none'
+            strokeLinecap='round'
+          />
+          <rect x={4} y={8} width={2} height={2} rx={0.5} fill='none' />
+          <rect x={4} y={11} width={2} height={2} rx={0.5} fill='none' />
+          <rect x={7} y={8} width={2} height={2} rx={0.5} fill='none' />
+          <rect x={10} y={8} width={2} height={2} rx={0.5} fill='none' />
+          <rect x={7} y={11} width={2} height={2} rx={0.5} fill='none' />
+          <rect x={10} y={11} width={2} height={2} rx={0.5} fill='none' />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default CalendarIcon

package/src/components/icons/CircleAddIcon.jsx

@@ -1,40 +1,40 @@
-import * as React from 'react'
-import styles from './Icons.module.css'
-
-const CircleAddIcon = ({ color = 'green', size = 'normal' }) => {
-  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
-  let icon = <></>
-  switch (size) {
-    case 'small':
-      icon = (
-        <svg
-          width={18}
-          height={18}
-          viewBox='0 0 18 18'
-          fill='none'
-          xmlns='http://www.w3.org/2000/svg'
-          className={className}
-        >
-          <circle cx={9} cy={9} r={8} stroke='none' />
-          <path
-            d='M4 9H14'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-          <path
-            d='M9 14L9 4.00002'
-            stroke='none'
-            strokeLinecap='round'
-            strokeLinejoin='round'
-          />
-        </svg>
-      )
-      break
-    default:
-      break
-  }
-  return icon
-}
-
-export default CircleAddIcon
+import * as React from 'react'
+import styles from './Icons.module.css'
+
+const CircleAddIcon = ({ color = 'green', size = 'normal' }) => {
+  const className = `${styles.noShrinkForFlex} ` + styles[`${color}`]
+  let icon = <></>
+  switch (size) {
+    case 'small':
+      icon = (
+        <svg
+          width={18}
+          height={18}
+          viewBox='0 0 18 18'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <circle cx={9} cy={9} r={8} stroke='none' />
+          <path
+            d='M4 9H14'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+          <path
+            d='M9 14L9 4.00002'
+            stroke='none'
+            strokeLinecap='round'
+            strokeLinejoin='round'
+          />
+        </svg>
+      )
+      break
+    default:
+      break
+  }
+  return icon
+}
+
+export default CircleAddIcon