feat(icons): add icons for vhost, certificate, move, directory and sparkles (#1114)

Author: ntdoJanneck

packages/components/src/components/Icon/components/icons/IconCertificate.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+/* auto-generated file */
+import React, { ComponentProps, FC } from "react";
+import { IconFileCertificate as Tabler } from "@tabler/icons-react";
+import { Icon } from "@/components/Icon";
+
+export const IconCertificate: FC<
+  Omit<ComponentProps<typeof Icon>, "children">
+> = (props) => (
+  <Icon {...props}>
+    <Tabler />
+  </Icon>
+);
+
+export default IconCertificate;

packages/components/src/components/Icon/components/icons/IconDirectory.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+/* auto-generated file */
+import React, { ComponentProps, FC } from "react";
+import { IconFolder as Tabler } from "@tabler/icons-react";
+import { Icon } from "@/components/Icon";
+
+export const IconDirectory: FC<
+  Omit<ComponentProps<typeof Icon>, "children">
+> = (props) => (
+  <Icon {...props}>
+    <Tabler />
+  </Icon>
+);
+
+export default IconDirectory;

packages/components/src/components/Icon/components/icons/IconMove.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+/* auto-generated file */
+import React, { ComponentProps, FC } from "react";
+import { IconTruckDelivery as Tabler } from "@tabler/icons-react";
+import { Icon } from "@/components/Icon";
+
+export const IconMove: FC<Omit<ComponentProps<typeof Icon>, "children">> = (
+  props,
+) => (
+  <Icon {...props}>
+    <Tabler />
+  </Icon>
+);
+
+export default IconMove;

packages/components/src/components/Icon/components/icons/IconSparkles.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+/* auto-generated file */
+import React, { ComponentProps, FC } from "react";
+import { IconSparkles as Tabler } from "@tabler/icons-react";
+import { Icon } from "@/components/Icon";
+
+export const IconSparkles: FC<Omit<ComponentProps<typeof Icon>, "children">> = (
+  props,
+) => (
+  <Icon {...props}>
+    <Tabler />
+  </Icon>
+);
+
+export default IconSparkles;

packages/components/src/components/Icon/components/icons/IconSubdomain.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* auto-generated file */
 import React, { ComponentProps, FC } from "react";
-import { IconSubtask as Tabler } from "@tabler/icons-react";
+import { IconWorldWww as Tabler } from "@tabler/icons-react";
 import { Icon } from "@/components/Icon";
 
 export const IconSubdomain: FC<

packages/components/src/components/Icon/components/icons/IconVhost.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+/* auto-generated file */
+import React, { ComponentProps, FC } from "react";
+import { IconWorldShare as Tabler } from "@tabler/icons-react";
+import { Icon } from "@/components/Icon";
+
+export const IconVhost: FC<Omit<ComponentProps<typeof Icon>, "children">> = (
+  props,
+) => (
+  <Icon {...props}>
+    <Tabler />
+  </Icon>
+);
+
+export default IconVhost;

packages/components/src/components/Icon/components/icons/index.ts

@@ -6,6 +6,7 @@ export { IconBackLink } from "./IconBackLink";
 export { IconBackup } from "./IconBackup";
 export { IconCamera } from "./IconCamera";
 export { IconChangelog } from "./IconChangelog";
+export { IconCertificate } from "./IconCertificate";
 export { IconCheck } from "./IconCheck";
 export { IconCheckboxChecked } from "./IconCheckboxChecked";
 export { IconCheckboxEmpty } from "./IconCheckboxEmpty";
@@ -27,6 +28,7 @@ export { IconCustomer } from "./IconCustomer";
 export { IconDanger } from "./IconDanger";
 export { IconDashboard } from "./IconDashboard";
 export { IconDatabase } from "./IconDatabase";
+export { IconDirectory } from "./IconDirectory";
 export { IconCalendar } from "./IconCalendar";
 export { IconDelete } from "./IconDelete";
 export { IconDeliveryBox } from "./IconDeliveryBox";
@@ -53,6 +55,7 @@ export { IconMaximize } from "./IconMaximize";
 export { IconMember } from "./IconMember";
 export { IconMenu } from "./IconMenu";
 export { IconMinimize } from "./IconMinimize";
+export { IconMove } from "./IconMove";
 export { IconMinus } from "./IconMinus";
 export { IconNotification } from "./IconNotification";
 export { IconNumber } from "./IconNumber";
@@ -78,6 +81,7 @@ export { IconShow } from "./IconShow";
 export { IconSorting } from "./IconSorting";
 export { IconSpamProtectionOff } from "./IconSpamProtectionOff";
 export { IconSpamProtectionOn } from "./IconSpamProtectionOn";
+export { IconSparkles } from "./IconSparkles";
 export { IconSshKey } from "./IconSshKey";
 export { IconSshSftp } from "./IconSshSftp";
 export { IconStar } from "./IconStar";
@@ -91,5 +95,6 @@ export { IconTicket } from "./IconTicket";
 export { IconUndo } from "./IconUndo";
 export { IconUser } from "./IconUser";
 export { IconView } from "./IconView";
+export { IconVhost } from "./IconVhost";
 export { IconWarning } from "./IconWarning";
 export { IconMittwald } from "./IconMittwald";

packages/components/src/components/Icon/icons.yaml

@@ -4,6 +4,7 @@ BackLink: ArrowLeft
 Backup: History
 Camera: Camera
 Changelog: ClipboardList
+Certificate: FileCertificate
 Check: Check
 CheckboxChecked: SquareCheckFilled
 CheckboxEmpty: Square
@@ -25,6 +26,7 @@ Customer: Building
 Danger: AlertTriangle
 Dashboard: BorderAll
 Database: Database
+Directory: Folder
 Calendar: Calendar
 Delete: Trash
 DeliveryBox: MailShare
@@ -51,6 +53,7 @@ Maximize: Maximize
 Member: UsersGroup
 Menu: Menu2
 Minimize: Minimize
+Move: TruckDelivery
 Minus: Minus
 Notification: Bell
 Number: Hash
@@ -76,11 +79,12 @@ Show: Eye
 Sorting: ArrowsUpDown
 SpamProtectionOff: Shield
 SpamProtectionOn: ShieldCheckFilled
+Sparkles: Sparkles
 SshKey: Key
 SshSftp: Door
 Star: Star
 StarFilled: StarFilled
-Subdomain: Subtask
+Subdomain: WorldWww
 Succeeded: Check
 Success: CircleCheck
 Support: Headset
@@ -89,6 +93,7 @@ Ticket: Ticket
 Undo: ArrowBackUp
 User: User
 View: List
+Vhost: WorldShare
 Warning: AlertCircle
 Mittwald:
   svg: |

packages/docs/src/content/03-components/content/icon/examples/decorative.tsx

@@ -41,6 +41,12 @@ import {
   IconTerminate,
   IconTicket,
   IconUser,
+  IconMove,
+  IconVhost,
+  IconCertificate,
+  IconSparkles,
+  IconDirectory,
+  IconFile,
 } from "@mittwald/flow-react-components/Icons";
 import Label from "@mittwald/flow-react-components/Label";
 import LabeledValue from "@mittwald/flow-react-components/LabeledValue";
@@ -59,6 +65,10 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
     <Label>Star Filled</Label>
     <IconStarFilled />
   </LabeledValue>
+  <LabeledValue>
+    <Label>Sparkles</Label>
+    <IconSparkles />
+  </LabeledValue>
   <LabeledValue>
     <Label>Project</Label>
     <IconProject />
@@ -91,10 +101,30 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
     <Label>Domain</Label>
     <IconDomain />
   </LabeledValue>
+  <LabeledValue>
+    <Label>Vhost</Label>
+    <IconVhost />
+  </LabeledValue>
   <LabeledValue>
     <Label>Subdomain</Label>
     <IconSubdomain />
   </LabeledValue>
+  <LabeledValue>
+    <Label>Certificate</Label>
+    <IconCertificate />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Move</Label>
+    <IconMove />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Directory</Label>
+    <IconDirectory />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>File</Label>
+    <IconFile />
+  </LabeledValue>
   <LabeledValue>
     <Label>Database</Label>
     <IconDatabase />