@platformatic/ui-components 0.8.1 → 0.8.2

package/src/components/icons/RemoveAppIcon.jsx

@@ -0,0 +1,101 @@
+import * as React from 'react'
+import PropTypes from 'prop-types'
+import styles from './Icons.module.css'
+import { COLORS_ICON, SIZES, SMALL, MEDIUM, LARGE, MAIN_DARK_BLUE } from '../constants'
+
+const RemoveAppIcon = ({
+  color = MAIN_DARK_BLUE,
+  size = MEDIUM,
+  disabled = false,
+  inactive = false
+}) => {
+  let className = `${styles.svgClassName} ` + styles[`${color}`]
+  if (disabled) {
+    className += ` ${styles.iconDisabled}`
+  }
+  if (inactive) {
+    className += ` ${styles.iconInactive}`
+  }
+  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.5 5V10.8722L8 14M8 14L13.5 10.8722V5M8 14V11' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M4.5 6L2.5 4.85711L8 2L13.5 4.85711L11.4538 5.79253' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M6.5 7.5H9.5' stroke='none' strokeLinecap='round' strokeLinejoin='round' />
+          <circle cx='8' cy='7.5' r='3.5' stroke='none' />
+
+        </svg>
+      )
+      break
+    case MEDIUM:
+      icon = (
+        <svg
+          width={24}
+          height={24}
+          viewBox='0 0 24 24'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <path d='M3.75 7.5V16.3083L12 21M12 21L20.25 16.3083V7.5M12 21V16.5' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M6.75 9L3.75 7.28567L12 3L20.25 7.28567L17.1807 8.6888' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M9.75 11.25H14.25' stroke='none' strokeWidth={1.5} strokeLinecap='round' strokeLinejoin='round' />
+          <circle cx='12' cy='11.25' r='5.25' stroke='none' strokeWidth={1.5} />
+        </svg>
+      )
+      break
+    case LARGE:
+      icon = (
+        <svg
+          width={40}
+          height={40}
+          viewBox='0 0 40 40'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+          className={className}
+        >
+          <path d='M6.25 12.5V27.1806L20 35M20 35L33.75 27.1806V12.5M20 35V27.5' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M11.25 15L6.25 12.1428L20 5L33.75 12.1428L28.6345 14.4813' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+          <path d='M16.25 18.75H23.75' stroke='none' strokeWidth={2} strokeLinecap='round' strokeLinejoin='round' />
+          <circle cx='20' cy='18.75' r='8.75' stroke='none' strokeWidth={2} />
+
+        </svg>
+      )
+      break
+
+    default:
+      break
+  }
+  return icon
+}
+
+RemoveAppIcon.propTypes = {
+  /**
+   * color of text, icon and borders
+   */
+  color: PropTypes.oneOf(COLORS_ICON),
+  /**
+   * Size
+   */
+  size: PropTypes.oneOf(SIZES),
+  /**
+   * disabled
+   */
+  disabled: PropTypes.bool,
+  /**
+   * inactive
+   */
+  inactive: PropTypes.bool
+}
+
+export default RemoveAppIcon

package/src/components/icons/index.js

@@ -17,6 +17,7 @@ import AppDetailsIcon from './AppDetailsIcon'
 import AppEditIcon from './AppEditIcon'
 import AppIcon from './AppIcon'
 import AppListIcon from './AppListIcon'
+import AppMissingIcon from './AppMissingIcon'
 import AppEmptyIcon from './AppEmptyIcon'
 import AppSettingsIcon from './AppSettingsIcon'
 import ApplicationTypeIcon from './ApplicationTypeIcon'
@@ -70,6 +71,7 @@ import CopyPasteIcon from './CopyPasteIcon'
 import CreditCardIcon from './CreditCardIcon'
 import ConfigureDatabaseIcon from './ConfigureDatabaseIcon'
 import CreateAppIcon from './CreateAppIcon'
+import CreatingAppIcon from './CreatingAppIcon'
 import RunningAppIcon from './RunningAppIcon'
 import DatabaseIcon from './DatabaseIcon'
 import DatabaseEditIcon from './DatabaseEditIcon'
@@ -146,6 +148,7 @@ import PreviewPRIcon from './PreviewPRIcon'
 import PullRequestIcon from './PullRequestIcon'
 import PullRequestLoadingIcon from './PullRequestLoadingIcon'
 import RecentAppsIcon from './RecentAppsIcon'
+import RemoveAppIcon from './RemoveAppIcon'
 import RemoveIcon from './RemoveIcon'
 import RequestOwnershipIcon from './RequestOwnershipIcon'
 import RequestsIcon from './RequestsIcon'
@@ -176,7 +179,7 @@ import StackablesIcon from './StackablesIcon'
 import StackablesPluginIcon from './StackablesPluginIcon'
 import StackablesTemplateIcon from './StackablesTemplateIcon'
 import StopIcon from './StopIcon'
-import StoppedAppIcon from './StoppedAppIcon'
+import AppStoppedIcon from './AppStoppedIcon'
 import TableIcon from './TableIcon'
 import TaxonomyIcon from './TaxonomyIcon'
 import TerminalIcon from './TerminalIcon'
@@ -218,8 +221,9 @@ export default {
   AppDetailsIcon,
   AppEditIcon,
   AppIcon,
-  AppListIcon,
   AppEmptyIcon,
+  AppListIcon,
+  AppMissingIcon,
   AppSettingsIcon,
   ApplicationTypeIcon,
   AppWorkspace,
@@ -272,6 +276,7 @@ export default {
   CreditCardIcon,
   ConfigureDatabaseIcon,
   CreateAppIcon,
+  CreatingAppIcon,
   RunningAppIcon,
   DatabaseIcon,
   DatabaseEditIcon,
@@ -348,6 +353,7 @@ export default {
   PullRequestIcon,
   PullRequestLoadingIcon,
   RecentAppsIcon,
+  RemoveAppIcon,
   RemoveIcon,
   RequestOwnershipIcon,
   RequestsIcon,
@@ -361,7 +367,7 @@ export default {
   ServiceIcon,
   ServicesWorkingIcon,
   StopIcon,
-  StoppedAppIcon,
+  AppStoppedIcon,
   SlotIcon,
   SwitchIcon,
   SocialDiscordIcon,