diff --git a/apps/docs/public/next.svg b/apps/docs/public/next.svg new file mode 100644 index 0000000..b9fc771 --- /dev/null +++ b/apps/docs/public/next.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/apps/docs/public/turborepo.svg b/apps/docs/public/turborepo.svg new file mode 100644 index 0000000..2f9aa1f --- /dev/null +++ b/apps/docs/public/turborepo.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/docs/public/vercel.svg b/apps/docs/public/vercel.svg new file mode 100644 index 0000000..d2f8422 --- /dev/null +++ b/apps/docs/public/vercel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/README.md b/packages/icons/README.md new file mode 100644 index 0000000..bc389a0 --- /dev/null +++ b/packages/icons/README.md @@ -0,0 +1,81 @@ +# Turborepo starter + +This is an official starter Turborepo. + +## Using this example + +Run the following command: + +```sh +npx create-turbo@latest +``` + +## What's inside? + +This Turborepo includes the following packages/apps: + +### Apps and Packages + +- `docs`: a [Next.js](https://nextjs.org/) app +- `web`: another [Next.js](https://nextjs.org/) app +- `ui`: a stub React component library shared by both `web` and `docs` applications +- `eslint-config-custom`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`) +- `tsconfig`: `tsconfig.json`s used throughout the monorepo + +Each package/app is 100% [TypeScript](https://www.typescriptlang.org/). + +### Utilities + +This Turborepo has some additional tools already setup for you: + +- [TypeScript](https://www.typescriptlang.org/) for static type checking +- [ESLint](https://eslint.org/) for code linting +- [Prettier](https://prettier.io) for code formatting + +### Build + +To build all apps and packages, run the following command: + +``` +cd my-turborepo +pnpm build +``` + +### Develop + +To develop all apps and packages, run the following command: + +``` +cd my-turborepo +pnpm dev +``` + +### Remote Caching + +Turborepo can use a technique known as [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching) to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines. + +By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can [create one](https://vercel.com/signup), then enter the following commands: + +``` +cd my-turborepo +npx turbo login +``` + +This will authenticate the Turborepo CLI with your [Vercel account](https://vercel.com/docs/concepts/personal-accounts/overview). + +Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your Turborepo: + +``` +npx turbo link +``` + +## Useful Links + +Learn more about the power of Turborepo: + +- [Tasks](https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks) +- [Caching](https://turbo.build/repo/docs/core-concepts/caching) +- [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching) +- [Filtering](https://turbo.build/repo/docs/core-concepts/monorepos/filtering) +- [Configuration Options](https://turbo.build/repo/docs/reference/configuration) +- [CLI Usage](https://turbo.build/repo/docs/reference/command-line-reference) diff --git a/packages/icons/package.json b/packages/icons/package.json new file mode 100644 index 0000000..fc114fc --- /dev/null +++ b/packages/icons/package.json @@ -0,0 +1,27 @@ +{ + "name": "@sopt-makers/icons", + "version": "1.0.0", + "description": "sopt-makers의 frontend repository에 사용되는 icon을 제공해요.", + "main": "./dist/index.js", + "module": "./dist/index.mjs", + "types": "./dist/index.d.ts", + "scripts": { + "build": "tsup src/index.ts --format cjs,esm --dts", + "dev": "tsup src/index.ts --format cjs,esm --dts --watch" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/sopt-makers/makers-frontend.git" + }, + "author": "sopt-makers", + "license": "MIT", + "bugs": { + "url": "https://github.com/sopt-makers/makers-frontend/issues" + }, + "homepage": "https://github.com/sopt-makers/makers-frontend#readme", + "devDependencies": { + "@svgr/cli": "^8.1.0", + "tsup": "^7.2.0", + "typescript": "^5.2.2" + } +} diff --git a/packages/icons/src/Icon/Communication/ic-archive.tsx b/packages/icons/src/Icon/Communication/ic-archive.tsx new file mode 100644 index 0000000..7d8bb25 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-archive.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArchiveProps extends HTMLAttributes {} + +const IconArchive = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArchive; diff --git a/packages/icons/src/Icon/Communication/ic-bookmark.tsx b/packages/icons/src/Icon/Communication/ic-bookmark.tsx new file mode 100644 index 0000000..aebc832 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-bookmark.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconBookMarkProps extends HTMLAttributes {} + +const IconBookMark = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconBookMark; diff --git a/packages/icons/src/Icon/Communication/ic-edit.tsx b/packages/icons/src/Icon/Communication/ic-edit.tsx new file mode 100644 index 0000000..4f36035 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-edit.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconEditProps extends HTMLAttributes {} + +const IconEdit = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconEdit; diff --git a/packages/icons/src/Icon/Communication/ic-eye-off.tsx b/packages/icons/src/Icon/Communication/ic-eye-off.tsx new file mode 100644 index 0000000..5f550b9 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-eye-off.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconEyeOffProps extends HTMLAttributes {} + +const IconEyeOff = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconEyeOff; diff --git a/packages/icons/src/Icon/Communication/ic-eye.tsx b/packages/icons/src/Icon/Communication/ic-eye.tsx new file mode 100644 index 0000000..dbeb08e --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-eye.tsx @@ -0,0 +1,33 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconEyeProps extends HTMLAttributes {} + +const IconEye = forwardRef((props, ref) => { + return ( + + + + + ); +}); + +export default IconEye; diff --git a/packages/icons/src/Icon/Communication/ic-mail.tsx b/packages/icons/src/Icon/Communication/ic-mail.tsx new file mode 100644 index 0000000..cd79f0d --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-mail.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMailProps extends HTMLAttributes {} + +const IconMail = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconMail; diff --git a/packages/icons/src/Icon/Communication/ic-mento.tsx b/packages/icons/src/Icon/Communication/ic-mento.tsx new file mode 100644 index 0000000..0fff2ce --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-mento.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMentoProps extends HTMLAttributes {} + +const IconMento = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconMento; diff --git a/packages/icons/src/Icon/Communication/ic-message-alert.tsx b/packages/icons/src/Icon/Communication/ic-message-alert.tsx new file mode 100644 index 0000000..f572b0e --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-alert.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageAlertProps extends HTMLAttributes {} + +const IconMessageAlert = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageAlert; diff --git a/packages/icons/src/Icon/Communication/ic-message-chat.tsx b/packages/icons/src/Icon/Communication/ic-message-chat.tsx new file mode 100644 index 0000000..8a8a2c7 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-chat.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageChatProps extends HTMLAttributes {} + +const IconMessageChat = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageChat; diff --git a/packages/icons/src/Icon/Communication/ic-message-check.tsx b/packages/icons/src/Icon/Communication/ic-message-check.tsx new file mode 100644 index 0000000..8687161 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-check.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageCheckProps extends HTMLAttributes {} + +const IconMessageCheck = forwardRef( + (props, ref) => { + return ( + + + + + ); + } +); + +export default IconMessageCheck; diff --git a/packages/icons/src/Icon/Communication/ic-message-dots.tsx b/packages/icons/src/Icon/Communication/ic-message-dots.tsx new file mode 100644 index 0000000..b7ce8bc --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-dots.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageDotsProps extends HTMLAttributes {} + +const IconMessageDots = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageDots; diff --git a/packages/icons/src/Icon/Communication/ic-message-plus.tsx b/packages/icons/src/Icon/Communication/ic-message-plus.tsx new file mode 100644 index 0000000..7cfdc47 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessagePlusProps extends HTMLAttributes {} + +const IconMessagePlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessagePlus; diff --git a/packages/icons/src/Icon/Communication/ic-message-question.tsx b/packages/icons/src/Icon/Communication/ic-message-question.tsx new file mode 100644 index 0000000..44acd14 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-question.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageQuestionProps extends HTMLAttributes {} + +const IconMessageQuestion = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageQuestion; diff --git a/packages/icons/src/Icon/Communication/ic-message-square.tsx b/packages/icons/src/Icon/Communication/ic-message-square.tsx new file mode 100644 index 0000000..6e3c8d2 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-square.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageSquareProps extends HTMLAttributes {} + +const IconMessageSquare = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageSquare; diff --git a/packages/icons/src/Icon/Communication/ic-message-text.tsx b/packages/icons/src/Icon/Communication/ic-message-text.tsx new file mode 100644 index 0000000..ebf7183 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-text.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageTextProps extends HTMLAttributes {} + +const IconMessageText = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageText; diff --git a/packages/icons/src/Icon/Communication/ic-message-x.tsx b/packages/icons/src/Icon/Communication/ic-message-x.tsx new file mode 100644 index 0000000..d5e29c2 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-message-x.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMessageXProps extends HTMLAttributes {} + +const IconMessageX = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconMessageX; diff --git a/packages/icons/src/Icon/Communication/ic-pin.tsx b/packages/icons/src/Icon/Communication/ic-pin.tsx new file mode 100644 index 0000000..a46d9fd --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-pin.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconPinProps extends HTMLAttributes {} + +const IconPin = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconPin; diff --git a/packages/icons/src/Icon/Communication/ic-send.tsx b/packages/icons/src/Icon/Communication/ic-send.tsx new file mode 100644 index 0000000..5068899 --- /dev/null +++ b/packages/icons/src/Icon/Communication/ic-send.tsx @@ -0,0 +1,34 @@ +; + +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSendProps extends HTMLAttributes {} + +const IconSend = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconSend; diff --git a/packages/icons/src/Icon/Communication/index.ts b/packages/icons/src/Icon/Communication/index.ts new file mode 100644 index 0000000..cec9577 --- /dev/null +++ b/packages/icons/src/Icon/Communication/index.ts @@ -0,0 +1,18 @@ +export { default as IconArchive } from "./ic-archive"; +export { default as IconBookMark } from "./ic-bookmark"; +export { default as IconEdit } from "./ic-edit"; +export { default as IconEyeOff } from "./ic-eye-off"; +export { default as IconEye } from "./ic-eye"; +export { default as IconMail } from "./ic-mail"; +export { default as IconMento } from "./ic-mento"; +export { default as IconMessageAlert } from "./ic-message-alert"; +export { default as IconMessageChat } from "./ic-message-chat"; +export { default as IconMessageCheck } from "./ic-message-check"; +export { default as IconMessageDots } from "./ic-message-dots"; +export { default as IconMessagePlus } from "./ic-message-plus"; +export { default as IconMessageQuestion } from "./ic-message-question"; +export { default as IconMessageSquare } from "./ic-message-square"; +export { default as IconMessageText } from "./ic-message-text"; +export { default as IconMessageX } from "./ic-message-x"; +export { default as IconPin } from "./ic-pin"; +export { default as IconSend } from "./ic-send"; diff --git a/packages/icons/src/Icon/Editor/ic-align-center.tsx b/packages/icons/src/Icon/Editor/ic-align-center.tsx new file mode 100644 index 0000000..ee07088 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-align-center.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlignCenterProps extends HTMLAttributes {} + +const IconAlignCenter = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlignCenter; diff --git a/packages/icons/src/Icon/Editor/ic-align-justify.tsx b/packages/icons/src/Icon/Editor/ic-align-justify.tsx new file mode 100644 index 0000000..fc46cb8 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-align-justify.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlignJustifyProps extends HTMLAttributes {} + +const IconAlignJustify = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlignJustify; diff --git a/packages/icons/src/Icon/Editor/ic-align-left.tsx b/packages/icons/src/Icon/Editor/ic-align-left.tsx new file mode 100644 index 0000000..c7da08f --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-align-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlignLeftProps extends HTMLAttributes {} + +const IconAlignLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlignLeft; diff --git a/packages/icons/src/Icon/Editor/ic-align-right.tsx b/packages/icons/src/Icon/Editor/ic-align-right.tsx new file mode 100644 index 0000000..239d374 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-align-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlignRightProps extends HTMLAttributes {} + +const IconAlignRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlignRight; diff --git a/packages/icons/src/Icon/Editor/ic-attachment.tsx b/packages/icons/src/Icon/Editor/ic-attachment.tsx new file mode 100644 index 0000000..acd2e83 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-attachment.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAttachmentProps extends HTMLAttributes {} + +const IconAttachment = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAttachment; diff --git a/packages/icons/src/Icon/Editor/ic-bold.tsx b/packages/icons/src/Icon/Editor/ic-bold.tsx new file mode 100644 index 0000000..aa30813 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-bold.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconBoldProps extends HTMLAttributes {} + +const IconBold = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconBold; diff --git a/packages/icons/src/Icon/Editor/ic-code.tsx b/packages/icons/src/Icon/Editor/ic-code.tsx new file mode 100644 index 0000000..bf3e3e7 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-code.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCodeProps extends HTMLAttributes {} + +const IconCode = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconCode; diff --git a/packages/icons/src/Icon/Editor/ic-delete.tsx b/packages/icons/src/Icon/Editor/ic-delete.tsx new file mode 100644 index 0000000..e98a28a --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-delete.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconDeleteProps extends HTMLAttributes {} + +const IconDelete = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconDelete; diff --git a/packages/icons/src/Icon/Editor/ic-dotpoints.tsx b/packages/icons/src/Icon/Editor/ic-dotpoints.tsx new file mode 100644 index 0000000..1044220 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-dotpoints.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconDotpointsProps extends HTMLAttributes {} + +const IconDotpoints = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconDotpoints; diff --git a/packages/icons/src/Icon/Editor/ic-italic.tsx b/packages/icons/src/Icon/Editor/ic-italic.tsx new file mode 100644 index 0000000..90ca608 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-italic.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconItalicProps extends HTMLAttributes {} + +const IconItalic = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconItalic; diff --git a/packages/icons/src/Icon/Editor/ic-left-indent.tsx b/packages/icons/src/Icon/Editor/ic-left-indent.tsx new file mode 100644 index 0000000..c437156 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-left-indent.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLeftIndentProps extends HTMLAttributes {} + +const IconLeftIndent = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconLeftIndent; diff --git a/packages/icons/src/Icon/Editor/ic-letter-spacing.tsx b/packages/icons/src/Icon/Editor/ic-letter-spacing.tsx new file mode 100644 index 0000000..de7092b --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-letter-spacing.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArchiveProps extends HTMLAttributes {} + +const IconLetterSpacing = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconLetterSpacing; diff --git a/packages/icons/src/Icon/Editor/ic-line-height.tsx b/packages/icons/src/Icon/Editor/ic-line-height.tsx new file mode 100644 index 0000000..99f5b63 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-line-height.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLineHeightProps extends HTMLAttributes {} + +const IconLineHeight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconLineHeight; diff --git a/packages/icons/src/Icon/Editor/ic-paragraph-spacing.tsx b/packages/icons/src/Icon/Editor/ic-paragraph-spacing.tsx new file mode 100644 index 0000000..8456818 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-paragraph-spacing.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconParagraphSpacingProps extends HTMLAttributes {} + +const IconParagraphSpacing = forwardRef< + SVGSVGElement, + IconParagraphSpacingProps +>((props, ref) => { + return ( + + + + ); +}); + +export default IconParagraphSpacing; diff --git a/packages/icons/src/Icon/Editor/ic-paragraph-wrap.tsx b/packages/icons/src/Icon/Editor/ic-paragraph-wrap.tsx new file mode 100644 index 0000000..ae847b5 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-paragraph-wrap.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconParagraphWrapProps extends HTMLAttributes {} + +const IconParagraphWrap = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconParagraphWrap; diff --git a/packages/icons/src/Icon/Editor/ic-right-indent.tsx b/packages/icons/src/Icon/Editor/ic-right-indent.tsx new file mode 100644 index 0000000..246db46 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-right-indent.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconRightIndentProps extends HTMLAttributes {} + +const IconRightIndent = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconRightIndent; diff --git a/packages/icons/src/Icon/Editor/ic-type-strikethrough.tsx b/packages/icons/src/Icon/Editor/ic-type-strikethrough.tsx new file mode 100644 index 0000000..8b851a0 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-type-strikethrough.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconTypeStrikethroughProps extends HTMLAttributes {} + +const IconTypeStrikethrough = forwardRef< + SVGSVGElement, + IconTypeStrikethroughProps +>((props, ref) => { + return ( + + + + ); +}); + +export default IconTypeStrikethrough; diff --git a/packages/icons/src/Icon/Editor/ic-type.tsx b/packages/icons/src/Icon/Editor/ic-type.tsx new file mode 100644 index 0000000..aa8c7e6 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-type.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconTypeProps extends HTMLAttributes {} + +const IconType = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconType; diff --git a/packages/icons/src/Icon/Editor/ic-underline.tsx b/packages/icons/src/Icon/Editor/ic-underline.tsx new file mode 100644 index 0000000..61705b6 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-underline.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUnderlineProps extends HTMLAttributes {} + +const IconUnderline = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconUnderline; diff --git a/packages/icons/src/Icon/Editor/ic-zoom-in.tsx b/packages/icons/src/Icon/Editor/ic-zoom-in.tsx new file mode 100644 index 0000000..4d51919 --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-zoom-in.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconZoomInProps extends HTMLAttributes {} + +const IconZoomIn = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconZoomIn; diff --git a/packages/icons/src/Icon/Editor/ic-zoom-out.tsx b/packages/icons/src/Icon/Editor/ic-zoom-out.tsx new file mode 100644 index 0000000..c52006c --- /dev/null +++ b/packages/icons/src/Icon/Editor/ic-zoom-out.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconZoomOutProps extends HTMLAttributes {} + +const IconZoomOut = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconZoomOut; diff --git a/packages/icons/src/Icon/Editor/index.ts b/packages/icons/src/Icon/Editor/index.ts new file mode 100644 index 0000000..5817594 --- /dev/null +++ b/packages/icons/src/Icon/Editor/index.ts @@ -0,0 +1,21 @@ +export { default as IconAlignCenter } from "./ic-align-center"; +export { default as IconAlignJustify } from "./ic-align-justify"; +export { default as IconAlignLeft } from "./ic-align-left"; +export { default as IconAlignRight } from "./ic-align-right"; +export { default as IconAttachment } from "./ic-attachment"; +export { default as IconBold } from "./ic-bold"; +export { default as IconCode } from "./ic-code"; +export { default as IconDelete } from "./ic-delete"; +export { default as IconDotpoints } from "./ic-dotpoints"; +export { default as IconItalic } from "./ic-italic"; +export { default as IconLeftIndent } from "./ic-left-indent"; +export { default as IconLetterSpacing } from "./ic-letter-spacing"; +export { default as IconLineHeight } from "./ic-line-height"; +export { default as IconParagraphSpacing } from "./ic-paragraph-spacing"; +export { default as IconParagraphWrap } from "./ic-paragraph-wrap"; +export { default as IconRightIndent } from "./ic-right-indent"; +export { default as IconTypeStrikethrough } from "./ic-type-strikethrough"; +export { default as IconType } from "./ic-type"; +export { default as IconUnderline } from "./ic-underline"; +export { default as IconZoomIn } from "./ic-zoom-in"; +export { default as IconZoomOut } from "./ic-zoom-out"; diff --git a/packages/icons/src/Icon/Feedback/ic-alert-circle.tsx b/packages/icons/src/Icon/Feedback/ic-alert-circle.tsx new file mode 100644 index 0000000..8b0194c --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-alert-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlertCircleProps extends HTMLAttributes {} + +const IconAlertCircle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlertCircle; diff --git a/packages/icons/src/Icon/Feedback/ic-alert-triangle.tsx b/packages/icons/src/Icon/Feedback/ic-alert-triangle.tsx new file mode 100644 index 0000000..023171d --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-alert-triangle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlertTriangleProps extends HTMLAttributes {} + +const IconAlertTriangle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlertTriangle; diff --git a/packages/icons/src/Icon/Feedback/ic-bell-active.tsx b/packages/icons/src/Icon/Feedback/ic-bell-active.tsx new file mode 100644 index 0000000..fca8428 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-bell-active.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconBellActiveProps extends HTMLAttributes {} + +const IconBellActive = forwardRef( + (props, ref) => { + return ( + + + + + ); + } +); + +export default IconBellActive; diff --git a/packages/icons/src/Icon/Feedback/ic-bell-off.tsx b/packages/icons/src/Icon/Feedback/ic-bell-off.tsx new file mode 100644 index 0000000..78eb951 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-bell-off.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconBellOffProps extends HTMLAttributes {} + +const IconBellOff = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconBellOff; diff --git a/packages/icons/src/Icon/Feedback/ic-bell.tsx b/packages/icons/src/Icon/Feedback/ic-bell.tsx new file mode 100644 index 0000000..0e696b4 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-bell.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconBellProps extends HTMLAttributes {} + +const IconBell = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconBell; diff --git a/packages/icons/src/Icon/Feedback/ic-help-circle.tsx b/packages/icons/src/Icon/Feedback/ic-help-circle.tsx new file mode 100644 index 0000000..3135fd9 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-help-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconHelpCricleProps extends HTMLAttributes {} + +const IconHelpCricle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconHelpCricle; diff --git a/packages/icons/src/Icon/Feedback/ic-info-circle.tsx b/packages/icons/src/Icon/Feedback/ic-info-circle.tsx new file mode 100644 index 0000000..2152b1d --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-info-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconInfoCricleProps extends HTMLAttributes {} + +const IconInfoCricle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconInfoCricle; diff --git a/packages/icons/src/Icon/Feedback/ic-thumbs-down.tsx b/packages/icons/src/Icon/Feedback/ic-thumbs-down.tsx new file mode 100644 index 0000000..9832257 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-thumbs-down.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconThumbsDownProps extends HTMLAttributes {} + +const IconThumbsDown = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconThumbsDown; diff --git a/packages/icons/src/Icon/Feedback/ic-thumbs-up.tsx b/packages/icons/src/Icon/Feedback/ic-thumbs-up.tsx new file mode 100644 index 0000000..1a92b44 --- /dev/null +++ b/packages/icons/src/Icon/Feedback/ic-thumbs-up.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconThumbsUpProps extends HTMLAttributes {} + +const IconThumbsUp = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconThumbsUp; diff --git a/packages/icons/src/Icon/Feedback/index.ts b/packages/icons/src/Icon/Feedback/index.ts new file mode 100644 index 0000000..2d3abaf --- /dev/null +++ b/packages/icons/src/Icon/Feedback/index.ts @@ -0,0 +1,9 @@ +export { default as IconAlertCircle } from "./ic-alert-circle"; +export { default as IconAlertTriangle } from "./ic-alert-triangle"; +export { default as IconBellActive } from "./ic-bell-active"; +export { default as IconBellOff } from "./ic-bell-off"; +export { default as IconBell } from "./ic-bell"; +export { default as IconHelpCricle } from "./ic-help-circle"; +export { default as IconInfoCricle } from "./ic-info-circle"; +export { default as IconThumbsDown } from "./ic-thumbs-down"; +export { default as IconThumbsUp } from "./ic-thumbs-up"; diff --git a/packages/icons/src/Icon/Files/ic-file-check.tsx b/packages/icons/src/Icon/Files/ic-file-check.tsx new file mode 100644 index 0000000..17ad6a2 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileCheckProps extends HTMLAttributes {} + +const IconFileCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFileCheck; diff --git a/packages/icons/src/Icon/Files/ic-file-download.tsx b/packages/icons/src/Icon/Files/ic-file-download.tsx new file mode 100644 index 0000000..9b8a4fb --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-download.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileDownloadProps extends HTMLAttributes {} + +const IconFileDownload = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFileDownload; diff --git a/packages/icons/src/Icon/Files/ic-file-minus.tsx b/packages/icons/src/Icon/Files/ic-file-minus.tsx new file mode 100644 index 0000000..ea5fcaa --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-minus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileMinusProps extends HTMLAttributes {} + +const IconFileMinus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFileMinus; diff --git a/packages/icons/src/Icon/Files/ic-file-plus.tsx b/packages/icons/src/Icon/Files/ic-file-plus.tsx new file mode 100644 index 0000000..77f1ff3 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFilePlusProps extends HTMLAttributes {} + +const IconFilePlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFilePlus; diff --git a/packages/icons/src/Icon/Files/ic-file-search.tsx b/packages/icons/src/Icon/Files/ic-file-search.tsx new file mode 100644 index 0000000..e0de753 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-search.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileSearchProps extends HTMLAttributes {} + +const IconFileSearch = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFileSearch; diff --git a/packages/icons/src/Icon/Files/ic-file-text.tsx b/packages/icons/src/Icon/Files/ic-file-text.tsx new file mode 100644 index 0000000..128a8a6 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-text.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileTextProps extends HTMLAttributes {} + +const IconFileText = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFileText; diff --git a/packages/icons/src/Icon/Files/ic-file-x.tsx b/packages/icons/src/Icon/Files/ic-file-x.tsx new file mode 100644 index 0000000..bebba5f --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file-x.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileXProps extends HTMLAttributes {} + +const IconFileX = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconFileX; diff --git a/packages/icons/src/Icon/Files/ic-file.tsx b/packages/icons/src/Icon/Files/ic-file.tsx new file mode 100644 index 0000000..6bd1fd6 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-file.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFileProps extends HTMLAttributes {} + +const IconFile = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconFile; diff --git a/packages/icons/src/Icon/Files/ic-folder-check.tsx b/packages/icons/src/Icon/Files/ic-folder-check.tsx new file mode 100644 index 0000000..a9299a9 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-folder-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFolderCheckProps extends HTMLAttributes {} + +const IconFolderCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFolderCheck; diff --git a/packages/icons/src/Icon/Files/ic-folder-download.tsx b/packages/icons/src/Icon/Files/ic-folder-download.tsx new file mode 100644 index 0000000..cb28c21 --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-folder-download.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFolderDownloadProps extends HTMLAttributes {} + +const IconFolderDownload = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFolderDownload; diff --git a/packages/icons/src/Icon/Files/ic-folder.tsx b/packages/icons/src/Icon/Files/ic-folder.tsx new file mode 100644 index 0000000..a36a03c --- /dev/null +++ b/packages/icons/src/Icon/Files/ic-folder.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFolderProps extends HTMLAttributes {} + +const IconFolder = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconFolder; diff --git a/packages/icons/src/Icon/Files/index.ts b/packages/icons/src/Icon/Files/index.ts new file mode 100644 index 0000000..1acab1e --- /dev/null +++ b/packages/icons/src/Icon/Files/index.ts @@ -0,0 +1,11 @@ +export { default as IconFileCheck } from "./ic-file-check"; +export { default as IconFileDownload } from "./ic-file-download"; +export { default as IconFileMinus } from "./ic-file-minus"; +export { default as IconFilePlus } from "./ic-file-plus"; +export { default as IconFileSearch } from "./ic-file-search"; +export { default as IconFileText } from "./ic-file-text"; +export { default as IconFileX } from "./ic-file-x"; +export { default as IconFile } from "./ic-file"; +export { default as IconFolderCheck } from "./ic-folder-check"; +export { default as IconFolderDownload } from "./ic-folder-download"; +export { default as IconFolder } from "./ic-folder"; diff --git a/packages/icons/src/Icon/General/ic-copy.tsx b/packages/icons/src/Icon/General/ic-copy.tsx new file mode 100644 index 0000000..de52da8 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-copy.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCopyProps extends HTMLAttributes {} + +const IconCopy = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconCopy; diff --git a/packages/icons/src/Icon/General/ic-dots-vertical.tsx b/packages/icons/src/Icon/General/ic-dots-vertical.tsx new file mode 100644 index 0000000..75c2bec --- /dev/null +++ b/packages/icons/src/Icon/General/ic-dots-vertical.tsx @@ -0,0 +1,54 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconDotsVerticalProps extends HTMLAttributes {} + +const IconDotsVertical = forwardRef( + (props, ref) => { + return ( + + + + + + + + + ); + } +); + +export default IconDotsVertical; diff --git a/packages/icons/src/Icon/General/ic-download-cloud.tsx b/packages/icons/src/Icon/General/ic-download-cloud.tsx new file mode 100644 index 0000000..48e6a2a --- /dev/null +++ b/packages/icons/src/Icon/General/ic-download-cloud.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconDownloadCloudProps extends HTMLAttributes {} + +const IconDownloadCloud = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconDownloadCloud; diff --git a/packages/icons/src/Icon/General/ic-home.tsx b/packages/icons/src/Icon/General/ic-home.tsx new file mode 100644 index 0000000..8d35997 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-home.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconHomeProps extends HTMLAttributes {} + +const IconHome = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconHome; diff --git a/packages/icons/src/Icon/General/ic-link.tsx b/packages/icons/src/Icon/General/ic-link.tsx new file mode 100644 index 0000000..c98896b --- /dev/null +++ b/packages/icons/src/Icon/General/ic-link.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLinkProps extends HTMLAttributes {} + +const IconLink = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLink; diff --git a/packages/icons/src/Icon/General/ic-lock.tsx b/packages/icons/src/Icon/General/ic-lock.tsx new file mode 100644 index 0000000..aaef2aa --- /dev/null +++ b/packages/icons/src/Icon/General/ic-lock.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLockProps extends HTMLAttributes {} + +const IconLock = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLock; diff --git a/packages/icons/src/Icon/General/ic-log-in.tsx b/packages/icons/src/Icon/General/ic-log-in.tsx new file mode 100644 index 0000000..3781871 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-log-in.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLogInProps extends HTMLAttributes {} + +const IconLogIn = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLogIn; diff --git a/packages/icons/src/Icon/General/ic-log-out.tsx b/packages/icons/src/Icon/General/ic-log-out.tsx new file mode 100644 index 0000000..0b777f0 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-log-out.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconLogOutProps extends HTMLAttributes {} + +const IconLogOut = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLogOut; diff --git a/packages/icons/src/Icon/General/ic-menu.tsx b/packages/icons/src/Icon/General/ic-menu.tsx new file mode 100644 index 0000000..17b60d0 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-menu.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconMenuProps extends HTMLAttributes {} + +const IconMenu = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconMenu; diff --git a/packages/icons/src/Icon/General/ic-search.tsx b/packages/icons/src/Icon/General/ic-search.tsx new file mode 100644 index 0000000..8d0da62 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-search.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSearchProps extends HTMLAttributes {} + +const IconSearch = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconSearch; diff --git a/packages/icons/src/Icon/General/ic-settings.tsx b/packages/icons/src/Icon/General/ic-settings.tsx new file mode 100644 index 0000000..8c7bac1 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-settings.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSettingsProps extends HTMLAttributes {} + +const IconSettings = forwardRef( + (props, ref) => { + return ( + + + + + ); + } +); + +export default IconSettings; diff --git a/packages/icons/src/Icon/General/ic-share.tsx b/packages/icons/src/Icon/General/ic-share.tsx new file mode 100644 index 0000000..20882ef --- /dev/null +++ b/packages/icons/src/Icon/General/ic-share.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconShareProps extends HTMLAttributes {} + +const IconShare = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconShare; diff --git a/packages/icons/src/Icon/General/ic-sliders.tsx b/packages/icons/src/Icon/General/ic-sliders.tsx new file mode 100644 index 0000000..2ecc692 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-sliders.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSlidersProps extends HTMLAttributes {} + +const IconSliders = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconSliders; diff --git a/packages/icons/src/Icon/General/ic-trash.tsx b/packages/icons/src/Icon/General/ic-trash.tsx new file mode 100644 index 0000000..d790a1b --- /dev/null +++ b/packages/icons/src/Icon/General/ic-trash.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconTrashProps extends HTMLAttributes {} + +const IconTrash = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconTrash; diff --git a/packages/icons/src/Icon/General/ic-unlocked.tsx b/packages/icons/src/Icon/General/ic-unlocked.tsx new file mode 100644 index 0000000..da26e2a --- /dev/null +++ b/packages/icons/src/Icon/General/ic-unlocked.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUnlockedProps extends HTMLAttributes {} + +const IconUnlocked = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconUnlocked; diff --git a/packages/icons/src/Icon/General/ic-upload-cloud.tsx b/packages/icons/src/Icon/General/ic-upload-cloud.tsx new file mode 100644 index 0000000..4b0e389 --- /dev/null +++ b/packages/icons/src/Icon/General/ic-upload-cloud.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUploadCloudProps extends HTMLAttributes {} + +const IconUploadCloud = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconUploadCloud; diff --git a/packages/icons/src/Icon/General/index.ts b/packages/icons/src/Icon/General/index.ts new file mode 100644 index 0000000..a086be2 --- /dev/null +++ b/packages/icons/src/Icon/General/index.ts @@ -0,0 +1,16 @@ +export { default as IconCopy } from "./ic-copy"; +export { default as IconDotsVertical } from "./ic-dots-vertical"; +export { default as IconDownloadCloud } from "./ic-download-cloud"; +export { default as IconHome } from "./ic-home"; +export { default as IconLink } from "./ic-link"; +export { default as IconLock } from "./ic-lock"; +export { default as IconLogIn } from "./ic-log-in"; +export { default as IconLogOut } from "./ic-log-out"; +export { default as IconMenu } from "./ic-menu"; +export { default as IconSearch } from "./ic-search"; +export { default as IconSettings } from "./ic-settings"; +export { default as IconShare } from "./ic-share"; +export { default as IconSliders } from "./ic-sliders"; +export { default as IconTrash } from "./ic-trash"; +export { default as IconUnlocked } from "./ic-unlocked"; +export { default as IconUploadCloud } from "./ic-upload-cloud"; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-down-left.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-down-left.tsx new file mode 100644 index 0000000..e2c09b9 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-down-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowDownLeftProps extends HTMLAttributes {} + +const IconArrowDownLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowDownLeft; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-down-right.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-down-right.tsx new file mode 100644 index 0000000..925bee6 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-down-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowDownRightProps extends HTMLAttributes {} + +const IconArrowDownRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowDownRight; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-down.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-down.tsx new file mode 100644 index 0000000..85764c2 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-down.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowDownProps extends HTMLAttributes {} + +const IconArrowDown = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowDown; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-left.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-left.tsx new file mode 100644 index 0000000..8de248e --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowLeftProps extends HTMLAttributes {} + +const IconArrowLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowLeft; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-right.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-right.tsx new file mode 100644 index 0000000..e607c6a --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowRightProps extends HTMLAttributes {} + +const IconArrowRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowRight; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-up-left.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-up-left.tsx new file mode 100644 index 0000000..1a1c359 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-up-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowUpLeftProps extends HTMLAttributes {} + +const IconArrowUpLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowUpLeft; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-up-right.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-up-right.tsx new file mode 100644 index 0000000..c3ba556 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-up-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowUpRightProps extends HTMLAttributes {} + +const IconArrowUpRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowUpRight; diff --git a/packages/icons/src/Icon/Interaction/ic-arrow-up.tsx b/packages/icons/src/Icon/Interaction/ic-arrow-up.tsx new file mode 100644 index 0000000..5fe682a --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-arrow-up.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArrowUpProps extends HTMLAttributes {} + +const IconArrowUp = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconArrowUp; diff --git a/packages/icons/src/Icon/Interaction/ic-check-circle.tsx b/packages/icons/src/Icon/Interaction/ic-check-circle.tsx new file mode 100644 index 0000000..3139576 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-check-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCheckCircleProps extends HTMLAttributes {} + +const IconCheckCircle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCheckCircle; diff --git a/packages/icons/src/Icon/Interaction/ic-check-square.tsx b/packages/icons/src/Icon/Interaction/ic-check-square.tsx new file mode 100644 index 0000000..8122edc --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-check-square.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCheckSquareProps extends HTMLAttributes {} + +const IconCheckSquare = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCheckSquare; diff --git a/packages/icons/src/Icon/Interaction/ic-check.tsx b/packages/icons/src/Icon/Interaction/ic-check.tsx new file mode 100644 index 0000000..f8b403a --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-check.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCheckProps extends HTMLAttributes {} + +const IconCheck = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconCheck; diff --git a/packages/icons/src/Icon/Interaction/ic-chevron-down.tsx b/packages/icons/src/Icon/Interaction/ic-chevron-down.tsx new file mode 100644 index 0000000..a65cf8f --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-chevron-down.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconChevronDownProps extends HTMLAttributes {} + +const IconChevronDown = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconChevronDown; diff --git a/packages/icons/src/Icon/Interaction/ic-chevron-left.tsx b/packages/icons/src/Icon/Interaction/ic-chevron-left.tsx new file mode 100644 index 0000000..7275f2b --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-chevron-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconChevronLeftProps extends HTMLAttributes {} + +const IconChevronLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconChevronLeft; diff --git a/packages/icons/src/Icon/Interaction/ic-chevron-right.tsx b/packages/icons/src/Icon/Interaction/ic-chevron-right.tsx new file mode 100644 index 0000000..f2841d4 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-chevron-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconChevronRightProps extends HTMLAttributes {} + +const IconChevronRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconChevronRight; diff --git a/packages/icons/src/Icon/Interaction/ic-chevron-up.tsx b/packages/icons/src/Icon/Interaction/ic-chevron-up.tsx new file mode 100644 index 0000000..27b33b4 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-chevron-up.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconChevronUpProps extends HTMLAttributes {} + +const IconChevronUp = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconChevronUp; diff --git a/packages/icons/src/Icon/Interaction/ic-flip-backward.tsx b/packages/icons/src/Icon/Interaction/ic-flip-backward.tsx new file mode 100644 index 0000000..7618b6a --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-flip-backward.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFlipBackwardProps extends HTMLAttributes {} + +const IconFlipBackward = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFlipBackward; diff --git a/packages/icons/src/Icon/Interaction/ic-flip-forward.tsx b/packages/icons/src/Icon/Interaction/ic-flip-forward.tsx new file mode 100644 index 0000000..8c0bfd1 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-flip-forward.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconFlipForwardProps extends HTMLAttributes {} + +const IconFlipForward = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconFlipForward; diff --git a/packages/icons/src/Icon/Interaction/ic-heart.tsx b/packages/icons/src/Icon/Interaction/ic-heart.tsx new file mode 100644 index 0000000..8a625b9 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-heart.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconHeartProps extends HTMLAttributes {} + +const IconHeart = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconHeart; diff --git a/packages/icons/src/Icon/Interaction/ic-plus-circle.tsx b/packages/icons/src/Icon/Interaction/ic-plus-circle.tsx new file mode 100644 index 0000000..b80abc8 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-plus-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconPlusCircleProps extends HTMLAttributes {} + +const IconPlusCircle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconPlusCircle; diff --git a/packages/icons/src/Icon/Interaction/ic-plus-square.tsx b/packages/icons/src/Icon/Interaction/ic-plus-square.tsx new file mode 100644 index 0000000..db796d5 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-plus-square.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconPlusSquareProps extends HTMLAttributes {} + +const IconPlusSquare = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconPlusSquare; diff --git a/packages/icons/src/Icon/Interaction/ic-plus.tsx b/packages/icons/src/Icon/Interaction/ic-plus.tsx new file mode 100644 index 0000000..6938fe3 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-plus.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconPlusProps extends HTMLAttributes {} + +const IconPlus = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconPlus; diff --git a/packages/icons/src/Icon/Interaction/ic-refresh.tsx b/packages/icons/src/Icon/Interaction/ic-refresh.tsx new file mode 100644 index 0000000..e8db833 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-refresh.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconRefreshProps extends HTMLAttributes {} + +const IconRefresh = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconRefresh; diff --git a/packages/icons/src/Icon/Interaction/ic-switch-horizontal.tsx b/packages/icons/src/Icon/Interaction/ic-switch-horizontal.tsx new file mode 100644 index 0000000..795918b --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-switch-horizontal.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSwitchHorizontalProps extends HTMLAttributes {} + +const IconSwitchHorizontal = forwardRef< + SVGSVGElement, + IconSwitchHorizontalProps +>((props, ref) => { + return ( + + + + ); +}); + +export default IconSwitchHorizontal; diff --git a/packages/icons/src/Icon/Interaction/ic-switch-vertical.tsx b/packages/icons/src/Icon/Interaction/ic-switch-vertical.tsx new file mode 100644 index 0000000..4653ea6 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-switch-vertical.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconSwitchVerticalProps extends HTMLAttributes {} + +const IconSwitchVertical = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconSwitchVertical; diff --git a/packages/icons/src/Icon/Interaction/ic-x-circle.tsx b/packages/icons/src/Icon/Interaction/ic-x-circle.tsx new file mode 100644 index 0000000..307feca --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-x-circle.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconXCircleProps extends HTMLAttributes {} + +const IconXCircle = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconXCircle; diff --git a/packages/icons/src/Icon/Interaction/ic-x-close.tsx b/packages/icons/src/Icon/Interaction/ic-x-close.tsx new file mode 100644 index 0000000..6d6271d --- /dev/null +++ b/packages/icons/src/Icon/Interaction/ic-x-close.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconXCloseProps extends HTMLAttributes {} + +const IconXClose = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconXClose; diff --git a/packages/icons/src/Icon/Interaction/index.ts b/packages/icons/src/Icon/Interaction/index.ts new file mode 100644 index 0000000..98baf59 --- /dev/null +++ b/packages/icons/src/Icon/Interaction/index.ts @@ -0,0 +1,26 @@ +export { default as IconArrowDownLeft } from "./ic-arrow-down-left"; +export { default as IconArrowDownRight } from "./ic-arrow-down-right"; +export { default as IconArrowDown } from "./ic-arrow-down"; +export { default as IconArrowLeft } from "./ic-arrow-left"; +export { default as IconArrowRight } from "./ic-arrow-right"; +export { default as IconArrowUpLeft } from "./ic-arrow-up-left"; +export { default as IconArrowUpRight } from "./ic-arrow-up-right"; +export { default as IconArrowUp } from "./ic-arrow-up"; +export { default as IconCheckCircle } from "./ic-check-circle"; +export { default as IconCheckSquare } from "./ic-check-square"; +export { default as IconCheck } from "./ic-check"; +export { default as IconChevronDown } from "./ic-chevron-down"; +export { default as IconChevronLeft } from "./ic-chevron-left"; +export { default as IconChevronRight } from "./ic-chevron-right"; +export { default as IconChevronUp } from "./ic-chevron-up"; +export { default as IconFlipBackward } from "./ic-flip-backward"; +export { default as IconFlipForward } from "./ic-flip-forward"; +export { default as IconHeart } from "./ic-heart"; +export { default as IconPlusCircle } from "./ic-plus-circle"; +export { default as IconPlusSquare } from "./ic-plus-square"; +export { default as IconPlus } from "./ic-plus"; +export { default as IconRefresh } from "./ic-refresh"; +export { default as IconSwitchHorizontal } from "./ic-switch-horizontal"; +export { default as IconSwitchVertical } from "./ic-switch-vertical"; +export { default as IconXCircle } from "./ic-x-circle"; +export { default as IconXClose } from "./ic-x-close"; diff --git a/packages/icons/src/Icon/Media/ic-camera-off.tsx b/packages/icons/src/Icon/Media/ic-camera-off.tsx new file mode 100644 index 0000000..9a74216 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-camera-off.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCameraOffProps extends HTMLAttributes {} + +const IconCameraOff = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCameraOff; diff --git a/packages/icons/src/Icon/Media/ic-camera-plus.tsx b/packages/icons/src/Icon/Media/ic-camera-plus.tsx new file mode 100644 index 0000000..2c45076 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-camera-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCameraPlusProps extends HTMLAttributes {} + +const IconCameraPlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCameraPlus; diff --git a/packages/icons/src/Icon/Media/ic-camera.tsx b/packages/icons/src/Icon/Media/ic-camera.tsx new file mode 100644 index 0000000..2787a75 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-camera.tsx @@ -0,0 +1,33 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCameraProps extends HTMLAttributes {} + +const IconCamera = forwardRef((props, ref) => { + return ( + + + + + ); +}); + +export default IconCamera; diff --git a/packages/icons/src/Icon/Media/ic-image-check.tsx b/packages/icons/src/Icon/Media/ic-image-check.tsx new file mode 100644 index 0000000..a4461df --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageCheckProps extends HTMLAttributes {} + +const IconImageCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImageCheck; diff --git a/packages/icons/src/Icon/Media/ic-image-down.tsx b/packages/icons/src/Icon/Media/ic-image-down.tsx new file mode 100644 index 0000000..e3e8866 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-down.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageDownProps extends HTMLAttributes {} + +const IconImageDown = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImageDown; diff --git a/packages/icons/src/Icon/Media/ic-image-left.tsx b/packages/icons/src/Icon/Media/ic-image-left.tsx new file mode 100644 index 0000000..9faedd1 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-left.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageLeftProps extends HTMLAttributes {} + +const IconImageLeft = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImageLeft; diff --git a/packages/icons/src/Icon/Media/ic-image-plus.tsx b/packages/icons/src/Icon/Media/ic-image-plus.tsx new file mode 100644 index 0000000..5636703 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImagePlusProps extends HTMLAttributes {} + +const IconImagePlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImagePlus; diff --git a/packages/icons/src/Icon/Media/ic-image-right.tsx b/packages/icons/src/Icon/Media/ic-image-right.tsx new file mode 100644 index 0000000..b92ae2d --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-right.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageRightProps extends HTMLAttributes {} + +const IconImageRight = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImageRight; diff --git a/packages/icons/src/Icon/Media/ic-image-up.tsx b/packages/icons/src/Icon/Media/ic-image-up.tsx new file mode 100644 index 0000000..efa8d88 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image-up.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageUpProps extends HTMLAttributes {} + +const IconImageUp = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconImageUp; diff --git a/packages/icons/src/Icon/Media/ic-image.tsx b/packages/icons/src/Icon/Media/ic-image.tsx new file mode 100644 index 0000000..e544b90 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-image.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconImageProps extends HTMLAttributes {} + +const IconImage = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconImage; diff --git a/packages/icons/src/Icon/Media/ic-power.tsx b/packages/icons/src/Icon/Media/ic-power.tsx new file mode 100644 index 0000000..e2aff7a --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-power.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconPowerProps extends HTMLAttributes {} + +const IconPower = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconPower; diff --git a/packages/icons/src/Icon/Media/ic-repeat.tsx b/packages/icons/src/Icon/Media/ic-repeat.tsx new file mode 100644 index 0000000..28b5f8c --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-repeat.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconRepeatProps extends HTMLAttributes {} + +const IconRepeat = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconRepeat; diff --git a/packages/icons/src/Icon/Media/ic-video-off.tsx b/packages/icons/src/Icon/Media/ic-video-off.tsx new file mode 100644 index 0000000..75d1c91 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-video-off.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconVideoOffProps extends HTMLAttributes {} + +const IconVideoOff = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconVideoOff; diff --git a/packages/icons/src/Icon/Media/ic-video.tsx b/packages/icons/src/Icon/Media/ic-video.tsx new file mode 100644 index 0000000..e027355 --- /dev/null +++ b/packages/icons/src/Icon/Media/ic-video.tsx @@ -0,0 +1,35 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconArchiveProps extends HTMLAttributes {} + +const IconArchive = forwardRef( + (props, ref) => { + return ( + + + + + ); + } +); + +export default IconArchive; diff --git a/packages/icons/src/Icon/Media/index.ts b/packages/icons/src/Icon/Media/index.ts new file mode 100644 index 0000000..6ca04a7 --- /dev/null +++ b/packages/icons/src/Icon/Media/index.ts @@ -0,0 +1,14 @@ +export { default as IconCameraOff } from "./ic-camera-off"; +export { default as IconCameraPlus } from "./ic-camera-plus"; +export { default as IconCamera } from "./ic-camera"; +export { default as IconImageCheck } from "./ic-image-check"; +export { default as IconImageDown } from "./ic-image-down"; +export { default as IconImageLeft } from "./ic-image-left"; +export { default as IconImagePlus } from "./ic-image-plus"; +export { default as IconImageRight } from "./ic-image-right"; +export { default as IconImageUp } from "./ic-image-up"; +export { default as IconImage } from "./ic-image"; +export { default as IconPower } from "./ic-power"; +export { default as IconRepeat } from "./ic-repeat"; +export { default as IconVideoOff } from "./ic-video-off"; +export { default as IconVideo } from "./ic-video"; diff --git a/packages/icons/src/Icon/Time/ic-alarm-clock-check.tsx b/packages/icons/src/Icon/Time/ic-alarm-clock-check.tsx new file mode 100644 index 0000000..2b2c27a --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-alarm-clock-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlarmClockCheckProps extends HTMLAttributes {} + +const IconAlarmClockCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlarmClockCheck; diff --git a/packages/icons/src/Icon/Time/ic-alarm-clock-minus.tsx b/packages/icons/src/Icon/Time/ic-alarm-clock-minus.tsx new file mode 100644 index 0000000..aac57bb --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-alarm-clock-minus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlarmClockMinusProps extends HTMLAttributes {} + +const IconAlarmClockMinus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlarmClockMinus; diff --git a/packages/icons/src/Icon/Time/ic-alarm-clock-off.tsx b/packages/icons/src/Icon/Time/ic-alarm-clock-off.tsx new file mode 100644 index 0000000..3d65fb0 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-alarm-clock-off.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlarmClockOffProps extends HTMLAttributes {} + +const IconAlarmClockOff = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlarmClockOff; diff --git a/packages/icons/src/Icon/Time/ic-alarm-clock-plus.tsx b/packages/icons/src/Icon/Time/ic-alarm-clock-plus.tsx new file mode 100644 index 0000000..8d42af5 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-alarm-clock-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlarmClockPlusProps extends HTMLAttributes {} + +const IconAlarmClockPlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlarmClockPlus; diff --git a/packages/icons/src/Icon/Time/ic-alarm-clock.tsx b/packages/icons/src/Icon/Time/ic-alarm-clock.tsx new file mode 100644 index 0000000..87246cf --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-alarm-clock.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconAlarmClockProps extends HTMLAttributes {} + +const IconAlarmClock = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconAlarmClock; diff --git a/packages/icons/src/Icon/Time/ic-calendar-check.tsx b/packages/icons/src/Icon/Time/ic-calendar-check.tsx new file mode 100644 index 0000000..a9b607f --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-calendar-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCalendarCheckProps extends HTMLAttributes {} + +const IconCalendarCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCalendarCheck; diff --git a/packages/icons/src/Icon/Time/ic-calendar-date.tsx b/packages/icons/src/Icon/Time/ic-calendar-date.tsx new file mode 100644 index 0000000..2f06476 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-calendar-date.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCalendarDateProps extends HTMLAttributes {} + +const IconCalendarDate = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCalendarDate; diff --git a/packages/icons/src/Icon/Time/ic-calendar-plus.tsx b/packages/icons/src/Icon/Time/ic-calendar-plus.tsx new file mode 100644 index 0000000..7d70d71 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-calendar-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCalendarPlusProps extends HTMLAttributes {} + +const IconCalendarPlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCalendarPlus; diff --git a/packages/icons/src/Icon/Time/ic-calendar.tsx b/packages/icons/src/Icon/Time/ic-calendar.tsx new file mode 100644 index 0000000..04e51ea --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-calendar.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconCalendarProps extends HTMLAttributes {} + +const IconCalendar = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconCalendar; diff --git a/packages/icons/src/Icon/Time/ic-clock-check.tsx b/packages/icons/src/Icon/Time/ic-clock-check.tsx new file mode 100644 index 0000000..8c15505 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-clock-check.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconClockCheckProps extends HTMLAttributes {} + +const IconClockCheck = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconClockCheck; diff --git a/packages/icons/src/Icon/Time/ic-clock-plus.tsx b/packages/icons/src/Icon/Time/ic-clock-plus.tsx new file mode 100644 index 0000000..189327f --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-clock-plus.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconClockPlusProps extends HTMLAttributes {} + +const IconClockPlus = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconClockPlus; diff --git a/packages/icons/src/Icon/Time/ic-clock-snooze.tsx b/packages/icons/src/Icon/Time/ic-clock-snooze.tsx new file mode 100644 index 0000000..2be57f2 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-clock-snooze.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconClockSnoozeProps extends HTMLAttributes {} + +const IconClockSnooze = forwardRef( + (props, ref) => { + return ( + + + + ); + } +); + +export default IconClockSnooze; diff --git a/packages/icons/src/Icon/Time/ic-clock.tsx b/packages/icons/src/Icon/Time/ic-clock.tsx new file mode 100644 index 0000000..d5d8239 --- /dev/null +++ b/packages/icons/src/Icon/Time/ic-clock.tsx @@ -0,0 +1,26 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconClockProps extends HTMLAttributes {} + +const IconClock = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconClock; diff --git a/packages/icons/src/Icon/Time/index.ts b/packages/icons/src/Icon/Time/index.ts new file mode 100644 index 0000000..4c10011 --- /dev/null +++ b/packages/icons/src/Icon/Time/index.ts @@ -0,0 +1,13 @@ +export { default as IconAlarmClockCheck } from "./ic-alarm-clock-check"; +export { default as IconAlarmClockMinus } from "./ic-alarm-clock-minus"; +export { default as IconAlarmClockOff } from "./ic-alarm-clock-off"; +export { default as IconAlarmClockPlus } from "./ic-alarm-clock-plus"; +export { default as IconAlarmClock } from "./ic-alarm-clock"; +export { default as IconCalendarCheck } from "./ic-calendar-check"; +export { default as IconCalendarDate } from "./ic-calendar-date"; +export { default as IconCalendarPlus } from "./ic-calendar-plus"; +export { default as IconCalendar } from "./ic-calendar"; +export { default as IconClockCheck } from "./ic-clock-check"; +export { default as IconClockPlus } from "./ic-clock-plus"; +export { default as IconClockSnooze } from "./ic-clock-snooze"; +export { default as IconClock } from "./ic-clock"; diff --git a/packages/icons/src/Icon/Users/ic-user-check.tsx b/packages/icons/src/Icon/Users/ic-user-check.tsx new file mode 100644 index 0000000..8ea171b --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user-check.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserCheckProps extends HTMLAttributes {} + +const IconUserCheck = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUserCheck; diff --git a/packages/icons/src/Icon/Users/ic-user-edit.tsx b/packages/icons/src/Icon/Users/ic-user-edit.tsx new file mode 100644 index 0000000..7c4a63c --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user-edit.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserEditProps extends HTMLAttributes {} + +const IconUserEdit = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUserEdit; diff --git a/packages/icons/src/Icon/Users/ic-user-minus.tsx b/packages/icons/src/Icon/Users/ic-user-minus.tsx new file mode 100644 index 0000000..147d598 --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user-minus.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserMinusProps extends HTMLAttributes {} + +const IconUserMinus = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUserMinus; diff --git a/packages/icons/src/Icon/Users/ic-user-plus.tsx b/packages/icons/src/Icon/Users/ic-user-plus.tsx new file mode 100644 index 0000000..d88c99d --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user-plus.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserPlusProps extends HTMLAttributes {} + +const IconUserPlus = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUserPlus; diff --git a/packages/icons/src/Icon/Users/ic-user-x.tsx b/packages/icons/src/Icon/Users/ic-user-x.tsx new file mode 100644 index 0000000..da053fe --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user-x.tsx @@ -0,0 +1,65 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserXProps extends HTMLAttributes {} + +const IconUserX = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); +}); + +export default IconUserX; diff --git a/packages/icons/src/Icon/Users/ic-user.tsx b/packages/icons/src/Icon/Users/ic-user.tsx new file mode 100644 index 0000000..d3fe86b --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-user.tsx @@ -0,0 +1,65 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserProps extends HTMLAttributes {} + +const IconUser = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); +}); + +export default IconUser; diff --git a/packages/icons/src/Icon/Users/ic-users-check.tsx b/packages/icons/src/Icon/Users/ic-users-check.tsx new file mode 100644 index 0000000..0c1df1e --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-users-check.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUserCheckProps extends HTMLAttributes {} + +const IconUserCheck = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUserCheck; diff --git a/packages/icons/src/Icon/Users/ic-users-minus.tsx b/packages/icons/src/Icon/Users/ic-users-minus.tsx new file mode 100644 index 0000000..e4157f5 --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-users-minus.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUsersMinusProps extends HTMLAttributes {} + +const IconUsersMinus = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUsersMinus; diff --git a/packages/icons/src/Icon/Users/ic-users-plus.tsx b/packages/icons/src/Icon/Users/ic-users-plus.tsx new file mode 100644 index 0000000..8f53181 --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-users-plus.tsx @@ -0,0 +1,67 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUsersPlusProps extends HTMLAttributes {} + +const IconUsersPlus = forwardRef( + (props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); + } +); + +export default IconUsersPlus; diff --git a/packages/icons/src/Icon/Users/ic-users-x.tsx b/packages/icons/src/Icon/Users/ic-users-x.tsx new file mode 100644 index 0000000..73239de --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-users-x.tsx @@ -0,0 +1,65 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUsersXProps extends HTMLAttributes {} + +const IconUsersX = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); +}); + +export default IconUsersX; diff --git a/packages/icons/src/Icon/Users/ic-users.tsx b/packages/icons/src/Icon/Users/ic-users.tsx new file mode 100644 index 0000000..bfacf96 --- /dev/null +++ b/packages/icons/src/Icon/Users/ic-users.tsx @@ -0,0 +1,65 @@ +import React from "react"; +import { HTMLAttributes, forwardRef } from "react"; + +interface IconUsersProps extends HTMLAttributes {} + +const IconUsers = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + ); +}); + +export default IconUsers; diff --git a/packages/icons/src/Icon/Users/index.ts b/packages/icons/src/Icon/Users/index.ts new file mode 100644 index 0000000..d019568 --- /dev/null +++ b/packages/icons/src/Icon/Users/index.ts @@ -0,0 +1,11 @@ +export { default as IconUserCheck } from "./ic-user-check"; +export { default as IconUserEdit } from "./ic-user-edit"; +export { default as IconUserMinus } from "./ic-user-minus"; +export { default as IconUserPlus } from "./ic-user-plus"; +export { default as IconUserX } from "./ic-user-x"; +export { default as IconUser } from "./ic-user"; +export { default as IconUsersCheck } from "./ic-users-check"; +export { default as IconUsersMinus } from "./ic-user-minus"; +export { default as IconUsersPlus } from "./ic-users-plus"; +export { default as IconUsersX } from "./ic-users-x"; +export { default as IconUsers } from "./ic-users"; diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts new file mode 100644 index 0000000..bfe618b --- /dev/null +++ b/packages/icons/src/index.ts @@ -0,0 +1,9 @@ +export * from "./Icon/Communication/index"; +export * from "./Icon/Editor/index"; +export * from "./Icon/Feedback/index"; +export * from "./Icon/Files/index"; +export * from "./Icon/General/index"; +export * from "./Icon/Interaction/index"; +export * from "./Icon/Media/index"; +export * from "./Icon/Time/index"; +export * from "./Icon/Users/index"; diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json new file mode 100644 index 0000000..bed1c66 --- /dev/null +++ b/packages/icons/tsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "jsx": "react", + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "isolatedModules": true, + "moduleResolution": "node", + "preserveWatchOutput": true, + "skipLibCheck": true, + "noEmit": true, + "strict": true + }, + "include": ["src", "src/custom.d.ts"], + "exclude": ["node_modules"] +}