feat(icon): add mobile, desktop, link and bulb icon (#1123)

* feat(icon): add mobile, desktop and bulb icon

* feat(icon): add link icon

Author: Lisa18289

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

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

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

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

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

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

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

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

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

@@ -4,6 +4,7 @@ export { IconApp } from "./IconApp";
 export { IconAutoresponder } from "./IconAutoresponder";
 export { IconBackLink } from "./IconBackLink";
 export { IconBackup } from "./IconBackup";
+export { IconBulb } from "./IconBulb";
 export { IconCamera } from "./IconCamera";
 export { IconChangelog } from "./IconChangelog";
 export { IconCertificate } from "./IconCertificate";
@@ -28,6 +29,7 @@ export { IconCustomer } from "./IconCustomer";
 export { IconDanger } from "./IconDanger";
 export { IconDashboard } from "./IconDashboard";
 export { IconDatabase } from "./IconDatabase";
+export { IconDesktop } from "./IconDesktop";
 export { IconDirectory } from "./IconDirectory";
 export { IconCalendar } from "./IconCalendar";
 export { IconDelete } from "./IconDelete";
@@ -48,13 +50,15 @@ export { IconImage } from "./IconImage";
 export { IconInfo } from "./IconInfo";
 export { IconInbox } from "./IconInbox";
 export { IconInvoice } from "./IconInvoice";
+export { IconLink } from "./IconLink";
 export { IconLock } from "./IconLock";
 export { IconLockOpen } from "./IconLockOpen";
 export { IconLogout } from "./IconLogout";
 export { IconMaximize } from "./IconMaximize";
 export { IconMember } from "./IconMember";
 export { IconMenu } from "./IconMenu";
 export { IconMinimize } from "./IconMinimize";
+export { IconMobile } from "./IconMobile";
 export { IconMove } from "./IconMove";
 export { IconMinus } from "./IconMinus";
 export { IconNotification } from "./IconNotification";

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

@@ -2,6 +2,7 @@ App: AppWindow
 Autoresponder: ArrowBackUpDouble
 BackLink: ArrowLeft
 Backup: History
+Bulb: Bulb
 Camera: Camera
 Changelog: ClipboardList
 Certificate: FileCertificate
@@ -26,6 +27,7 @@ Customer: Building
 Danger: AlertTriangle
 Dashboard: BorderAll
 Database: Database
+Desktop: DeviceImac
 Directory: Folder
 Calendar: Calendar
 Delete: Trash
@@ -46,13 +48,15 @@ Image: Photo
 Info: InfoCircle
 Inbox: Inbox
 Invoice: FileEuro
+Link: Link
 Lock: Lock
 LockOpen: LockOpen
 Logout: Power
 Maximize: Maximize
 Member: UsersGroup
 Menu: Menu2
 Minimize: Minimize
+Mobile: DeviceMobile
 Move: TruckDelivery
 Minus: Minus
 Notification: Bell

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

@@ -2,8 +2,10 @@ import {
   IconApp,
   IconAutoresponder,
   IconBackup,
+  IconBulb,
   IconCalendar,
   IconCamera,
+  IconCertificate,
   IconChangelog,
   IconClock,
   IconContract,
@@ -13,14 +15,20 @@ import {
   IconDashboard,
   IconDatabase,
   IconDeliveryBox,
+  IconDesktop,
+  IconDirectory,
   IconDomain,
   IconEmail,
   IconExtension,
+  IconFile,
   IconForward,
   IconInbox,
   IconInvoice,
+  IconLink,
   IconMember,
   IconMittwald,
+  IconMobile,
+  IconMove,
   IconNumber,
   IconOrder,
   IconPassword,
@@ -32,6 +40,7 @@ import {
   IconServer,
   IconSpamProtectionOff,
   IconSpamProtectionOn,
+  IconSparkles,
   IconSshKey,
   IconSshSftp,
   IconStar,
@@ -41,12 +50,7 @@ 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";
@@ -245,4 +249,20 @@ import ColumnLayout from "@mittwald/flow-react-components/ColumnLayout";
     <Label>Password</Label>
     <IconPassword />
   </LabeledValue>
+  <LabeledValue>
+    <Label>Desktop</Label>
+    <IconDesktop />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Mobile</Label>
+    <IconMobile />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Bulb</Label>
+    <IconBulb />
+  </LabeledValue>
+  <LabeledValue>
+    <Label>Link</Label>
+    <IconLink />
+  </LabeledValue>
 </ColumnLayout>;