diff --git a/assets/desktop-fill.svg b/assets/desktop-fill.svg new file mode 100644 index 0000000..32100df --- /dev/null +++ b/assets/desktop-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/desktop.svg b/assets/desktop.svg new file mode 100644 index 0000000..d0faaba --- /dev/null +++ b/assets/desktop.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/mobile-fill.svg b/assets/mobile-fill.svg new file mode 100644 index 0000000..8e57a5d --- /dev/null +++ b/assets/mobile-fill.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/mobile.svg b/assets/mobile.svg new file mode 100644 index 0000000..43b398a --- /dev/null +++ b/assets/mobile.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/tablet-vertical-fill.svg b/assets/tablet-vertical-fill.svg new file mode 100644 index 0000000..bf89bb6 --- /dev/null +++ b/assets/tablet-vertical-fill.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/tablet-vertical.svg b/assets/tablet-vertical.svg new file mode 100644 index 0000000..56fc572 --- /dev/null +++ b/assets/tablet-vertical.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/package-lock.json b/package-lock.json index 75653ff..84f9148 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@lifesg/react-icons", - "version": "1.21.0", + "version": "1.22.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@lifesg/react-icons", - "version": "1.21.0", + "version": "1.22.0", "license": "ISC", "devDependencies": { "@babel/core": "^7.17.8", diff --git a/package.json b/package.json index dd15bd3..dc9de7f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lifesg/react-icons", - "version": "1.21.0", + "version": "1.22.0", "description": "An icon component library for LifeSG and BookingSG web apps", "main": "dist/cjs/index.js", "module": "dist/index.js", diff --git a/src/desktop-fill.tsx b/src/desktop-fill.tsx new file mode 100644 index 0000000..ab375df --- /dev/null +++ b/src/desktop-fill.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const DesktopFillIcon = (props: SVGProps) => ( + + + +); +DesktopFillIcon.displayName = "DesktopFillIcon"; diff --git a/src/desktop.tsx b/src/desktop.tsx new file mode 100644 index 0000000..bc1a3c3 --- /dev/null +++ b/src/desktop.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const DesktopIcon = (props: SVGProps) => ( + + + +); +DesktopIcon.displayName = "DesktopIcon"; diff --git a/src/index.ts b/src/index.ts index e14be0f..3a2ab14 100644 --- a/src/index.ts +++ b/src/index.ts @@ -96,6 +96,8 @@ export * from "./copy"; export * from "./cross-circle-fill"; export * from "./cross-circle"; export * from "./cross"; +export * from "./desktop-fill"; +export * from "./desktop"; export * from "./doc-fill"; export * from "./doc-pencil-fill"; export * from "./doc-pencil"; @@ -176,6 +178,8 @@ export * from "./minus-circle"; export * from "./minus-square-fill"; export * from "./minus-square"; export * from "./minus"; +export * from "./mobile-fill"; +export * from "./mobile"; export * from "./multi-chevron-down-up"; export * from "./multi-chevron-up-down-square-fill"; export * from "./multi-chevron-up-down-square"; @@ -258,6 +262,8 @@ export * from "./table-remove-column"; export * from "./table-remove-row"; export * from "./table"; export * from "./tablet-fill"; +export * from "./tablet-vertical-fill"; +export * from "./tablet-vertical"; export * from "./tablet"; export * from "./text-compare-fill"; export * from "./text-compare"; diff --git a/src/mobile-fill.tsx b/src/mobile-fill.tsx new file mode 100644 index 0000000..80b32dd --- /dev/null +++ b/src/mobile-fill.tsx @@ -0,0 +1,30 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const MobileFillIcon = (props: SVGProps) => ( + + + + + +); +MobileFillIcon.displayName = "MobileFillIcon"; diff --git a/src/mobile.tsx b/src/mobile.tsx new file mode 100644 index 0000000..ce8bc00 --- /dev/null +++ b/src/mobile.tsx @@ -0,0 +1,28 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const MobileIcon = (props: SVGProps) => ( + + + + + +); +MobileIcon.displayName = "MobileIcon"; diff --git a/src/tablet-vertical-fill.tsx b/src/tablet-vertical-fill.tsx new file mode 100644 index 0000000..e836fe1 --- /dev/null +++ b/src/tablet-vertical-fill.tsx @@ -0,0 +1,32 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const TabletVerticalFillIcon = (props: SVGProps) => ( + + + + + +); +TabletVerticalFillIcon.displayName = "TabletVerticalFillIcon"; diff --git a/src/tablet-vertical.tsx b/src/tablet-vertical.tsx new file mode 100644 index 0000000..1543fed --- /dev/null +++ b/src/tablet-vertical.tsx @@ -0,0 +1,32 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const TabletVerticalIcon = (props: SVGProps) => ( + + + + + + +); +TabletVerticalIcon.displayName = "TabletVerticalIcon"; diff --git a/stories/icon/data.tsx b/stories/icon/data.tsx index 700eb70..46f92da 100644 --- a/stories/icon/data.tsx +++ b/stories/icon/data.tsx @@ -94,6 +94,8 @@ import { CrossCircleFillIcon, CrossCircleIcon, CrossIcon, + DesktopFillIcon, + DesktopIcon, DocFillIcon, DocIcon, DocPencilFillIcon, @@ -174,6 +176,8 @@ import { MinusIcon, MinusSquareFillIcon, MinusSquareIcon, + MobileFillIcon, + MobileIcon, MultiChevronDownUpIcon, MultiChevronUpDownIcon, MultiChevronUpDownSquareFillIcon, @@ -257,6 +261,8 @@ import { TableRemoveRowIcon, TabletFillIcon, TabletIcon, + TabletVerticalFillIcon, + TabletVerticalIcon, TextCompareFillIcon, TextCompareIcon, TextFillIcon, @@ -404,6 +410,9 @@ export const ICONS: JSX.Element[] = [ , , , + // Desktop + , + , // Download , // Doc @@ -522,6 +531,9 @@ export const ICONS: JSX.Element[] = [ , , , + // Mobile + , + , // Multi Chevron , , @@ -639,6 +651,9 @@ export const ICONS: JSX.Element[] = [ //Tablet , , + // Tablet Vertical + , + , // Text , ,