From 5c073c0ab2e7b173a113b0d15b3dc22816a24e03 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Tue, 29 Nov 2022 10:03:14 +0530 Subject: [PATCH 01/47] Some new icons --- package.json | 122 ++++++++++++++++----------------- src/Icons/ClockIcon.tsx | 47 +++++++++++++ src/Icons/InfoIcon.tsx | 46 +++++++++++++ src/Icons/ProcessIcon.tsx | 21 ++++++ src/Icons/Reskin/ArrowIcon.tsx | 18 +++++ src/Icons/index.ts | 74 +++++++++++--------- 6 files changed, 234 insertions(+), 94 deletions(-) create mode 100644 src/Icons/ClockIcon.tsx create mode 100644 src/Icons/InfoIcon.tsx create mode 100644 src/Icons/ProcessIcon.tsx create mode 100644 src/Icons/Reskin/ArrowIcon.tsx diff --git a/package.json b/package.json index 5548bee5..fa5299bd 100644 --- a/package.json +++ b/package.json @@ -1,63 +1,63 @@ { - "name": "@aftershootco/unicorn-icons", - "version": "1.0.12", - "description": "", - "author": "AfterShoot", - "license": "ISC", - "main": "dist/index.cjs.js", - "module": "dist/index.esm.js", - "scripts": { - "build": "rollup -c", - "prepare": "husky install" - }, - "repository": { - "url": "https://github.com/aftershootco/Unicorn-Icons.git", - "type": "git" - }, - "peerDependencies": { - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@babel/core": "^7.20.2", - "@rollup/plugin-babel": "^6.0.2", - "@rollup/plugin-commonjs": "^23.0.2", - "@rollup/plugin-node-resolve": "^15.0.1", - "@rollup/plugin-typescript": "^9.0.2", - "@rollup/plugin-url": "^8.0.1", - "@svgr/rollup": "^6.5.1", - "@types/react": "^18.0.25", - "@types/react-dom": "^18.0.9", - "autoprefixer": "^10.4.13", - "babel-loader": "^9.1.0", - "css-loader": "^6.7.2", - "husky": "^8.0.2", - "node-sass": "^8.0.0", - "postcss": "^8.4.19", - "postcss-flexbugs-fixes": "^5.0.2", - "postcss-url": "^10.1.3", - "rollup": "^3.3.0", - "rollup-plugin-dts": "^5.0.0", - "rollup-plugin-images": "^1.0.0", - "rollup-plugin-peer-deps-external": "^2.2.4", - "rollup-plugin-postcss": "^4.0.2", - "rollup-plugin-scss": "^3.0.0", - "rollup-plugin-svg": "^2.0.0", - "rollup-plugin-svg-import": "^1.6.0", - "rollup-plugin-terser": "^7.0.2", - "sass-loader": "^13.2.0", - "style-loader": "^3.3.1", - "tslib": "^2.4.1", - "typescript": "^4.8.4", - "webpack": "^5.75.0" - }, - "files": [ - "dist" - ], - "types": "dist/index.d.ts", - "dependencies": {}, - "keywords": [ - "unicorn", - "aftershoot" - ] + "name": "@aftershootco/unicorn-icons-1", + "version": "1.0.1", + "description": "", + "author": "AfterShoot", + "license": "ISC", + "main": "dist/index.cjs.js", + "module": "dist/index.esm.js", + "scripts": { + "build": "rollup -c", + "prepare": "husky install" + }, + "repository": { + "url": "https://github.com/aftershootco/Unicorn-Icons.git", + "type": "git" + }, + "peerDependencies": { + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@babel/core": "^7.20.2", + "@rollup/plugin-babel": "^6.0.2", + "@rollup/plugin-commonjs": "^23.0.2", + "@rollup/plugin-node-resolve": "^15.0.1", + "@rollup/plugin-typescript": "^9.0.2", + "@rollup/plugin-url": "^8.0.1", + "@svgr/rollup": "^6.5.1", + "@types/react": "^18.0.25", + "@types/react-dom": "^18.0.9", + "autoprefixer": "^10.4.13", + "babel-loader": "^9.1.0", + "css-loader": "^6.7.2", + "husky": "^8.0.2", + "node-sass": "^8.0.0", + "postcss": "^8.4.19", + "postcss-flexbugs-fixes": "^5.0.2", + "postcss-url": "^10.1.3", + "rollup": "^3.3.0", + "rollup-plugin-dts": "^5.0.0", + "rollup-plugin-images": "^1.0.0", + "rollup-plugin-peer-deps-external": "^2.2.4", + "rollup-plugin-postcss": "^4.0.2", + "rollup-plugin-scss": "^3.0.0", + "rollup-plugin-svg": "^2.0.0", + "rollup-plugin-svg-import": "^1.6.0", + "rollup-plugin-terser": "^7.0.2", + "sass-loader": "^13.2.0", + "style-loader": "^3.3.1", + "tslib": "^2.4.1", + "typescript": "^4.8.4", + "webpack": "^5.75.0" + }, + "files": [ + "dist" + ], + "types": "dist/index.d.ts", + "dependencies": {}, + "keywords": [ + "unicorn", + "aftershoot" + ] } diff --git a/src/Icons/ClockIcon.tsx b/src/Icons/ClockIcon.tsx new file mode 100644 index 00000000..5b0a1c09 --- /dev/null +++ b/src/Icons/ClockIcon.tsx @@ -0,0 +1,47 @@ +import React from 'react'; + +const ClockIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; +export default React.memo(ClockIcon); diff --git a/src/Icons/InfoIcon.tsx b/src/Icons/InfoIcon.tsx new file mode 100644 index 00000000..8106286e --- /dev/null +++ b/src/Icons/InfoIcon.tsx @@ -0,0 +1,46 @@ +import React from 'react'; + +const InfoIcon: React.FC> = React.forwardRef( + (props, ref: any) => { + return ( + + + + + + + + + + + + + ); + } +); + +export default React.memo(InfoIcon); diff --git a/src/Icons/ProcessIcon.tsx b/src/Icons/ProcessIcon.tsx new file mode 100644 index 00000000..46ce29eb --- /dev/null +++ b/src/Icons/ProcessIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react'; + +const ProcessIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(ProcessIcon); diff --git a/src/Icons/Reskin/ArrowIcon.tsx b/src/Icons/Reskin/ArrowIcon.tsx new file mode 100644 index 00000000..a2140a04 --- /dev/null +++ b/src/Icons/Reskin/ArrowIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +const ArrowIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(ArrowIcon); diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 58af38c3..c8907f64 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,35 +1,43 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import StarRateIcon from './StarRateIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowIcon from './Reskin/ArrowIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import StarRateIcon from './StarRateIcon'; export { - ArrowBackIcon, - ArrowDownIcon, - ArrowForwardIcon, - ArrowUpIcon, - CheckCircleIcon, - CheckIcon, - ClearIcon, - ContactSupportIcon, - ContentCopyIcon, - ExpandMoreIcon, - KeyBoardArrowDownIcon, - KeyBoardArrowLeftIcon, - KeyBoardArrowRightIcon, - KeyBoardArrowUpIcon, - MenuIcon, - StarRateIcon, -} + ArrowIcon, + ArrowBackIcon, + ArrowDownIcon, + ArrowForwardIcon, + ArrowUpIcon, + CheckCircleIcon, + CheckIcon, + ClearIcon, + ClockIcon, + ContactSupportIcon, + ContentCopyIcon, + ExpandMoreIcon, + InfoIcon, + KeyBoardArrowDownIcon, + KeyBoardArrowLeftIcon, + KeyBoardArrowRightIcon, + KeyBoardArrowUpIcon, + MenuIcon, + ProcessIcon, + StarRateIcon, +}; From 9d00a2219f0475898b8030fa29a96e99245e3b5f Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Tue, 29 Nov 2022 12:21:26 +0530 Subject: [PATCH 02/47] [Icons] Some changes --- .prettierrc | 8 +++ package.json | 2 +- src/Icons/ArrowBackIcon.tsx | 9 +-- src/Icons/ArrowDownIcon.tsx | 9 +-- src/Icons/ArrowForwardIcon.tsx | 9 +-- src/Icons/ArrowIcon.tsx | 11 ++++ src/Icons/ArrowUpIcon.tsx | 9 +-- src/Icons/CheckCircleIcon.tsx | 9 +-- src/Icons/CheckIcon.tsx | 9 +-- src/Icons/ClearIcon.tsx | 9 +-- src/Icons/ClockIcon.tsx | 68 ++++++++--------------- src/Icons/ContactSupportIcon.tsx | 9 +-- src/Icons/ContentCopyIcon.tsx | 9 +-- src/Icons/ExpandMoreIcon.tsx | 9 +-- src/Icons/InfoIcon.tsx | 66 ++++++++-------------- src/Icons/KeyBoardArrowDownIcon.tsx | 13 +---- src/Icons/KeyBoardArrowLeftIcon.tsx | 13 +---- src/Icons/KeyBoardArrowRightIcon.tsx | 13 +---- src/Icons/KeyBoardArrowUpIcon.tsx | 13 +---- src/Icons/MenuIcon.tsx | 9 +-- src/Icons/ProcessIcon.tsx | 29 ++++------ src/Icons/Reskin/ArrowIcon.tsx | 18 ------ src/Icons/index.ts | 82 ++++++++++++++-------------- src/index.ts | 2 +- 24 files changed, 137 insertions(+), 300 deletions(-) create mode 100644 .prettierrc create mode 100644 src/Icons/ArrowIcon.tsx delete mode 100644 src/Icons/Reskin/ArrowIcon.tsx diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 00000000..961ec1cb --- /dev/null +++ b/.prettierrc @@ -0,0 +1,8 @@ +{ + "singleQuote": true, + "jsxSingleQuote": true, + "semi": false, + "tabWidth": 4, + "useTabs": true, + "printWidth": 150 +} diff --git a/package.json b/package.json index fa5299bd..4ef98dda 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons-1", - "version": "1.0.1", + "version": "1.0.2", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/ArrowBackIcon.tsx b/src/Icons/ArrowBackIcon.tsx index ca619974..40519d61 100644 --- a/src/Icons/ArrowBackIcon.tsx +++ b/src/Icons/ArrowBackIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ArrowBackIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/ArrowDownIcon.tsx b/src/Icons/ArrowDownIcon.tsx index f2837a68..36063d6f 100644 --- a/src/Icons/ArrowDownIcon.tsx +++ b/src/Icons/ArrowDownIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ArrowDownIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ArrowForwardIcon.tsx b/src/Icons/ArrowForwardIcon.tsx index 9bb96edc..0f694233 100644 --- a/src/Icons/ArrowForwardIcon.tsx +++ b/src/Icons/ArrowForwardIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ArrowForwardIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/ArrowIcon.tsx b/src/Icons/ArrowIcon.tsx new file mode 100644 index 00000000..8dbbabe5 --- /dev/null +++ b/src/Icons/ArrowIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ArrowIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ArrowIcon diff --git a/src/Icons/ArrowUpIcon.tsx b/src/Icons/ArrowUpIcon.tsx index 0c5103da..d95f89d1 100644 --- a/src/Icons/ArrowUpIcon.tsx +++ b/src/Icons/ArrowUpIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ArrowUpIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/CheckCircleIcon.tsx b/src/Icons/CheckCircleIcon.tsx index 9538b62f..8a91f95e 100644 --- a/src/Icons/CheckCircleIcon.tsx +++ b/src/Icons/CheckCircleIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const CheckCircleIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/CheckIcon.tsx b/src/Icons/CheckIcon.tsx index b07d50c4..df650df7 100644 --- a/src/Icons/CheckIcon.tsx +++ b/src/Icons/CheckIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const CheckIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ClearIcon.tsx b/src/Icons/ClearIcon.tsx index f58b763e..2d8662a8 100644 --- a/src/Icons/ClearIcon.tsx +++ b/src/Icons/ClearIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ClearIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ClockIcon.tsx b/src/Icons/ClockIcon.tsx index 5b0a1c09..39c83873 100644 --- a/src/Icons/ClockIcon.tsx +++ b/src/Icons/ClockIcon.tsx @@ -1,47 +1,25 @@ -import React from 'react'; +import React from 'react' const ClockIcon: React.FC> = (props) => { - return ( - - - - - - - - - - - - - - ); -}; -export default React.memo(ClockIcon); + return ( + + + + + + + + + + + + + + ) +} +export default React.memo(ClockIcon) diff --git a/src/Icons/ContactSupportIcon.tsx b/src/Icons/ContactSupportIcon.tsx index f7e5ba32..9a5e2be9 100644 --- a/src/Icons/ContactSupportIcon.tsx +++ b/src/Icons/ContactSupportIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ContactSupportIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ContentCopyIcon.tsx b/src/Icons/ContentCopyIcon.tsx index 0775d337..49bad47b 100644 --- a/src/Icons/ContentCopyIcon.tsx +++ b/src/Icons/ContentCopyIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ContentCopyIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ExpandMoreIcon.tsx b/src/Icons/ExpandMoreIcon.tsx index f1cfd945..13ada54c 100644 --- a/src/Icons/ExpandMoreIcon.tsx +++ b/src/Icons/ExpandMoreIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const ExpandMoreIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/InfoIcon.tsx b/src/Icons/InfoIcon.tsx index 8106286e..f6d5654a 100644 --- a/src/Icons/InfoIcon.tsx +++ b/src/Icons/InfoIcon.tsx @@ -1,46 +1,24 @@ -import React from 'react'; +import React from 'react' -const InfoIcon: React.FC> = React.forwardRef( - (props, ref: any) => { - return ( - - - - - - - - - - - - - ); - } -); +const InfoIcon: React.FC> = React.forwardRef((props, ref: any) => { + return ( + + + + + + + + + + + + + ) +}) -export default React.memo(InfoIcon); +export default React.memo(InfoIcon) diff --git a/src/Icons/KeyBoardArrowDownIcon.tsx b/src/Icons/KeyBoardArrowDownIcon.tsx index 2e2e7a9e..05018b43 100644 --- a/src/Icons/KeyBoardArrowDownIcon.tsx +++ b/src/Icons/KeyBoardArrowDownIcon.tsx @@ -1,17 +1,8 @@ import React from 'react' -const KeyBoardArrowDownIcon: React.FC> = ( - props -) => { +const KeyBoardArrowDownIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/KeyBoardArrowLeftIcon.tsx b/src/Icons/KeyBoardArrowLeftIcon.tsx index f73023df..7becd425 100644 --- a/src/Icons/KeyBoardArrowLeftIcon.tsx +++ b/src/Icons/KeyBoardArrowLeftIcon.tsx @@ -1,17 +1,8 @@ import React from 'react' -const KeyBoardArrowLeftIcon: React.FC> = ( - props -) => { +const KeyBoardArrowLeftIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/KeyBoardArrowRightIcon.tsx b/src/Icons/KeyBoardArrowRightIcon.tsx index 3525c8e2..744e2969 100644 --- a/src/Icons/KeyBoardArrowRightIcon.tsx +++ b/src/Icons/KeyBoardArrowRightIcon.tsx @@ -1,17 +1,8 @@ import React from 'react' -const KeyBoardArrowRightIcon: React.FC> = ( - props -) => { +const KeyBoardArrowRightIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/KeyBoardArrowUpIcon.tsx b/src/Icons/KeyBoardArrowUpIcon.tsx index c4432bf0..8fc6db50 100644 --- a/src/Icons/KeyBoardArrowUpIcon.tsx +++ b/src/Icons/KeyBoardArrowUpIcon.tsx @@ -1,17 +1,8 @@ import React from 'react' -const KeyBoardArrowUpIcon: React.FC> = ( - props -) => { +const KeyBoardArrowUpIcon: React.FC> = (props) => { return ( - + ) diff --git a/src/Icons/MenuIcon.tsx b/src/Icons/MenuIcon.tsx index 2b49b824..6407f476 100644 --- a/src/Icons/MenuIcon.tsx +++ b/src/Icons/MenuIcon.tsx @@ -2,14 +2,7 @@ import React from 'react' const MenuIcon: React.FC> = (props) => { return ( - + diff --git a/src/Icons/ProcessIcon.tsx b/src/Icons/ProcessIcon.tsx index 46ce29eb..ff97716e 100644 --- a/src/Icons/ProcessIcon.tsx +++ b/src/Icons/ProcessIcon.tsx @@ -1,21 +1,14 @@ -import React from 'react'; +import React from 'react' const ProcessIcon: React.FC> = (props) => { - return ( - - - - ); -}; + return ( + + + + ) +} -export default React.memo(ProcessIcon); +export default React.memo(ProcessIcon) diff --git a/src/Icons/Reskin/ArrowIcon.tsx b/src/Icons/Reskin/ArrowIcon.tsx deleted file mode 100644 index a2140a04..00000000 --- a/src/Icons/Reskin/ArrowIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react'; - -const ArrowIcon: React.FC> = (props) => { - return ( - - - - ); -}; - -export default React.memo(ArrowIcon); diff --git a/src/Icons/index.ts b/src/Icons/index.ts index c8907f64..16f75a6f 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,43 +1,43 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowIcon from './Reskin/ArrowIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import StarRateIcon from './StarRateIcon' export { - ArrowIcon, - ArrowBackIcon, - ArrowDownIcon, - ArrowForwardIcon, - ArrowUpIcon, - CheckCircleIcon, - CheckIcon, - ClearIcon, - ClockIcon, - ContactSupportIcon, - ContentCopyIcon, - ExpandMoreIcon, - InfoIcon, - KeyBoardArrowDownIcon, - KeyBoardArrowLeftIcon, - KeyBoardArrowRightIcon, - KeyBoardArrowUpIcon, - MenuIcon, - ProcessIcon, - StarRateIcon, -}; + ArrowBackIcon, + ArrowDownIcon, + ArrowForwardIcon, + ArrowIcon, + ArrowUpIcon, + CheckCircleIcon, + CheckIcon, + ClearIcon, + ClockIcon, + ContactSupportIcon, + ContentCopyIcon, + ExpandMoreIcon, + InfoIcon, + KeyBoardArrowDownIcon, + KeyBoardArrowLeftIcon, + KeyBoardArrowRightIcon, + KeyBoardArrowUpIcon, + MenuIcon, + ProcessIcon, + StarRateIcon, +} diff --git a/src/index.ts b/src/index.ts index 0999f3d1..6af6916a 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1 +1 @@ -export * from './Icons'; +export * from './Icons' From e3b2badc188d26e60f3fddd1f9d11268f623a125 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Tue, 29 Nov 2022 12:22:42 +0530 Subject: [PATCH 03/47] [Icons] Deps updated --- package.json | 122 +++++++++++++++++++++++++-------------------------- 1 file changed, 61 insertions(+), 61 deletions(-) diff --git a/package.json b/package.json index 4ef98dda..e41b3f7f 100644 --- a/package.json +++ b/package.json @@ -1,63 +1,63 @@ { - "name": "@aftershootco/unicorn-icons-1", - "version": "1.0.2", - "description": "", - "author": "AfterShoot", - "license": "ISC", - "main": "dist/index.cjs.js", - "module": "dist/index.esm.js", - "scripts": { - "build": "rollup -c", - "prepare": "husky install" - }, - "repository": { - "url": "https://github.com/aftershootco/Unicorn-Icons.git", - "type": "git" - }, - "peerDependencies": { - "react": "^18.2.0", - "react-dom": "^18.2.0" - }, - "devDependencies": { - "@babel/core": "^7.20.2", - "@rollup/plugin-babel": "^6.0.2", - "@rollup/plugin-commonjs": "^23.0.2", - "@rollup/plugin-node-resolve": "^15.0.1", - "@rollup/plugin-typescript": "^9.0.2", - "@rollup/plugin-url": "^8.0.1", - "@svgr/rollup": "^6.5.1", - "@types/react": "^18.0.25", - "@types/react-dom": "^18.0.9", - "autoprefixer": "^10.4.13", - "babel-loader": "^9.1.0", - "css-loader": "^6.7.2", - "husky": "^8.0.2", - "node-sass": "^8.0.0", - "postcss": "^8.4.19", - "postcss-flexbugs-fixes": "^5.0.2", - "postcss-url": "^10.1.3", - "rollup": "^3.3.0", - "rollup-plugin-dts": "^5.0.0", - "rollup-plugin-images": "^1.0.0", - "rollup-plugin-peer-deps-external": "^2.2.4", - "rollup-plugin-postcss": "^4.0.2", - "rollup-plugin-scss": "^3.0.0", - "rollup-plugin-svg": "^2.0.0", - "rollup-plugin-svg-import": "^1.6.0", - "rollup-plugin-terser": "^7.0.2", - "sass-loader": "^13.2.0", - "style-loader": "^3.3.1", - "tslib": "^2.4.1", - "typescript": "^4.8.4", - "webpack": "^5.75.0" - }, - "files": [ - "dist" - ], - "types": "dist/index.d.ts", - "dependencies": {}, - "keywords": [ - "unicorn", - "aftershoot" - ] + "name": "@aftershootco/unicorn-icons", + "version": "1.1.0", + "description": "", + "author": "AfterShoot", + "license": "ISC", + "main": "dist/index.cjs.js", + "module": "dist/index.esm.js", + "scripts": { + "build": "rollup -c", + "prepare": "husky install" + }, + "repository": { + "url": "https://github.com/aftershootco/Unicorn-Icons.git", + "type": "git" + }, + "peerDependencies": { + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@babel/core": "^7.20.5", + "@rollup/plugin-babel": "^6.0.3", + "@rollup/plugin-commonjs": "^23.0.3", + "@rollup/plugin-node-resolve": "^15.0.1", + "@rollup/plugin-typescript": "^10.0.1", + "@rollup/plugin-url": "^8.0.1", + "@svgr/rollup": "^6.5.1", + "@types/react": "^18.0.25", + "@types/react-dom": "^18.0.9", + "autoprefixer": "^10.4.13", + "babel-loader": "^9.1.0", + "css-loader": "^6.7.2", + "husky": "^8.0.2", + "node-sass": "^8.0.0", + "postcss": "^8.4.19", + "postcss-flexbugs-fixes": "^5.0.2", + "postcss-url": "^10.1.3", + "rollup": "^3.5.0", + "rollup-plugin-dts": "^5.0.0", + "rollup-plugin-images": "^1.0.0", + "rollup-plugin-peer-deps-external": "^2.2.4", + "rollup-plugin-postcss": "^4.0.2", + "rollup-plugin-scss": "^4.0.0", + "rollup-plugin-svg": "^2.0.0", + "rollup-plugin-svg-import": "^1.6.0", + "rollup-plugin-terser": "^7.0.2", + "sass-loader": "^13.2.0", + "style-loader": "^3.3.1", + "tslib": "^2.4.1", + "typescript": "^4.9.3", + "webpack": "^5.75.0" + }, + "files": [ + "dist" + ], + "types": "dist/index.d.ts", + "dependencies": {}, + "keywords": [ + "unicorn", + "aftershoot" + ] } From 21ff61e68f6e31bf6f2cdc77e7600ec7c1022505 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Thu, 1 Dec 2022 18:53:09 +0530 Subject: [PATCH 04/47] [Reskin] Icons Added --- package.json | 2 +- src/Icons/Reskin/AlertIcon.tsx | 30 +++++++++++++ src/Icons/Reskin/BorderColorIcon.tsx | 31 +++++++++++++ src/Icons/Reskin/EditIcon.tsx | 41 ++++++++++++++++++ src/Icons/Reskin/InAcitveHelp.tsx | 30 +++++++++++++ src/Icons/Reskin/InActiveColorIcon.tsx | 17 ++++++++ src/Icons/Reskin/InActiveFilter.tsx | 24 ++++++++++ src/Icons/Reskin/InActiveGridIcon.tsx | 53 +++++++++++++++++++++++ src/Icons/Reskin/InActiveShortCutIcon.tsx | 53 +++++++++++++++++++++++ src/Icons/Reskin/InActiveSortIcon.tsx | 49 +++++++++++++++++++++ src/Icons/Reskin/InActiveSprayCanIcon.tsx | 33 ++++++++++++++ src/Icons/Reskin/InActiveStarIcon.tsx | 20 +++++++++ src/Icons/Reskin/InactiveLoupeIcon.tsx | 35 +++++++++++++++ src/Icons/Reskin/InfoIconTransparent.tsx | 47 ++++++++++++++++++++ src/Icons/Reskin/MouseLeftSelected.tsx | 28 ++++++++++++ src/Icons/Reskin/MouseRightSelected.tsx | 28 ++++++++++++ src/Icons/Reskin/ZoomIcon.tsx | 52 ++++++++++++++++++++++ src/Icons/index.ts | 32 ++++++++++++++ 18 files changed, 604 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/AlertIcon.tsx create mode 100644 src/Icons/Reskin/BorderColorIcon.tsx create mode 100644 src/Icons/Reskin/EditIcon.tsx create mode 100644 src/Icons/Reskin/InAcitveHelp.tsx create mode 100644 src/Icons/Reskin/InActiveColorIcon.tsx create mode 100644 src/Icons/Reskin/InActiveFilter.tsx create mode 100644 src/Icons/Reskin/InActiveGridIcon.tsx create mode 100644 src/Icons/Reskin/InActiveShortCutIcon.tsx create mode 100644 src/Icons/Reskin/InActiveSortIcon.tsx create mode 100644 src/Icons/Reskin/InActiveSprayCanIcon.tsx create mode 100644 src/Icons/Reskin/InActiveStarIcon.tsx create mode 100644 src/Icons/Reskin/InactiveLoupeIcon.tsx create mode 100644 src/Icons/Reskin/InfoIconTransparent.tsx create mode 100644 src/Icons/Reskin/MouseLeftSelected.tsx create mode 100644 src/Icons/Reskin/MouseRightSelected.tsx create mode 100644 src/Icons/Reskin/ZoomIcon.tsx diff --git a/package.json b/package.json index e41b3f7f..bf9a702e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.0", + "version": "1.1.1", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/AlertIcon.tsx b/src/Icons/Reskin/AlertIcon.tsx new file mode 100644 index 00000000..5672f0a1 --- /dev/null +++ b/src/Icons/Reskin/AlertIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react'; +const AlertIcon: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(AlertIcon); diff --git a/src/Icons/Reskin/BorderColorIcon.tsx b/src/Icons/Reskin/BorderColorIcon.tsx new file mode 100644 index 00000000..c8107332 --- /dev/null +++ b/src/Icons/Reskin/BorderColorIcon.tsx @@ -0,0 +1,31 @@ +import React from 'react'; + +const BorderColorIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + ); +}; + +export default React.memo(BorderColorIcon); diff --git a/src/Icons/Reskin/EditIcon.tsx b/src/Icons/Reskin/EditIcon.tsx new file mode 100644 index 00000000..d52634ac --- /dev/null +++ b/src/Icons/Reskin/EditIcon.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +const EditIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ); +}; + +export default React.memo(EditIcon); diff --git a/src/Icons/Reskin/InAcitveHelp.tsx b/src/Icons/Reskin/InAcitveHelp.tsx new file mode 100644 index 00000000..af571a94 --- /dev/null +++ b/src/Icons/Reskin/InAcitveHelp.tsx @@ -0,0 +1,30 @@ +import React from 'react'; +const InAcitveHelp: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(InAcitveHelp); diff --git a/src/Icons/Reskin/InActiveColorIcon.tsx b/src/Icons/Reskin/InActiveColorIcon.tsx new file mode 100644 index 00000000..81ad2ca5 --- /dev/null +++ b/src/Icons/Reskin/InActiveColorIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +const InActiveColorIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveColorIcon); diff --git a/src/Icons/Reskin/InActiveFilter.tsx b/src/Icons/Reskin/InActiveFilter.tsx new file mode 100644 index 00000000..e0f998d6 --- /dev/null +++ b/src/Icons/Reskin/InActiveFilter.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +const InActiveFilter: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveFilter); diff --git a/src/Icons/Reskin/InActiveGridIcon.tsx b/src/Icons/Reskin/InActiveGridIcon.tsx new file mode 100644 index 00000000..f5e990d9 --- /dev/null +++ b/src/Icons/Reskin/InActiveGridIcon.tsx @@ -0,0 +1,53 @@ +import React from 'react'; + +const InActiveGridIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveGridIcon); diff --git a/src/Icons/Reskin/InActiveShortCutIcon.tsx b/src/Icons/Reskin/InActiveShortCutIcon.tsx new file mode 100644 index 00000000..6b3fea60 --- /dev/null +++ b/src/Icons/Reskin/InActiveShortCutIcon.tsx @@ -0,0 +1,53 @@ +import React from 'react'; +const InActiveShortCutIcon: React.FC> = ( + props +) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveShortCutIcon); diff --git a/src/Icons/Reskin/InActiveSortIcon.tsx b/src/Icons/Reskin/InActiveSortIcon.tsx new file mode 100644 index 00000000..bfbae7a2 --- /dev/null +++ b/src/Icons/Reskin/InActiveSortIcon.tsx @@ -0,0 +1,49 @@ +import React from 'react'; +const InActiveSortIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveSortIcon); diff --git a/src/Icons/Reskin/InActiveSprayCanIcon.tsx b/src/Icons/Reskin/InActiveSprayCanIcon.tsx new file mode 100644 index 00000000..44c044cd --- /dev/null +++ b/src/Icons/Reskin/InActiveSprayCanIcon.tsx @@ -0,0 +1,33 @@ +import React from 'react'; + +const InActiveSprayCanIcon: React.FC> = ( + props +) => { + return ( + + + + + + + + + + + ); +}; + +export default React.memo(InActiveSprayCanIcon); diff --git a/src/Icons/Reskin/InActiveStarIcon.tsx b/src/Icons/Reskin/InActiveStarIcon.tsx new file mode 100644 index 00000000..43131e26 --- /dev/null +++ b/src/Icons/Reskin/InActiveStarIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +const InActiveStarIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveStarIcon); diff --git a/src/Icons/Reskin/InactiveLoupeIcon.tsx b/src/Icons/Reskin/InactiveLoupeIcon.tsx new file mode 100644 index 00000000..fa52aeca --- /dev/null +++ b/src/Icons/Reskin/InactiveLoupeIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react'; + +const InActiveLoupeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveLoupeIcon); diff --git a/src/Icons/Reskin/InfoIconTransparent.tsx b/src/Icons/Reskin/InfoIconTransparent.tsx new file mode 100644 index 00000000..737e65c5 --- /dev/null +++ b/src/Icons/Reskin/InfoIconTransparent.tsx @@ -0,0 +1,47 @@ +import React from 'react'; + +const InfoIconTransparent: React.FC> = ( + props +) => { + return ( + + + + + + + + + + + + + ); +}; + +export default React.memo(InfoIconTransparent); diff --git a/src/Icons/Reskin/MouseLeftSelected.tsx b/src/Icons/Reskin/MouseLeftSelected.tsx new file mode 100644 index 00000000..0607afe2 --- /dev/null +++ b/src/Icons/Reskin/MouseLeftSelected.tsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const MouseLeftSelected: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(MouseLeftSelected); diff --git a/src/Icons/Reskin/MouseRightSelected.tsx b/src/Icons/Reskin/MouseRightSelected.tsx new file mode 100644 index 00000000..db19da9e --- /dev/null +++ b/src/Icons/Reskin/MouseRightSelected.tsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const MouseRightSelected: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(MouseRightSelected); diff --git a/src/Icons/Reskin/ZoomIcon.tsx b/src/Icons/Reskin/ZoomIcon.tsx new file mode 100644 index 00000000..ab0bb622 --- /dev/null +++ b/src/Icons/Reskin/ZoomIcon.tsx @@ -0,0 +1,52 @@ +import React from 'react'; + +const ZoomIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(ZoomIcon); diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 16f75a6f..59415717 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -18,6 +18,22 @@ import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' import MenuIcon from './MenuIcon' import ProcessIcon from './ProcessIcon' import StarRateIcon from './StarRateIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import EditIcon from './Reskin/EditIcon' +import AlertIcon from './Reskin/AlertIcon' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import BorderColorIcon from './Reskin/BorderColorIcon' export { ArrowBackIcon, @@ -40,4 +56,20 @@ export { MenuIcon, ProcessIcon, StarRateIcon, + ZoomIcon, + MouseLeftSelected, + MouseRightSelected, + EditIcon, + AlertIcon, + InAcitveHelp, + InActiveColorIcon, + InActiveShortCutIcon, + InActiveStarIcon, + InActiveSprayCanIcon, + InActiveSortIcon, + InactiveLoupeIcon, + InActiveFilter, + InActiveGridIcon, + InfoIconTransparent, + BorderColorIcon, } From 5fd47adac2023b0193a146ccaa5d33664a754d28 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Fri, 2 Dec 2022 15:03:09 +0530 Subject: [PATCH 05/47] [Reskin] ProcessingControlPanel icons --- src/Icons/Reskin/BorderColorIcon.tsx | 28 ++++++++++----------------- src/Icons/Reskin/InActiveFilter.tsx | 2 +- src/Icons/Reskin/InActiveGridIcon.tsx | 12 ++++++------ 3 files changed, 17 insertions(+), 25 deletions(-) diff --git a/src/Icons/Reskin/BorderColorIcon.tsx b/src/Icons/Reskin/BorderColorIcon.tsx index c8107332..0367eb99 100644 --- a/src/Icons/Reskin/BorderColorIcon.tsx +++ b/src/Icons/Reskin/BorderColorIcon.tsx @@ -3,27 +3,19 @@ import React from 'react'; const BorderColorIcon: React.FC> = (props) => { return ( - - - - - - - - + ); }; diff --git a/src/Icons/Reskin/InActiveFilter.tsx b/src/Icons/Reskin/InActiveFilter.tsx index e0f998d6..6c492bed 100644 --- a/src/Icons/Reskin/InActiveFilter.tsx +++ b/src/Icons/Reskin/InActiveFilter.tsx @@ -1,5 +1,5 @@ import React from 'react'; -const InActiveFilter: React.FC> = (props) => { +const InActiveFilter: React.FC> = (props) => { return ( > = (props) => { xmlns='http://www.w3.org/2000/svg' {...props} > - + > = (props) => { stroke-linejoin='round' /> > = (props) => { /> - + From e3a32cd859a53ad8552a36720aff795c8b9c6774 Mon Sep 17 00:00:00 2001 From: manis Date: Fri, 2 Dec 2022 18:53:14 +0530 Subject: [PATCH 06/47] [Icons] update icons --- package.json | 2 +- src/Icons/Reskin/CartIcon.tsx | 48 ++++++++++++++++++ src/Icons/Reskin/DiamonIcon.tsx | 25 ++++++++++ src/Icons/Reskin/FriendsIcon.tsx | 45 +++++++++++++++++ src/Icons/Reskin/ShareIcon.tsx | 40 +++++++++++++++ src/Icons/index.ts | 83 ++++++++++++++++++-------------- 6 files changed, 205 insertions(+), 38 deletions(-) create mode 100644 src/Icons/Reskin/CartIcon.tsx create mode 100644 src/Icons/Reskin/DiamonIcon.tsx create mode 100644 src/Icons/Reskin/FriendsIcon.tsx create mode 100644 src/Icons/Reskin/ShareIcon.tsx diff --git a/package.json b/package.json index bf9a702e..9a67cd85 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.1", + "version": "1.1.2", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/CartIcon.tsx b/src/Icons/Reskin/CartIcon.tsx new file mode 100644 index 00000000..0fb6bce0 --- /dev/null +++ b/src/Icons/Reskin/CartIcon.tsx @@ -0,0 +1,48 @@ +import React from 'react' + +const CartIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + + ) +} + +export default CartIcon diff --git a/src/Icons/Reskin/DiamonIcon.tsx b/src/Icons/Reskin/DiamonIcon.tsx new file mode 100644 index 00000000..1c9e7a1f --- /dev/null +++ b/src/Icons/Reskin/DiamonIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const DiamondIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default DiamondIcon diff --git a/src/Icons/Reskin/FriendsIcon.tsx b/src/Icons/Reskin/FriendsIcon.tsx new file mode 100644 index 00000000..8d52db6a --- /dev/null +++ b/src/Icons/Reskin/FriendsIcon.tsx @@ -0,0 +1,45 @@ +import React from 'react' + +const FriendsIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default React.memo(FriendsIcon) diff --git a/src/Icons/Reskin/ShareIcon.tsx b/src/Icons/Reskin/ShareIcon.tsx new file mode 100644 index 00000000..3a26e503 --- /dev/null +++ b/src/Icons/Reskin/ShareIcon.tsx @@ -0,0 +1,40 @@ +import React from 'react' + +const ShareIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default ShareIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 59415717..1ecf0ef8 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,41 +1,49 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import StarRateIcon from './StarRateIcon' -import ZoomIcon from './Reskin/ZoomIcon' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import EditIcon from './Reskin/EditIcon' -import AlertIcon from './Reskin/AlertIcon' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import BorderColorIcon from './Reskin/BorderColorIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import AlertIcon from './Reskin/AlertIcon'; +import BorderColorIcon from './Reskin/BorderColorIcon'; +import CartIcon from './Reskin/CartIcon'; +import DiamondIcon from './Reskin/DiamonIcon'; +import EditIcon from './Reskin/EditIcon'; +import FriendsIcon from './Reskin/FriendsIcon'; +import InAcitveHelp from './Reskin/InAcitveHelp'; +import InActiveColorIcon from './Reskin/InActiveColorIcon'; +import InActiveFilter from './Reskin/InActiveFilter'; +import InActiveGridIcon from './Reskin/InActiveGridIcon'; +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; +import InActiveSortIcon from './Reskin/InActiveSortIcon'; +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; +import InActiveStarIcon from './Reskin/InActiveStarIcon'; +import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import MouseLeftSelected from './Reskin/MouseLeftSelected'; +import MouseRightSelected from './Reskin/MouseRightSelected'; +import ShareIcon from './Reskin/ShareIcon'; +import ZoomIcon from './Reskin/ZoomIcon'; +import StarRateIcon from './StarRateIcon'; export { + DiamondIcon, + ShareIcon, + CartIcon, + FriendsIcon, ArrowBackIcon, ArrowDownIcon, ArrowForwardIcon, @@ -72,4 +80,5 @@ export { InActiveGridIcon, InfoIconTransparent, BorderColorIcon, -} +}; + From d489cfa3622b278d68d10173279797edc349758f Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Sat, 3 Dec 2022 19:24:47 +0530 Subject: [PATCH 07/47] [Reskin] More icons added --- package.json | 6 +-- src/Icons/Reskin/DropDownIcon.tsx | 11 ++++ src/Icons/Reskin/EditIcon.tsx | 67 ++++++++++-------------- src/Icons/index.ts | 85 ++++++++++++++++--------------- 4 files changed, 85 insertions(+), 84 deletions(-) create mode 100644 src/Icons/Reskin/DropDownIcon.tsx diff --git a/package.json b/package.json index 9a67cd85..934a92be 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.2", + "version": "1.1.3", "description": "", "author": "AfterShoot", "license": "ISC", @@ -26,7 +26,7 @@ "@rollup/plugin-typescript": "^10.0.1", "@rollup/plugin-url": "^8.0.1", "@svgr/rollup": "^6.5.1", - "@types/react": "^18.0.25", + "@types/react": "^18.0.26", "@types/react-dom": "^18.0.9", "autoprefixer": "^10.4.13", "babel-loader": "^9.1.0", @@ -36,7 +36,7 @@ "postcss": "^8.4.19", "postcss-flexbugs-fixes": "^5.0.2", "postcss-url": "^10.1.3", - "rollup": "^3.5.0", + "rollup": "^3.5.1", "rollup-plugin-dts": "^5.0.0", "rollup-plugin-images": "^1.0.0", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/src/Icons/Reskin/DropDownIcon.tsx b/src/Icons/Reskin/DropDownIcon.tsx new file mode 100644 index 00000000..9cd4ba5b --- /dev/null +++ b/src/Icons/Reskin/DropDownIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const DropDownIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DropDownIcon diff --git a/src/Icons/Reskin/EditIcon.tsx b/src/Icons/Reskin/EditIcon.tsx index d52634ac..a41e0c46 100644 --- a/src/Icons/Reskin/EditIcon.tsx +++ b/src/Icons/Reskin/EditIcon.tsx @@ -1,41 +1,30 @@ -import React from 'react'; +import React from 'react' + const EditIcon: React.FC> = (props) => { - return ( - - - - - - - - - - - - - ); -}; + return ( + + + + + + + + + + + + + ) +} -export default React.memo(EditIcon); +export default React.memo(EditIcon) diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 1ecf0ef8..a4f9f797 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,43 +1,44 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import EditIcon from './Reskin/EditIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import ShareIcon from './Reskin/ShareIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import ShareIcon from './Reskin/ShareIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import StarRateIcon from './StarRateIcon' export { DiamondIcon, @@ -80,5 +81,5 @@ export { InActiveGridIcon, InfoIconTransparent, BorderColorIcon, -}; - + DropDownIcon, +} From c7283b311c8d728bea3f4d5c334e92a93e8b0140 Mon Sep 17 00:00:00 2001 From: manis Date: Sat, 3 Dec 2022 18:09:42 +0530 Subject: [PATCH 08/47] [EditPhoto] update with editphoto icon --- src/Icons/Reskin/CartIcon.tsx | 2 +- src/Icons/Reskin/DiamonIcon.tsx | 2 +- src/Icons/Reskin/EditPhotoIcon.tsx | 33 ++++++++++++++++++++++ src/Icons/Reskin/FriendsIcon.tsx | 2 +- src/Icons/Reskin/ShareIcon.tsx | 2 +- src/Icons/index.ts | 45 ++++++++++++++++++++++++++++++ 6 files changed, 82 insertions(+), 4 deletions(-) create mode 100644 src/Icons/Reskin/EditPhotoIcon.tsx diff --git a/src/Icons/Reskin/CartIcon.tsx b/src/Icons/Reskin/CartIcon.tsx index 0fb6bce0..57dfe1b1 100644 --- a/src/Icons/Reskin/CartIcon.tsx +++ b/src/Icons/Reskin/CartIcon.tsx @@ -2,7 +2,7 @@ import React from 'react' const CartIcon: React.FC> = (props) => { return ( - + > = (props) => { return ( - + > = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default EditPhotoIcon diff --git a/src/Icons/Reskin/FriendsIcon.tsx b/src/Icons/Reskin/FriendsIcon.tsx index 8d52db6a..5dab8491 100644 --- a/src/Icons/Reskin/FriendsIcon.tsx +++ b/src/Icons/Reskin/FriendsIcon.tsx @@ -2,7 +2,7 @@ import React from 'react' const FriendsIcon: React.FC> = (props) => { return ( - + > = (props) => { return ( - + >>>>>> 62f06fe ([EditPhoto] update with editphoto icon) export { + EditPhotoIcon, DiamondIcon, ShareIcon, CartIcon, From 3f0c4bcdb5a76417ca1773131c0a6377ec0b88b8 Mon Sep 17 00:00:00 2001 From: manis Date: Sat, 3 Dec 2022 19:40:11 +0530 Subject: [PATCH 09/47] [EditPhoto] update with editphoto icon --- package.json | 2 +- src/Icons/index.ts | 48 +++------------------------------------------- 2 files changed, 4 insertions(+), 46 deletions(-) diff --git a/package.json b/package.json index 934a92be..28e9e2fa 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.3", + "version": "1.1.4", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index aae8a529..fbfc4b64 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,46 +1,3 @@ -<<<<<<< HEAD -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import AlertIcon from './Reskin/AlertIcon' -import BorderColorIcon from './Reskin/BorderColorIcon' -import CartIcon from './Reskin/CartIcon' -import DiamondIcon from './Reskin/DiamonIcon' -import DropDownIcon from './Reskin/DropDownIcon' -import EditIcon from './Reskin/EditIcon' -import FriendsIcon from './Reskin/FriendsIcon' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import ShareIcon from './Reskin/ShareIcon' -import ZoomIcon from './Reskin/ZoomIcon' -import StarRateIcon from './StarRateIcon' -======= import ArrowBackIcon from './ArrowBackIcon'; import ArrowDownIcon from './ArrowDownIcon'; import ArrowForwardIcon from './ArrowForwardIcon'; @@ -64,6 +21,7 @@ import AlertIcon from './Reskin/AlertIcon'; import BorderColorIcon from './Reskin/BorderColorIcon'; import CartIcon from './Reskin/CartIcon'; import DiamondIcon from './Reskin/DiamonIcon'; +import DropDownIcon from './Reskin/DropDownIcon'; import EditIcon from './Reskin/EditIcon'; import EditPhotoIcon from './Reskin/EditPhotoIcon'; import FriendsIcon from './Reskin/FriendsIcon'; @@ -82,7 +40,6 @@ import MouseRightSelected from './Reskin/MouseRightSelected'; import ShareIcon from './Reskin/ShareIcon'; import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; ->>>>>>> 62f06fe ([EditPhoto] update with editphoto icon) export { EditPhotoIcon, @@ -127,4 +84,5 @@ export { InfoIconTransparent, BorderColorIcon, DropDownIcon, -} +}; + From 622706ac715ce7e0963d85d50a3c816b6d26d60a Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Sat, 3 Dec 2022 23:42:01 +0530 Subject: [PATCH 10/47] [Reskin] Dialogs related to reskin --- src/Icons/Reskin/LeftArrow.tsx | 11 ++++ src/Icons/Reskin/UploadFolder.tsx | 19 +++++++ src/Icons/index.ts | 91 ++++++++++++++++--------------- 3 files changed, 77 insertions(+), 44 deletions(-) create mode 100644 src/Icons/Reskin/LeftArrow.tsx create mode 100644 src/Icons/Reskin/UploadFolder.tsx diff --git a/src/Icons/Reskin/LeftArrow.tsx b/src/Icons/Reskin/LeftArrow.tsx new file mode 100644 index 00000000..7a5f1006 --- /dev/null +++ b/src/Icons/Reskin/LeftArrow.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const LeftArrow: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(LeftArrow) diff --git a/src/Icons/Reskin/UploadFolder.tsx b/src/Icons/Reskin/UploadFolder.tsx new file mode 100644 index 00000000..dcf21b9c --- /dev/null +++ b/src/Icons/Reskin/UploadFolder.tsx @@ -0,0 +1,19 @@ +import React from 'react' + +const UploadFolder: React.FC> = (props) => { + return ( + + + + + + ) +} + +export default UploadFolder diff --git a/src/Icons/index.ts b/src/Icons/index.ts index fbfc4b64..87cfdf92 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,45 +1,47 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import DropDownIcon from './Reskin/DropDownIcon'; -import EditIcon from './Reskin/EditIcon'; -import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import ShareIcon from './Reskin/ShareIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import EditPhotoIcon from './Reskin/EditPhotoIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import LeftArrow from './Reskin/LeftArrow' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import ShareIcon from './Reskin/ShareIcon' +import UploadFolder from './Reskin/UploadFolder' +import ZoomIcon from './Reskin/ZoomIcon' +import StarRateIcon from './StarRateIcon' export { EditPhotoIcon, @@ -84,5 +86,6 @@ export { InfoIconTransparent, BorderColorIcon, DropDownIcon, -}; - + UploadFolder, + LeftArrow, +} From 07a68d00d02256caa2daf85ba9d60550c084560a Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Mon, 5 Dec 2022 11:27:15 +0530 Subject: [PATCH 11/47] [App] Update version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 28e9e2fa..90d7c913 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.4", + "version": "1.1.6", "description": "", "author": "AfterShoot", "license": "ISC", From aff1f8c57a03d70d423128165c675102465eda09 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Mon, 5 Dec 2022 13:54:28 +0530 Subject: [PATCH 12/47] [ExitApp] Icon added --- src/Icons/Reskin/BorderColorIcon.tsx | 34 ++++++++++++---------------- src/Icons/Reskin/ExitApp.tsx | 22 ++++++++++++++++++ src/Icons/index.ts | 2 ++ 3 files changed, 38 insertions(+), 20 deletions(-) create mode 100644 src/Icons/Reskin/ExitApp.tsx diff --git a/src/Icons/Reskin/BorderColorIcon.tsx b/src/Icons/Reskin/BorderColorIcon.tsx index 0367eb99..0a61af4e 100644 --- a/src/Icons/Reskin/BorderColorIcon.tsx +++ b/src/Icons/Reskin/BorderColorIcon.tsx @@ -1,23 +1,17 @@ -import React from 'react'; +import React from 'react' const BorderColorIcon: React.FC> = (props) => { - return ( - - - - ); -}; + return ( + + + + ) +} -export default React.memo(BorderColorIcon); +export default React.memo(BorderColorIcon) diff --git a/src/Icons/Reskin/ExitApp.tsx b/src/Icons/Reskin/ExitApp.tsx new file mode 100644 index 00000000..c6519bdc --- /dev/null +++ b/src/Icons/Reskin/ExitApp.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const ExitApp: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ExitApp diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 87cfdf92..38b1bb4d 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -41,6 +41,7 @@ import MouseRightSelected from './Reskin/MouseRightSelected' import ShareIcon from './Reskin/ShareIcon' import UploadFolder from './Reskin/UploadFolder' import ZoomIcon from './Reskin/ZoomIcon' +import ExitApp from './Reskin/ExitApp' import StarRateIcon from './StarRateIcon' export { @@ -87,5 +88,6 @@ export { BorderColorIcon, DropDownIcon, UploadFolder, + ExitApp, LeftArrow, } From 15a626173451bcb57250dd5bee5bbd10f9bd1e9e Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Tue, 6 Dec 2022 18:08:14 +0530 Subject: [PATCH 13/47] [Reskin] Some icons added --- package.json | 2 +- src/Icons/Reskin/AfterShootLogo.tsx | 32 +++++++++++++++++++++++++++++ src/Icons/Reskin/ErrorIcon.tsx | 25 ++++++++++++++++++++++ src/Icons/Reskin/ReloadIcon.tsx | 21 +++++++++++++++++++ src/Icons/index.ts | 8 ++++++++ 5 files changed, 87 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/AfterShootLogo.tsx create mode 100644 src/Icons/Reskin/ErrorIcon.tsx create mode 100644 src/Icons/Reskin/ReloadIcon.tsx diff --git a/package.json b/package.json index 90d7c913..ac0d978b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.6", + "version": "1.1.8", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/AfterShootLogo.tsx b/src/Icons/Reskin/AfterShootLogo.tsx new file mode 100644 index 00000000..a6e78fd1 --- /dev/null +++ b/src/Icons/Reskin/AfterShootLogo.tsx @@ -0,0 +1,32 @@ +import React from 'react' + +const AfterShootLogo: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default React.memo(AfterShootLogo) diff --git a/src/Icons/Reskin/ErrorIcon.tsx b/src/Icons/Reskin/ErrorIcon.tsx new file mode 100644 index 00000000..01e20c5b --- /dev/null +++ b/src/Icons/Reskin/ErrorIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const ErrorIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(ErrorIcon) diff --git a/src/Icons/Reskin/ReloadIcon.tsx b/src/Icons/Reskin/ReloadIcon.tsx new file mode 100644 index 00000000..3c5d1fa7 --- /dev/null +++ b/src/Icons/Reskin/ReloadIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const ReloadIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + ) +} + +export default ReloadIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 38b1bb4d..481dd98e 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -17,6 +17,9 @@ import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' import MenuIcon from './MenuIcon' import ProcessIcon from './ProcessIcon' +import AfterShootLogo from './Reskin/AfterShootLogo' +import ErrorIcon from './Reskin/ErrorIcon' +import ReloadIcon from './Reskin/ReloadIcon' import AlertIcon from './Reskin/AlertIcon' import BorderColorIcon from './Reskin/BorderColorIcon' import CartIcon from './Reskin/CartIcon' @@ -45,6 +48,9 @@ import ExitApp from './Reskin/ExitApp' import StarRateIcon from './StarRateIcon' export { + AfterShootLogo, + ErrorIcon, + ReloadIcon, EditPhotoIcon, DiamondIcon, ShareIcon, @@ -62,6 +68,8 @@ export { ContactSupportIcon, ContentCopyIcon, ExpandMoreIcon, + EyeOff, + EyeOn, InfoIcon, KeyBoardArrowDownIcon, KeyBoardArrowLeftIcon, From 86b33dbecc643ad682a18ae6f827b473e0a99a3e Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Tue, 6 Dec 2022 18:10:33 +0530 Subject: [PATCH 14/47] index.ts --- package.json | 2 +- src/Icons/index.ts | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/package.json b/package.json index ac0d978b..2d208e56 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.8", + "version": "1.1.9", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 481dd98e..c364801e 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -68,8 +68,6 @@ export { ContactSupportIcon, ContentCopyIcon, ExpandMoreIcon, - EyeOff, - EyeOn, InfoIcon, KeyBoardArrowDownIcon, KeyBoardArrowLeftIcon, From 37fdf8011332c8eea592bc6517b86e0817a25f36 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Wed, 7 Dec 2022 12:15:54 +0530 Subject: [PATCH 15/47] Some icons added --- package.json | 2 +- src/Icons/Reskin/DeleteIcon.tsx | 35 +++++++++++++++++++++++++ src/Icons/Reskin/ImageNotFound.tsx | 41 ++++++++++++++++++++++++++++++ src/Icons/index.ts | 4 +++ 4 files changed, 81 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/DeleteIcon.tsx create mode 100644 src/Icons/Reskin/ImageNotFound.tsx diff --git a/package.json b/package.json index 2d208e56..6c8f4b7c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.9", + "version": "1.1.10", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/DeleteIcon.tsx b/src/Icons/Reskin/DeleteIcon.tsx new file mode 100644 index 00000000..500be3ea --- /dev/null +++ b/src/Icons/Reskin/DeleteIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react' + +const DeleteIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default React.memo(DeleteIcon) diff --git a/src/Icons/Reskin/ImageNotFound.tsx b/src/Icons/Reskin/ImageNotFound.tsx new file mode 100644 index 00000000..b4f0195c --- /dev/null +++ b/src/Icons/Reskin/ImageNotFound.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const ImageNotFound: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default ImageNotFound diff --git a/src/Icons/index.ts b/src/Icons/index.ts index c364801e..0d532b61 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -18,6 +18,7 @@ import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' import MenuIcon from './MenuIcon' import ProcessIcon from './ProcessIcon' import AfterShootLogo from './Reskin/AfterShootLogo' +import DeleteIcon from './Reskin/DeleteIcon' import ErrorIcon from './Reskin/ErrorIcon' import ReloadIcon from './Reskin/ReloadIcon' import AlertIcon from './Reskin/AlertIcon' @@ -28,6 +29,7 @@ import DropDownIcon from './Reskin/DropDownIcon' import EditIcon from './Reskin/EditIcon' import EditPhotoIcon from './Reskin/EditPhotoIcon' import FriendsIcon from './Reskin/FriendsIcon' +import ImageNotFound from './Reskin/ImageNotFound' import InAcitveHelp from './Reskin/InAcitveHelp' import InActiveColorIcon from './Reskin/InActiveColorIcon' import InActiveFilter from './Reskin/InActiveFilter' @@ -49,6 +51,7 @@ import StarRateIcon from './StarRateIcon' export { AfterShootLogo, + DeleteIcon, ErrorIcon, ReloadIcon, EditPhotoIcon, @@ -81,6 +84,7 @@ export { MouseRightSelected, EditIcon, AlertIcon, + ImageNotFound, InAcitveHelp, InActiveColorIcon, InActiveShortCutIcon, From d26dfc42ecf52b0f1d50395517c2e06fb2da97d6 Mon Sep 17 00:00:00 2001 From: manis Date: Tue, 13 Dec 2022 14:02:54 +0530 Subject: [PATCH 16/47] [SortPhotos] added new icons for sort photos --- src/Icons/Reskin/DescAlphaNotSelectedIcon.tsx | 27 ++++ src/Icons/Reskin/DescAlphaSelectedIcon.tsx | 27 ++++ src/Icons/Reskin/DescNumNotSelectedIcon.tsx | 38 ++++++ src/Icons/Reskin/DescNumSelectedIcon.tsx | 38 ++++++ src/Icons/Reskin/IncAlphaNotSelectedIcon.tsx | 27 ++++ src/Icons/Reskin/IncAlphaSelectedIcon.tsx | 27 ++++ src/Icons/Reskin/IncNumNotSelectedIcon.tsx | 38 ++++++ src/Icons/Reskin/IncNumSelectedIcon.tsx | 38 ++++++ src/Icons/index.ts | 115 +++++++++--------- 9 files changed, 320 insertions(+), 55 deletions(-) create mode 100644 src/Icons/Reskin/DescAlphaNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/DescAlphaSelectedIcon.tsx create mode 100644 src/Icons/Reskin/DescNumNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/DescNumSelectedIcon.tsx create mode 100644 src/Icons/Reskin/IncAlphaNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/IncAlphaSelectedIcon.tsx create mode 100644 src/Icons/Reskin/IncNumNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/IncNumSelectedIcon.tsx diff --git a/src/Icons/Reskin/DescAlphaNotSelectedIcon.tsx b/src/Icons/Reskin/DescAlphaNotSelectedIcon.tsx new file mode 100644 index 00000000..45344772 --- /dev/null +++ b/src/Icons/Reskin/DescAlphaNotSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const DescAlphaNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default DescAlphaNotSelectedIcon diff --git a/src/Icons/Reskin/DescAlphaSelectedIcon.tsx b/src/Icons/Reskin/DescAlphaSelectedIcon.tsx new file mode 100644 index 00000000..14d29aec --- /dev/null +++ b/src/Icons/Reskin/DescAlphaSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const DescAlphaSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default DescAlphaSelectedIcon diff --git a/src/Icons/Reskin/DescNumNotSelectedIcon.tsx b/src/Icons/Reskin/DescNumNotSelectedIcon.tsx new file mode 100644 index 00000000..5bafce20 --- /dev/null +++ b/src/Icons/Reskin/DescNumNotSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const DescNumNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default DescNumNotSelectedIcon diff --git a/src/Icons/Reskin/DescNumSelectedIcon.tsx b/src/Icons/Reskin/DescNumSelectedIcon.tsx new file mode 100644 index 00000000..8c464554 --- /dev/null +++ b/src/Icons/Reskin/DescNumSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const DescNumSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default DescNumSelectedIcon diff --git a/src/Icons/Reskin/IncAlphaNotSelectedIcon.tsx b/src/Icons/Reskin/IncAlphaNotSelectedIcon.tsx new file mode 100644 index 00000000..718b88a8 --- /dev/null +++ b/src/Icons/Reskin/IncAlphaNotSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const IncAlphaNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default IncAlphaNotSelectedIcon diff --git a/src/Icons/Reskin/IncAlphaSelectedIcon.tsx b/src/Icons/Reskin/IncAlphaSelectedIcon.tsx new file mode 100644 index 00000000..20910692 --- /dev/null +++ b/src/Icons/Reskin/IncAlphaSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const IncAlphaSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default IncAlphaSelectedIcon diff --git a/src/Icons/Reskin/IncNumNotSelectedIcon.tsx b/src/Icons/Reskin/IncNumNotSelectedIcon.tsx new file mode 100644 index 00000000..a1a0b63c --- /dev/null +++ b/src/Icons/Reskin/IncNumNotSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const IncNumNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default IncNumNotSelectedIcon diff --git a/src/Icons/Reskin/IncNumSelectedIcon.tsx b/src/Icons/Reskin/IncNumSelectedIcon.tsx new file mode 100644 index 00000000..105c0e34 --- /dev/null +++ b/src/Icons/Reskin/IncNumSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const IncNumSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default IncNumSelectedIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 0d532b61..783d879e 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,59 +1,63 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import AfterShootLogo from './Reskin/AfterShootLogo' -import DeleteIcon from './Reskin/DeleteIcon' -import ErrorIcon from './Reskin/ErrorIcon' -import ReloadIcon from './Reskin/ReloadIcon' -import AlertIcon from './Reskin/AlertIcon' -import BorderColorIcon from './Reskin/BorderColorIcon' -import CartIcon from './Reskin/CartIcon' -import DiamondIcon from './Reskin/DiamonIcon' -import DropDownIcon from './Reskin/DropDownIcon' -import EditIcon from './Reskin/EditIcon' -import EditPhotoIcon from './Reskin/EditPhotoIcon' -import FriendsIcon from './Reskin/FriendsIcon' -import ImageNotFound from './Reskin/ImageNotFound' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import LeftArrow from './Reskin/LeftArrow' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import ShareIcon from './Reskin/ShareIcon' -import UploadFolder from './Reskin/UploadFolder' -import ZoomIcon from './Reskin/ZoomIcon' -import ExitApp from './Reskin/ExitApp' -import StarRateIcon from './StarRateIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import AlertIcon from './Reskin/AlertIcon'; +import BorderColorIcon from './Reskin/BorderColorIcon'; +import CartIcon from './Reskin/CartIcon'; +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; +import DiamondIcon from './Reskin/DiamonIcon'; +import DropDownIcon from './Reskin/DropDownIcon'; +import EditIcon from './Reskin/EditIcon'; +import EditPhotoIcon from './Reskin/EditPhotoIcon'; +import FriendsIcon from './Reskin/FriendsIcon'; +import InAcitveHelp from './Reskin/InAcitveHelp'; +import InActiveColorIcon from './Reskin/InActiveColorIcon'; +import InActiveFilter from './Reskin/InActiveFilter'; +import InActiveGridIcon from './Reskin/InActiveGridIcon'; +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; +import InActiveSortIcon from './Reskin/InActiveSortIcon'; +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; +import InActiveStarIcon from './Reskin/InActiveStarIcon'; +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; +import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import MouseLeftSelected from './Reskin/MouseLeftSelected'; +import MouseRightSelected from './Reskin/MouseRightSelected'; +import ShareIcon from './Reskin/ShareIcon'; +import ZoomIcon from './Reskin/ZoomIcon'; +import StarRateIcon from './StarRateIcon'; export { - AfterShootLogo, - DeleteIcon, - ErrorIcon, - ReloadIcon, + DescAlphaSelectedIcon, + DescAlphaNotSelectedIcon, + IncAlphaSelectedIcon, + IncAlphaNotSelectedIcon, + DescNumSelectedIcon, + DescNumNotSelectedIcon, + IncNumSelectedIcon, + IncNumNotSelectedIcon, EditPhotoIcon, DiamondIcon, ShareIcon, @@ -100,4 +104,5 @@ export { UploadFolder, ExitApp, LeftArrow, -} +}; + From da6699d630b6724ef37201164c1fe56092f3f894 Mon Sep 17 00:00:00 2001 From: manis Date: Tue, 13 Dec 2022 14:10:21 +0530 Subject: [PATCH 17/47] [SortPhotos] minor changes --- package.json | 2 +- src/Icons/index.ts | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 6c8f4b7c..744ced3c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.10", + "version": "1.1.11", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 783d879e..14790692 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -28,7 +28,9 @@ import DiamondIcon from './Reskin/DiamonIcon'; import DropDownIcon from './Reskin/DropDownIcon'; import EditIcon from './Reskin/EditIcon'; import EditPhotoIcon from './Reskin/EditPhotoIcon'; +import ExitApp from './Reskin/ExitApp'; import FriendsIcon from './Reskin/FriendsIcon'; +import ImageNotFound from './Reskin/ImageNotFound'; import InAcitveHelp from './Reskin/InAcitveHelp'; import InActiveColorIcon from './Reskin/InActiveColorIcon'; import InActiveFilter from './Reskin/InActiveFilter'; @@ -43,9 +45,11 @@ import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import LeftArrow from './Reskin/LeftArrow'; import MouseLeftSelected from './Reskin/MouseLeftSelected'; import MouseRightSelected from './Reskin/MouseRightSelected'; import ShareIcon from './Reskin/ShareIcon'; +import UploadFolder from './Reskin/UploadFolder'; import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; From 0a695f9a55d58bc504de4b8a74c5e3ef46456904 Mon Sep 17 00:00:00 2001 From: manis Date: Tue, 13 Dec 2022 17:13:44 +0530 Subject: [PATCH 18/47] [DeleteIcon] update delete icon --- package.json | 2 +- src/Icons/index.ts | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 744ced3c..4c30c91f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.11", + "version": "1.1.12", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 14790692..565afc2e 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -20,6 +20,7 @@ import ProcessIcon from './ProcessIcon'; import AlertIcon from './Reskin/AlertIcon'; import BorderColorIcon from './Reskin/BorderColorIcon'; import CartIcon from './Reskin/CartIcon'; +import DeleteIcon from './Reskin/DeleteIcon'; import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; @@ -54,6 +55,7 @@ import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; export { + DeleteIcon, DescAlphaSelectedIcon, DescAlphaNotSelectedIcon, IncAlphaSelectedIcon, From c5d91a4876093f799ac6f16a951f2d9a47bfa24e Mon Sep 17 00:00:00 2001 From: manis Date: Thu, 15 Dec 2022 14:49:33 +0530 Subject: [PATCH 19/47] [WarningIcon] added warning icon --- package.json | 2 +- src/Icons/Reskin/WarningIcon.tsx | 25 +++++++++++++++++++++++++ src/Icons/index.ts | 2 ++ 3 files changed, 28 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/WarningIcon.tsx diff --git a/package.json b/package.json index 4c30c91f..3ef3a00e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.12", + "version": "1.1.13", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/WarningIcon.tsx b/src/Icons/Reskin/WarningIcon.tsx new file mode 100644 index 00000000..1df5e456 --- /dev/null +++ b/src/Icons/Reskin/WarningIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const WarningIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default WarningIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 565afc2e..d907c541 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -51,10 +51,12 @@ import MouseLeftSelected from './Reskin/MouseLeftSelected'; import MouseRightSelected from './Reskin/MouseRightSelected'; import ShareIcon from './Reskin/ShareIcon'; import UploadFolder from './Reskin/UploadFolder'; +import WarningIcon from './Reskin/WarningIcon'; import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; export { + WarningIcon, DeleteIcon, DescAlphaSelectedIcon, DescAlphaNotSelectedIcon, From eb4c467e71c677a4217f5dae2656cbae484f5a34 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Fri, 16 Dec 2022 10:43:15 +0530 Subject: [PATCH 20/47] [App] Deps updated --- package.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 3ef3a00e..c3a7a0f9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.13", + "version": "1.1.14", "description": "", "author": "AfterShoot", "license": "ISC", @@ -21,7 +21,7 @@ "devDependencies": { "@babel/core": "^7.20.5", "@rollup/plugin-babel": "^6.0.3", - "@rollup/plugin-commonjs": "^23.0.3", + "@rollup/plugin-commonjs": "^23.0.5", "@rollup/plugin-node-resolve": "^15.0.1", "@rollup/plugin-typescript": "^10.0.1", "@rollup/plugin-url": "^8.0.1", @@ -30,13 +30,13 @@ "@types/react-dom": "^18.0.9", "autoprefixer": "^10.4.13", "babel-loader": "^9.1.0", - "css-loader": "^6.7.2", + "css-loader": "^6.7.3", "husky": "^8.0.2", "node-sass": "^8.0.0", - "postcss": "^8.4.19", + "postcss": "^8.4.20", "postcss-flexbugs-fixes": "^5.0.2", "postcss-url": "^10.1.3", - "rollup": "^3.5.1", + "rollup": "^3.7.4", "rollup-plugin-dts": "^5.0.0", "rollup-plugin-images": "^1.0.0", "rollup-plugin-peer-deps-external": "^2.2.4", @@ -48,7 +48,7 @@ "sass-loader": "^13.2.0", "style-loader": "^3.3.1", "tslib": "^2.4.1", - "typescript": "^4.9.3", + "typescript": "^4.9.4", "webpack": "^5.75.0" }, "files": [ From 4ccadb70dd1d3dd1cbd7fa79e10db0ae7817604d Mon Sep 17 00:00:00 2001 From: manis Date: Sat, 17 Dec 2022 10:26:42 +0530 Subject: [PATCH 21/47] [EyeCheck, MaximizeIcon] --- package.json | 2 +- src/Icons/Reskin/EyeCheckIcon.tsx | 30 ++++++++++++++++++++++ src/Icons/Reskin/MaximizeIcon.tsx | 41 +++++++++++++++++++++++++++++++ src/Icons/index.ts | 4 +++ 4 files changed, 76 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/EyeCheckIcon.tsx create mode 100644 src/Icons/Reskin/MaximizeIcon.tsx diff --git a/package.json b/package.json index c3a7a0f9..29a6f693 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.14", + "version": "1.1.15", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/EyeCheckIcon.tsx b/src/Icons/Reskin/EyeCheckIcon.tsx new file mode 100644 index 00000000..ab762551 --- /dev/null +++ b/src/Icons/Reskin/EyeCheckIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const EyeCheckIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default EyeCheckIcon diff --git a/src/Icons/Reskin/MaximizeIcon.tsx b/src/Icons/Reskin/MaximizeIcon.tsx new file mode 100644 index 00000000..a11120f0 --- /dev/null +++ b/src/Icons/Reskin/MaximizeIcon.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const MaximizeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default MaximizeIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index d907c541..187e20fe 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -30,6 +30,7 @@ import DropDownIcon from './Reskin/DropDownIcon'; import EditIcon from './Reskin/EditIcon'; import EditPhotoIcon from './Reskin/EditPhotoIcon'; import ExitApp from './Reskin/ExitApp'; +import EyeCheckIcon from './Reskin/EyeCheckIcon'; import FriendsIcon from './Reskin/FriendsIcon'; import ImageNotFound from './Reskin/ImageNotFound'; import InAcitveHelp from './Reskin/InAcitveHelp'; @@ -47,6 +48,7 @@ import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; import InfoIconTransparent from './Reskin/InfoIconTransparent'; import LeftArrow from './Reskin/LeftArrow'; +import MaximizeIcon from './Reskin/MaximizeIcon'; import MouseLeftSelected from './Reskin/MouseLeftSelected'; import MouseRightSelected from './Reskin/MouseRightSelected'; import ShareIcon from './Reskin/ShareIcon'; @@ -56,6 +58,8 @@ import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; export { + MaximizeIcon, + EyeCheckIcon, WarningIcon, DeleteIcon, DescAlphaSelectedIcon, From a8a0204df133fc83c84b721b3ad93a3182e8d071 Mon Sep 17 00:00:00 2001 From: manis Date: Mon, 19 Dec 2022 11:50:44 +0530 Subject: [PATCH 22/47] [ExitAppIcon] --- package.json | 2 +- src/Icons/Reskin/{ExitApp.tsx => ExitAppIcon.tsx} | 4 ++-- src/Icons/index.ts | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) rename src/Icons/Reskin/{ExitApp.tsx => ExitAppIcon.tsx} (96%) diff --git a/package.json b/package.json index 29a6f693..73244efb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.15", + "version": "1.1.16", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/ExitApp.tsx b/src/Icons/Reskin/ExitAppIcon.tsx similarity index 96% rename from src/Icons/Reskin/ExitApp.tsx rename to src/Icons/Reskin/ExitAppIcon.tsx index c6519bdc..63fe898f 100644 --- a/src/Icons/Reskin/ExitApp.tsx +++ b/src/Icons/Reskin/ExitAppIcon.tsx @@ -1,6 +1,6 @@ import React from 'react' -const ExitApp: React.FC> = (props) => { +const ExitAppIcon: React.FC> = (props) => { return ( @@ -19,4 +19,4 @@ const ExitApp: React.FC> = (props) => { ) } -export default ExitApp +export default ExitAppIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 187e20fe..169afb29 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -29,7 +29,7 @@ import DiamondIcon from './Reskin/DiamonIcon'; import DropDownIcon from './Reskin/DropDownIcon'; import EditIcon from './Reskin/EditIcon'; import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import ExitApp from './Reskin/ExitApp'; +import ExitAppIcon from './Reskin/ExitAppIcon'; import EyeCheckIcon from './Reskin/EyeCheckIcon'; import FriendsIcon from './Reskin/FriendsIcon'; import ImageNotFound from './Reskin/ImageNotFound'; @@ -114,7 +114,7 @@ export { BorderColorIcon, DropDownIcon, UploadFolder, - ExitApp, + ExitAppIcon, LeftArrow, }; From 487d77733330e7f2f601dcd805f3d90b7c500e58 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Mon, 19 Dec 2022 12:17:01 +0530 Subject: [PATCH 23/47] [NetworkErrorIcon] --- package.json | 2 +- src/Icons/Reskin/NetworkErrorIcon.tsx | 41 +++++++++ src/Icons/index.ts | 121 +++++++++++++------------- 3 files changed, 103 insertions(+), 61 deletions(-) create mode 100644 src/Icons/Reskin/NetworkErrorIcon.tsx diff --git a/package.json b/package.json index 73244efb..32f50090 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.16", + "version": "1.1.17", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/NetworkErrorIcon.tsx b/src/Icons/Reskin/NetworkErrorIcon.tsx new file mode 100644 index 00000000..e50aa039 --- /dev/null +++ b/src/Icons/Reskin/NetworkErrorIcon.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const NetworkErrorIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default NetworkErrorIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 169afb29..f5677089 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,61 +1,62 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import DeleteIcon from './Reskin/DeleteIcon'; -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import DropDownIcon from './Reskin/DropDownIcon'; -import EditIcon from './Reskin/EditIcon'; -import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import ExitAppIcon from './Reskin/ExitAppIcon'; -import EyeCheckIcon from './Reskin/EyeCheckIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import ImageNotFound from './Reskin/ImageNotFound'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import LeftArrow from './Reskin/LeftArrow'; -import MaximizeIcon from './Reskin/MaximizeIcon'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import ShareIcon from './Reskin/ShareIcon'; -import UploadFolder from './Reskin/UploadFolder'; -import WarningIcon from './Reskin/WarningIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import DeleteIcon from './Reskin/DeleteIcon' +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import EditPhotoIcon from './Reskin/EditPhotoIcon' +import ExitAppIcon from './Reskin/ExitAppIcon' +import EyeCheckIcon from './Reskin/EyeCheckIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import ImageNotFound from './Reskin/ImageNotFound' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import LeftArrow from './Reskin/LeftArrow' +import MaximizeIcon from './Reskin/MaximizeIcon' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import ShareIcon from './Reskin/ShareIcon' +import UploadFolder from './Reskin/UploadFolder' +import WarningIcon from './Reskin/WarningIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import NetworkErrorIcon from './Reskin/NetworkErrorIcon' +import StarRateIcon from './StarRateIcon' export { MaximizeIcon, @@ -116,5 +117,5 @@ export { UploadFolder, ExitAppIcon, LeftArrow, -}; - + NetworkErrorIcon, +} From 3f2453c716e61a50fc81e27387e32c90b2adb436 Mon Sep 17 00:00:00 2001 From: manis Date: Mon, 19 Dec 2022 16:17:20 +0530 Subject: [PATCH 24/47] Icons for Duplicates --- src/Icons/Reskin/GridNotSelectedIcon.tsx | 43 ++++++++ src/Icons/Reskin/GridSelectedIcon.tsx | 43 ++++++++ src/Icons/Reskin/ListNotSelectedIcon.tsx | 30 +++++ src/Icons/Reskin/ListSelectedIcon.tsx | 30 +++++ src/Icons/Reskin/LoopIcon.tsx | 23 ++++ src/Icons/Reskin/SortDuplicatesIcon.tsx | 36 ++++++ src/Icons/index.ts | 133 +++++++++++++---------- 7 files changed, 278 insertions(+), 60 deletions(-) create mode 100644 src/Icons/Reskin/GridNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/GridSelectedIcon.tsx create mode 100644 src/Icons/Reskin/ListNotSelectedIcon.tsx create mode 100644 src/Icons/Reskin/ListSelectedIcon.tsx create mode 100644 src/Icons/Reskin/LoopIcon.tsx create mode 100644 src/Icons/Reskin/SortDuplicatesIcon.tsx diff --git a/src/Icons/Reskin/GridNotSelectedIcon.tsx b/src/Icons/Reskin/GridNotSelectedIcon.tsx new file mode 100644 index 00000000..123b5879 --- /dev/null +++ b/src/Icons/Reskin/GridNotSelectedIcon.tsx @@ -0,0 +1,43 @@ +import React from 'react' + +const GridNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default GridNotSelectedIcon diff --git a/src/Icons/Reskin/GridSelectedIcon.tsx b/src/Icons/Reskin/GridSelectedIcon.tsx new file mode 100644 index 00000000..7f6c1351 --- /dev/null +++ b/src/Icons/Reskin/GridSelectedIcon.tsx @@ -0,0 +1,43 @@ +import React from 'react' + +const GridSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default GridSelectedIcon diff --git a/src/Icons/Reskin/ListNotSelectedIcon.tsx b/src/Icons/Reskin/ListNotSelectedIcon.tsx new file mode 100644 index 00000000..4b7e2a5f --- /dev/null +++ b/src/Icons/Reskin/ListNotSelectedIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const ListNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ListNotSelectedIcon diff --git a/src/Icons/Reskin/ListSelectedIcon.tsx b/src/Icons/Reskin/ListSelectedIcon.tsx new file mode 100644 index 00000000..1903393f --- /dev/null +++ b/src/Icons/Reskin/ListSelectedIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const ListSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ListSelectedIcon diff --git a/src/Icons/Reskin/LoopIcon.tsx b/src/Icons/Reskin/LoopIcon.tsx new file mode 100644 index 00000000..76020aa2 --- /dev/null +++ b/src/Icons/Reskin/LoopIcon.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +const LoopIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + ) +} + +export default LoopIcon diff --git a/src/Icons/Reskin/SortDuplicatesIcon.tsx b/src/Icons/Reskin/SortDuplicatesIcon.tsx new file mode 100644 index 00000000..516cd5b9 --- /dev/null +++ b/src/Icons/Reskin/SortDuplicatesIcon.tsx @@ -0,0 +1,36 @@ +import React from 'react' + +const SortDuplicatesIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default SortDuplicatesIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index f5677089..d7cb8c25 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,64 +1,76 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import AlertIcon from './Reskin/AlertIcon' -import BorderColorIcon from './Reskin/BorderColorIcon' -import CartIcon from './Reskin/CartIcon' -import DeleteIcon from './Reskin/DeleteIcon' -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' -import DiamondIcon from './Reskin/DiamonIcon' -import DropDownIcon from './Reskin/DropDownIcon' -import EditIcon from './Reskin/EditIcon' -import EditPhotoIcon from './Reskin/EditPhotoIcon' -import ExitAppIcon from './Reskin/ExitAppIcon' -import EyeCheckIcon from './Reskin/EyeCheckIcon' -import FriendsIcon from './Reskin/FriendsIcon' -import ImageNotFound from './Reskin/ImageNotFound' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import LeftArrow from './Reskin/LeftArrow' -import MaximizeIcon from './Reskin/MaximizeIcon' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import ShareIcon from './Reskin/ShareIcon' -import UploadFolder from './Reskin/UploadFolder' -import WarningIcon from './Reskin/WarningIcon' -import ZoomIcon from './Reskin/ZoomIcon' -import NetworkErrorIcon from './Reskin/NetworkErrorIcon' -import StarRateIcon from './StarRateIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import AlertIcon from './Reskin/AlertIcon'; +import BorderColorIcon from './Reskin/BorderColorIcon'; +import CartIcon from './Reskin/CartIcon'; +import DeleteIcon from './Reskin/DeleteIcon'; +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; +import DiamondIcon from './Reskin/DiamonIcon'; +import DropDownIcon from './Reskin/DropDownIcon'; +import EditIcon from './Reskin/EditIcon'; +import EditPhotoIcon from './Reskin/EditPhotoIcon'; +import ExitAppIcon from './Reskin/ExitAppIcon'; +import EyeCheckIcon from './Reskin/EyeCheckIcon'; +import FriendsIcon from './Reskin/FriendsIcon'; +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; +import GridSelectedIcon from './Reskin/GridSelectedIcon'; +import ImageNotFound from './Reskin/ImageNotFound'; +import InAcitveHelp from './Reskin/InAcitveHelp'; +import InActiveColorIcon from './Reskin/InActiveColorIcon'; +import InActiveFilter from './Reskin/InActiveFilter'; +import InActiveGridIcon from './Reskin/InActiveGridIcon'; +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; +import InActiveSortIcon from './Reskin/InActiveSortIcon'; +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; +import InActiveStarIcon from './Reskin/InActiveStarIcon'; +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; +import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import LeftArrow from './Reskin/LeftArrow'; +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; +import ListSelectedIcon from './Reskin/ListSelectedIcon'; +import LoopIcon from './Reskin/LoopIcon'; +import MaximizeIcon from './Reskin/MaximizeIcon'; +import MouseLeftSelected from './Reskin/MouseLeftSelected'; +import MouseRightSelected from './Reskin/MouseRightSelected'; +import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; +import ShareIcon from './Reskin/ShareIcon'; +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; +import UploadFolder from './Reskin/UploadFolder'; +import WarningIcon from './Reskin/WarningIcon'; +import ZoomIcon from './Reskin/ZoomIcon'; +import StarRateIcon from './StarRateIcon'; export { + SortDuplicatesIcon, + LoopIcon, + ListSelectedIcon, + ListNotSelectedIcon, + GridSelectedIcon, + GridNotSelectedIcon, MaximizeIcon, EyeCheckIcon, WarningIcon, @@ -118,4 +130,5 @@ export { ExitAppIcon, LeftArrow, NetworkErrorIcon, -} +}; + From 356cd979a4c3dba0163a9904e97af35182b8ab98 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Mon, 19 Dec 2022 16:34:24 +0530 Subject: [PATCH 25/47] [App] Deps updated --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 32f50090..b2301908 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.17", + "version": "1.1.19", "description": "", "author": "AfterShoot", "license": "ISC", @@ -21,7 +21,7 @@ "devDependencies": { "@babel/core": "^7.20.5", "@rollup/plugin-babel": "^6.0.3", - "@rollup/plugin-commonjs": "^23.0.5", + "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", "@rollup/plugin-typescript": "^10.0.1", "@rollup/plugin-url": "^8.0.1", @@ -36,7 +36,7 @@ "postcss": "^8.4.20", "postcss-flexbugs-fixes": "^5.0.2", "postcss-url": "^10.1.3", - "rollup": "^3.7.4", + "rollup": "^3.7.5", "rollup-plugin-dts": "^5.0.0", "rollup-plugin-images": "^1.0.0", "rollup-plugin-peer-deps-external": "^2.2.4", From a3d97b8c30fa391a0e89c28bbdcb805c044ca7be Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Mon, 19 Dec 2022 16:31:33 +0530 Subject: [PATCH 26/47] [ExportedIcon] --- src/Icons/Reskin/ExportedIcon.tsx | 24 ++++++ src/Icons/index.ts | 135 +++++++++++++++--------------- 2 files changed, 92 insertions(+), 67 deletions(-) create mode 100644 src/Icons/Reskin/ExportedIcon.tsx diff --git a/src/Icons/Reskin/ExportedIcon.tsx b/src/Icons/Reskin/ExportedIcon.tsx new file mode 100644 index 00000000..b45756d7 --- /dev/null +++ b/src/Icons/Reskin/ExportedIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const ExportedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default ExportedIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index d7cb8c25..0f9c038c 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,68 +1,69 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import DeleteIcon from './Reskin/DeleteIcon'; -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import DropDownIcon from './Reskin/DropDownIcon'; -import EditIcon from './Reskin/EditIcon'; -import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import ExitAppIcon from './Reskin/ExitAppIcon'; -import EyeCheckIcon from './Reskin/EyeCheckIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; -import GridSelectedIcon from './Reskin/GridSelectedIcon'; -import ImageNotFound from './Reskin/ImageNotFound'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import LeftArrow from './Reskin/LeftArrow'; -import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; -import ListSelectedIcon from './Reskin/ListSelectedIcon'; -import LoopIcon from './Reskin/LoopIcon'; -import MaximizeIcon from './Reskin/MaximizeIcon'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; -import ShareIcon from './Reskin/ShareIcon'; -import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; -import UploadFolder from './Reskin/UploadFolder'; -import WarningIcon from './Reskin/WarningIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import DeleteIcon from './Reskin/DeleteIcon' +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import EditPhotoIcon from './Reskin/EditPhotoIcon' +import ExitAppIcon from './Reskin/ExitAppIcon' +import EyeCheckIcon from './Reskin/EyeCheckIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import ImageNotFound from './Reskin/ImageNotFound' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import LeftArrow from './Reskin/LeftArrow' +import MaximizeIcon from './Reskin/MaximizeIcon' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import ShareIcon from './Reskin/ShareIcon' +import UploadFolder from './Reskin/UploadFolder' +import WarningIcon from './Reskin/WarningIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import NetworkErrorIcon from './Reskin/NetworkErrorIcon' +import ExportedIcon from './Reskin/ExportedIcon' +import StarRateIcon from './StarRateIcon' +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' +import LoopIcon from './Reskin/LoopIcon' +import ListSelectedIcon from './Reskin/ListSelectedIcon' +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' +import GridSelectedIcon from './Reskin/GridSelectedIcon' +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' export { SortDuplicatesIcon, @@ -129,6 +130,6 @@ export { UploadFolder, ExitAppIcon, LeftArrow, + ExportedIcon, NetworkErrorIcon, -}; - +} From faa2d7d83650f6e2f67f4bb8b1ce6b57497cb828 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Mon, 19 Dec 2022 16:44:50 +0530 Subject: [PATCH 27/47] [App] Bump version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index b2301908..ecad66e0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.19", + "version": "1.1.21", "description": "", "author": "AfterShoot", "license": "ISC", From 4981dc34089d79b18aea158de2d31df89e87d3aa Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Tue, 20 Dec 2022 16:13:03 +0530 Subject: [PATCH 28/47] [CopyIcon] --- src/Icons/Reskin/CopyIcon.tsx | 22 ++++++++++++++++++++++ src/Icons/index.ts | 2 ++ 2 files changed, 24 insertions(+) create mode 100644 src/Icons/Reskin/CopyIcon.tsx diff --git a/src/Icons/Reskin/CopyIcon.tsx b/src/Icons/Reskin/CopyIcon.tsx new file mode 100644 index 00000000..61404460 --- /dev/null +++ b/src/Icons/Reskin/CopyIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const CopyIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default CopyIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 0f9c038c..798950ed 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -20,6 +20,7 @@ import ProcessIcon from './ProcessIcon' import AlertIcon from './Reskin/AlertIcon' import BorderColorIcon from './Reskin/BorderColorIcon' import CartIcon from './Reskin/CartIcon' +import CopyIcon from './Reskin/CopyIcon' import DeleteIcon from './Reskin/DeleteIcon' import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' @@ -132,4 +133,5 @@ export { LeftArrow, ExportedIcon, NetworkErrorIcon, + CopyIcon, } From b3c9a0d8a61516bce9850049f1f4d1452c4688c0 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Tue, 20 Dec 2022 16:14:35 +0530 Subject: [PATCH 29/47] version update --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index ecad66e0..47f19539 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.21", + "version": "1.1.23", "description": "", "author": "AfterShoot", "license": "ISC", From ab5c4f9c38de44efec3d8c0d5042cf2ffc00b8c4 Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 21 Dec 2022 11:37:21 +0530 Subject: [PATCH 30/47] [WarningIcon] --- src/Icons/Reskin/WarningIcon.tsx | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/src/Icons/Reskin/WarningIcon.tsx b/src/Icons/Reskin/WarningIcon.tsx index 1df5e456..d43665ec 100644 --- a/src/Icons/Reskin/WarningIcon.tsx +++ b/src/Icons/Reskin/WarningIcon.tsx @@ -2,20 +2,19 @@ import React from 'react' const WarningIcon: React.FC> = (props) => { return ( - - - - + + + - - + + From e24bd3f36a6b61879dab760032d8c0e848707509 Mon Sep 17 00:00:00 2001 From: frannkenstein Date: Wed, 21 Dec 2022 15:20:53 +0530 Subject: [PATCH 31/47] [FolderIcon] --- package.json | 2 +- src/Icons/Reskin/FolderIcon.tsx | 18 ++++++++++++++++++ src/Icons/index.ts | 2 ++ 3 files changed, 21 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/FolderIcon.tsx diff --git a/package.json b/package.json index 47f19539..3b615b16 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.23", + "version": "1.1.24", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/FolderIcon.tsx b/src/Icons/Reskin/FolderIcon.tsx new file mode 100644 index 00000000..a0349ceb --- /dev/null +++ b/src/Icons/Reskin/FolderIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const FolderIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(FolderIcon) diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 798950ed..e6e5068f 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -65,6 +65,7 @@ import ListSelectedIcon from './Reskin/ListSelectedIcon' import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' import GridSelectedIcon from './Reskin/GridSelectedIcon' import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' +import FodlerIcon from './Reskin/FolderIcon' export { SortDuplicatesIcon, @@ -134,4 +135,5 @@ export { ExportedIcon, NetworkErrorIcon, CopyIcon, + FodlerIcon, } From 32ba0afae22d92746f819835c4b657f9f6c8001b Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 21 Dec 2022 17:22:09 +0530 Subject: [PATCH 32/47] [WarningImgMovedIcon] --- src/Icons/Reskin/WarningImgMovedIcon.tsx | 25 ++++ src/Icons/index.ts | 144 ++++++++++++----------- 2 files changed, 100 insertions(+), 69 deletions(-) create mode 100644 src/Icons/Reskin/WarningImgMovedIcon.tsx diff --git a/src/Icons/Reskin/WarningImgMovedIcon.tsx b/src/Icons/Reskin/WarningImgMovedIcon.tsx new file mode 100644 index 00000000..51080d62 --- /dev/null +++ b/src/Icons/Reskin/WarningImgMovedIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const WarningImgMovedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default WarningImgMovedIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index e6e5068f..b503e7c9 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,73 +1,74 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import AlertIcon from './Reskin/AlertIcon' -import BorderColorIcon from './Reskin/BorderColorIcon' -import CartIcon from './Reskin/CartIcon' -import CopyIcon from './Reskin/CopyIcon' -import DeleteIcon from './Reskin/DeleteIcon' -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' -import DiamondIcon from './Reskin/DiamonIcon' -import DropDownIcon from './Reskin/DropDownIcon' -import EditIcon from './Reskin/EditIcon' -import EditPhotoIcon from './Reskin/EditPhotoIcon' -import ExitAppIcon from './Reskin/ExitAppIcon' -import EyeCheckIcon from './Reskin/EyeCheckIcon' -import FriendsIcon from './Reskin/FriendsIcon' -import ImageNotFound from './Reskin/ImageNotFound' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import LeftArrow from './Reskin/LeftArrow' -import MaximizeIcon from './Reskin/MaximizeIcon' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import ShareIcon from './Reskin/ShareIcon' -import UploadFolder from './Reskin/UploadFolder' -import WarningIcon from './Reskin/WarningIcon' -import ZoomIcon from './Reskin/ZoomIcon' -import NetworkErrorIcon from './Reskin/NetworkErrorIcon' -import ExportedIcon from './Reskin/ExportedIcon' -import StarRateIcon from './StarRateIcon' -import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' -import LoopIcon from './Reskin/LoopIcon' -import ListSelectedIcon from './Reskin/ListSelectedIcon' -import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' -import GridSelectedIcon from './Reskin/GridSelectedIcon' -import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' -import FodlerIcon from './Reskin/FolderIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import AlertIcon from './Reskin/AlertIcon'; +import BorderColorIcon from './Reskin/BorderColorIcon'; +import CartIcon from './Reskin/CartIcon'; +import CopyIcon from './Reskin/CopyIcon'; +import DeleteIcon from './Reskin/DeleteIcon'; +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; +import DiamondIcon from './Reskin/DiamonIcon'; +import DropDownIcon from './Reskin/DropDownIcon'; +import EditIcon from './Reskin/EditIcon'; +import EditPhotoIcon from './Reskin/EditPhotoIcon'; +import ExitAppIcon from './Reskin/ExitAppIcon'; +import ExportedIcon from './Reskin/ExportedIcon'; +import EyeCheckIcon from './Reskin/EyeCheckIcon'; +import FriendsIcon from './Reskin/FriendsIcon'; +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; +import GridSelectedIcon from './Reskin/GridSelectedIcon'; +import ImageNotFound from './Reskin/ImageNotFound'; +import InAcitveHelp from './Reskin/InAcitveHelp'; +import InActiveColorIcon from './Reskin/InActiveColorIcon'; +import InActiveFilter from './Reskin/InActiveFilter'; +import InActiveGridIcon from './Reskin/InActiveGridIcon'; +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; +import InActiveSortIcon from './Reskin/InActiveSortIcon'; +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; +import InActiveStarIcon from './Reskin/InActiveStarIcon'; +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; +import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import LeftArrow from './Reskin/LeftArrow'; +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; +import ListSelectedIcon from './Reskin/ListSelectedIcon'; +import LoopIcon from './Reskin/LoopIcon'; +import MaximizeIcon from './Reskin/MaximizeIcon'; +import MouseLeftSelected from './Reskin/MouseLeftSelected'; +import MouseRightSelected from './Reskin/MouseRightSelected'; +import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; +import ShareIcon from './Reskin/ShareIcon'; +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; +import UploadFolder from './Reskin/UploadFolder'; +import WarningIcon from './Reskin/WarningIcon'; +import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon'; +import ZoomIcon from './Reskin/ZoomIcon'; +import StarRateIcon from './StarRateIcon'; export { + WarningImgMovedIcon, SortDuplicatesIcon, LoopIcon, ListSelectedIcon, @@ -135,5 +136,10 @@ export { ExportedIcon, NetworkErrorIcon, CopyIcon, + FodlerIcon, -} +}; +======= +}; + +>>>>>>> ea763e5 ([WarningImgMovedIcon]) From f9595f54d942b68640e01486b486e8c3524ff99d Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Wed, 21 Dec 2022 17:27:01 +0530 Subject: [PATCH 33/47] [Reskin] Fix merge --- package.json | 2 +- src/Icons/index.ts | 148 ++++++++++++++++++++++----------------------- 2 files changed, 73 insertions(+), 77 deletions(-) diff --git a/package.json b/package.json index 3b615b16..b2cff17f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.24", + "version": "1.1.25", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index b503e7c9..60259d79 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,74 +1,74 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import CopyIcon from './Reskin/CopyIcon'; -import DeleteIcon from './Reskin/DeleteIcon'; -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import DropDownIcon from './Reskin/DropDownIcon'; -import EditIcon from './Reskin/EditIcon'; -import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import ExitAppIcon from './Reskin/ExitAppIcon'; -import ExportedIcon from './Reskin/ExportedIcon'; -import EyeCheckIcon from './Reskin/EyeCheckIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; -import GridSelectedIcon from './Reskin/GridSelectedIcon'; -import ImageNotFound from './Reskin/ImageNotFound'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import LeftArrow from './Reskin/LeftArrow'; -import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; -import ListSelectedIcon from './Reskin/ListSelectedIcon'; -import LoopIcon from './Reskin/LoopIcon'; -import MaximizeIcon from './Reskin/MaximizeIcon'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; -import ShareIcon from './Reskin/ShareIcon'; -import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; -import UploadFolder from './Reskin/UploadFolder'; -import WarningIcon from './Reskin/WarningIcon'; -import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import CopyIcon from './Reskin/CopyIcon' +import DeleteIcon from './Reskin/DeleteIcon' +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import EditPhotoIcon from './Reskin/EditPhotoIcon' +import ExitAppIcon from './Reskin/ExitAppIcon' +import ExportedIcon from './Reskin/ExportedIcon' +import EyeCheckIcon from './Reskin/EyeCheckIcon' +import FolderIcon from './Reskin/FolderIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' +import GridSelectedIcon from './Reskin/GridSelectedIcon' +import ImageNotFound from './Reskin/ImageNotFound' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import LeftArrow from './Reskin/LeftArrow' +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' +import ListSelectedIcon from './Reskin/ListSelectedIcon' +import LoopIcon from './Reskin/LoopIcon' +import MaximizeIcon from './Reskin/MaximizeIcon' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import NetworkErrorIcon from './Reskin/NetworkErrorIcon' +import ShareIcon from './Reskin/ShareIcon' +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' +import UploadFolder from './Reskin/UploadFolder' +import WarningIcon from './Reskin/WarningIcon' +import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import StarRateIcon from './StarRateIcon' export { - WarningImgMovedIcon, SortDuplicatesIcon, LoopIcon, ListSelectedIcon, @@ -136,10 +136,6 @@ export { ExportedIcon, NetworkErrorIcon, CopyIcon, - - FodlerIcon, -}; -======= -}; - ->>>>>>> ea763e5 ([WarningImgMovedIcon]) + WarningImgMovedIcon, + FolderIcon, +} From 4a57e58f5748e39f571f5f1261806fef6442bec5 Mon Sep 17 00:00:00 2001 From: manis Date: Thu, 22 Dec 2022 15:37:43 +0530 Subject: [PATCH 34/47] [SprayCan, Lock] --- package.json | 2 +- src/Icons/Reskin/LockIcon.tsx | 35 +++++++ src/Icons/Reskin/SprayClickIcon.tsx | 21 ++++ src/Icons/index.ts | 145 ++++++++++++++-------------- 4 files changed, 132 insertions(+), 71 deletions(-) create mode 100644 src/Icons/Reskin/LockIcon.tsx create mode 100644 src/Icons/Reskin/SprayClickIcon.tsx diff --git a/package.json b/package.json index b2cff17f..4b529d2c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.25", + "version": "1.1.26", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/LockIcon.tsx b/src/Icons/Reskin/LockIcon.tsx new file mode 100644 index 00000000..1f84746e --- /dev/null +++ b/src/Icons/Reskin/LockIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react' + +const LockIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default LockIcon diff --git a/src/Icons/Reskin/SprayClickIcon.tsx b/src/Icons/Reskin/SprayClickIcon.tsx new file mode 100644 index 00000000..7255e645 --- /dev/null +++ b/src/Icons/Reskin/SprayClickIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const SprayClickIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default SprayClickIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 60259d79..005cf2c0 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,74 +1,78 @@ -import ArrowBackIcon from './ArrowBackIcon' -import ArrowDownIcon from './ArrowDownIcon' -import ArrowForwardIcon from './ArrowForwardIcon' -import ArrowIcon from './ArrowIcon' -import ArrowUpIcon from './ArrowUpIcon' -import CheckCircleIcon from './CheckCircleIcon' -import CheckIcon from './CheckIcon' -import ClearIcon from './ClearIcon' -import ClockIcon from './ClockIcon' -import ContactSupportIcon from './ContactSupportIcon' -import ContentCopyIcon from './ContentCopyIcon' -import ExpandMoreIcon from './ExpandMoreIcon' -import InfoIcon from './InfoIcon' -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' -import MenuIcon from './MenuIcon' -import ProcessIcon from './ProcessIcon' -import AlertIcon from './Reskin/AlertIcon' -import BorderColorIcon from './Reskin/BorderColorIcon' -import CartIcon from './Reskin/CartIcon' -import CopyIcon from './Reskin/CopyIcon' -import DeleteIcon from './Reskin/DeleteIcon' -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' -import DiamondIcon from './Reskin/DiamonIcon' -import DropDownIcon from './Reskin/DropDownIcon' -import EditIcon from './Reskin/EditIcon' -import EditPhotoIcon from './Reskin/EditPhotoIcon' -import ExitAppIcon from './Reskin/ExitAppIcon' -import ExportedIcon from './Reskin/ExportedIcon' -import EyeCheckIcon from './Reskin/EyeCheckIcon' -import FolderIcon from './Reskin/FolderIcon' -import FriendsIcon from './Reskin/FriendsIcon' -import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' -import GridSelectedIcon from './Reskin/GridSelectedIcon' -import ImageNotFound from './Reskin/ImageNotFound' -import InAcitveHelp from './Reskin/InAcitveHelp' -import InActiveColorIcon from './Reskin/InActiveColorIcon' -import InActiveFilter from './Reskin/InActiveFilter' -import InActiveGridIcon from './Reskin/InActiveGridIcon' -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' -import InActiveSortIcon from './Reskin/InActiveSortIcon' -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' -import InActiveStarIcon from './Reskin/InActiveStarIcon' -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' -import InfoIconTransparent from './Reskin/InfoIconTransparent' -import LeftArrow from './Reskin/LeftArrow' -import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' -import ListSelectedIcon from './Reskin/ListSelectedIcon' -import LoopIcon from './Reskin/LoopIcon' -import MaximizeIcon from './Reskin/MaximizeIcon' -import MouseLeftSelected from './Reskin/MouseLeftSelected' -import MouseRightSelected from './Reskin/MouseRightSelected' -import NetworkErrorIcon from './Reskin/NetworkErrorIcon' -import ShareIcon from './Reskin/ShareIcon' -import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' -import UploadFolder from './Reskin/UploadFolder' -import WarningIcon from './Reskin/WarningIcon' -import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon' -import ZoomIcon from './Reskin/ZoomIcon' -import StarRateIcon from './StarRateIcon' +import ArrowBackIcon from './ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon'; +import CheckIcon from './CheckIcon'; +import ClearIcon from './ClearIcon'; +import ClockIcon from './ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon'; +import InfoIcon from './InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon'; +import ProcessIcon from './ProcessIcon'; +import AlertIcon from './Reskin/AlertIcon'; +import BorderColorIcon from './Reskin/BorderColorIcon'; +import CartIcon from './Reskin/CartIcon'; +import CopyIcon from './Reskin/CopyIcon'; +import DeleteIcon from './Reskin/DeleteIcon'; +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; +import DiamondIcon from './Reskin/DiamonIcon'; +import DropDownIcon from './Reskin/DropDownIcon'; +import EditIcon from './Reskin/EditIcon'; +import EditPhotoIcon from './Reskin/EditPhotoIcon'; +import ExitAppIcon from './Reskin/ExitAppIcon'; +import ExportedIcon from './Reskin/ExportedIcon'; +import EyeCheckIcon from './Reskin/EyeCheckIcon'; +import FolderIcon from './Reskin/FolderIcon'; +import FriendsIcon from './Reskin/FriendsIcon'; +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; +import GridSelectedIcon from './Reskin/GridSelectedIcon'; +import ImageNotFound from './Reskin/ImageNotFound'; +import InAcitveHelp from './Reskin/InAcitveHelp'; +import InActiveColorIcon from './Reskin/InActiveColorIcon'; +import InActiveFilter from './Reskin/InActiveFilter'; +import InActiveGridIcon from './Reskin/InActiveGridIcon'; +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; +import InActiveSortIcon from './Reskin/InActiveSortIcon'; +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; +import InActiveStarIcon from './Reskin/InActiveStarIcon'; +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; +import InfoIconTransparent from './Reskin/InfoIconTransparent'; +import LeftArrow from './Reskin/LeftArrow'; +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; +import ListSelectedIcon from './Reskin/ListSelectedIcon'; +import LockIcon from './Reskin/LockIcon'; +import LoopIcon from './Reskin/LoopIcon'; +import MaximizeIcon from './Reskin/MaximizeIcon'; +import MouseLeftSelected from './Reskin/MouseLeftSelected'; +import MouseRightSelected from './Reskin/MouseRightSelected'; +import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; +import ShareIcon from './Reskin/ShareIcon'; +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; +import SprayClickIcon from './Reskin/SprayClickIcon'; +import UploadFolder from './Reskin/UploadFolder'; +import WarningIcon from './Reskin/WarningIcon'; +import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon'; +import ZoomIcon from './Reskin/ZoomIcon'; +import StarRateIcon from './StarRateIcon'; export { + LockIcon, + SprayClickIcon, SortDuplicatesIcon, LoopIcon, ListSelectedIcon, @@ -138,4 +142,5 @@ export { CopyIcon, WarningImgMovedIcon, FolderIcon, -} +}; + From fcff04e517711b6bd9215e125df6b9c4ac04980c Mon Sep 17 00:00:00 2001 From: manis Date: Fri, 30 Dec 2022 15:10:14 +0530 Subject: [PATCH 35/47] [ReloadIcon] --- package.json | 2 +- src/Icons/index.ts | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 4b529d2c..831b68e0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.26", + "version": "1.1.27", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 005cf2c0..8acdc3d7 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -61,6 +61,7 @@ import MaximizeIcon from './Reskin/MaximizeIcon'; import MouseLeftSelected from './Reskin/MouseLeftSelected'; import MouseRightSelected from './Reskin/MouseRightSelected'; import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; +import ReloadIcon from './Reskin/ReloadIcon'; import ShareIcon from './Reskin/ShareIcon'; import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; import SprayClickIcon from './Reskin/SprayClickIcon'; @@ -71,6 +72,7 @@ import ZoomIcon from './Reskin/ZoomIcon'; import StarRateIcon from './StarRateIcon'; export { + ReloadIcon, LockIcon, SprayClickIcon, SortDuplicatesIcon, From 139360f1413760c8aba357e7ac8be4e489ba0b94 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Fri, 30 Dec 2022 15:54:11 +0530 Subject: [PATCH 36/47] [Deps] Updated --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 831b68e0..c3e75d38 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.27", + "version": "1.1.28", "description": "", "author": "AfterShoot", "license": "ISC", @@ -19,7 +19,7 @@ "react-dom": "^18.2.0" }, "devDependencies": { - "@babel/core": "^7.20.5", + "@babel/core": "^7.20.7", "@rollup/plugin-babel": "^6.0.3", "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", @@ -27,7 +27,7 @@ "@rollup/plugin-url": "^8.0.1", "@svgr/rollup": "^6.5.1", "@types/react": "^18.0.26", - "@types/react-dom": "^18.0.9", + "@types/react-dom": "^18.0.10", "autoprefixer": "^10.4.13", "babel-loader": "^9.1.0", "css-loader": "^6.7.3", @@ -36,8 +36,8 @@ "postcss": "^8.4.20", "postcss-flexbugs-fixes": "^5.0.2", "postcss-url": "^10.1.3", - "rollup": "^3.7.5", - "rollup-plugin-dts": "^5.0.0", + "rollup": "^3.9.0", + "rollup-plugin-dts": "^5.1.0", "rollup-plugin-images": "^1.0.0", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-postcss": "^4.0.2", From 96363cc4f4cc3a4e3463cfff706c9eabc22e4ba6 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Mon, 2 Jan 2023 16:30:44 +0530 Subject: [PATCH 37/47] [Icons] New icons added --- package.json | 2 +- src/Icons/Reskin/SourceNotFound.tsx | 42 ++++++++++++++++++++++++++ src/Icons/Reskin/WarningIcon.tsx | 46 ++++++++++++++++++++--------- 3 files changed, 75 insertions(+), 15 deletions(-) create mode 100644 src/Icons/Reskin/SourceNotFound.tsx diff --git a/package.json b/package.json index c3e75d38..d16a9aed 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.28", + "version": "1.1.29", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/SourceNotFound.tsx b/src/Icons/Reskin/SourceNotFound.tsx new file mode 100644 index 00000000..7959a0d6 --- /dev/null +++ b/src/Icons/Reskin/SourceNotFound.tsx @@ -0,0 +1,42 @@ +import React from 'react' + +const SourceNotFoundIcon: React.FC> = React.forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default React.memo(SourceNotFoundIcon) diff --git a/src/Icons/Reskin/WarningIcon.tsx b/src/Icons/Reskin/WarningIcon.tsx index d43665ec..f1b4f21f 100644 --- a/src/Icons/Reskin/WarningIcon.tsx +++ b/src/Icons/Reskin/WarningIcon.tsx @@ -1,24 +1,42 @@ import React from 'react' -const WarningIcon: React.FC> = (props) => { +const WarningIcon: React.FC> = React.forwardRef((props, ref) => { return ( - - - - + + + + + + + + - - + + + + + + + + ) -} +}) -export default WarningIcon +export default React.memo(WarningIcon) From 82da0f11293403a10f885a605388e30dc3c0a769 Mon Sep 17 00:00:00 2001 From: Yash Johri Date: Mon, 2 Jan 2023 16:41:32 +0530 Subject: [PATCH 38/47] [Icons] SOme changes in forwardRef --- package.json | 2 +- src/Icons/Reskin/SourceNotFound.tsx | 2 +- src/Icons/Reskin/WarningIcon.tsx | 2 +- src/Icons/index.ts | 149 ++++++++++++++-------------- 4 files changed, 78 insertions(+), 77 deletions(-) diff --git a/package.json b/package.json index d16a9aed..2e7f3b58 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.29", + "version": "1.1.30", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/SourceNotFound.tsx b/src/Icons/Reskin/SourceNotFound.tsx index 7959a0d6..080defa1 100644 --- a/src/Icons/Reskin/SourceNotFound.tsx +++ b/src/Icons/Reskin/SourceNotFound.tsx @@ -1,6 +1,6 @@ import React from 'react' -const SourceNotFoundIcon: React.FC> = React.forwardRef((props, ref) => { +const SourceNotFoundIcon = React.forwardRef>((props, ref) => { return ( diff --git a/src/Icons/Reskin/WarningIcon.tsx b/src/Icons/Reskin/WarningIcon.tsx index f1b4f21f..59a99ee2 100644 --- a/src/Icons/Reskin/WarningIcon.tsx +++ b/src/Icons/Reskin/WarningIcon.tsx @@ -1,6 +1,6 @@ import React from 'react' -const WarningIcon: React.FC> = React.forwardRef((props, ref) => { +const WarningIcon = React.forwardRef>((props, ref) => { return ( diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 8acdc3d7..0a608fbe 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,80 +1,82 @@ -import ArrowBackIcon from './ArrowBackIcon'; -import ArrowDownIcon from './ArrowDownIcon'; -import ArrowForwardIcon from './ArrowForwardIcon'; -import ArrowIcon from './ArrowIcon'; -import ArrowUpIcon from './ArrowUpIcon'; -import CheckCircleIcon from './CheckCircleIcon'; -import CheckIcon from './CheckIcon'; -import ClearIcon from './ClearIcon'; -import ClockIcon from './ClockIcon'; -import ContactSupportIcon from './ContactSupportIcon'; -import ContentCopyIcon from './ContentCopyIcon'; -import ExpandMoreIcon from './ExpandMoreIcon'; -import InfoIcon from './InfoIcon'; -import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon'; -import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon'; -import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon'; -import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon'; -import MenuIcon from './MenuIcon'; -import ProcessIcon from './ProcessIcon'; -import AlertIcon from './Reskin/AlertIcon'; -import BorderColorIcon from './Reskin/BorderColorIcon'; -import CartIcon from './Reskin/CartIcon'; -import CopyIcon from './Reskin/CopyIcon'; -import DeleteIcon from './Reskin/DeleteIcon'; -import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon'; -import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon'; -import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon'; -import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon'; -import DiamondIcon from './Reskin/DiamonIcon'; -import DropDownIcon from './Reskin/DropDownIcon'; -import EditIcon from './Reskin/EditIcon'; -import EditPhotoIcon from './Reskin/EditPhotoIcon'; -import ExitAppIcon from './Reskin/ExitAppIcon'; -import ExportedIcon from './Reskin/ExportedIcon'; -import EyeCheckIcon from './Reskin/EyeCheckIcon'; -import FolderIcon from './Reskin/FolderIcon'; -import FriendsIcon from './Reskin/FriendsIcon'; -import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon'; -import GridSelectedIcon from './Reskin/GridSelectedIcon'; -import ImageNotFound from './Reskin/ImageNotFound'; -import InAcitveHelp from './Reskin/InAcitveHelp'; -import InActiveColorIcon from './Reskin/InActiveColorIcon'; -import InActiveFilter from './Reskin/InActiveFilter'; -import InActiveGridIcon from './Reskin/InActiveGridIcon'; -import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon'; -import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon'; -import InActiveSortIcon from './Reskin/InActiveSortIcon'; -import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon'; -import InActiveStarIcon from './Reskin/InActiveStarIcon'; -import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon'; -import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon'; -import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon'; -import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon'; -import InfoIconTransparent from './Reskin/InfoIconTransparent'; -import LeftArrow from './Reskin/LeftArrow'; -import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon'; -import ListSelectedIcon from './Reskin/ListSelectedIcon'; -import LockIcon from './Reskin/LockIcon'; -import LoopIcon from './Reskin/LoopIcon'; -import MaximizeIcon from './Reskin/MaximizeIcon'; -import MouseLeftSelected from './Reskin/MouseLeftSelected'; -import MouseRightSelected from './Reskin/MouseRightSelected'; -import NetworkErrorIcon from './Reskin/NetworkErrorIcon'; -import ReloadIcon from './Reskin/ReloadIcon'; -import ShareIcon from './Reskin/ShareIcon'; -import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon'; -import SprayClickIcon from './Reskin/SprayClickIcon'; -import UploadFolder from './Reskin/UploadFolder'; -import WarningIcon from './Reskin/WarningIcon'; -import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon'; -import ZoomIcon from './Reskin/ZoomIcon'; -import StarRateIcon from './StarRateIcon'; +import ArrowBackIcon from './ArrowBackIcon' +import ArrowDownIcon from './ArrowDownIcon' +import ArrowForwardIcon from './ArrowForwardIcon' +import ArrowIcon from './ArrowIcon' +import ArrowUpIcon from './ArrowUpIcon' +import CheckCircleIcon from './CheckCircleIcon' +import CheckIcon from './CheckIcon' +import ClearIcon from './ClearIcon' +import ClockIcon from './ClockIcon' +import ContactSupportIcon from './ContactSupportIcon' +import ContentCopyIcon from './ContentCopyIcon' +import ExpandMoreIcon from './ExpandMoreIcon' +import InfoIcon from './InfoIcon' +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon' +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon' +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon' +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon' +import MenuIcon from './MenuIcon' +import ProcessIcon from './ProcessIcon' +import AlertIcon from './Reskin/AlertIcon' +import BorderColorIcon from './Reskin/BorderColorIcon' +import CartIcon from './Reskin/CartIcon' +import CopyIcon from './Reskin/CopyIcon' +import DeleteIcon from './Reskin/DeleteIcon' +import DescAlphaNotSelectedIcon from './Reskin/DescAlphaNotSelectedIcon' +import DescAlphaSelectedIcon from './Reskin/DescAlphaSelectedIcon' +import DescNumNotSelectedIcon from './Reskin/DescNumNotSelectedIcon' +import DescNumSelectedIcon from './Reskin/DescNumSelectedIcon' +import DiamondIcon from './Reskin/DiamonIcon' +import DropDownIcon from './Reskin/DropDownIcon' +import EditIcon from './Reskin/EditIcon' +import EditPhotoIcon from './Reskin/EditPhotoIcon' +import ExitAppIcon from './Reskin/ExitAppIcon' +import ExportedIcon from './Reskin/ExportedIcon' +import EyeCheckIcon from './Reskin/EyeCheckIcon' +import FolderIcon from './Reskin/FolderIcon' +import FriendsIcon from './Reskin/FriendsIcon' +import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' +import GridSelectedIcon from './Reskin/GridSelectedIcon' +import ImageNotFound from './Reskin/ImageNotFound' +import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveColorIcon from './Reskin/InActiveColorIcon' +import InActiveFilter from './Reskin/InActiveFilter' +import InActiveGridIcon from './Reskin/InActiveGridIcon' +import InactiveLoupeIcon from './Reskin/InactiveLoupeIcon' +import InActiveShortCutIcon from './Reskin/InActiveShortCutIcon' +import InActiveSortIcon from './Reskin/InActiveSortIcon' +import InActiveSprayCanIcon from './Reskin/InActiveSprayCanIcon' +import InActiveStarIcon from './Reskin/InActiveStarIcon' +import IncAlphaNotSelectedIcon from './Reskin/IncAlphaNotSelectedIcon' +import IncAlphaSelectedIcon from './Reskin/IncAlphaSelectedIcon' +import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' +import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' +import InfoIconTransparent from './Reskin/InfoIconTransparent' +import LeftArrow from './Reskin/LeftArrow' +import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' +import ListSelectedIcon from './Reskin/ListSelectedIcon' +import LockIcon from './Reskin/LockIcon' +import LoopIcon from './Reskin/LoopIcon' +import MaximizeIcon from './Reskin/MaximizeIcon' +import MouseLeftSelected from './Reskin/MouseLeftSelected' +import MouseRightSelected from './Reskin/MouseRightSelected' +import NetworkErrorIcon from './Reskin/NetworkErrorIcon' +import ReloadIcon from './Reskin/ReloadIcon' +import ShareIcon from './Reskin/ShareIcon' +import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' +import SourceNotFoundIcon from './Reskin/SourceNotFound' +import SprayClickIcon from './Reskin/SprayClickIcon' +import UploadFolder from './Reskin/UploadFolder' +import WarningIcon from './Reskin/WarningIcon' +import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon' +import ZoomIcon from './Reskin/ZoomIcon' +import StarRateIcon from './StarRateIcon' export { ReloadIcon, LockIcon, SprayClickIcon, + SourceNotFoundIcon, SortDuplicatesIcon, LoopIcon, ListSelectedIcon, @@ -144,5 +146,4 @@ export { CopyIcon, WarningImgMovedIcon, FolderIcon, -}; - +} From a3d93df58a77e47127ae528b980f3a1b10743c55 Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 4 Jan 2023 12:56:34 +0530 Subject: [PATCH 39/47] [StorageIcon] --- package.json | 2 +- src/Icons/Reskin/StorageIcon.tsx | 39 ++++++++++++++++++++++++++++++++ src/Icons/index.ts | 3 +++ 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/StorageIcon.tsx diff --git a/package.json b/package.json index 2e7f3b58..e3cd822a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.30", + "version": "1.1.31", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/StorageIcon.tsx b/src/Icons/Reskin/StorageIcon.tsx new file mode 100644 index 00000000..70c80711 --- /dev/null +++ b/src/Icons/Reskin/StorageIcon.tsx @@ -0,0 +1,39 @@ +import React from 'react' + +const StorageIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default StorageIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 0a608fbe..1b21d45e 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -66,6 +66,7 @@ import ShareIcon from './Reskin/ShareIcon' import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' import SourceNotFoundIcon from './Reskin/SourceNotFound' import SprayClickIcon from './Reskin/SprayClickIcon' +import StorageIcon from './Reskin/StorageIcon' import UploadFolder from './Reskin/UploadFolder' import WarningIcon from './Reskin/WarningIcon' import WarningImgMovedIcon from './Reskin/WarningImgMovedIcon' @@ -73,6 +74,7 @@ import ZoomIcon from './Reskin/ZoomIcon' import StarRateIcon from './StarRateIcon' export { + StorageIcon, ReloadIcon, LockIcon, SprayClickIcon, @@ -147,3 +149,4 @@ export { WarningImgMovedIcon, FolderIcon, } + From 44beef509f69a20affc008c1e6b10f32b3b2bfba Mon Sep 17 00:00:00 2001 From: manis Date: Sat, 7 Jan 2023 17:09:57 +0530 Subject: [PATCH 40/47] [LeftArrowLong, RIghtArrowLong] --- package.json | 2 +- src/Icons/Reskin/LeftArrowLong.tsx | 20 ++++++++++++++++++++ src/Icons/Reskin/RightArrowLong.tsx | 20 ++++++++++++++++++++ src/Icons/index.ts | 4 ++++ 4 files changed, 45 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/LeftArrowLong.tsx create mode 100644 src/Icons/Reskin/RightArrowLong.tsx diff --git a/package.json b/package.json index e3cd822a..4236c350 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.31", + "version": "1.1.32", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/LeftArrowLong.tsx b/src/Icons/Reskin/LeftArrowLong.tsx new file mode 100644 index 00000000..5afe356e --- /dev/null +++ b/src/Icons/Reskin/LeftArrowLong.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const LeftArrowLong: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default LeftArrowLong diff --git a/src/Icons/Reskin/RightArrowLong.tsx b/src/Icons/Reskin/RightArrowLong.tsx new file mode 100644 index 00000000..691d2295 --- /dev/null +++ b/src/Icons/Reskin/RightArrowLong.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const RightArrowLong: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default RightArrowLong diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 1b21d45e..0908c0e5 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -53,6 +53,7 @@ import IncNumNotSelectedIcon from './Reskin/IncNumNotSelectedIcon' import IncNumSelectedIcon from './Reskin/IncNumSelectedIcon' import InfoIconTransparent from './Reskin/InfoIconTransparent' import LeftArrow from './Reskin/LeftArrow' +import LeftArrowLong from './Reskin/LeftArrowLong' import ListNotSelectedIcon from './Reskin/ListNotSelectedIcon' import ListSelectedIcon from './Reskin/ListSelectedIcon' import LockIcon from './Reskin/LockIcon' @@ -62,6 +63,7 @@ import MouseLeftSelected from './Reskin/MouseLeftSelected' import MouseRightSelected from './Reskin/MouseRightSelected' import NetworkErrorIcon from './Reskin/NetworkErrorIcon' import ReloadIcon from './Reskin/ReloadIcon' +import RightArrowLong from './Reskin/RightArrowLong' import ShareIcon from './Reskin/ShareIcon' import SortDuplicatesIcon from './Reskin/SortDuplicatesIcon' import SourceNotFoundIcon from './Reskin/SourceNotFound' @@ -74,6 +76,8 @@ import ZoomIcon from './Reskin/ZoomIcon' import StarRateIcon from './StarRateIcon' export { + RightArrowLong, + LeftArrowLong, StorageIcon, ReloadIcon, LockIcon, From 8f760697569f75743627290ceea7205dcbd3970d Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 11 Jan 2023 12:17:32 +0530 Subject: [PATCH 41/47] [EyeIcon] --- package.json | 2 +- src/Icons/Reskin/EyeIcon.tsx | 29 +++++++++++++++++++++++++++++ src/Icons/index.ts | 2 ++ 3 files changed, 32 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/EyeIcon.tsx diff --git a/package.json b/package.json index 4236c350..1592d152 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.32", + "version": "1.1.33", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/EyeIcon.tsx b/src/Icons/Reskin/EyeIcon.tsx new file mode 100644 index 00000000..b9dd9407 --- /dev/null +++ b/src/Icons/Reskin/EyeIcon.tsx @@ -0,0 +1,29 @@ +import React from 'react' + +const EyeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default EyeIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 0908c0e5..44a63721 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -33,6 +33,7 @@ import EditPhotoIcon from './Reskin/EditPhotoIcon' import ExitAppIcon from './Reskin/ExitAppIcon' import ExportedIcon from './Reskin/ExportedIcon' import EyeCheckIcon from './Reskin/EyeCheckIcon' +import EyeIcon from './Reskin/EyeIcon' import FolderIcon from './Reskin/FolderIcon' import FriendsIcon from './Reskin/FriendsIcon' import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' @@ -76,6 +77,7 @@ import ZoomIcon from './Reskin/ZoomIcon' import StarRateIcon from './StarRateIcon' export { + EyeIcon, RightArrowLong, LeftArrowLong, StorageIcon, From 687128f110b3e7ae03dd84c78906518f0be396ff Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 11 Jan 2023 13:18:27 +0530 Subject: [PATCH 42/47] [EyeOffIcon] --- package.json | 2 +- src/Icons/Reskin/EyeOffIcon.tsx | 30 ++++++++++++++++++++++++++++++ src/Icons/index.ts | 2 ++ 3 files changed, 33 insertions(+), 1 deletion(-) create mode 100644 src/Icons/Reskin/EyeOffIcon.tsx diff --git a/package.json b/package.json index 1592d152..e8be2028 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.33", + "version": "1.1.34", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/EyeOffIcon.tsx b/src/Icons/Reskin/EyeOffIcon.tsx new file mode 100644 index 00000000..d44d6d63 --- /dev/null +++ b/src/Icons/Reskin/EyeOffIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const EyeOffIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default EyeOffIcon diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 44a63721..0dfaa4b4 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -34,6 +34,7 @@ import ExitAppIcon from './Reskin/ExitAppIcon' import ExportedIcon from './Reskin/ExportedIcon' import EyeCheckIcon from './Reskin/EyeCheckIcon' import EyeIcon from './Reskin/EyeIcon' +import EyeOffIcon from './Reskin/EyeOffIcon' import FolderIcon from './Reskin/FolderIcon' import FriendsIcon from './Reskin/FriendsIcon' import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' @@ -77,6 +78,7 @@ import ZoomIcon from './Reskin/ZoomIcon' import StarRateIcon from './StarRateIcon' export { + EyeOffIcon, EyeIcon, RightArrowLong, LeftArrowLong, From 80d05be83e53cf1545e1833cfff4f9e31152fb4d Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 11 Jan 2023 16:32:01 +0530 Subject: [PATCH 43/47] Ref on InAcitveHelp, InActiveSprayCanIcon --- package.json | 2 +- src/Icons/Reskin/InAcitveHelp.tsx | 46 ++++++++------------ src/Icons/Reskin/InActiveSprayCanIcon.tsx | 53 ++++++++++------------- 3 files changed, 40 insertions(+), 61 deletions(-) diff --git a/package.json b/package.json index e8be2028..a9151e4d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.34", + "version": "1.1.35", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/InAcitveHelp.tsx b/src/Icons/Reskin/InAcitveHelp.tsx index af571a94..4c696150 100644 --- a/src/Icons/Reskin/InAcitveHelp.tsx +++ b/src/Icons/Reskin/InAcitveHelp.tsx @@ -1,30 +1,18 @@ -import React from 'react'; -const InAcitveHelp: React.FC> = (props) => { - return ( - - - - - ); -}; +import React from 'react' -export default React.memo(InAcitveHelp); +const InAcitveHelp: React.FC> = ({ ...props }, ref: any) => { + return ( + + + + + ) +} + +export default React.memo(InAcitveHelp) diff --git a/src/Icons/Reskin/InActiveSprayCanIcon.tsx b/src/Icons/Reskin/InActiveSprayCanIcon.tsx index 44c044cd..9dc6d07e 100644 --- a/src/Icons/Reskin/InActiveSprayCanIcon.tsx +++ b/src/Icons/Reskin/InActiveSprayCanIcon.tsx @@ -1,33 +1,24 @@ -import React from 'react'; +import React from 'react' -const InActiveSprayCanIcon: React.FC> = ( - props -) => { - return ( - - - - - - - - - - - ); -}; +const InActiveSprayCanIcon: React.FC> = React.forwardRef((props, ref: any) => { + return ( + + + + + + + + + + + ) +}) -export default React.memo(InActiveSprayCanIcon); +export default React.memo(InActiveSprayCanIcon) From e4a864c939ae42662cba133c47ea35b59b6c1f27 Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 11 Jan 2023 16:33:14 +0530 Subject: [PATCH 44/47] Ref on InAcitveHelp, InActiveSprayCanIcon --- package.json | 2 +- src/Icons/Reskin/InAcitveHelp.tsx | 4 ++-- src/Icons/index.ts | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index a9151e4d..3d648692 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.35", + "version": "1.1.36", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/InAcitveHelp.tsx b/src/Icons/Reskin/InAcitveHelp.tsx index 4c696150..33b2ea8a 100644 --- a/src/Icons/Reskin/InAcitveHelp.tsx +++ b/src/Icons/Reskin/InAcitveHelp.tsx @@ -1,6 +1,6 @@ import React from 'react' -const InAcitveHelp: React.FC> = ({ ...props }, ref: any) => { +const InActiveHelp: React.FC> = ({ ...props }, ref: any) => { return ( > = ({ ...props }, ref ) } -export default React.memo(InAcitveHelp) +export default React.memo(InActiveHelp) diff --git a/src/Icons/index.ts b/src/Icons/index.ts index 0dfaa4b4..de15f638 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -40,7 +40,7 @@ import FriendsIcon from './Reskin/FriendsIcon' import GridNotSelectedIcon from './Reskin/GridNotSelectedIcon' import GridSelectedIcon from './Reskin/GridSelectedIcon' import ImageNotFound from './Reskin/ImageNotFound' -import InAcitveHelp from './Reskin/InAcitveHelp' +import InActiveHelp from './Reskin/InAcitveHelp' import InActiveColorIcon from './Reskin/InActiveColorIcon' import InActiveFilter from './Reskin/InActiveFilter' import InActiveGridIcon from './Reskin/InActiveGridIcon' @@ -136,7 +136,7 @@ export { EditIcon, AlertIcon, ImageNotFound, - InAcitveHelp, + InActiveHelp, InActiveColorIcon, InActiveShortCutIcon, InActiveStarIcon, From 8111c7a38ef26701b18561aefcefc2e568adc35d Mon Sep 17 00:00:00 2001 From: manis Date: Wed, 11 Jan 2023 17:12:57 +0530 Subject: [PATCH 45/47] [InActiveHelp] --- package.json | 2 +- src/Icons/Reskin/InAcitveHelp.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 3d648692..e324d7d0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.36", + "version": "1.1.37", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/Reskin/InAcitveHelp.tsx b/src/Icons/Reskin/InAcitveHelp.tsx index 33b2ea8a..5a30fbff 100644 --- a/src/Icons/Reskin/InAcitveHelp.tsx +++ b/src/Icons/Reskin/InAcitveHelp.tsx @@ -1,6 +1,6 @@ import React from 'react' -const InActiveHelp: React.FC> = ({ ...props }, ref: any) => { +const InActiveHelp: React.FC> = React.forwardRef((props, ref: any) => { return ( > = ({ ...props }, ref ) -} +}) export default React.memo(InActiveHelp) From 45113690d27299c51e61bdd2903fc58a0e3eae44 Mon Sep 17 00:00:00 2001 From: Lavi Sharma Date: Thu, 13 Apr 2023 17:35:30 +0530 Subject: [PATCH 46/47] Added question mark icon --- package.json | 2 +- src/Icons/QuestionMarkIcon.tsx | 15 +++++++++++++++ src/Icons/Reskin/QuestionMarkIcon.tsx | 15 +++++++++++++++ 3 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 src/Icons/QuestionMarkIcon.tsx create mode 100644 src/Icons/Reskin/QuestionMarkIcon.tsx diff --git a/package.json b/package.json index e324d7d0..5c7a366c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.1.37", + "version": "1.1.38", "description": "", "author": "AfterShoot", "license": "ISC", diff --git a/src/Icons/QuestionMarkIcon.tsx b/src/Icons/QuestionMarkIcon.tsx new file mode 100644 index 00000000..53a2ad4f --- /dev/null +++ b/src/Icons/QuestionMarkIcon.tsx @@ -0,0 +1,15 @@ +import React, { SVGProps } from 'react' + +const SvgComponent = (props: SVGProps) => ( + + + + + + + + + + +) +export default SvgComponent diff --git a/src/Icons/Reskin/QuestionMarkIcon.tsx b/src/Icons/Reskin/QuestionMarkIcon.tsx new file mode 100644 index 00000000..53a2ad4f --- /dev/null +++ b/src/Icons/Reskin/QuestionMarkIcon.tsx @@ -0,0 +1,15 @@ +import React, { SVGProps } from 'react' + +const SvgComponent = (props: SVGProps) => ( + + + + + + + + + + +) +export default SvgComponent From 3722f8f8a5c5e0d9a4cd55607c11bf492c1e3e38 Mon Sep 17 00:00:00 2001 From: My Name Date: Tue, 13 Jun 2023 12:13:06 +0530 Subject: [PATCH 47/47] UDS Implemented --- .DS_Store | Bin 6148 -> 6148 bytes src/.DS_Store | Bin 0 -> 8196 bytes src/assets/index.ts | 1 + src/assets/svg/Check.svg | 3 + src/assets/svg/EyeOff.svg | 6 + src/assets/svg/EyeOn.svg | 4 + src/assets/svg/index.ts | 5 + src/components/.DS_Store | Bin 0 -> 65540 bytes .../AddFolderIcon/AddFolderIcon.stories.tsx | 18 + .../AddFolderIcon/AddFolderIcon.tsx | 18 + .../AfterShootLogo/AfterShootLogo.stories.tsx | 18 + .../AfterShootLogo/AfterShootLogo.tsx | 32 ++ .../AftershootEditsIcon.stories.tsx | 18 + .../AftershootEditsIcon.tsx | 52 ++ .../AlertIcon/AlertIcon.stories.tsx | 18 + src/components/AlertIcon/AlertIcon.tsx | 18 + .../AlertIcon2/AlertIcon2.stories.tsx | 18 + src/components/AlertIcon2/AlertIcon2.tsx | 15 + .../AppleIcon/AppleIcon.stories.tsx | 18 + src/components/AppleIcon/AppleIcon.tsx | 14 + .../ArrowBackIcon/ArrowBackIcon.stories.tsx | 18 + .../ArrowBackIcon/ArrowBackIcon.tsx | 11 + .../ArrowDownIcon/ArrowDownIcon.stories.tsx | 18 + .../ArrowDownIcon/ArrowDownIcon.tsx | 12 + .../ArrowDownIcon2/ArrowDownIcon2.stories.tsx | 18 + .../ArrowDownIcon2/ArrowDownIcon2.tsx | 18 + .../ArrowForwardIcon.stories.tsx | 18 + .../ArrowForwardIcon/ArrowForwardIcon.tsx | 11 + .../ArrowIcon/ArrowIcon.stories.tsx | 18 + src/components/ArrowIcon/ArrowIcon.tsx | 11 + .../ArrowLeftIcon/ArrowLeftIcon.stories.tsx | 18 + .../ArrowLeftIcon/ArrowLeftIcon.tsx | 18 + .../ArrowRightIcon/ArrowRightIcon.stories.tsx | 18 + .../ArrowRightIcon/ArrowRightIcon.tsx | 11 + .../ArrowRightIosIcon.stories.tsx | 18 + .../ArrowRightIosIcon/ArrowRightIosIcon.tsx | 18 + .../ArrowUpIcon/ArrowUpIcon.stories.tsx | 18 + src/components/ArrowUpIcon/ArrowUpIcon.tsx | 12 + .../ArrowUpIcon2/ArrowUpIcon2.stories.tsx | 18 + src/components/ArrowUpIcon2/ArrowUpIcon2.tsx | 18 + .../BlueTickIcon/BlueTickIcon.stories.tsx | 18 + src/components/BlueTickIcon/BlueTickIcon.tsx | 25 + .../BorderColorIcon.stories.tsx | 18 + .../BorderColorIcon/BorderColorIcon.tsx | 17 + .../CancelIcon/CancelIcon.stories.tsx | 18 + src/components/CancelIcon/CancelIcon.tsx | 17 + src/components/CartIcon/CartIcon.stories.tsx | 18 + src/components/CartIcon/CartIcon.tsx | 48 ++ .../CheckCircleIcon.stories.tsx | 18 + .../CheckCircleIcon/CheckCircleIcon.tsx | 12 + .../CheckIcon/CheckIcon.stories.tsx | 18 + src/components/CheckIcon/CheckIcon.tsx | 12 + .../CheckIcon2/CheckIcon2.stories.tsx | 18 + src/components/CheckIcon2/CheckIcon2.tsx | 11 + .../CheckIcon4/CheckIcon4.stories.tsx | 18 + src/components/CheckIcon4/CheckIcon4.tsx | 11 + .../CircleCheckIcon.stories.tsx | 18 + .../CircleCheckIcon/CircleCheckIcon.tsx | 12 + .../ClearIcon/ClearIcon.stories.tsx | 18 + src/components/ClearIcon/ClearIcon.tsx | 11 + .../ClockIcon/ClockIcon.stories.tsx | 18 + src/components/ClockIcon/ClockIcon.tsx | 25 + .../ClockIcon4/ClockIcon4.stories.tsx | 18 + src/components/ClockIcon4/ClockIcon4.tsx | 17 + .../CloseIcon/CloseIcon.stories.tsx | 18 + src/components/CloseIcon/CloseIcon.tsx | 14 + .../ColorPaletteIcon.stories.tsx | 18 + .../ColorPaletteIcon/ColorPaletteIcon.tsx | 14 + .../ConfettiIcon/ConfettiIcon.stories.tsx | 18 + src/components/ConfettiIcon/ConfettiIcon.tsx | 178 +++++++ .../ConfettiLeftIcon.stories.tsx | 18 + .../ConfettiLeftIcon/ConfettiLeftIcon.tsx | 91 ++++ .../ConfettiRightIcon.stories.tsx | 18 + .../ConfettiRightIcon/ConfettiRightIcon.tsx | 97 ++++ .../ContactSupportIcon.stories.tsx | 18 + .../ContactSupportIcon/ContactSupportIcon.tsx | 12 + .../ContentCopyIcon.stories.tsx | 18 + .../ContentCopyIcon/ContentCopyIcon.tsx | 12 + src/components/CopyIcon/CopyIcon.stories.tsx | 18 + src/components/CopyIcon/CopyIcon.tsx | 22 + .../CopyIcon2/CopyIcon2.stories.tsx | 18 + src/components/CopyIcon2/CopyIcon2.tsx | 17 + .../CrossIcon/CrossIcon.stories.tsx | 18 + src/components/CrossIcon/CrossIcon.tsx | 11 + .../CullFromCardIcon.stories.tsx | 19 + .../CullFromCardIcon/CullFromCardIcon.tsx | 21 + .../CullFromComputerIcon.stories.tsx | 18 + .../CullFromComputerIcon.tsx | 20 + .../DeleteGreyIcon/DeleteGreyIcon.stories.tsx | 18 + .../DeleteGreyIcon/DeleteGreyIcon.tsx | 16 + .../DeleteIcon/DeleteIcon.stories.tsx | 18 + src/components/DeleteIcon/DeleteIcon.tsx | 35 ++ .../DeleteIcon3/DeleteIcon3.stories.tsx | 18 + src/components/DeleteIcon3/DeleteIcon3.tsx | 17 + .../DeleteWhiteIcon.stories.tsx | 18 + .../DeleteWhiteIcon/DeleteWhiteIcon.tsx | 17 + .../DeleteWhiteIcon4.stories.tsx | 18 + .../DeleteWhiteIcon4/DeleteWhiteIcon4.tsx | 17 + .../DescAlphaNotSelectedIcon.stories.tsx | 18 + .../DescAlphaNotSelectedIcon.tsx | 27 ++ .../DescAlphaSelectedIcon.stories.tsx | 18 + .../DescAlphaSelectedIcon.tsx | 27 ++ .../DescNumNotSelectedIcon.stories.tsx | 18 + .../DescNumNotSelectedIcon.tsx | 38 ++ .../DescNumSelectedIcon.stories.tsx | 18 + .../DescNumSelectedIcon.tsx | 38 ++ .../DetailedZoomSelectedIcon.stories.tsx | 18 + .../DetailedZoomSelectedIcon.tsx | 16 + .../DetailedZoomUnselectedIcon.stories.tsx | 18 + .../DetailedZoomUnselectedIcon.tsx | 16 + .../DiamondIcon/DiamondIcon.stories.tsx | 18 + src/components/DiamondIcon/DiamondIcon.tsx | 25 + .../DirectoryIcon/DirectoryIcon.stories.tsx | 18 + .../DirectoryIcon/DirectoryIcon.tsx | 32 ++ .../DownloadIcon/DownloadIcon.stories.tsx | 18 + src/components/DownloadIcon/DownloadIcon.tsx | 20 + .../DragFolderIcon/DragFolderIcon.stories.tsx | 18 + .../DragFolderIcon/DragFolderIcon.tsx | 18 + .../DropDownIcon/DropDownIcon.stories.tsx | 18 + src/components/DropDownIcon/DropDownIcon.tsx | 11 + .../EditAlbumNameIcon.stories.tsx | 18 + .../EditAlbumNameIcon/EditAlbumNameIcon.tsx | 16 + .../EditAlbumNameIcon4.stories.tsx | 18 + .../EditAlbumNameIcon4/EditAlbumNameIcon4.tsx | 16 + src/components/EditIcon/EditIcon.stories.tsx | 18 + src/components/EditIcon/EditIcon.tsx | 30 ++ .../EditInProgressIcon.stories.tsx | 18 + .../EditInProgressIcon/EditInProgressIcon.tsx | 33 ++ .../EditPhotoIcon/EditPhotoIcon.stories.tsx | 18 + .../EditPhotoIcon/EditPhotoIcon.tsx | 33 ++ .../EditsLogoTextIcon.stories.tsx | 18 + .../EditsLogoTextIcon/EditsLogoTextIcon.tsx | 46 ++ .../EmptyStarIcon/EmptyStarIcon.stories.tsx | 18 + .../EmptyStarIcon/EmptyStarIcon.tsx | 17 + .../ErrorIcon/ErrorIcon.stories.tsx | 18 + src/components/ErrorIcon/ErrorIcon.tsx | 25 + .../ErrorIcon2/ErrorIcon2.stories.tsx | 18 + src/components/ErrorIcon2/ErrorIcon2.tsx | 17 + .../ErrorWarningIcon.stories.tsx | 18 + .../ErrorWarningIcon/ErrorWarningIcon.tsx | 15 + .../ExitAppIcon/ExitAppIcon.stories.tsx | 18 + src/components/ExitAppIcon/ExitAppIcon.tsx | 22 + .../ExpandIcon/ExpandIcon.stories.tsx | 18 + src/components/ExpandIcon/ExpandIcon.tsx | 11 + .../ExpandMoreIcon/ExpandMoreIcon.stories.tsx | 18 + .../ExpandMoreIcon/ExpandMoreIcon.tsx | 12 + .../ExportIcon/ExportIcon.stories.tsx | 18 + src/components/ExportIcon/ExportIcon.tsx | 17 + .../ExportedIcon/ExportedIcon.stories.tsx | 18 + src/components/ExportedIcon/ExportedIcon.tsx | 24 + .../ExportedProjectIcon.stories.tsx | 18 + .../ExportedProjectIcon.tsx | 16 + .../EyeCheckIcon/EyeCheckIcon.stories.tsx | 18 + src/components/EyeCheckIcon/EyeCheckIcon.tsx | 30 ++ src/components/EyeIcon/EyeIcon.stories.tsx | 18 + src/components/EyeIcon/EyeIcon.tsx | 29 ++ .../EyeOffIcon/EyeOffIcon.stories.tsx | 18 + src/components/EyeOffIcon/EyeOffIcon.tsx | 30 ++ .../FacebookColorIcon.stories.tsx | 18 + .../FacebookColorIcon/FacebookColorIcon.tsx | 17 + .../FacebookIcon/FacebookIcon.stories.tsx | 18 + src/components/FacebookIcon/FacebookIcon.tsx | 14 + .../FailedIcon/FailedIcon.stories.tsx | 18 + src/components/FailedIcon/FailedIcon.tsx | 14 + .../FilledStarIcon/FilledStarIcon.stories.tsx | 18 + .../FilledStarIcon/FilledStarIcon.tsx | 17 + .../FilterIcon/FilterIcon.stories.tsx | 18 + src/components/FilterIcon/FilterIcon.tsx | 12 + .../FolderIcon/FolderIcon.stories.tsx | 18 + src/components/FolderIcon/FolderIcon.tsx | 18 + .../FolderIcon2/FolderIcon2.stories.tsx | 18 + src/components/FolderIcon2/FolderIcon2.tsx | 18 + .../FriendsIcon/FriendsIcon.stories.tsx | 18 + src/components/FriendsIcon/FriendsIcon.tsx | 45 ++ .../GlassIcon/GlassIcon.stories.tsx | 18 + src/components/GlassIcon/GlassIcon.tsx | 11 + .../GoogleIcon/GoogleIcon.stories.tsx | 18 + src/components/GoogleIcon/GoogleIcon.tsx | 26 + .../GridNotSelectedIcon.stories.tsx | 18 + .../GridNotSelectedIcon.tsx | 43 ++ .../GridNotSelectedIcon3.stories.tsx | 18 + .../GridNotSelectedIcon3.tsx | 14 + .../GridOfFourActiveIcon.stories.tsx | 18 + .../GridOfFourActiveIcon.tsx | 14 + .../GridOfFourIcon/GridOfFourIcon.stories.tsx | 18 + .../GridOfFourIcon/GridOfFourIcon.tsx | 14 + .../GridSelectedIcon.stories.tsx | 18 + .../GridSelectedIcon/GridSelectedIcon.tsx | 43 ++ .../GridViewIcon/GridViewIcon.stories.tsx | 18 + src/components/GridViewIcon/GridViewIcon.tsx | 14 + src/components/HighIcon/HighIcon.stories.tsx | 18 + src/components/HighIcon/HighIcon.tsx | 14 + .../HighenabledIcon.stories.tsx | 18 + .../HighenabledIcon/HighenabledIcon.tsx | 14 + .../ImageBorderIcon.stories.tsx | 18 + .../ImageBorderIcon/ImageBorderIcon.tsx | 13 + .../ImageBorderSoftIcon.stories.tsx | 18 + .../ImageBorderSoftIcon.tsx | 12 + .../ImageNotFound/ImageNotFound.stories.tsx | 18 + .../ImageNotFound/ImageNotFound.tsx | 41 ++ .../ImageNotFoundIcon.stories.tsx | 18 + .../ImageNotFoundIcon/ImageNotFoundIcon.tsx | 20 + .../InActiveColorIcon.stories.tsx | 18 + .../InActiveColorIcon/InActiveColorIcon.tsx | 17 + .../InActiveFilter/InActiveFilter.stories.tsx | 18 + .../InActiveFilter/InActiveFilter.tsx | 24 + .../InActiveGridIcon.stories.tsx | 18 + .../InActiveGridIcon/InActiveGridIcon.tsx | 53 +++ .../InActiveHelp/InActiveHelp.stories.tsx | 18 + src/components/InActiveHelp/InActiveHelp.tsx | 18 + .../InActiveShortCutIcon.stories.tsx | 18 + .../InActiveShortCutIcon.tsx | 53 +++ .../InActiveSortIcon.stories.tsx | 18 + .../InActiveSortIcon/InActiveSortIcon.tsx | 49 ++ .../InActiveSprayCanIcon.stories.tsx | 18 + .../InActiveSprayCanIcon.tsx | 24 + .../InActiveStarIcon.stories.tsx | 18 + .../InActiveStarIcon/InActiveStarIcon.tsx | 20 + .../InactiveLoupeIcon.stories.tsx | 18 + .../InactiveLoupeIcon/InactiveLoupeIcon.tsx | 35 ++ .../IncAlphaNotSelectedIcon.stories.tsx | 18 + .../IncAlphaNotSelectedIcon.tsx | 27 ++ .../IncAlphaSelectedIcon.stories.tsx | 18 + .../IncAlphaSelectedIcon.tsx | 27 ++ .../IncNumNotSelectedIcon.stories.tsx | 18 + .../IncNumNotSelectedIcon.tsx | 38 ++ .../IncNumSelectedIcon.stories.tsx | 18 + .../IncNumSelectedIcon/IncNumSelectedIcon.tsx | 38 ++ src/components/InfoIcon/InfoIcon.stories.tsx | 18 + src/components/InfoIcon/InfoIcon.tsx | 24 + .../InfoIcon3/InfoIcon3.stories.tsx | 18 + src/components/InfoIcon3/InfoIcon3.tsx | 13 + .../InfoIconTransparent.stories.tsx | 18 + .../InfoIconTransparent.tsx | 47 ++ .../InfoRoundedIcon.stories.tsx | 18 + .../InfoRoundedIcon/InfoRoundedIcon.tsx | 20 + .../InfoRoundedIcon3.stories.tsx | 18 + .../InfoRoundedIcon3/InfoRoundedIcon3.tsx | 20 + .../KeyBoardArrowDownIcon.stories.tsx | 18 + .../KeyBoardArrowDownIcon.tsx | 11 + .../KeyBoardArrowLeftIcon.stories.tsx | 18 + .../KeyBoardArrowLeftIcon.tsx | 11 + .../KeyBoardArrowRightIcon.stories.tsx | 18 + .../KeyBoardArrowRightIcon.tsx | 11 + .../KeyBoardArrowUpIcon.stories.tsx | 18 + .../KeyBoardArrowUpIcon.tsx | 11 + .../KeyDupInvIcon/KeyDupInvIcon.stories.tsx | 18 + .../KeyDupInvIcon/KeyDupInvIcon.tsx | 18 + .../KeyDupVisIcon/KeyDupVisIcon.stories.tsx | 18 + .../KeyDupVisIcon/KeyDupVisIcon.tsx | 22 + .../KeyFacesSelectedIcon.stories.tsx | 18 + .../KeyFacesSelectedIcon.tsx | 18 + .../KeyFacesUnselectedIcon.stories.tsx | 18 + .../KeyFacesUnselectedIcon.tsx | 18 + src/components/KeyIcon/KeyIcon.stories.tsx | 18 + src/components/KeyIcon/KeyIcon.tsx | 17 + .../LeftArrow/LeftArrow.stories.tsx | 18 + src/components/LeftArrow/LeftArrow.tsx | 11 + .../LeftArrowLong/LeftArrowLong.stories.tsx | 18 + .../LeftArrowLong/LeftArrowLong.tsx | 20 + .../ListNotSelectedIcon.stories.tsx | 18 + .../ListNotSelectedIcon.tsx | 30 ++ .../ListNotSelectedIcon3.stories.tsx | 18 + .../ListNotSelectedIcon3.tsx | 12 + .../ListSelectedIcon.stories.tsx | 18 + .../ListSelectedIcon/ListSelectedIcon.tsx | 30 ++ .../ListSelectedIcon3.stories.tsx | 18 + .../ListSelectedIcon3/ListSelectedIcon3.tsx | 12 + .../LoadingOptionsIcon.stories.tsx | 18 + .../LoadingOptionsIcon/LoadingOptionsIcon.tsx | 14 + src/components/LockIcon/LockIcon.stories.tsx | 18 + src/components/LockIcon/LockIcon.tsx | 35 ++ .../LockIcon2/LockIcon2.stories.tsx | 18 + src/components/LockIcon2/LockIcon2.tsx | 22 + .../LogoBlankIcon/LogoBlankIcon.stories.tsx | 18 + .../LogoBlankIcon/LogoBlankIcon.tsx | 14 + src/components/LoopIcon/LoopIcon.stories.tsx | 18 + src/components/LoopIcon/LoopIcon.tsx | 23 + .../LoopIcon3/LoopIcon3.stories.tsx | 18 + src/components/LoopIcon3/LoopIcon3.tsx | 27 ++ .../LoupeActiveIcon.stories.tsx | 18 + .../LoupeActiveIcon/LoupeActiveIcon.tsx | 12 + .../LoupeIcon/LoupeIcon.stories.tsx | 18 + src/components/LoupeIcon/LoupeIcon.tsx | 12 + src/components/LowIcon/LowIcon.stories.tsx | 18 + src/components/LowIcon/LowIcon.tsx | 14 + .../LowenabledIcon/LowenabledIcon.stories.tsx | 18 + .../LowenabledIcon/LowenabledIcon.tsx | 14 + .../MaximizeIcon/MaximizeIcon.stories.tsx | 18 + src/components/MaximizeIcon/MaximizeIcon.tsx | 41 ++ .../MaximizeIcon2/MaximizeIcon2.stories.tsx | 18 + .../MaximizeIcon2/MaximizeIcon2.tsx | 11 + src/components/MenuIcon/MenuIcon.stories.tsx | 18 + src/components/MenuIcon/MenuIcon.tsx | 12 + src/components/MidIcon/MidIcon.stories.tsx | 18 + src/components/MidIcon/MidIcon.tsx | 15 + .../MidenabledIcon/MidenabledIcon.stories.tsx | 18 + .../MidenabledIcon/MidenabledIcon.tsx | 16 + .../MinimizeIcon/MinimizeIcon.stories.tsx | 18 + src/components/MinimizeIcon/MinimizeIcon.tsx | 11 + .../MouseLeftSelected.stories.tsx | 18 + .../MouseLeftSelected/MouseLeftSelected.tsx | 28 ++ .../MouseRightSelected.stories.tsx | 18 + .../MouseRightSelected/MouseRightSelected.tsx | 28 ++ src/components/MoveIcon/MoveIcon.stories.tsx | 18 + src/components/MoveIcon/MoveIcon.tsx | 30 ++ .../MySelectedIcon/MySelectedIcon.stories.tsx | 18 + .../MySelectedIcon/MySelectedIcon.tsx | 18 + .../NetworkErrorIcon.stories.tsx | 18 + .../NetworkErrorIcon/NetworkErrorIcon.tsx | 41 ++ .../NetworkErrorIcon4.stories.tsx | 18 + .../NetworkErrorIcon4/NetworkErrorIcon4.tsx | 41 ++ .../NewFolderGradientIcon.stories.tsx | 18 + .../NewFolderGradientIcon.tsx | 45 ++ .../NoDuplicatesIcon.stories.tsx | 18 + .../NoDuplicatesIcon/NoDuplicatesIcon.tsx | 26 + src/components/NoneIcon/NoneIcon.stories.tsx | 18 + src/components/NoneIcon/NoneIcon.tsx | 17 + .../NoneSelectedIcon.stories.tsx | 18 + .../NoneSelectedIcon/NoneSelectedIcon.tsx | 18 + .../NotMySelectedIcon.stories.tsx | 18 + .../NotMySelectedIcon/NotMySelectedIcon.tsx | 14 + .../OpenLinkIcon/OpenLinkIcon.stories.tsx | 18 + src/components/OpenLinkIcon/OpenLinkIcon.tsx | 25 + .../OptionCompletedIcon.stories.tsx | 18 + .../OptionCompletedIcon.tsx | 15 + .../OptionFailedIcon.stories.tsx | 18 + .../OptionFailedIcon/OptionFailedIcon.tsx | 13 + .../OptionPendingIcon.stories.tsx | 18 + .../OptionPendingIcon/OptionPendingIcon.tsx | 16 + src/components/PlayIcon/PlayIcon.stories.tsx | 18 + src/components/PlayIcon/PlayIcon.tsx | 12 + .../PlayIcon4/PlayIcon4.stories.tsx | 18 + src/components/PlayIcon4/PlayIcon4.tsx | 23 + .../PlayerIcon/PlayerIcon.stories.tsx | 18 + src/components/PlayerIcon/PlayerIcon.tsx | 12 + .../ProcessIcon/ProcessIcon.stories.tsx | 18 + src/components/ProcessIcon/ProcessIcon.tsx | 14 + .../QuestionIcon/QuestionIcon.stories.tsx | 18 + src/components/QuestionIcon/QuestionIcon.tsx | 17 + .../QuestionLogo/QuestionLogo.stories.tsx | 18 + src/components/QuestionLogo/QuestionLogo.tsx | 17 + .../RecullIcon/RecullIcon.stories.tsx | 18 + src/components/RecullIcon/RecullIcon.tsx | 29 ++ .../RefreshIcon/RefreshIcon.stories.tsx | 18 + src/components/RefreshIcon/RefreshIcon.tsx | 23 + .../RelinkIcon/RelinkIcon.stories.tsx | 18 + src/components/RelinkIcon/RelinkIcon.tsx | 22 + .../ReloadIcon/ReloadIcon.stories.tsx | 18 + src/components/ReloadIcon/ReloadIcon.tsx | 21 + .../ReloadIcon3/ReloadIcon3.stories.tsx | 18 + src/components/ReloadIcon3/ReloadIcon3.tsx | 17 + .../ReportButtonIcon.stories.tsx | 18 + .../ReportButtonIcon/ReportButtonIcon.tsx | 18 + .../RightArrowIcon/RightArrowIcon.stories.tsx | 18 + .../RightArrowIcon/RightArrowIcon.tsx | 12 + .../RightArrowIcon4.stories.tsx | 18 + .../RightArrowIcon4/RightArrowIcon4.tsx | 11 + .../RightArrowLong/RightArrowLong.stories.tsx | 18 + .../RightArrowLong/RightArrowLong.tsx | 20 + .../RightSignIcon/RightSignIcon.stories.tsx | 18 + .../RightSignIcon/RightSignIcon.tsx | 18 + .../Rotata90Icon/Rotata90Icon.stories.tsx | 18 + src/components/Rotata90Icon/Rotata90Icon.tsx | 12 + .../SadFaceIcon/SadFaceIcon.stories.tsx | 18 + src/components/SadFaceIcon/SadFaceIcon.tsx | 25 + .../ScissorsIcon/ScissorsIcon.stories.tsx | 18 + src/components/ScissorsIcon/ScissorsIcon.tsx | 19 + .../SearchIcon/SearchIcon.stories.tsx | 18 + src/components/SearchIcon/SearchIcon.tsx | 24 + .../SelectedErrorIcon.stories.tsx | 18 + .../SelectedErrorIcon/SelectedErrorIcon.tsx | 17 + .../SettingsIcon/SettingsIcon.stories.tsx | 18 + src/components/SettingsIcon/SettingsIcon.tsx | 31 ++ .../ShareIcon/ShareIcon.stories.tsx | 18 + src/components/ShareIcon/ShareIcon.tsx | 40 ++ .../ShowDuplicateIcon.stories.tsx | 18 + .../ShowDuplicateIcon/ShowDuplicateIcon.tsx | 24 + .../SortDuplicatesIcon.stories.tsx | 18 + .../SortDuplicatesIcon/SortDuplicatesIcon.tsx | 36 ++ .../SortDuplicatesIcon3.stories.tsx | 18 + .../SortDuplicatesIcon3.tsx | 14 + src/components/SortIcon/SortIcon.stories.tsx | 18 + src/components/SortIcon/SortIcon.tsx | 12 + .../SourceMoveIcon/SourceMoveIcon.stories.tsx | 18 + .../SourceMoveIcon/SourceMoveIcon.tsx | 37 ++ .../SourceNotFoundIcon.stories.tsx | 18 + .../SourceNotFoundIcon/SourceNotFoundIcon.tsx | 42 ++ .../SprayClickIcon/SprayClickIcon.stories.tsx | 18 + .../SprayClickIcon/SprayClickIcon.tsx | 21 + .../SprayClickIcon3.stories.tsx | 18 + .../SprayClickIcon3/SprayClickIcon3.tsx | 25 + .../SprayCursorIcon.stories.tsx | 18 + .../SprayCursorIcon/SprayCursorIcon.tsx | 21 + .../SprayIcon/SprayIcon.stories.tsx | 18 + src/components/SprayIcon/SprayIcon.tsx | 25 + src/components/StarIcon/StarIcon.stories.tsx | 18 + src/components/StarIcon/StarIcon.tsx | 17 + .../StarRateIcon/StarRateIcon.stories.tsx | 17 + src/components/StarRateIcon/StarRateIcon.tsx | 22 + .../StarSelectedBlueIcon.stories.tsx | 18 + .../StarSelectedBlueIcon.tsx | 18 + .../Step1Icon/Step1Icon.stories.tsx | 18 + src/components/Step1Icon/Step1Icon.tsx | 24 + .../Step2Icon/Step2Icon.stories.tsx | 18 + src/components/Step2Icon/Step2Icon.tsx | 25 + .../Step3Icon/Step3Icon.stories.tsx | 18 + src/components/Step3Icon/Step3Icon.tsx | 24 + .../StorageIcon/StorageIcon.stories.tsx | 18 + src/components/StorageIcon/StorageIcon.tsx | 39 ++ .../SuccessIcon/SuccessIcon.stories.tsx | 18 + src/components/SuccessIcon/SuccessIcon.tsx | 13 + src/components/TickIcon/TickIcon.stories.tsx | 18 + src/components/TickIcon/TickIcon.tsx | 11 + .../TrainCompletedIcon.stories.tsx | 18 + .../TrainCompletedIcon/TrainCompletedIcon.tsx | 12 + .../TrainFailIcon/TrainFailIcon.stories.tsx | 18 + .../TrainFailIcon/TrainFailIcon.tsx | 14 + .../TrainIcon/TrainIcon.stories.tsx | 18 + src/components/TrainIcon/TrainIcon.tsx | 26 + .../TwitterColorIcon.stories.tsx | 18 + .../TwitterColorIcon/TwitterColorIcon.tsx | 15 + .../TwitterIcon/TwitterIcon.stories.tsx | 18 + src/components/TwitterIcon/TwitterIcon.tsx | 14 + .../UnmaximizeIcon/UnmaximizeIcon.stories.tsx | 18 + .../UnmaximizeIcon/UnmaximizeIcon.tsx | 11 + .../UploadFolder/UploadFolder.stories.tsx | 18 + src/components/UploadFolder/UploadFolder.tsx | 19 + .../UploadIcon/UploadIcon.stories.tsx | 18 + src/components/UploadIcon/UploadIcon.tsx | 13 + .../Upload_Icon/Upload_Icon.stories.tsx | 18 + src/components/Upload_Icon/Upload_Icon.tsx | 25 + .../UploadsIcon/UploadsIcon.stories.tsx | 18 + src/components/UploadsIcon/UploadsIcon.tsx | 20 + .../ViewAllIcon/ViewAllIcon.stories.tsx | 18 + src/components/ViewAllIcon/ViewAllIcon.tsx | 14 + .../WarningIcon/WarningIcon.stories.tsx | 18 + src/components/WarningIcon/WarningIcon.tsx | 42 ++ .../WarningIcon3/WarningIcon3.stories.tsx | 18 + src/components/WarningIcon3/WarningIcon3.tsx | 25 + .../WarningImgMovedIcon.stories.tsx | 18 + .../WarningImgMovedIcon.tsx | 25 + .../WarningsIcon/WarningsIcon.stories.tsx | 18 + src/components/WarningsIcon/WarningsIcon.tsx | 13 + .../WorldIcon/WorldIcon.stories.tsx | 18 + src/components/WorldIcon/WorldIcon.tsx | 37 ++ src/components/ZoomIcon/ZoomIcon.stories.tsx | 18 + src/components/ZoomIcon/ZoomIcon.tsx | 52 ++ .../ZoomIcon3/ZoomIcon3.stories.tsx | 18 + src/components/ZoomIcon3/ZoomIcon3.tsx | 18 + src/components/index.ts | 446 ++++++++++++++++++ src/globals.d.ts | 2 + src/index.scss | 31 ++ 453 files changed, 9515 insertions(+) create mode 100644 src/.DS_Store create mode 100644 src/assets/index.ts create mode 100644 src/assets/svg/Check.svg create mode 100644 src/assets/svg/EyeOff.svg create mode 100644 src/assets/svg/EyeOn.svg create mode 100644 src/assets/svg/index.ts create mode 100644 src/components/.DS_Store create mode 100644 src/components/AddFolderIcon/AddFolderIcon.stories.tsx create mode 100644 src/components/AddFolderIcon/AddFolderIcon.tsx create mode 100644 src/components/AfterShootLogo/AfterShootLogo.stories.tsx create mode 100644 src/components/AfterShootLogo/AfterShootLogo.tsx create mode 100644 src/components/AftershootEditsIcon/AftershootEditsIcon.stories.tsx create mode 100644 src/components/AftershootEditsIcon/AftershootEditsIcon.tsx create mode 100644 src/components/AlertIcon/AlertIcon.stories.tsx create mode 100644 src/components/AlertIcon/AlertIcon.tsx create mode 100644 src/components/AlertIcon2/AlertIcon2.stories.tsx create mode 100644 src/components/AlertIcon2/AlertIcon2.tsx create mode 100644 src/components/AppleIcon/AppleIcon.stories.tsx create mode 100644 src/components/AppleIcon/AppleIcon.tsx create mode 100644 src/components/ArrowBackIcon/ArrowBackIcon.stories.tsx create mode 100644 src/components/ArrowBackIcon/ArrowBackIcon.tsx create mode 100644 src/components/ArrowDownIcon/ArrowDownIcon.stories.tsx create mode 100644 src/components/ArrowDownIcon/ArrowDownIcon.tsx create mode 100644 src/components/ArrowDownIcon2/ArrowDownIcon2.stories.tsx create mode 100644 src/components/ArrowDownIcon2/ArrowDownIcon2.tsx create mode 100644 src/components/ArrowForwardIcon/ArrowForwardIcon.stories.tsx create mode 100644 src/components/ArrowForwardIcon/ArrowForwardIcon.tsx create mode 100644 src/components/ArrowIcon/ArrowIcon.stories.tsx create mode 100644 src/components/ArrowIcon/ArrowIcon.tsx create mode 100644 src/components/ArrowLeftIcon/ArrowLeftIcon.stories.tsx create mode 100644 src/components/ArrowLeftIcon/ArrowLeftIcon.tsx create mode 100644 src/components/ArrowRightIcon/ArrowRightIcon.stories.tsx create mode 100644 src/components/ArrowRightIcon/ArrowRightIcon.tsx create mode 100644 src/components/ArrowRightIosIcon/ArrowRightIosIcon.stories.tsx create mode 100644 src/components/ArrowRightIosIcon/ArrowRightIosIcon.tsx create mode 100644 src/components/ArrowUpIcon/ArrowUpIcon.stories.tsx create mode 100644 src/components/ArrowUpIcon/ArrowUpIcon.tsx create mode 100644 src/components/ArrowUpIcon2/ArrowUpIcon2.stories.tsx create mode 100644 src/components/ArrowUpIcon2/ArrowUpIcon2.tsx create mode 100644 src/components/BlueTickIcon/BlueTickIcon.stories.tsx create mode 100644 src/components/BlueTickIcon/BlueTickIcon.tsx create mode 100644 src/components/BorderColorIcon/BorderColorIcon.stories.tsx create mode 100644 src/components/BorderColorIcon/BorderColorIcon.tsx create mode 100644 src/components/CancelIcon/CancelIcon.stories.tsx create mode 100644 src/components/CancelIcon/CancelIcon.tsx create mode 100644 src/components/CartIcon/CartIcon.stories.tsx create mode 100644 src/components/CartIcon/CartIcon.tsx create mode 100644 src/components/CheckCircleIcon/CheckCircleIcon.stories.tsx create mode 100644 src/components/CheckCircleIcon/CheckCircleIcon.tsx create mode 100644 src/components/CheckIcon/CheckIcon.stories.tsx create mode 100644 src/components/CheckIcon/CheckIcon.tsx create mode 100644 src/components/CheckIcon2/CheckIcon2.stories.tsx create mode 100644 src/components/CheckIcon2/CheckIcon2.tsx create mode 100644 src/components/CheckIcon4/CheckIcon4.stories.tsx create mode 100644 src/components/CheckIcon4/CheckIcon4.tsx create mode 100644 src/components/CircleCheckIcon/CircleCheckIcon.stories.tsx create mode 100644 src/components/CircleCheckIcon/CircleCheckIcon.tsx create mode 100644 src/components/ClearIcon/ClearIcon.stories.tsx create mode 100644 src/components/ClearIcon/ClearIcon.tsx create mode 100644 src/components/ClockIcon/ClockIcon.stories.tsx create mode 100644 src/components/ClockIcon/ClockIcon.tsx create mode 100644 src/components/ClockIcon4/ClockIcon4.stories.tsx create mode 100644 src/components/ClockIcon4/ClockIcon4.tsx create mode 100644 src/components/CloseIcon/CloseIcon.stories.tsx create mode 100644 src/components/CloseIcon/CloseIcon.tsx create mode 100644 src/components/ColorPaletteIcon/ColorPaletteIcon.stories.tsx create mode 100644 src/components/ColorPaletteIcon/ColorPaletteIcon.tsx create mode 100644 src/components/ConfettiIcon/ConfettiIcon.stories.tsx create mode 100644 src/components/ConfettiIcon/ConfettiIcon.tsx create mode 100644 src/components/ConfettiLeftIcon/ConfettiLeftIcon.stories.tsx create mode 100644 src/components/ConfettiLeftIcon/ConfettiLeftIcon.tsx create mode 100644 src/components/ConfettiRightIcon/ConfettiRightIcon.stories.tsx create mode 100644 src/components/ConfettiRightIcon/ConfettiRightIcon.tsx create mode 100644 src/components/ContactSupportIcon/ContactSupportIcon.stories.tsx create mode 100644 src/components/ContactSupportIcon/ContactSupportIcon.tsx create mode 100644 src/components/ContentCopyIcon/ContentCopyIcon.stories.tsx create mode 100644 src/components/ContentCopyIcon/ContentCopyIcon.tsx create mode 100644 src/components/CopyIcon/CopyIcon.stories.tsx create mode 100644 src/components/CopyIcon/CopyIcon.tsx create mode 100644 src/components/CopyIcon2/CopyIcon2.stories.tsx create mode 100644 src/components/CopyIcon2/CopyIcon2.tsx create mode 100644 src/components/CrossIcon/CrossIcon.stories.tsx create mode 100644 src/components/CrossIcon/CrossIcon.tsx create mode 100644 src/components/CullFromCardIcon/CullFromCardIcon.stories.tsx create mode 100644 src/components/CullFromCardIcon/CullFromCardIcon.tsx create mode 100644 src/components/CullFromComputerIcon/CullFromComputerIcon.stories.tsx create mode 100644 src/components/CullFromComputerIcon/CullFromComputerIcon.tsx create mode 100644 src/components/DeleteGreyIcon/DeleteGreyIcon.stories.tsx create mode 100644 src/components/DeleteGreyIcon/DeleteGreyIcon.tsx create mode 100644 src/components/DeleteIcon/DeleteIcon.stories.tsx create mode 100644 src/components/DeleteIcon/DeleteIcon.tsx create mode 100644 src/components/DeleteIcon3/DeleteIcon3.stories.tsx create mode 100644 src/components/DeleteIcon3/DeleteIcon3.tsx create mode 100644 src/components/DeleteWhiteIcon/DeleteWhiteIcon.stories.tsx create mode 100644 src/components/DeleteWhiteIcon/DeleteWhiteIcon.tsx create mode 100644 src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.stories.tsx create mode 100644 src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.tsx create mode 100644 src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.stories.tsx create mode 100644 src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.tsx create mode 100644 src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.stories.tsx create mode 100644 src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.tsx create mode 100644 src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.stories.tsx create mode 100644 src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.tsx create mode 100644 src/components/DescNumSelectedIcon/DescNumSelectedIcon.stories.tsx create mode 100644 src/components/DescNumSelectedIcon/DescNumSelectedIcon.tsx create mode 100644 src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.stories.tsx create mode 100644 src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.tsx create mode 100644 src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.stories.tsx create mode 100644 src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.tsx create mode 100644 src/components/DiamondIcon/DiamondIcon.stories.tsx create mode 100644 src/components/DiamondIcon/DiamondIcon.tsx create mode 100644 src/components/DirectoryIcon/DirectoryIcon.stories.tsx create mode 100644 src/components/DirectoryIcon/DirectoryIcon.tsx create mode 100644 src/components/DownloadIcon/DownloadIcon.stories.tsx create mode 100644 src/components/DownloadIcon/DownloadIcon.tsx create mode 100644 src/components/DragFolderIcon/DragFolderIcon.stories.tsx create mode 100644 src/components/DragFolderIcon/DragFolderIcon.tsx create mode 100644 src/components/DropDownIcon/DropDownIcon.stories.tsx create mode 100644 src/components/DropDownIcon/DropDownIcon.tsx create mode 100644 src/components/EditAlbumNameIcon/EditAlbumNameIcon.stories.tsx create mode 100644 src/components/EditAlbumNameIcon/EditAlbumNameIcon.tsx create mode 100644 src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.stories.tsx create mode 100644 src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.tsx create mode 100644 src/components/EditIcon/EditIcon.stories.tsx create mode 100644 src/components/EditIcon/EditIcon.tsx create mode 100644 src/components/EditInProgressIcon/EditInProgressIcon.stories.tsx create mode 100644 src/components/EditInProgressIcon/EditInProgressIcon.tsx create mode 100644 src/components/EditPhotoIcon/EditPhotoIcon.stories.tsx create mode 100644 src/components/EditPhotoIcon/EditPhotoIcon.tsx create mode 100644 src/components/EditsLogoTextIcon/EditsLogoTextIcon.stories.tsx create mode 100644 src/components/EditsLogoTextIcon/EditsLogoTextIcon.tsx create mode 100644 src/components/EmptyStarIcon/EmptyStarIcon.stories.tsx create mode 100644 src/components/EmptyStarIcon/EmptyStarIcon.tsx create mode 100644 src/components/ErrorIcon/ErrorIcon.stories.tsx create mode 100644 src/components/ErrorIcon/ErrorIcon.tsx create mode 100644 src/components/ErrorIcon2/ErrorIcon2.stories.tsx create mode 100644 src/components/ErrorIcon2/ErrorIcon2.tsx create mode 100644 src/components/ErrorWarningIcon/ErrorWarningIcon.stories.tsx create mode 100644 src/components/ErrorWarningIcon/ErrorWarningIcon.tsx create mode 100644 src/components/ExitAppIcon/ExitAppIcon.stories.tsx create mode 100644 src/components/ExitAppIcon/ExitAppIcon.tsx create mode 100644 src/components/ExpandIcon/ExpandIcon.stories.tsx create mode 100644 src/components/ExpandIcon/ExpandIcon.tsx create mode 100644 src/components/ExpandMoreIcon/ExpandMoreIcon.stories.tsx create mode 100644 src/components/ExpandMoreIcon/ExpandMoreIcon.tsx create mode 100644 src/components/ExportIcon/ExportIcon.stories.tsx create mode 100644 src/components/ExportIcon/ExportIcon.tsx create mode 100644 src/components/ExportedIcon/ExportedIcon.stories.tsx create mode 100644 src/components/ExportedIcon/ExportedIcon.tsx create mode 100644 src/components/ExportedProjectIcon/ExportedProjectIcon.stories.tsx create mode 100644 src/components/ExportedProjectIcon/ExportedProjectIcon.tsx create mode 100644 src/components/EyeCheckIcon/EyeCheckIcon.stories.tsx create mode 100644 src/components/EyeCheckIcon/EyeCheckIcon.tsx create mode 100644 src/components/EyeIcon/EyeIcon.stories.tsx create mode 100644 src/components/EyeIcon/EyeIcon.tsx create mode 100644 src/components/EyeOffIcon/EyeOffIcon.stories.tsx create mode 100644 src/components/EyeOffIcon/EyeOffIcon.tsx create mode 100644 src/components/FacebookColorIcon/FacebookColorIcon.stories.tsx create mode 100644 src/components/FacebookColorIcon/FacebookColorIcon.tsx create mode 100644 src/components/FacebookIcon/FacebookIcon.stories.tsx create mode 100644 src/components/FacebookIcon/FacebookIcon.tsx create mode 100644 src/components/FailedIcon/FailedIcon.stories.tsx create mode 100644 src/components/FailedIcon/FailedIcon.tsx create mode 100644 src/components/FilledStarIcon/FilledStarIcon.stories.tsx create mode 100644 src/components/FilledStarIcon/FilledStarIcon.tsx create mode 100644 src/components/FilterIcon/FilterIcon.stories.tsx create mode 100644 src/components/FilterIcon/FilterIcon.tsx create mode 100644 src/components/FolderIcon/FolderIcon.stories.tsx create mode 100644 src/components/FolderIcon/FolderIcon.tsx create mode 100644 src/components/FolderIcon2/FolderIcon2.stories.tsx create mode 100644 src/components/FolderIcon2/FolderIcon2.tsx create mode 100644 src/components/FriendsIcon/FriendsIcon.stories.tsx create mode 100644 src/components/FriendsIcon/FriendsIcon.tsx create mode 100644 src/components/GlassIcon/GlassIcon.stories.tsx create mode 100644 src/components/GlassIcon/GlassIcon.tsx create mode 100644 src/components/GoogleIcon/GoogleIcon.stories.tsx create mode 100644 src/components/GoogleIcon/GoogleIcon.tsx create mode 100644 src/components/GridNotSelectedIcon/GridNotSelectedIcon.stories.tsx create mode 100644 src/components/GridNotSelectedIcon/GridNotSelectedIcon.tsx create mode 100644 src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.stories.tsx create mode 100644 src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.tsx create mode 100644 src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.stories.tsx create mode 100644 src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.tsx create mode 100644 src/components/GridOfFourIcon/GridOfFourIcon.stories.tsx create mode 100644 src/components/GridOfFourIcon/GridOfFourIcon.tsx create mode 100644 src/components/GridSelectedIcon/GridSelectedIcon.stories.tsx create mode 100644 src/components/GridSelectedIcon/GridSelectedIcon.tsx create mode 100644 src/components/GridViewIcon/GridViewIcon.stories.tsx create mode 100644 src/components/GridViewIcon/GridViewIcon.tsx create mode 100644 src/components/HighIcon/HighIcon.stories.tsx create mode 100644 src/components/HighIcon/HighIcon.tsx create mode 100644 src/components/HighenabledIcon/HighenabledIcon.stories.tsx create mode 100644 src/components/HighenabledIcon/HighenabledIcon.tsx create mode 100644 src/components/ImageBorderIcon/ImageBorderIcon.stories.tsx create mode 100644 src/components/ImageBorderIcon/ImageBorderIcon.tsx create mode 100644 src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.stories.tsx create mode 100644 src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.tsx create mode 100644 src/components/ImageNotFound/ImageNotFound.stories.tsx create mode 100644 src/components/ImageNotFound/ImageNotFound.tsx create mode 100644 src/components/ImageNotFoundIcon/ImageNotFoundIcon.stories.tsx create mode 100644 src/components/ImageNotFoundIcon/ImageNotFoundIcon.tsx create mode 100644 src/components/InActiveColorIcon/InActiveColorIcon.stories.tsx create mode 100644 src/components/InActiveColorIcon/InActiveColorIcon.tsx create mode 100644 src/components/InActiveFilter/InActiveFilter.stories.tsx create mode 100644 src/components/InActiveFilter/InActiveFilter.tsx create mode 100644 src/components/InActiveGridIcon/InActiveGridIcon.stories.tsx create mode 100644 src/components/InActiveGridIcon/InActiveGridIcon.tsx create mode 100644 src/components/InActiveHelp/InActiveHelp.stories.tsx create mode 100644 src/components/InActiveHelp/InActiveHelp.tsx create mode 100644 src/components/InActiveShortCutIcon/InActiveShortCutIcon.stories.tsx create mode 100644 src/components/InActiveShortCutIcon/InActiveShortCutIcon.tsx create mode 100644 src/components/InActiveSortIcon/InActiveSortIcon.stories.tsx create mode 100644 src/components/InActiveSortIcon/InActiveSortIcon.tsx create mode 100644 src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.stories.tsx create mode 100644 src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.tsx create mode 100644 src/components/InActiveStarIcon/InActiveStarIcon.stories.tsx create mode 100644 src/components/InActiveStarIcon/InActiveStarIcon.tsx create mode 100644 src/components/InactiveLoupeIcon/InactiveLoupeIcon.stories.tsx create mode 100644 src/components/InactiveLoupeIcon/InactiveLoupeIcon.tsx create mode 100644 src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.stories.tsx create mode 100644 src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.tsx create mode 100644 src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.stories.tsx create mode 100644 src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.tsx create mode 100644 src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.stories.tsx create mode 100644 src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.tsx create mode 100644 src/components/IncNumSelectedIcon/IncNumSelectedIcon.stories.tsx create mode 100644 src/components/IncNumSelectedIcon/IncNumSelectedIcon.tsx create mode 100644 src/components/InfoIcon/InfoIcon.stories.tsx create mode 100644 src/components/InfoIcon/InfoIcon.tsx create mode 100644 src/components/InfoIcon3/InfoIcon3.stories.tsx create mode 100644 src/components/InfoIcon3/InfoIcon3.tsx create mode 100644 src/components/InfoIconTransparent/InfoIconTransparent.stories.tsx create mode 100644 src/components/InfoIconTransparent/InfoIconTransparent.tsx create mode 100644 src/components/InfoRoundedIcon/InfoRoundedIcon.stories.tsx create mode 100644 src/components/InfoRoundedIcon/InfoRoundedIcon.tsx create mode 100644 src/components/InfoRoundedIcon3/InfoRoundedIcon3.stories.tsx create mode 100644 src/components/InfoRoundedIcon3/InfoRoundedIcon3.tsx create mode 100644 src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.stories.tsx create mode 100644 src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.tsx create mode 100644 src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.stories.tsx create mode 100644 src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.tsx create mode 100644 src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.stories.tsx create mode 100644 src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.tsx create mode 100644 src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.stories.tsx create mode 100644 src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.tsx create mode 100644 src/components/KeyDupInvIcon/KeyDupInvIcon.stories.tsx create mode 100644 src/components/KeyDupInvIcon/KeyDupInvIcon.tsx create mode 100644 src/components/KeyDupVisIcon/KeyDupVisIcon.stories.tsx create mode 100644 src/components/KeyDupVisIcon/KeyDupVisIcon.tsx create mode 100644 src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.stories.tsx create mode 100644 src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.tsx create mode 100644 src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.stories.tsx create mode 100644 src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.tsx create mode 100644 src/components/KeyIcon/KeyIcon.stories.tsx create mode 100644 src/components/KeyIcon/KeyIcon.tsx create mode 100644 src/components/LeftArrow/LeftArrow.stories.tsx create mode 100644 src/components/LeftArrow/LeftArrow.tsx create mode 100644 src/components/LeftArrowLong/LeftArrowLong.stories.tsx create mode 100644 src/components/LeftArrowLong/LeftArrowLong.tsx create mode 100644 src/components/ListNotSelectedIcon/ListNotSelectedIcon.stories.tsx create mode 100644 src/components/ListNotSelectedIcon/ListNotSelectedIcon.tsx create mode 100644 src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.stories.tsx create mode 100644 src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.tsx create mode 100644 src/components/ListSelectedIcon/ListSelectedIcon.stories.tsx create mode 100644 src/components/ListSelectedIcon/ListSelectedIcon.tsx create mode 100644 src/components/ListSelectedIcon3/ListSelectedIcon3.stories.tsx create mode 100644 src/components/ListSelectedIcon3/ListSelectedIcon3.tsx create mode 100644 src/components/LoadingOptionsIcon/LoadingOptionsIcon.stories.tsx create mode 100644 src/components/LoadingOptionsIcon/LoadingOptionsIcon.tsx create mode 100644 src/components/LockIcon/LockIcon.stories.tsx create mode 100644 src/components/LockIcon/LockIcon.tsx create mode 100644 src/components/LockIcon2/LockIcon2.stories.tsx create mode 100644 src/components/LockIcon2/LockIcon2.tsx create mode 100644 src/components/LogoBlankIcon/LogoBlankIcon.stories.tsx create mode 100644 src/components/LogoBlankIcon/LogoBlankIcon.tsx create mode 100644 src/components/LoopIcon/LoopIcon.stories.tsx create mode 100644 src/components/LoopIcon/LoopIcon.tsx create mode 100644 src/components/LoopIcon3/LoopIcon3.stories.tsx create mode 100644 src/components/LoopIcon3/LoopIcon3.tsx create mode 100644 src/components/LoupeActiveIcon/LoupeActiveIcon.stories.tsx create mode 100644 src/components/LoupeActiveIcon/LoupeActiveIcon.tsx create mode 100644 src/components/LoupeIcon/LoupeIcon.stories.tsx create mode 100644 src/components/LoupeIcon/LoupeIcon.tsx create mode 100644 src/components/LowIcon/LowIcon.stories.tsx create mode 100644 src/components/LowIcon/LowIcon.tsx create mode 100644 src/components/LowenabledIcon/LowenabledIcon.stories.tsx create mode 100644 src/components/LowenabledIcon/LowenabledIcon.tsx create mode 100644 src/components/MaximizeIcon/MaximizeIcon.stories.tsx create mode 100644 src/components/MaximizeIcon/MaximizeIcon.tsx create mode 100644 src/components/MaximizeIcon2/MaximizeIcon2.stories.tsx create mode 100644 src/components/MaximizeIcon2/MaximizeIcon2.tsx create mode 100644 src/components/MenuIcon/MenuIcon.stories.tsx create mode 100644 src/components/MenuIcon/MenuIcon.tsx create mode 100644 src/components/MidIcon/MidIcon.stories.tsx create mode 100644 src/components/MidIcon/MidIcon.tsx create mode 100644 src/components/MidenabledIcon/MidenabledIcon.stories.tsx create mode 100644 src/components/MidenabledIcon/MidenabledIcon.tsx create mode 100644 src/components/MinimizeIcon/MinimizeIcon.stories.tsx create mode 100644 src/components/MinimizeIcon/MinimizeIcon.tsx create mode 100644 src/components/MouseLeftSelected/MouseLeftSelected.stories.tsx create mode 100644 src/components/MouseLeftSelected/MouseLeftSelected.tsx create mode 100644 src/components/MouseRightSelected/MouseRightSelected.stories.tsx create mode 100644 src/components/MouseRightSelected/MouseRightSelected.tsx create mode 100644 src/components/MoveIcon/MoveIcon.stories.tsx create mode 100644 src/components/MoveIcon/MoveIcon.tsx create mode 100644 src/components/MySelectedIcon/MySelectedIcon.stories.tsx create mode 100644 src/components/MySelectedIcon/MySelectedIcon.tsx create mode 100644 src/components/NetworkErrorIcon/NetworkErrorIcon.stories.tsx create mode 100644 src/components/NetworkErrorIcon/NetworkErrorIcon.tsx create mode 100644 src/components/NetworkErrorIcon4/NetworkErrorIcon4.stories.tsx create mode 100644 src/components/NetworkErrorIcon4/NetworkErrorIcon4.tsx create mode 100644 src/components/NewFolderGradientIcon/NewFolderGradientIcon.stories.tsx create mode 100644 src/components/NewFolderGradientIcon/NewFolderGradientIcon.tsx create mode 100644 src/components/NoDuplicatesIcon/NoDuplicatesIcon.stories.tsx create mode 100644 src/components/NoDuplicatesIcon/NoDuplicatesIcon.tsx create mode 100644 src/components/NoneIcon/NoneIcon.stories.tsx create mode 100644 src/components/NoneIcon/NoneIcon.tsx create mode 100644 src/components/NoneSelectedIcon/NoneSelectedIcon.stories.tsx create mode 100644 src/components/NoneSelectedIcon/NoneSelectedIcon.tsx create mode 100644 src/components/NotMySelectedIcon/NotMySelectedIcon.stories.tsx create mode 100644 src/components/NotMySelectedIcon/NotMySelectedIcon.tsx create mode 100644 src/components/OpenLinkIcon/OpenLinkIcon.stories.tsx create mode 100644 src/components/OpenLinkIcon/OpenLinkIcon.tsx create mode 100644 src/components/OptionCompletedIcon/OptionCompletedIcon.stories.tsx create mode 100644 src/components/OptionCompletedIcon/OptionCompletedIcon.tsx create mode 100644 src/components/OptionFailedIcon/OptionFailedIcon.stories.tsx create mode 100644 src/components/OptionFailedIcon/OptionFailedIcon.tsx create mode 100644 src/components/OptionPendingIcon/OptionPendingIcon.stories.tsx create mode 100644 src/components/OptionPendingIcon/OptionPendingIcon.tsx create mode 100644 src/components/PlayIcon/PlayIcon.stories.tsx create mode 100644 src/components/PlayIcon/PlayIcon.tsx create mode 100644 src/components/PlayIcon4/PlayIcon4.stories.tsx create mode 100644 src/components/PlayIcon4/PlayIcon4.tsx create mode 100644 src/components/PlayerIcon/PlayerIcon.stories.tsx create mode 100644 src/components/PlayerIcon/PlayerIcon.tsx create mode 100644 src/components/ProcessIcon/ProcessIcon.stories.tsx create mode 100644 src/components/ProcessIcon/ProcessIcon.tsx create mode 100644 src/components/QuestionIcon/QuestionIcon.stories.tsx create mode 100644 src/components/QuestionIcon/QuestionIcon.tsx create mode 100644 src/components/QuestionLogo/QuestionLogo.stories.tsx create mode 100644 src/components/QuestionLogo/QuestionLogo.tsx create mode 100644 src/components/RecullIcon/RecullIcon.stories.tsx create mode 100644 src/components/RecullIcon/RecullIcon.tsx create mode 100644 src/components/RefreshIcon/RefreshIcon.stories.tsx create mode 100644 src/components/RefreshIcon/RefreshIcon.tsx create mode 100644 src/components/RelinkIcon/RelinkIcon.stories.tsx create mode 100644 src/components/RelinkIcon/RelinkIcon.tsx create mode 100644 src/components/ReloadIcon/ReloadIcon.stories.tsx create mode 100644 src/components/ReloadIcon/ReloadIcon.tsx create mode 100644 src/components/ReloadIcon3/ReloadIcon3.stories.tsx create mode 100644 src/components/ReloadIcon3/ReloadIcon3.tsx create mode 100644 src/components/ReportButtonIcon/ReportButtonIcon.stories.tsx create mode 100644 src/components/ReportButtonIcon/ReportButtonIcon.tsx create mode 100644 src/components/RightArrowIcon/RightArrowIcon.stories.tsx create mode 100644 src/components/RightArrowIcon/RightArrowIcon.tsx create mode 100644 src/components/RightArrowIcon4/RightArrowIcon4.stories.tsx create mode 100644 src/components/RightArrowIcon4/RightArrowIcon4.tsx create mode 100644 src/components/RightArrowLong/RightArrowLong.stories.tsx create mode 100644 src/components/RightArrowLong/RightArrowLong.tsx create mode 100644 src/components/RightSignIcon/RightSignIcon.stories.tsx create mode 100644 src/components/RightSignIcon/RightSignIcon.tsx create mode 100644 src/components/Rotata90Icon/Rotata90Icon.stories.tsx create mode 100644 src/components/Rotata90Icon/Rotata90Icon.tsx create mode 100644 src/components/SadFaceIcon/SadFaceIcon.stories.tsx create mode 100644 src/components/SadFaceIcon/SadFaceIcon.tsx create mode 100644 src/components/ScissorsIcon/ScissorsIcon.stories.tsx create mode 100644 src/components/ScissorsIcon/ScissorsIcon.tsx create mode 100644 src/components/SearchIcon/SearchIcon.stories.tsx create mode 100644 src/components/SearchIcon/SearchIcon.tsx create mode 100644 src/components/SelectedErrorIcon/SelectedErrorIcon.stories.tsx create mode 100644 src/components/SelectedErrorIcon/SelectedErrorIcon.tsx create mode 100644 src/components/SettingsIcon/SettingsIcon.stories.tsx create mode 100644 src/components/SettingsIcon/SettingsIcon.tsx create mode 100644 src/components/ShareIcon/ShareIcon.stories.tsx create mode 100644 src/components/ShareIcon/ShareIcon.tsx create mode 100644 src/components/ShowDuplicateIcon/ShowDuplicateIcon.stories.tsx create mode 100644 src/components/ShowDuplicateIcon/ShowDuplicateIcon.tsx create mode 100644 src/components/SortDuplicatesIcon/SortDuplicatesIcon.stories.tsx create mode 100644 src/components/SortDuplicatesIcon/SortDuplicatesIcon.tsx create mode 100644 src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.stories.tsx create mode 100644 src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.tsx create mode 100644 src/components/SortIcon/SortIcon.stories.tsx create mode 100644 src/components/SortIcon/SortIcon.tsx create mode 100644 src/components/SourceMoveIcon/SourceMoveIcon.stories.tsx create mode 100644 src/components/SourceMoveIcon/SourceMoveIcon.tsx create mode 100644 src/components/SourceNotFoundIcon/SourceNotFoundIcon.stories.tsx create mode 100644 src/components/SourceNotFoundIcon/SourceNotFoundIcon.tsx create mode 100644 src/components/SprayClickIcon/SprayClickIcon.stories.tsx create mode 100644 src/components/SprayClickIcon/SprayClickIcon.tsx create mode 100644 src/components/SprayClickIcon3/SprayClickIcon3.stories.tsx create mode 100644 src/components/SprayClickIcon3/SprayClickIcon3.tsx create mode 100644 src/components/SprayCursorIcon/SprayCursorIcon.stories.tsx create mode 100644 src/components/SprayCursorIcon/SprayCursorIcon.tsx create mode 100644 src/components/SprayIcon/SprayIcon.stories.tsx create mode 100644 src/components/SprayIcon/SprayIcon.tsx create mode 100644 src/components/StarIcon/StarIcon.stories.tsx create mode 100644 src/components/StarIcon/StarIcon.tsx create mode 100644 src/components/StarRateIcon/StarRateIcon.stories.tsx create mode 100644 src/components/StarRateIcon/StarRateIcon.tsx create mode 100644 src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.stories.tsx create mode 100644 src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.tsx create mode 100644 src/components/Step1Icon/Step1Icon.stories.tsx create mode 100644 src/components/Step1Icon/Step1Icon.tsx create mode 100644 src/components/Step2Icon/Step2Icon.stories.tsx create mode 100644 src/components/Step2Icon/Step2Icon.tsx create mode 100644 src/components/Step3Icon/Step3Icon.stories.tsx create mode 100644 src/components/Step3Icon/Step3Icon.tsx create mode 100644 src/components/StorageIcon/StorageIcon.stories.tsx create mode 100644 src/components/StorageIcon/StorageIcon.tsx create mode 100644 src/components/SuccessIcon/SuccessIcon.stories.tsx create mode 100644 src/components/SuccessIcon/SuccessIcon.tsx create mode 100644 src/components/TickIcon/TickIcon.stories.tsx create mode 100644 src/components/TickIcon/TickIcon.tsx create mode 100644 src/components/TrainCompletedIcon/TrainCompletedIcon.stories.tsx create mode 100644 src/components/TrainCompletedIcon/TrainCompletedIcon.tsx create mode 100644 src/components/TrainFailIcon/TrainFailIcon.stories.tsx create mode 100644 src/components/TrainFailIcon/TrainFailIcon.tsx create mode 100644 src/components/TrainIcon/TrainIcon.stories.tsx create mode 100644 src/components/TrainIcon/TrainIcon.tsx create mode 100644 src/components/TwitterColorIcon/TwitterColorIcon.stories.tsx create mode 100644 src/components/TwitterColorIcon/TwitterColorIcon.tsx create mode 100644 src/components/TwitterIcon/TwitterIcon.stories.tsx create mode 100644 src/components/TwitterIcon/TwitterIcon.tsx create mode 100644 src/components/UnmaximizeIcon/UnmaximizeIcon.stories.tsx create mode 100644 src/components/UnmaximizeIcon/UnmaximizeIcon.tsx create mode 100644 src/components/UploadFolder/UploadFolder.stories.tsx create mode 100644 src/components/UploadFolder/UploadFolder.tsx create mode 100644 src/components/UploadIcon/UploadIcon.stories.tsx create mode 100644 src/components/UploadIcon/UploadIcon.tsx create mode 100644 src/components/Upload_Icon/Upload_Icon.stories.tsx create mode 100644 src/components/Upload_Icon/Upload_Icon.tsx create mode 100644 src/components/UploadsIcon/UploadsIcon.stories.tsx create mode 100644 src/components/UploadsIcon/UploadsIcon.tsx create mode 100644 src/components/ViewAllIcon/ViewAllIcon.stories.tsx create mode 100644 src/components/ViewAllIcon/ViewAllIcon.tsx create mode 100644 src/components/WarningIcon/WarningIcon.stories.tsx create mode 100644 src/components/WarningIcon/WarningIcon.tsx create mode 100644 src/components/WarningIcon3/WarningIcon3.stories.tsx create mode 100644 src/components/WarningIcon3/WarningIcon3.tsx create mode 100644 src/components/WarningImgMovedIcon/WarningImgMovedIcon.stories.tsx create mode 100644 src/components/WarningImgMovedIcon/WarningImgMovedIcon.tsx create mode 100644 src/components/WarningsIcon/WarningsIcon.stories.tsx create mode 100644 src/components/WarningsIcon/WarningsIcon.tsx create mode 100644 src/components/WorldIcon/WorldIcon.stories.tsx create mode 100644 src/components/WorldIcon/WorldIcon.tsx create mode 100644 src/components/ZoomIcon/ZoomIcon.stories.tsx create mode 100644 src/components/ZoomIcon/ZoomIcon.tsx create mode 100644 src/components/ZoomIcon3/ZoomIcon3.stories.tsx create mode 100644 src/components/ZoomIcon3/ZoomIcon3.tsx create mode 100644 src/components/index.ts create mode 100644 src/globals.d.ts create mode 100644 src/index.scss diff --git a/.DS_Store b/.DS_Store index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..b0ccb49fd42da38e294411cfe31fd2f49d00078b 100644 GIT binary patch delta 215 zcmZoMXfc=|#>B`mF;Q%yo}wTt0|Nsi1A_pAVQ_MOZUF--i3`Gpd zIq5JtpcqHO1%ym)zKcszPJR+dTrE7Lxk~z|BeHA?9@&BnBvVxzfZAa8l?4~&apdIZ vr2~Z+Hzt;{O*Rl=+04zs%>i`w#>DT;llesyS($*c3X=^*gg1ML>|q7~I)X4Z delta 70 zcmZoMXfc=|#>AjHu~2NHo+1YW5HK<@2y9-+n8vnw1EUw?W_AvK4xj>{$am(+{342+ UKzW7)kiy9(Jj$D6L{=~Z04H+~3jhEB diff --git a/src/.DS_Store b/src/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5915776afffd1e71f66c217d88526c46c1c4df97 GIT binary patch literal 8196 zcmeHMO>7i56n+l*nI%9bkU&yYb;Mqfh+u($KnO8iQkAHx60%W9#LqH6&SsQZdo?pj zAW^E7IH0zda;bXhof{{_p;B*^s!F}~R&nIO0j@n%?Xx{gW_CB?1VX}&?B}t+_x#?s zYtKFh07!YwKMgPj00vee%|UFs6frMqN9jpNMo<#e2S^~E4!P%s-0eW?0nLDBKr^5j z&J_H8voh^#7%X?qV>Q*zL8Tcp}5a)x1RY*IPO(o^gfsIT7Q1;@mEZE09K4es&*)qo!*OBg-hJeKj zG>TDn=r7(59hZhPtjv>y*O#0qa#)R)?=J=(XUg*-X%-)6BPvW5ue?^27VWQEo#U!w zLQ!=9iuMCb_6@OfvV|1p8E3R;%kL*Z0pDmRaQ}P_3$O~C@Cbf}C-4jW4u8Wd_?HY2 zlN=)_$RxQ;u8?cwI+-IL@ku};WwxjFfq$A^2EPa~K6m}VbNjLX*GIeIvitJ!%NI|7 zJSz8PSDSUdvp?U4&F$0Aeh_YVwYgr2Sjbro=S7VBpavoCV;9e%5YM5L;A73-C7K8o zJY@HCA56`_L?ME?K9?)U%iVrgwtGoTsxKo}ss zQ + + diff --git a/src/assets/svg/EyeOff.svg b/src/assets/svg/EyeOff.svg new file mode 100644 index 00000000..c52a2cae --- /dev/null +++ b/src/assets/svg/EyeOff.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/svg/EyeOn.svg b/src/assets/svg/EyeOn.svg new file mode 100644 index 00000000..7bc62c97 --- /dev/null +++ b/src/assets/svg/EyeOn.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/index.ts b/src/assets/svg/index.ts new file mode 100644 index 00000000..13fff079 --- /dev/null +++ b/src/assets/svg/index.ts @@ -0,0 +1,5 @@ +import EyeOff from './EyeOff.svg' +import EyeOn from './EyeOn.svg' +import Check from './Check.svg' + +export { EyeOff, EyeOn, Check } diff --git a/src/components/.DS_Store b/src/components/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d6e59ca6bebc38d333da3cff95bc5cc258cc3b80 GIT binary patch literal 65540 zcmeI5d7M?nmB(-M-s^t7(hVZfEVdfOT?8~SxFCXxG6I6pxU)lq?zS5Q;}TG#i5lV- zBW@9m8lzwwV@ymWe%zD!jLVpeM58gIQS))%cbRkQ*1L61-BZi$%pWuJq4m+weSUT8 z`>VRO-FxdMNm4g<@vL2v{1YG3$!{N%n$@RK^w{0P3c ztN(kG?qo@FXws8R$VG4X!3GC5IPky8fdP=2Hu#j`(~|6y^umAU{GADZ?@C52?4C7l z#)9q{5L12omHppc^!fYufxlOjW?vOECz+irg8$~jS+7(*^LCj!vwL9=#K6~N{G%Q| zLy~b2*#|NEBnzO8n3qgXrovAaz-K1tXD732DJ+;vQ>Y&a>IV1>O2$LXe2AR@d7G^A zI~V@MRQqaLn&ZPSx#jQ6(i~$G){^W8$D9fAGa%>P$?--rE~6ZK?)CdFPc@C88JHXZ zN1O|}oejsF4ob{#mQ&8!34#RL&}68}AtgN+joFbO3eiK7gW(uUz@2WO zn+1RGP4+hAe`r~}x6g~WUy^bSR5_fg zY5#kiRPAZ$6Y^tghq2>Vi9lzjb*j(fHPW^q1{=O{z4!?n~x>O3^arA-zPNx`ksT}^@see93e_xh< zPvuFSIx^@|c~YlmD0S-S@bgX;p45#=zi;?+g995J$UATd{HPJe<1^Lhu2+rsVBE$> zE)CDfQFP?8{?{+mMt4GbbmZcX6h7CJF@9f zkV>SIx^wSuZ@BjCble`THck~+bJvDLreQu}T*EmA&h!?k`Ow^?n|oFFMawI%mOIph z^DJ*X_2uS2jCo>pT5AFt<3_B8d(a8lQs*?zQ+w5XM9thR@^c}Io-26PS_;lvk8^$@ zic-Gw?qP4PNh!rh!{(0^h??^GOGa2sFtcM!qJ~qI9s`XSN4eHKx$%iTX{~m|8nRHV zz=mG+z<=n!*s=|nYmo^G&Q-oomzI?-rCN6U%B@dGsf6@so9&Mjh_Gd>ttX9zIklO0 zcJVTUxFosCYO@_mPFQ*yl%C^I(oK`{uQjPxVM;Mh5g;E2Ezc6yI)rMcUF4S1B7ejp zx1uTe;uC-RvOu0w81guUK#uKNt>moqb7v~HyOiClwdhX#!B3J_PmLi!!cI1~t@=)2mbGXg?x!#*-pC!53^_ zYIQ?w;c!)sIUy)G`+zq*Q8-kPReiBcMGiYWz$nu$Z{ z6=7)<3jF|c#i6pC_#HUmh@|xMcV4ty(>tRLaX4C_bY3^(rH}1A<8u%#!^;t zZ4M;SUq?cuGkuYFER0eYLwm=sCRn37Y|SlRhmP}Bu2=bS#8Te##~t~hF54Ek;w0vY zj$mWr1>S*>HumD_HL-o+?+etwoh?114yZYMd3RtBD5wJij#;-}I}lWvS{|f*Xy*4e|U|Ju0nlg2JNyK2Qr$l=N#`AN!gn6(bFuKT;sVcBNLnnkY9b z#$J;$i5iP)d!Q2IDAx~OyXqs&<%l(8q1Z^aQG5i1v!Ec`D2r`N2iqvh_MNuF%S%jq zYJ9JKSB>+r375 zyMUUrlyIgMP*B3l4%%xo?RZdSxZ_oV8+bNiYlv$pVtb(GSJVMPVNo9q)It;`eP_kI z;hI#8G<5z*CsDV1WmL8Cc_OCZM3wOw5sRWkH{G^;Pex=#8X|wBK!hy|j*iJ%Z(_9q zs@0}UqJ~qIZU-tcj&cp!vSVM;3gq%ZTY*rlz?POi&h8y6^lHXK$pnSPHIbASNtaSR zbH#s5uu6+Xn$q$|3PkNtTD95CWH_(z?83YD9DJ(%rhGv?r)@j|XoDKce#Yv>lQesT z&Nxv-C-~B$eCdMqJnOF3e2Y8a7}DZ8b=-&DJ_8?|v6O$!nGJ_&eowsNCh>5H$Sr>cC$IE8FQVf$L0w1g$khb8(&t#sV$MXQ zz`gn6LhvR+McrxKzhj1WCrW8*OfjY4&>-#5B4|JG4(_QiXT|G{xMGsc>G*krJpl74 zDh=*Z`FLC_o@@JtHxJ&M?JQ%_$Ri$J#b&QIGVxUgt>&{ zERUM|Q@S{OJnGET&pf|SI}Tx>z#` zai*kwaRLYS@{Gft)8WW`z{8}U5EPuH^c1iNQIuxJ^s(R7G-9OT@kcs{aP^5iQNhn( z)&AQ=mck<1MiW_4l<3Gs)4orLa*>9}A1M%F|Fjs!Hw)knGE8?N{M&a;7S>i+i3RnX zwjQrf2Q`#^kGtQwP_swqj1xt4f-f5hzMwnm*#&5&95XG|g46PkPKWzceiwX-)>6OL zfAGUgwO*aDXJA}ye(;mi#m0karKS#KUWV1#CM#2Us>tiaYRu_Yt(ts$dx zs5oB!=P+Qb6bAWLWJ_T4i zYjVe<^ao8jYK*22s*DTqD#49*f9|C94CY5rZ#jZ%8$k{AWQRNFj@O<<=!`2xbb>FR zQ@-$LH@#0Z^0NfTv&^T$>2crcaiyzp8q~+P%9~BpKK3IWJFOwTQ=znY zt*rh9+$^N0evW?box`=C1=BE&_BRc|)4`UfQ+2CtJ*jQE2`zkyx*3^@<>Mc~$4Di0 zaBkP(M{5V8)yBKxYQeR%Ey4AW`Kphbl^g+e5l7Wg{;B?z`d2tT?qumUaI$b3)YH}% zuba-=$pUP2wcwvgNAP)5RXe4;915!|xJHg63~yb90FFrN(6(onMxT<-a-7k| zgK)G!*{UdUcLJy78Rv=`*rilF)Y;wRbF?_8A0n>$L#PYdKHeU1XJ>fxRg&Ut3}OQa`v>NruQ8Hk** zlx>Sow_K{rz!PsMW8wu~oVVlN8*?L`c!d6zF?+R~ySxc-d*dnlw@&)XX_`HtG5oO_ z!Go&u09RIZ+4H<_J`VDpi=p`)+mh|1A;g(H`r>%L)HNY2cU(iv@+H?r?8jNTICY$> zw7IT};xQ=SlQ%9pgVaSwyy1+A=e(Ve6}T2v+i?e<4xFJ!*Vy*ERtTV1W#kblSRPyy zcUa-=(6@IOpT6H2;`=X>8m|gPIiBq2|n1*LtuYEOFtq7?!?AeQV}ZZ z$jhtmd^6W7I&)0Vhhj?Zkm@I~1n^4IA{aH}&Rx#?_HY))obf2RBPHB-(i2UcxaQ@v z-y?Oyku&N*oPv{gLWbbV?RXd=V1Mkoeuk|-tqX#JlQ!%qr%MU%J?Y(#G@+0lCG$rL zL```j`zp6;xha#V;Z&t-fJ%&`T=)HWvqbO4=ZH1ub0}6|YbR`nsao0v^PVmkd&?~u zw&I_WRy?TZ%;h>@4r(a>nLj+CQS(RWj2A_8f-lYB%TjP+5v-5m9X+xe*sfDI94hWX zD~@p;k(B(h^64#_+!<|n!_fjI)~KaGhtCo@W|e9rPZ>oGCoGNDH9MC!akPD*()=E-5E={M?CxVrkdLmZV6q-gJ-DZ|YSn@hnztH!c0hRJa$V zYr%_1C3WWh-G^u40?Y^k797*q6Pg@w4Hsv3+=Di)P zR=|oiw4qpm4Qty;Q2L?gN1!EVd`=x_tlX>50Pz@ij$Q)-FUT zO-UD13Jy7Ur{=vCw%5!Tr;fW(S`BX4Uz6YmxYIDMH z(FwjZTU=tBH{ef}8xED_0iHRINJ_r$=v(G%a%Z&R4Mz)#orq?h(;IdKVh!tlmZ?r%P{wo7vdG=@G_BY4oP-l>9{O-b?@)2> zGVU1IO5dHPSuQ#Si={J71(%_T$)z1p6b4QdDuufnQRTVkD(} z?UbF)$|xPtrX<7BB4xzN81^$3rKsYRRovmMIT0f%<)%NFa!y9+h&GhrXo0dt&PDEi zZ|q~%l0L?%T5WtPt`=OgOC)Pcgg(kwOEMjIri9ObI*&oUcx&n7KXTNP zEN$Ap#l#D|jZjN)Jp$hf1O;a)4^t&myJJ=Rldv}j zO}XNCKgmi)h%`L@$Q)7rn(2o5zgR>6N9X^OReNKv%;@9N_Jh0?%emf=D^nbYV%oKP zp+z3Gw)za|QALeaQ}={?i*fYKd-3Bp56D)ugnUrGP^`e#25d-%cN)*~U**PrvqBlY zTF$Djb9>_{^R1_U{$R}<(3mqdRwHGvGs#RCYE@~`he1ct!qpZiCx#cuc zzPWtR@(sm0*l?vO-TP5y!_`=uEvMmZ72LBK*>Z7|tzr7@hZ8m-)|6i;R$yzEj&EPp zS1YiT&Y`mS1_GZWk`ms1z-C8lLT9vL3`aXCd({jLukU8#B0g4A?Ws*Es5oWAo0?LH zq?G$@F>wZ=6r&AgI9i}=glCTzKr8EhVjt!#^>kfKP;k0ZddEpFT}rm^lcjl@Oh}KO zd;Um)s0oPhshPQ|Z57WvY*87LsNq!j5=uDpgtRHwxmRx8mz{ZHtSPThtiU!{Jt>a& z))#n64ckyg8<`5{uZ{x#NF{aT%2(fCq8*7=8;^>s1=lu;bIl$D-suuRnUPe|T*X`<}(Xg71C8_qO7UUp&jO2XOcoNXPQ8 zmH8LY(z>_onBT0*`4`k1|N5gB{A$Eok zjqxK^BY4oBc@Xt1BaZ9q*OGC4P|v-n;tFU`L;bk#uD}0G`w^ito)pmuzO-b%)Yf0c zdZBtO>W5RueJDK%J~(43|F32xw`hJ(yy1?C7kJy@jmWqY=PcDbQ_t)QMq=1 zN@OaQJLiErkxJ^)B|m%hZtYUE+PGC*Ex6W7TuaC2=~xNokNo_{-mPIL(z|(-+@0#d z;EpGnI`VJ5J3pWu@hXf9aSDOF!%Ysq5uRzm{){;gkpg$3@>6gkLPZ_fe)C&@uN{d} z8fS_r9S(J|F>~NfBy2fz4h2%+4wd%R4h2-yp{;sWJxv@6Dvd+Ml!8NTP*eEv$m$?J ze{g2Oyzy$eE0ynnE8ckO$F{3)`J475pfOIwY6K73a~{-YjpA8^vjyfuP|v++!o3xP z8tTX2*8k-N?MH;pcv3_s_|lT|1xJw!k{+vGz)A=6!>QvwRK5v5IAbaQP2ZSzvVKFY zC*E+!#0$LGI(5N#!pyKIs#$lBYp$(&l&eUO5|M)C!Q)wL;XN*O8lj?=<30~~Usc%6&_p5|=Mg=w0 zr~3L`*L&&}%PXBv7SRd53{~ybOlYT}*McYBrx#hlSN%M7sbFf{v-+>7cL`ztGDEGx zWOwIK-iZ1Ce&Bt~ML>_2; z{N*X*tJ;O=V^bHucitVR>Swp3^@4vxbp0&82O`Ymn1cmU;vQBX0S^nPsf*Y2e%zv6 zER=$2|N57L;N&3YWK=E0^+4ufR2r6hcY%9RI_ldoZ#NCnzC~({V@0)sS5>%vgjd&R z!}A$C!I-U&kLR)78}KkWJFCjuIWSUj_QK4^Ts-%zG6_7(#ZZ6N512Mo`y<2|FMM$V zccaabyY>kEA|nwLoTc<*U=gAy%^?#;e@WAbk%q?~DG=eB8@^d3D;fP<81AQt&&cCm zc<|ach-;g1U3-pFY@1yAxCySK?KI8|gR>>yYS%eU9Ke|pP58he3RwxDIU;k1l=;TE3*m-RO=XcRgS}9ph-X3t$Qd1|J)?Pe1!pU3; z#>xJrAUL_Pr%oOMz4~03V=QviO6=Qctt^z5wp{e--rCQCX&6WQn}*=& zV2`Kx)TB7(!7&nZGcpy+M|`d#Qb`@$d;g*1wS&=W<6UvJ;99G8Z5*unp+{YCN0R82 z>OWs2{ijFC-6>;F;fbb>jGW#xQ9I&Q7#HFcL2|r*q|ZT)J*AtRDJ^o`Wf;E1>;LJs z$h2=t-DfG$S?cup|mU?PX-?g>8Y2q>-U?jy)2l9@w2~a2%a|RIw`g?cx{ro zW<^`Rdn6Yvp`tv?cgyami&7e{VoJ`Zb^;x& z`1)WZS>S$me40F=tL2fYaHlF*;*m<~)^E3-wp^EfwAwgUT+LnUgiJ$!g|#B+nmwOJ z-|E`P*%6%%cdmrHf<$Yncdy@m?RT_y1@y+f{^$k&+B5&6R&SMWbUqW*bH6IMeihVE zpH`oB+&S8(2%Yh#h)(b&J^QgF+MOt+@u!$l zaA*+Job)Xd*ecJ3z1VOUNAn+g;LwVod{;HLlSBNugzBqvcM>E}Ur%uLUKM9E? z%-*ghC^$#BmCNJgpb_h7RYsYQ19sog(p^viw+9CrJ!t>s<86zq2~Y z;tY{5PT)vu1W8M3nXP@qEs|s;XQ@mF7XF31$_q!L^ZuLveAZ*Ema;qvIUlI%9eA|C_r!J|p!npyouSiID$*f|k|emkfPEvjkP9zdg8%_r*UBm%FVNs{= z)5g+f=~B}DRy_YCD>W<9(D@?;qBd2&OQ3Xx`%m(%OXV5D=GAh_M(ho|@sxLq^~;{s zyaA0NkJShsG-wZ;CCZ)vw4yD}(ZFd%P_p_Pn_tjmxhTWpjuLX;0{c8g?5Bvm9(x+Z zspCZTrvs5Qma^S{;3Y3>Hcz~vjENU`TV1?TKhN$y_9!`XsRNij(Uf}aNt0gJ)Lw<* zj#CKaRUpUnbg{cPWcTjn;w{S00c9?Rvfa?K#XFi!h%-dKIDw-LIMVmgMYTEXjs&lk z^TB;}*yebSMOmM_^??sHYd~YTV>N;Y4LV=WHiun9vZ6U>1>di3MNqN_ADr{4Cd)+` z7I&18dpy5!Ml~Ovvh(cWifs;Cdv)qK(SY}X$Qeu7_Bia~(i!PJi=KEx851w?b^tH- z&wX(I)mA92IXCYs@!D47F{H1INP&A$X$B7>RMd^?{X4d3H=>lrmtso6p+UqUbG_N` z5nKgh9z~^LxrF12C>`~w=kg~zv`>**<5W?t;1#x|>CTMe*^hT0GGB7>+=KdF@E{jM zdCyDk8KQZGIK$?P6F9J)#5Y1kzMq#dd9|ERy_v%sPg(zUn@hi-Spyow9jg&MXor>X z*|4Ux1WL3Q=H(IZi()I?V( zE08MnVez|L?Vx=ql!Ec2e<=vQU@h&2`{;0vy8xV+369{7bdL2})zi{-$)KLsn#!5r zT2Mp1+GfnphLbbOn^(H_QbZ^CQdPd-wMDVlz`HLSsSmk$&RxPg0CF*u^Sgg}YLw;_ z;!Mf=;slP=YvhRQIj}dRTtU6Xc~4fpo?}w(>$dpDo~(SmI^#nTo!|?$KiyE%i}k70 znTQlDZ!Q3DB2?6!7gldGR=X3WH2xG*3J$fX>o?dkrdQds6@EVU#ydV(jdAL@8}-A$ z4QDL%VC4c=?V;nYbk&d2S`nEF_oBQJcoC_j z&RjXV<3R09wA%PoTrIfP&Ri3AisiKh=cuf<1of6vZK{2l1SM0uvM3yrdNlmaD<@~| zOHgOrDWVg6>0rK0h8l!VH>B4^F0?t1eG&FzRaq@h@Wt(vikWnBkt zU(+6>taI@e)A7KRi=jM|)_nh1%_GDa7GIpe(P(qn^N6}-R;?8joTZ%JEmtdh?N2g_ z()^#>jCxm2@y;tg#~d=#&~hM(_! z0=!xm#j9f}@6ahTPIdBT@rE}hUf^xdl`meE!W9v*oN?CHw1%`dK|SX$PlECeYN!vl ztbF|p?L&ml_)$bB_|go|&ZRSYyn6%pL0JUny0xof-Z?8lD{acx{`L8nu@cP18oE%dhb_H(PcA>~6KNY#V`Cc5);gcCu{g^1z3OeN zEH*3Fu!Uj;wzNJhfOY^|2F;ecBM5s!O6O2Q#*VE?0@x>0)&JQf|{710U4w1F?R=P|P< zK4ed@mu&tL=_S2d?neplm-og~FNW{2`5Ns-Kx1k}tVZx)pw9z)M2{<*%!Pp3@&QNp z0R?qp?uDD)rkx0?j2H1L!427Q9Gm5yn87}adEwP^C)6`D-gxT6``d2xD{qa^`J-n> ztVZylmDGr->ip=E&k5|&m;)Xq=Px}3HNg{2>6dOb;Vw<@RhSwOrx3_nfE?F-@hZpk zWcOsagByA~#_iNu)OattGnO)cvbyaa&FqOc#4+&#Z!@g>W4~8>0#fYTaURHM9V*UR zejQjHk(Bi81G^v6q|Ru=8IBexTYz#V)MK2{V-M)KdWEZxjMJ&(q>WG;pi~{lpsaH) zn)cVMRGsmLHYQ%+ZBkcraK<;&HQrXe*$UE|i5kvXeik^zILbKg<4vB@jE-2t7m5|w zIuskOyW{=Oxbhyj%CCAXN*a*@=Pum`+z~43!ov>^d|tZ{r8J%tQwk1YO~k7bxVD4O z**I#u>b3@0U-w z<}FgA139K6kzz{0p?Yu#XSC{lah#;`3i!-^PxJiqBWr6kc8sZYt{9#V^~CKU$VWPZ z%9oVmEK_|aEvu+BIAcBZOK@LZ#IY&+ju$R}Uzb;;)_77>%f0G^?85cRi2UZ}+1LY9 zw<1&FewByDAD=qbe8pZLYsVswOKW*?wcuJcb4@(+Rj>US>9uq5+=)_pH)5?Mbefd; z=xuLIvUlj_;!KV3#R(j3iUZ$-g;!F%cUY?anKF5`oKNjE?Tx3b-LG6()vN)H;f~b^ z9;9bo%>(P57ml6^XOz^7s5H1IRhXgc)*^6h>dmTMho7VOZjU-9t@%Z@f>&4`W*25` z>&Y{td~Hhg=F}svmU~ma2)yyeQ%|Oi9@b9ki!*=Ji&%}|!9bq}c1wxZAX!ZbsJRc7 zbHImyf;zFT^j|}?6G4?Zcj8q+H?Su6slHci7gaAy>jckbPR-q@$F+!ng1T|$u46Y9 z-N+q>){JPwQVU zp3{`DHP6LRmdDoJHBr|&A

gixW8NfdhB8QSXN5d1@F2d1Ak(`T1aN=B*WD^5TjS z^3kC3(G8;s^tFfQq!FK#u_9<*8vdH)B^PCK5=#StI-ZE^FhFZ zZLv2EPFh+4q)|G`e@Ej>hw8c!sWq+?)pD;oA-ixz*KpSEychc(oW-|LhdfH|OBvtX z=!vFoY`@gob ze2#+;eqr3Q^t+P49~h#(;P2Ji-|6={oqC-Pt%JcBe%0ylI=D4E{dcGSK1P3EmVQ@9 zf_QzTx>TOj>7&)9@}#a)g(r1m((lQ*84J2+z~8H`zMYP$TrqY_3h7z>HgEkm^#3p} dvYt7lJzmj1oR(2htx$HJUY4)#{r~O%{~LVmS+@WH literal 0 HcmV?d00001 diff --git a/src/components/AddFolderIcon/AddFolderIcon.stories.tsx b/src/components/AddFolderIcon/AddFolderIcon.stories.tsx new file mode 100644 index 00000000..70e1e50f --- /dev/null +++ b/src/components/AddFolderIcon/AddFolderIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AddFolderIcon } from '..' + +export default { + title: 'component/AddFolderIcon', + component: AddFolderIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AddFolderIcon/AddFolderIcon.tsx b/src/components/AddFolderIcon/AddFolderIcon.tsx new file mode 100644 index 00000000..93a3abd4 --- /dev/null +++ b/src/components/AddFolderIcon/AddFolderIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const AddFolderIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(AddFolderIcon) diff --git a/src/components/AfterShootLogo/AfterShootLogo.stories.tsx b/src/components/AfterShootLogo/AfterShootLogo.stories.tsx new file mode 100644 index 00000000..adbf2b9b --- /dev/null +++ b/src/components/AfterShootLogo/AfterShootLogo.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AfterShootLogo } from '..' + +export default { + title: 'component/AfterShootLogo', + component: AfterShootLogo, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AfterShootLogo/AfterShootLogo.tsx b/src/components/AfterShootLogo/AfterShootLogo.tsx new file mode 100644 index 00000000..a6e78fd1 --- /dev/null +++ b/src/components/AfterShootLogo/AfterShootLogo.tsx @@ -0,0 +1,32 @@ +import React from 'react' + +const AfterShootLogo: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default React.memo(AfterShootLogo) diff --git a/src/components/AftershootEditsIcon/AftershootEditsIcon.stories.tsx b/src/components/AftershootEditsIcon/AftershootEditsIcon.stories.tsx new file mode 100644 index 00000000..535c471d --- /dev/null +++ b/src/components/AftershootEditsIcon/AftershootEditsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AftershootEditsIcon } from '..' + +export default { + title: 'component/AftershootEditsIcon', + component: AftershootEditsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AftershootEditsIcon/AftershootEditsIcon.tsx b/src/components/AftershootEditsIcon/AftershootEditsIcon.tsx new file mode 100644 index 00000000..9607b4d3 --- /dev/null +++ b/src/components/AftershootEditsIcon/AftershootEditsIcon.tsx @@ -0,0 +1,52 @@ +import React from 'react' + +const AftershootEditsIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default AftershootEditsIcon diff --git a/src/components/AlertIcon/AlertIcon.stories.tsx b/src/components/AlertIcon/AlertIcon.stories.tsx new file mode 100644 index 00000000..5a39bcad --- /dev/null +++ b/src/components/AlertIcon/AlertIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AlertIcon } from '..' + +export default { + title: 'component/AlertIcon', + component: AlertIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AlertIcon/AlertIcon.tsx b/src/components/AlertIcon/AlertIcon.tsx new file mode 100644 index 00000000..e75f59fe --- /dev/null +++ b/src/components/AlertIcon/AlertIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const AlertIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(AlertIcon) diff --git a/src/components/AlertIcon2/AlertIcon2.stories.tsx b/src/components/AlertIcon2/AlertIcon2.stories.tsx new file mode 100644 index 00000000..0167a521 --- /dev/null +++ b/src/components/AlertIcon2/AlertIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AlertIcon2 } from '..' + +export default { + title: 'component/AlertIcon2', + component: AlertIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AlertIcon2/AlertIcon2.tsx b/src/components/AlertIcon2/AlertIcon2.tsx new file mode 100644 index 00000000..1b936a2a --- /dev/null +++ b/src/components/AlertIcon2/AlertIcon2.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +const AlertIcon2: React.FC> = (props) => { + return ( + + + + + ) +} + +export default AlertIcon2 diff --git a/src/components/AppleIcon/AppleIcon.stories.tsx b/src/components/AppleIcon/AppleIcon.stories.tsx new file mode 100644 index 00000000..86485631 --- /dev/null +++ b/src/components/AppleIcon/AppleIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { AppleIcon } from '..' + +export default { + title: 'component/AppleIcon', + component: AppleIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/AppleIcon/AppleIcon.tsx b/src/components/AppleIcon/AppleIcon.tsx new file mode 100644 index 00000000..d4caa794 --- /dev/null +++ b/src/components/AppleIcon/AppleIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const AppleIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(AppleIcon) diff --git a/src/components/ArrowBackIcon/ArrowBackIcon.stories.tsx b/src/components/ArrowBackIcon/ArrowBackIcon.stories.tsx new file mode 100644 index 00000000..0490a977 --- /dev/null +++ b/src/components/ArrowBackIcon/ArrowBackIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowBackIcon } from '..' + +export default { + title: 'component/ArrowBackIcon', + component: ArrowBackIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowBackIcon/ArrowBackIcon.tsx b/src/components/ArrowBackIcon/ArrowBackIcon.tsx new file mode 100644 index 00000000..40519d61 --- /dev/null +++ b/src/components/ArrowBackIcon/ArrowBackIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ArrowBackIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowBackIcon) diff --git a/src/components/ArrowDownIcon/ArrowDownIcon.stories.tsx b/src/components/ArrowDownIcon/ArrowDownIcon.stories.tsx new file mode 100644 index 00000000..cd2474eb --- /dev/null +++ b/src/components/ArrowDownIcon/ArrowDownIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowDownIcon } from '..' + +export default { + title: 'component/ArrowDownIcon', + component: ArrowDownIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowDownIcon/ArrowDownIcon.tsx b/src/components/ArrowDownIcon/ArrowDownIcon.tsx new file mode 100644 index 00000000..36063d6f --- /dev/null +++ b/src/components/ArrowDownIcon/ArrowDownIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ArrowDownIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(ArrowDownIcon) diff --git a/src/components/ArrowDownIcon2/ArrowDownIcon2.stories.tsx b/src/components/ArrowDownIcon2/ArrowDownIcon2.stories.tsx new file mode 100644 index 00000000..d615a7aa --- /dev/null +++ b/src/components/ArrowDownIcon2/ArrowDownIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowDownIcon2 } from '..' + +export default { + title: 'component/ArrowDownIcon2', + component: ArrowDownIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowDownIcon2/ArrowDownIcon2.tsx b/src/components/ArrowDownIcon2/ArrowDownIcon2.tsx new file mode 100644 index 00000000..24b8ed00 --- /dev/null +++ b/src/components/ArrowDownIcon2/ArrowDownIcon2.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ArrowDownIcon2: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowDownIcon2) diff --git a/src/components/ArrowForwardIcon/ArrowForwardIcon.stories.tsx b/src/components/ArrowForwardIcon/ArrowForwardIcon.stories.tsx new file mode 100644 index 00000000..0c277a7e --- /dev/null +++ b/src/components/ArrowForwardIcon/ArrowForwardIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowForwardIcon } from '..' + +export default { + title: 'component/ArrowForwardIcon', + component: ArrowForwardIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowForwardIcon/ArrowForwardIcon.tsx b/src/components/ArrowForwardIcon/ArrowForwardIcon.tsx new file mode 100644 index 00000000..0f694233 --- /dev/null +++ b/src/components/ArrowForwardIcon/ArrowForwardIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ArrowForwardIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowForwardIcon) diff --git a/src/components/ArrowIcon/ArrowIcon.stories.tsx b/src/components/ArrowIcon/ArrowIcon.stories.tsx new file mode 100644 index 00000000..ee11949c --- /dev/null +++ b/src/components/ArrowIcon/ArrowIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowIcon } from '..' + +export default { + title: 'component/ArrowIcon', + component: ArrowIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowIcon/ArrowIcon.tsx b/src/components/ArrowIcon/ArrowIcon.tsx new file mode 100644 index 00000000..8dbbabe5 --- /dev/null +++ b/src/components/ArrowIcon/ArrowIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ArrowIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ArrowIcon diff --git a/src/components/ArrowLeftIcon/ArrowLeftIcon.stories.tsx b/src/components/ArrowLeftIcon/ArrowLeftIcon.stories.tsx new file mode 100644 index 00000000..0755724b --- /dev/null +++ b/src/components/ArrowLeftIcon/ArrowLeftIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowLeftIcon } from '..' + +export default { + title: 'component/ArrowLeftIcon', + component: ArrowLeftIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowLeftIcon/ArrowLeftIcon.tsx b/src/components/ArrowLeftIcon/ArrowLeftIcon.tsx new file mode 100644 index 00000000..ff144627 --- /dev/null +++ b/src/components/ArrowLeftIcon/ArrowLeftIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ArrowLeftIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowLeftIcon) diff --git a/src/components/ArrowRightIcon/ArrowRightIcon.stories.tsx b/src/components/ArrowRightIcon/ArrowRightIcon.stories.tsx new file mode 100644 index 00000000..ed1b9f2d --- /dev/null +++ b/src/components/ArrowRightIcon/ArrowRightIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowRightIcon } from '..' + +export default { + title: 'component/ArrowRightIcon', + component: ArrowRightIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowRightIcon/ArrowRightIcon.tsx b/src/components/ArrowRightIcon/ArrowRightIcon.tsx new file mode 100644 index 00000000..73b134b3 --- /dev/null +++ b/src/components/ArrowRightIcon/ArrowRightIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ArrowRightIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowRightIcon) diff --git a/src/components/ArrowRightIosIcon/ArrowRightIosIcon.stories.tsx b/src/components/ArrowRightIosIcon/ArrowRightIosIcon.stories.tsx new file mode 100644 index 00000000..0c45aa54 --- /dev/null +++ b/src/components/ArrowRightIosIcon/ArrowRightIosIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowRightIosIcon } from '..' + +export default { + title: 'component/ArrowRightIosIcon', + component: ArrowRightIosIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowRightIosIcon/ArrowRightIosIcon.tsx b/src/components/ArrowRightIosIcon/ArrowRightIosIcon.tsx new file mode 100644 index 00000000..51ff6035 --- /dev/null +++ b/src/components/ArrowRightIosIcon/ArrowRightIosIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ArrowRightIosIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowRightIosIcon) diff --git a/src/components/ArrowUpIcon/ArrowUpIcon.stories.tsx b/src/components/ArrowUpIcon/ArrowUpIcon.stories.tsx new file mode 100644 index 00000000..b8ff438d --- /dev/null +++ b/src/components/ArrowUpIcon/ArrowUpIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowUpIcon } from '..' + +export default { + title: 'component/ArrowUpIcon', + component: ArrowUpIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowUpIcon/ArrowUpIcon.tsx b/src/components/ArrowUpIcon/ArrowUpIcon.tsx new file mode 100644 index 00000000..d95f89d1 --- /dev/null +++ b/src/components/ArrowUpIcon/ArrowUpIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ArrowUpIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(ArrowUpIcon) diff --git a/src/components/ArrowUpIcon2/ArrowUpIcon2.stories.tsx b/src/components/ArrowUpIcon2/ArrowUpIcon2.stories.tsx new file mode 100644 index 00000000..8e782095 --- /dev/null +++ b/src/components/ArrowUpIcon2/ArrowUpIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ArrowUpIcon2 } from '..' + +export default { + title: 'component/ArrowUpIcon2', + component: ArrowUpIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ArrowUpIcon2/ArrowUpIcon2.tsx b/src/components/ArrowUpIcon2/ArrowUpIcon2.tsx new file mode 100644 index 00000000..f82008ea --- /dev/null +++ b/src/components/ArrowUpIcon2/ArrowUpIcon2.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ArrowUpIcon2: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ArrowUpIcon2) diff --git a/src/components/BlueTickIcon/BlueTickIcon.stories.tsx b/src/components/BlueTickIcon/BlueTickIcon.stories.tsx new file mode 100644 index 00000000..4a721aa9 --- /dev/null +++ b/src/components/BlueTickIcon/BlueTickIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { BlueTickIcon } from '..' + +export default { + title: 'component/BlueTickIcon', + component: BlueTickIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/BlueTickIcon/BlueTickIcon.tsx b/src/components/BlueTickIcon/BlueTickIcon.tsx new file mode 100644 index 00000000..18efc188 --- /dev/null +++ b/src/components/BlueTickIcon/BlueTickIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const BlueIconTickIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(BlueIconTickIcon) diff --git a/src/components/BorderColorIcon/BorderColorIcon.stories.tsx b/src/components/BorderColorIcon/BorderColorIcon.stories.tsx new file mode 100644 index 00000000..d5fb4f80 --- /dev/null +++ b/src/components/BorderColorIcon/BorderColorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { BorderColorIcon } from '..' + +export default { + title: 'component/BorderColorIcon', + component: BorderColorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/BorderColorIcon/BorderColorIcon.tsx b/src/components/BorderColorIcon/BorderColorIcon.tsx new file mode 100644 index 00000000..0a61af4e --- /dev/null +++ b/src/components/BorderColorIcon/BorderColorIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const BorderColorIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(BorderColorIcon) diff --git a/src/components/CancelIcon/CancelIcon.stories.tsx b/src/components/CancelIcon/CancelIcon.stories.tsx new file mode 100644 index 00000000..590a30c9 --- /dev/null +++ b/src/components/CancelIcon/CancelIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CancelIcon } from '..' + +export default { + title: 'component/CancelIcon', + component: CancelIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CancelIcon/CancelIcon.tsx b/src/components/CancelIcon/CancelIcon.tsx new file mode 100644 index 00000000..db663c09 --- /dev/null +++ b/src/components/CancelIcon/CancelIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const CancelIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(CancelIcon) diff --git a/src/components/CartIcon/CartIcon.stories.tsx b/src/components/CartIcon/CartIcon.stories.tsx new file mode 100644 index 00000000..988a4b96 --- /dev/null +++ b/src/components/CartIcon/CartIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CartIcon } from '..' + +export default { + title: 'component/CartIcon', + component: CartIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CartIcon/CartIcon.tsx b/src/components/CartIcon/CartIcon.tsx new file mode 100644 index 00000000..57dfe1b1 --- /dev/null +++ b/src/components/CartIcon/CartIcon.tsx @@ -0,0 +1,48 @@ +import React from 'react' + +const CartIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + + ) +} + +export default CartIcon diff --git a/src/components/CheckCircleIcon/CheckCircleIcon.stories.tsx b/src/components/CheckCircleIcon/CheckCircleIcon.stories.tsx new file mode 100644 index 00000000..6b3d478b --- /dev/null +++ b/src/components/CheckCircleIcon/CheckCircleIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CheckCircleIcon } from '..' + +export default { + title: 'component/CheckCircleIcon', + component: CheckCircleIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CheckCircleIcon/CheckCircleIcon.tsx b/src/components/CheckCircleIcon/CheckCircleIcon.tsx new file mode 100644 index 00000000..8a91f95e --- /dev/null +++ b/src/components/CheckCircleIcon/CheckCircleIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const CheckCircleIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(CheckCircleIcon) diff --git a/src/components/CheckIcon/CheckIcon.stories.tsx b/src/components/CheckIcon/CheckIcon.stories.tsx new file mode 100644 index 00000000..ecd90505 --- /dev/null +++ b/src/components/CheckIcon/CheckIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CheckIcon } from '..' + +export default { + title: 'component/CheckIcon', + component: CheckIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CheckIcon/CheckIcon.tsx b/src/components/CheckIcon/CheckIcon.tsx new file mode 100644 index 00000000..df650df7 --- /dev/null +++ b/src/components/CheckIcon/CheckIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const CheckIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(CheckIcon) diff --git a/src/components/CheckIcon2/CheckIcon2.stories.tsx b/src/components/CheckIcon2/CheckIcon2.stories.tsx new file mode 100644 index 00000000..4a75a765 --- /dev/null +++ b/src/components/CheckIcon2/CheckIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CheckIcon2 } from '..' + +export default { + title: 'component/CheckIcon2', + component: CheckIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CheckIcon2/CheckIcon2.tsx b/src/components/CheckIcon2/CheckIcon2.tsx new file mode 100644 index 00000000..27b9bb12 --- /dev/null +++ b/src/components/CheckIcon2/CheckIcon2.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const CheckIcon2: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(CheckIcon2) diff --git a/src/components/CheckIcon4/CheckIcon4.stories.tsx b/src/components/CheckIcon4/CheckIcon4.stories.tsx new file mode 100644 index 00000000..ca5e1b80 --- /dev/null +++ b/src/components/CheckIcon4/CheckIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CheckIcon4 } from '..' + +export default { + title: 'component/CheckIcon4', + component: CheckIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CheckIcon4/CheckIcon4.tsx b/src/components/CheckIcon4/CheckIcon4.tsx new file mode 100644 index 00000000..b66130ae --- /dev/null +++ b/src/components/CheckIcon4/CheckIcon4.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const CheckIcon4: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default CheckIcon4 diff --git a/src/components/CircleCheckIcon/CircleCheckIcon.stories.tsx b/src/components/CircleCheckIcon/CircleCheckIcon.stories.tsx new file mode 100644 index 00000000..65fdf259 --- /dev/null +++ b/src/components/CircleCheckIcon/CircleCheckIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CircleCheckIcon } from '..' + +export default { + title: 'component/CircleCheckIcon', + component: CircleCheckIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CircleCheckIcon/CircleCheckIcon.tsx b/src/components/CircleCheckIcon/CircleCheckIcon.tsx new file mode 100644 index 00000000..4a02584c --- /dev/null +++ b/src/components/CircleCheckIcon/CircleCheckIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const CircleCheckIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default CircleCheckIcon diff --git a/src/components/ClearIcon/ClearIcon.stories.tsx b/src/components/ClearIcon/ClearIcon.stories.tsx new file mode 100644 index 00000000..0dcacf9f --- /dev/null +++ b/src/components/ClearIcon/ClearIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ClearIcon } from '..' + +export default { + title: 'component/ClearIcon', + component: ClearIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ClearIcon/ClearIcon.tsx b/src/components/ClearIcon/ClearIcon.tsx new file mode 100644 index 00000000..2d8662a8 --- /dev/null +++ b/src/components/ClearIcon/ClearIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ClearIcon: React.FC> = (props) => { + return ( + + + + + ) +} +export default React.memo(ClearIcon) diff --git a/src/components/ClockIcon/ClockIcon.stories.tsx b/src/components/ClockIcon/ClockIcon.stories.tsx new file mode 100644 index 00000000..79e0b007 --- /dev/null +++ b/src/components/ClockIcon/ClockIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ClockIcon } from '..' + +export default { + title: 'component/ClockIcon', + component: ClockIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ClockIcon/ClockIcon.tsx b/src/components/ClockIcon/ClockIcon.tsx new file mode 100644 index 00000000..39c83873 --- /dev/null +++ b/src/components/ClockIcon/ClockIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const ClockIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} +export default React.memo(ClockIcon) diff --git a/src/components/ClockIcon4/ClockIcon4.stories.tsx b/src/components/ClockIcon4/ClockIcon4.stories.tsx new file mode 100644 index 00000000..24352e9c --- /dev/null +++ b/src/components/ClockIcon4/ClockIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ClockIcon4 } from '..' + +export default { + title: 'component/ClockIcon4', + component: ClockIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ClockIcon4/ClockIcon4.tsx b/src/components/ClockIcon4/ClockIcon4.tsx new file mode 100644 index 00000000..10f2cff4 --- /dev/null +++ b/src/components/ClockIcon4/ClockIcon4.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const ClockIcon4: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ClockIcon4 diff --git a/src/components/CloseIcon/CloseIcon.stories.tsx b/src/components/CloseIcon/CloseIcon.stories.tsx new file mode 100644 index 00000000..370c2b9a --- /dev/null +++ b/src/components/CloseIcon/CloseIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CloseIcon } from '..' + +export default { + title: 'component/CloseIcon', + component: CloseIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CloseIcon/CloseIcon.tsx b/src/components/CloseIcon/CloseIcon.tsx new file mode 100644 index 00000000..00b51727 --- /dev/null +++ b/src/components/CloseIcon/CloseIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const CloseIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(CloseIcon) diff --git a/src/components/ColorPaletteIcon/ColorPaletteIcon.stories.tsx b/src/components/ColorPaletteIcon/ColorPaletteIcon.stories.tsx new file mode 100644 index 00000000..109534aa --- /dev/null +++ b/src/components/ColorPaletteIcon/ColorPaletteIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ColorPaletteIcon } from '..' + +export default { + title: 'component/ColorPaletteIcon', + component: ColorPaletteIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ColorPaletteIcon/ColorPaletteIcon.tsx b/src/components/ColorPaletteIcon/ColorPaletteIcon.tsx new file mode 100644 index 00000000..8047fa8b --- /dev/null +++ b/src/components/ColorPaletteIcon/ColorPaletteIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const ColorPaletteIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ColorPaletteIcon) diff --git a/src/components/ConfettiIcon/ConfettiIcon.stories.tsx b/src/components/ConfettiIcon/ConfettiIcon.stories.tsx new file mode 100644 index 00000000..1f115c27 --- /dev/null +++ b/src/components/ConfettiIcon/ConfettiIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ConfettiIcon } from '..' + +export default { + title: 'component/ConfettiIcon', + component: ConfettiIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ConfettiIcon/ConfettiIcon.tsx b/src/components/ConfettiIcon/ConfettiIcon.tsx new file mode 100644 index 00000000..c342109a --- /dev/null +++ b/src/components/ConfettiIcon/ConfettiIcon.tsx @@ -0,0 +1,178 @@ +import React from 'react' + +const ConfettiIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default ConfettiIcon diff --git a/src/components/ConfettiLeftIcon/ConfettiLeftIcon.stories.tsx b/src/components/ConfettiLeftIcon/ConfettiLeftIcon.stories.tsx new file mode 100644 index 00000000..70f47755 --- /dev/null +++ b/src/components/ConfettiLeftIcon/ConfettiLeftIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ConfettiLeftIcon } from '..' + +export default { + title: 'component/ConfettiLeftIcon', + component: ConfettiLeftIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ConfettiLeftIcon/ConfettiLeftIcon.tsx b/src/components/ConfettiLeftIcon/ConfettiLeftIcon.tsx new file mode 100644 index 00000000..631b1f43 --- /dev/null +++ b/src/components/ConfettiLeftIcon/ConfettiLeftIcon.tsx @@ -0,0 +1,91 @@ +import React from 'react' + +const ConfettiLeftIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default ConfettiLeftIcon diff --git a/src/components/ConfettiRightIcon/ConfettiRightIcon.stories.tsx b/src/components/ConfettiRightIcon/ConfettiRightIcon.stories.tsx new file mode 100644 index 00000000..5973e725 --- /dev/null +++ b/src/components/ConfettiRightIcon/ConfettiRightIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ConfettiRightIcon } from '..' + +export default { + title: 'component/ConfettiRightIcon', + component: ConfettiRightIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ConfettiRightIcon/ConfettiRightIcon.tsx b/src/components/ConfettiRightIcon/ConfettiRightIcon.tsx new file mode 100644 index 00000000..bec6994b --- /dev/null +++ b/src/components/ConfettiRightIcon/ConfettiRightIcon.tsx @@ -0,0 +1,97 @@ +import React from 'react' + +const ConfettiRightIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default ConfettiRightIcon diff --git a/src/components/ContactSupportIcon/ContactSupportIcon.stories.tsx b/src/components/ContactSupportIcon/ContactSupportIcon.stories.tsx new file mode 100644 index 00000000..36b8b63a --- /dev/null +++ b/src/components/ContactSupportIcon/ContactSupportIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ContactSupportIcon } from '..' + +export default { + title: 'component/ContactSupportIcon', + component: ContactSupportIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ContactSupportIcon/ContactSupportIcon.tsx b/src/components/ContactSupportIcon/ContactSupportIcon.tsx new file mode 100644 index 00000000..9a5e2be9 --- /dev/null +++ b/src/components/ContactSupportIcon/ContactSupportIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ContactSupportIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(ContactSupportIcon) diff --git a/src/components/ContentCopyIcon/ContentCopyIcon.stories.tsx b/src/components/ContentCopyIcon/ContentCopyIcon.stories.tsx new file mode 100644 index 00000000..23ccef7d --- /dev/null +++ b/src/components/ContentCopyIcon/ContentCopyIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ContentCopyIcon } from '..' + +export default { + title: 'component/ContentCopyIcon', + component: ContentCopyIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ContentCopyIcon/ContentCopyIcon.tsx b/src/components/ContentCopyIcon/ContentCopyIcon.tsx new file mode 100644 index 00000000..49bad47b --- /dev/null +++ b/src/components/ContentCopyIcon/ContentCopyIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ContentCopyIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(ContentCopyIcon) diff --git a/src/components/CopyIcon/CopyIcon.stories.tsx b/src/components/CopyIcon/CopyIcon.stories.tsx new file mode 100644 index 00000000..e19e0ca4 --- /dev/null +++ b/src/components/CopyIcon/CopyIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CopyIcon } from '..' + +export default { + title: 'component/CopyIcon', + component: CopyIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CopyIcon/CopyIcon.tsx b/src/components/CopyIcon/CopyIcon.tsx new file mode 100644 index 00000000..61404460 --- /dev/null +++ b/src/components/CopyIcon/CopyIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const CopyIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default CopyIcon diff --git a/src/components/CopyIcon2/CopyIcon2.stories.tsx b/src/components/CopyIcon2/CopyIcon2.stories.tsx new file mode 100644 index 00000000..3363482c --- /dev/null +++ b/src/components/CopyIcon2/CopyIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CopyIcon2 } from '..' + +export default { + title: 'component/CopyIcon2', + component: CopyIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CopyIcon2/CopyIcon2.tsx b/src/components/CopyIcon2/CopyIcon2.tsx new file mode 100644 index 00000000..4b8da4e6 --- /dev/null +++ b/src/components/CopyIcon2/CopyIcon2.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const CopyIcon2: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(CopyIcon2) diff --git a/src/components/CrossIcon/CrossIcon.stories.tsx b/src/components/CrossIcon/CrossIcon.stories.tsx new file mode 100644 index 00000000..854a7c88 --- /dev/null +++ b/src/components/CrossIcon/CrossIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CrossIcon } from '..' + +export default { + title: 'component/CrossIcon', + component: CrossIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CrossIcon/CrossIcon.tsx b/src/components/CrossIcon/CrossIcon.tsx new file mode 100644 index 00000000..1ec9d775 --- /dev/null +++ b/src/components/CrossIcon/CrossIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const CrossIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default CrossIcon diff --git a/src/components/CullFromCardIcon/CullFromCardIcon.stories.tsx b/src/components/CullFromCardIcon/CullFromCardIcon.stories.tsx new file mode 100644 index 00000000..b0a7d5e1 --- /dev/null +++ b/src/components/CullFromCardIcon/CullFromCardIcon.stories.tsx @@ -0,0 +1,19 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CullFromCardIcon } from '..' + +export default { + title: 'component/CullFromCardIcon', + component: CullFromCardIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } + diff --git a/src/components/CullFromCardIcon/CullFromCardIcon.tsx b/src/components/CullFromCardIcon/CullFromCardIcon.tsx new file mode 100644 index 00000000..a279b43e --- /dev/null +++ b/src/components/CullFromCardIcon/CullFromCardIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const CullFromCardIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + ) +}) + +export default CullFromCardIcon diff --git a/src/components/CullFromComputerIcon/CullFromComputerIcon.stories.tsx b/src/components/CullFromComputerIcon/CullFromComputerIcon.stories.tsx new file mode 100644 index 00000000..41a5319d --- /dev/null +++ b/src/components/CullFromComputerIcon/CullFromComputerIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { CullFromComputerIcon } from '..' + +export default { + title: 'component/CullFromComputerIcon', + component: CullFromComputerIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/CullFromComputerIcon/CullFromComputerIcon.tsx b/src/components/CullFromComputerIcon/CullFromComputerIcon.tsx new file mode 100644 index 00000000..dd6ea86e --- /dev/null +++ b/src/components/CullFromComputerIcon/CullFromComputerIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const CullFromComputerIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default CullFromComputerIcon diff --git a/src/components/DeleteGreyIcon/DeleteGreyIcon.stories.tsx b/src/components/DeleteGreyIcon/DeleteGreyIcon.stories.tsx new file mode 100644 index 00000000..eac9882b --- /dev/null +++ b/src/components/DeleteGreyIcon/DeleteGreyIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DeleteGreyIcon } from '..' + +export default { + title: 'component/DeleteGreyIcon', + component: DeleteGreyIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DeleteGreyIcon/DeleteGreyIcon.tsx b/src/components/DeleteGreyIcon/DeleteGreyIcon.tsx new file mode 100644 index 00000000..b4b02c2b --- /dev/null +++ b/src/components/DeleteGreyIcon/DeleteGreyIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const DeleteGreyIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DeleteGreyIcon diff --git a/src/components/DeleteIcon/DeleteIcon.stories.tsx b/src/components/DeleteIcon/DeleteIcon.stories.tsx new file mode 100644 index 00000000..5c2deca3 --- /dev/null +++ b/src/components/DeleteIcon/DeleteIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DeleteIcon } from '..' + +export default { + title: 'component/DeleteIcon', + component: DeleteIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DeleteIcon/DeleteIcon.tsx b/src/components/DeleteIcon/DeleteIcon.tsx new file mode 100644 index 00000000..500be3ea --- /dev/null +++ b/src/components/DeleteIcon/DeleteIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react' + +const DeleteIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default React.memo(DeleteIcon) diff --git a/src/components/DeleteIcon3/DeleteIcon3.stories.tsx b/src/components/DeleteIcon3/DeleteIcon3.stories.tsx new file mode 100644 index 00000000..5b83e15f --- /dev/null +++ b/src/components/DeleteIcon3/DeleteIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DeleteIcon3 } from '..' + +export default { + title: 'component/DeleteIcon3', + component: DeleteIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DeleteIcon3/DeleteIcon3.tsx b/src/components/DeleteIcon3/DeleteIcon3.tsx new file mode 100644 index 00000000..d558da40 --- /dev/null +++ b/src/components/DeleteIcon3/DeleteIcon3.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const DeleteIcon3: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DeleteIcon3 diff --git a/src/components/DeleteWhiteIcon/DeleteWhiteIcon.stories.tsx b/src/components/DeleteWhiteIcon/DeleteWhiteIcon.stories.tsx new file mode 100644 index 00000000..7e96f262 --- /dev/null +++ b/src/components/DeleteWhiteIcon/DeleteWhiteIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DeleteWhiteIcon } from '..' + +export default { + title: 'component/DeleteWhiteIcon', + component: DeleteWhiteIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DeleteWhiteIcon/DeleteWhiteIcon.tsx b/src/components/DeleteWhiteIcon/DeleteWhiteIcon.tsx new file mode 100644 index 00000000..0a38bdd3 --- /dev/null +++ b/src/components/DeleteWhiteIcon/DeleteWhiteIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const DeleteWhiteIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DeleteWhiteIcon diff --git a/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.stories.tsx b/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.stories.tsx new file mode 100644 index 00000000..728079fc --- /dev/null +++ b/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DeleteWhiteIcon4 } from '..' + +export default { + title: 'component/DeleteWhiteIcon4', + component: DeleteWhiteIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.tsx b/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.tsx new file mode 100644 index 00000000..990af40a --- /dev/null +++ b/src/components/DeleteWhiteIcon4/DeleteWhiteIcon4.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const DeleteWhiteIcon4: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DeleteWhiteIcon4 diff --git a/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.stories.tsx b/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..d05eef0b --- /dev/null +++ b/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DescAlphaNotSelectedIcon } from '..' + +export default { + title: 'component/DescAlphaNotSelectedIcon', + component: DescAlphaNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.tsx b/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.tsx new file mode 100644 index 00000000..45344772 --- /dev/null +++ b/src/components/DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const DescAlphaNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default DescAlphaNotSelectedIcon diff --git a/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.stories.tsx b/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.stories.tsx new file mode 100644 index 00000000..dcdeeb9d --- /dev/null +++ b/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DescAlphaSelectedIcon } from '..' + +export default { + title: 'component/DescAlphaSelectedIcon', + component: DescAlphaSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.tsx b/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.tsx new file mode 100644 index 00000000..14d29aec --- /dev/null +++ b/src/components/DescAlphaSelectedIcon/DescAlphaSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const DescAlphaSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default DescAlphaSelectedIcon diff --git a/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.stories.tsx b/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..d1397846 --- /dev/null +++ b/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DescNumNotSelectedIcon } from '..' + +export default { + title: 'component/DescNumNotSelectedIcon', + component: DescNumNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.tsx b/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.tsx new file mode 100644 index 00000000..5bafce20 --- /dev/null +++ b/src/components/DescNumNotSelectedIcon/DescNumNotSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const DescNumNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default DescNumNotSelectedIcon diff --git a/src/components/DescNumSelectedIcon/DescNumSelectedIcon.stories.tsx b/src/components/DescNumSelectedIcon/DescNumSelectedIcon.stories.tsx new file mode 100644 index 00000000..70a05d67 --- /dev/null +++ b/src/components/DescNumSelectedIcon/DescNumSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DescNumSelectedIcon } from '..' + +export default { + title: 'component/DescNumSelectedIcon', + component: DescNumSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DescNumSelectedIcon/DescNumSelectedIcon.tsx b/src/components/DescNumSelectedIcon/DescNumSelectedIcon.tsx new file mode 100644 index 00000000..8c464554 --- /dev/null +++ b/src/components/DescNumSelectedIcon/DescNumSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const DescNumSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default DescNumSelectedIcon diff --git a/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.stories.tsx b/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.stories.tsx new file mode 100644 index 00000000..9dc2fa9d --- /dev/null +++ b/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DetailedZoomSelectedIcon } from '..' + +export default { + title: 'component/DetailedZoomSelectedIcon', + component: DetailedZoomSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.tsx b/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.tsx new file mode 100644 index 00000000..aa515002 --- /dev/null +++ b/src/components/DetailedZoomSelectedIcon/DetailedZoomSelectedIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const DetailedZoomSelectedIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DetailedZoomSelectedIcon diff --git a/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.stories.tsx b/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.stories.tsx new file mode 100644 index 00000000..849e6ba8 --- /dev/null +++ b/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DetailedZoomUnselectedIcon } from '..' + +export default { + title: 'component/DetailedZoomUnselectedIcon', + component: DetailedZoomUnselectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.tsx b/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.tsx new file mode 100644 index 00000000..a79caec2 --- /dev/null +++ b/src/components/DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const DetailedZoomUnselectedIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DetailedZoomUnselectedIcon diff --git a/src/components/DiamondIcon/DiamondIcon.stories.tsx b/src/components/DiamondIcon/DiamondIcon.stories.tsx new file mode 100644 index 00000000..9f8281f5 --- /dev/null +++ b/src/components/DiamondIcon/DiamondIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DiamondIcon } from '..' + +export default { + title: 'component/DiamondIcon', + component: DiamondIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DiamondIcon/DiamondIcon.tsx b/src/components/DiamondIcon/DiamondIcon.tsx new file mode 100644 index 00000000..0ae67c2d --- /dev/null +++ b/src/components/DiamondIcon/DiamondIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const DiamondIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default DiamondIcon diff --git a/src/components/DirectoryIcon/DirectoryIcon.stories.tsx b/src/components/DirectoryIcon/DirectoryIcon.stories.tsx new file mode 100644 index 00000000..bc973bd6 --- /dev/null +++ b/src/components/DirectoryIcon/DirectoryIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DirectoryIcon } from '..' + +export default { + title: 'component/DirectoryIcon', + component: DirectoryIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DirectoryIcon/DirectoryIcon.tsx b/src/components/DirectoryIcon/DirectoryIcon.tsx new file mode 100644 index 00000000..3dd02f76 --- /dev/null +++ b/src/components/DirectoryIcon/DirectoryIcon.tsx @@ -0,0 +1,32 @@ +import React from 'react' + +const DirectoryIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default DirectoryIcon diff --git a/src/components/DownloadIcon/DownloadIcon.stories.tsx b/src/components/DownloadIcon/DownloadIcon.stories.tsx new file mode 100644 index 00000000..7606fa9e --- /dev/null +++ b/src/components/DownloadIcon/DownloadIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DownloadIcon } from '..' + +export default { + title: 'component/DownloadIcon', + component: DownloadIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DownloadIcon/DownloadIcon.tsx b/src/components/DownloadIcon/DownloadIcon.tsx new file mode 100644 index 00000000..f17f8fbd --- /dev/null +++ b/src/components/DownloadIcon/DownloadIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const DownloadIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default DownloadIcon diff --git a/src/components/DragFolderIcon/DragFolderIcon.stories.tsx b/src/components/DragFolderIcon/DragFolderIcon.stories.tsx new file mode 100644 index 00000000..52eae09c --- /dev/null +++ b/src/components/DragFolderIcon/DragFolderIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DragFolderIcon } from '..' + +export default { + title: 'component/DragFolderIcon', + component: DragFolderIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DragFolderIcon/DragFolderIcon.tsx b/src/components/DragFolderIcon/DragFolderIcon.tsx new file mode 100644 index 00000000..8dc83a05 --- /dev/null +++ b/src/components/DragFolderIcon/DragFolderIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const DragFolderIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default DragFolderIcon diff --git a/src/components/DropDownIcon/DropDownIcon.stories.tsx b/src/components/DropDownIcon/DropDownIcon.stories.tsx new file mode 100644 index 00000000..011101ba --- /dev/null +++ b/src/components/DropDownIcon/DropDownIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { DropDownIcon } from '..' + +export default { + title: 'component/DropDownIcon', + component: DropDownIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/DropDownIcon/DropDownIcon.tsx b/src/components/DropDownIcon/DropDownIcon.tsx new file mode 100644 index 00000000..9cd4ba5b --- /dev/null +++ b/src/components/DropDownIcon/DropDownIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const DropDownIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default DropDownIcon diff --git a/src/components/EditAlbumNameIcon/EditAlbumNameIcon.stories.tsx b/src/components/EditAlbumNameIcon/EditAlbumNameIcon.stories.tsx new file mode 100644 index 00000000..e0109d64 --- /dev/null +++ b/src/components/EditAlbumNameIcon/EditAlbumNameIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditAlbumNameIcon } from '..' + +export default { + title: 'component/EditAlbumNameIcon', + component: EditAlbumNameIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditAlbumNameIcon/EditAlbumNameIcon.tsx b/src/components/EditAlbumNameIcon/EditAlbumNameIcon.tsx new file mode 100644 index 00000000..e65baa4c --- /dev/null +++ b/src/components/EditAlbumNameIcon/EditAlbumNameIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const EditAlbumNameIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default EditAlbumNameIcon diff --git a/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.stories.tsx b/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.stories.tsx new file mode 100644 index 00000000..35d0deef --- /dev/null +++ b/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditAlbumNameIcon4 } from '..' + +export default { + title: 'component/EditAlbumNameIcon4', + component: EditAlbumNameIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.tsx b/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.tsx new file mode 100644 index 00000000..0eb63763 --- /dev/null +++ b/src/components/EditAlbumNameIcon4/EditAlbumNameIcon4.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const EditAlbumNameIcon4: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default EditAlbumNameIcon4 diff --git a/src/components/EditIcon/EditIcon.stories.tsx b/src/components/EditIcon/EditIcon.stories.tsx new file mode 100644 index 00000000..7d4ef290 --- /dev/null +++ b/src/components/EditIcon/EditIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditIcon } from '..' + +export default { + title: 'component/EditIcon', + component: EditIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditIcon/EditIcon.tsx b/src/components/EditIcon/EditIcon.tsx new file mode 100644 index 00000000..a41e0c46 --- /dev/null +++ b/src/components/EditIcon/EditIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const EditIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(EditIcon) diff --git a/src/components/EditInProgressIcon/EditInProgressIcon.stories.tsx b/src/components/EditInProgressIcon/EditInProgressIcon.stories.tsx new file mode 100644 index 00000000..5500df70 --- /dev/null +++ b/src/components/EditInProgressIcon/EditInProgressIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditInProgressIcon } from '..' + +export default { + title: 'component/EditInProgressIcon', + component: EditInProgressIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditInProgressIcon/EditInProgressIcon.tsx b/src/components/EditInProgressIcon/EditInProgressIcon.tsx new file mode 100644 index 00000000..bd96e91f --- /dev/null +++ b/src/components/EditInProgressIcon/EditInProgressIcon.tsx @@ -0,0 +1,33 @@ +import React from 'react' + +const EditInProgressIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + ) +}) + +export default EditInProgressIcon diff --git a/src/components/EditPhotoIcon/EditPhotoIcon.stories.tsx b/src/components/EditPhotoIcon/EditPhotoIcon.stories.tsx new file mode 100644 index 00000000..170f4fb8 --- /dev/null +++ b/src/components/EditPhotoIcon/EditPhotoIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditPhotoIcon } from '..' + +export default { + title: 'component/EditPhotoIcon', + component: EditPhotoIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditPhotoIcon/EditPhotoIcon.tsx b/src/components/EditPhotoIcon/EditPhotoIcon.tsx new file mode 100644 index 00000000..ed2151ba --- /dev/null +++ b/src/components/EditPhotoIcon/EditPhotoIcon.tsx @@ -0,0 +1,33 @@ +import React from 'react' + +const EditPhotoIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default EditPhotoIcon diff --git a/src/components/EditsLogoTextIcon/EditsLogoTextIcon.stories.tsx b/src/components/EditsLogoTextIcon/EditsLogoTextIcon.stories.tsx new file mode 100644 index 00000000..f5eac2b7 --- /dev/null +++ b/src/components/EditsLogoTextIcon/EditsLogoTextIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EditsLogoTextIcon } from '..' + +export default { + title: 'component/EditsLogoTextIcon', + component: EditsLogoTextIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EditsLogoTextIcon/EditsLogoTextIcon.tsx b/src/components/EditsLogoTextIcon/EditsLogoTextIcon.tsx new file mode 100644 index 00000000..09a3a33b --- /dev/null +++ b/src/components/EditsLogoTextIcon/EditsLogoTextIcon.tsx @@ -0,0 +1,46 @@ +import React from 'react' + +const EditsLogoTextIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default EditsLogoTextIcon diff --git a/src/components/EmptyStarIcon/EmptyStarIcon.stories.tsx b/src/components/EmptyStarIcon/EmptyStarIcon.stories.tsx new file mode 100644 index 00000000..04cc77d6 --- /dev/null +++ b/src/components/EmptyStarIcon/EmptyStarIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EmptyStarIcon } from '..' + +export default { + title: 'component/EmptyStarIcon', + component: EmptyStarIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EmptyStarIcon/EmptyStarIcon.tsx b/src/components/EmptyStarIcon/EmptyStarIcon.tsx new file mode 100644 index 00000000..0b038403 --- /dev/null +++ b/src/components/EmptyStarIcon/EmptyStarIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const EmptyStarIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default EmptyStarIcon diff --git a/src/components/ErrorIcon/ErrorIcon.stories.tsx b/src/components/ErrorIcon/ErrorIcon.stories.tsx new file mode 100644 index 00000000..c267bd10 --- /dev/null +++ b/src/components/ErrorIcon/ErrorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ErrorIcon } from '..' + +export default { + title: 'component/ErrorIcon', + component: ErrorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ErrorIcon/ErrorIcon.tsx b/src/components/ErrorIcon/ErrorIcon.tsx new file mode 100644 index 00000000..01e20c5b --- /dev/null +++ b/src/components/ErrorIcon/ErrorIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const ErrorIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(ErrorIcon) diff --git a/src/components/ErrorIcon2/ErrorIcon2.stories.tsx b/src/components/ErrorIcon2/ErrorIcon2.stories.tsx new file mode 100644 index 00000000..ff93f5cb --- /dev/null +++ b/src/components/ErrorIcon2/ErrorIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ErrorIcon2 } from '..' + +export default { + title: 'component/ErrorIcon2', + component: ErrorIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ErrorIcon2/ErrorIcon2.tsx b/src/components/ErrorIcon2/ErrorIcon2.tsx new file mode 100644 index 00000000..b4a78b45 --- /dev/null +++ b/src/components/ErrorIcon2/ErrorIcon2.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const ErrorIcon2: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ErrorIcon2) diff --git a/src/components/ErrorWarningIcon/ErrorWarningIcon.stories.tsx b/src/components/ErrorWarningIcon/ErrorWarningIcon.stories.tsx new file mode 100644 index 00000000..a026a558 --- /dev/null +++ b/src/components/ErrorWarningIcon/ErrorWarningIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ErrorWarningIcon } from '..' + +export default { + title: 'component/ErrorWarningIcon', + component: ErrorWarningIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ErrorWarningIcon/ErrorWarningIcon.tsx b/src/components/ErrorWarningIcon/ErrorWarningIcon.tsx new file mode 100644 index 00000000..e92010a3 --- /dev/null +++ b/src/components/ErrorWarningIcon/ErrorWarningIcon.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +const ErrorWarningIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ErrorWarningIcon diff --git a/src/components/ExitAppIcon/ExitAppIcon.stories.tsx b/src/components/ExitAppIcon/ExitAppIcon.stories.tsx new file mode 100644 index 00000000..70991bb3 --- /dev/null +++ b/src/components/ExitAppIcon/ExitAppIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExitAppIcon } from '..' + +export default { + title: 'component/ExitAppIcon', + component: ExitAppIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExitAppIcon/ExitAppIcon.tsx b/src/components/ExitAppIcon/ExitAppIcon.tsx new file mode 100644 index 00000000..63fe898f --- /dev/null +++ b/src/components/ExitAppIcon/ExitAppIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const ExitAppIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ExitAppIcon diff --git a/src/components/ExpandIcon/ExpandIcon.stories.tsx b/src/components/ExpandIcon/ExpandIcon.stories.tsx new file mode 100644 index 00000000..c36bcd51 --- /dev/null +++ b/src/components/ExpandIcon/ExpandIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExpandIcon } from '..' + +export default { + title: 'component/ExpandIcon', + component: ExpandIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExpandIcon/ExpandIcon.tsx b/src/components/ExpandIcon/ExpandIcon.tsx new file mode 100644 index 00000000..89352170 --- /dev/null +++ b/src/components/ExpandIcon/ExpandIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const ExpandIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ExpandIcon diff --git a/src/components/ExpandMoreIcon/ExpandMoreIcon.stories.tsx b/src/components/ExpandMoreIcon/ExpandMoreIcon.stories.tsx new file mode 100644 index 00000000..53bde5a5 --- /dev/null +++ b/src/components/ExpandMoreIcon/ExpandMoreIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExpandMoreIcon } from '..' + +export default { + title: 'component/ExpandMoreIcon', + component: ExpandMoreIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExpandMoreIcon/ExpandMoreIcon.tsx b/src/components/ExpandMoreIcon/ExpandMoreIcon.tsx new file mode 100644 index 00000000..13ada54c --- /dev/null +++ b/src/components/ExpandMoreIcon/ExpandMoreIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ExpandMoreIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(ExpandMoreIcon) diff --git a/src/components/ExportIcon/ExportIcon.stories.tsx b/src/components/ExportIcon/ExportIcon.stories.tsx new file mode 100644 index 00000000..87221115 --- /dev/null +++ b/src/components/ExportIcon/ExportIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExportIcon } from '..' + +export default { + title: 'component/ExportIcon', + component: ExportIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExportIcon/ExportIcon.tsx b/src/components/ExportIcon/ExportIcon.tsx new file mode 100644 index 00000000..b6d28667 --- /dev/null +++ b/src/components/ExportIcon/ExportIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const ExportIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ExportIcon diff --git a/src/components/ExportedIcon/ExportedIcon.stories.tsx b/src/components/ExportedIcon/ExportedIcon.stories.tsx new file mode 100644 index 00000000..0fe294c8 --- /dev/null +++ b/src/components/ExportedIcon/ExportedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExportedIcon } from '..' + +export default { + title: 'component/ExportedIcon', + component: ExportedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExportedIcon/ExportedIcon.tsx b/src/components/ExportedIcon/ExportedIcon.tsx new file mode 100644 index 00000000..b45756d7 --- /dev/null +++ b/src/components/ExportedIcon/ExportedIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const ExportedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default ExportedIcon diff --git a/src/components/ExportedProjectIcon/ExportedProjectIcon.stories.tsx b/src/components/ExportedProjectIcon/ExportedProjectIcon.stories.tsx new file mode 100644 index 00000000..88a65481 --- /dev/null +++ b/src/components/ExportedProjectIcon/ExportedProjectIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ExportedProjectIcon } from '..' + +export default { + title: 'component/ExportedProjectIcon', + component: ExportedProjectIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ExportedProjectIcon/ExportedProjectIcon.tsx b/src/components/ExportedProjectIcon/ExportedProjectIcon.tsx new file mode 100644 index 00000000..34c2eaf6 --- /dev/null +++ b/src/components/ExportedProjectIcon/ExportedProjectIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const ExportedProjectIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ExportedProjectIcon diff --git a/src/components/EyeCheckIcon/EyeCheckIcon.stories.tsx b/src/components/EyeCheckIcon/EyeCheckIcon.stories.tsx new file mode 100644 index 00000000..f6b58dbc --- /dev/null +++ b/src/components/EyeCheckIcon/EyeCheckIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EyeCheckIcon } from '..' + +export default { + title: 'component/EyeCheckIcon', + component: EyeCheckIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EyeCheckIcon/EyeCheckIcon.tsx b/src/components/EyeCheckIcon/EyeCheckIcon.tsx new file mode 100644 index 00000000..ab762551 --- /dev/null +++ b/src/components/EyeCheckIcon/EyeCheckIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const EyeCheckIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default EyeCheckIcon diff --git a/src/components/EyeIcon/EyeIcon.stories.tsx b/src/components/EyeIcon/EyeIcon.stories.tsx new file mode 100644 index 00000000..45c65f72 --- /dev/null +++ b/src/components/EyeIcon/EyeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EyeIcon } from '..' + +export default { + title: 'component/EyeIcon', + component: EyeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EyeIcon/EyeIcon.tsx b/src/components/EyeIcon/EyeIcon.tsx new file mode 100644 index 00000000..b9dd9407 --- /dev/null +++ b/src/components/EyeIcon/EyeIcon.tsx @@ -0,0 +1,29 @@ +import React from 'react' + +const EyeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default EyeIcon diff --git a/src/components/EyeOffIcon/EyeOffIcon.stories.tsx b/src/components/EyeOffIcon/EyeOffIcon.stories.tsx new file mode 100644 index 00000000..7acf7b67 --- /dev/null +++ b/src/components/EyeOffIcon/EyeOffIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { EyeOffIcon } from '..' + +export default { + title: 'component/EyeOffIcon', + component: EyeOffIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/EyeOffIcon/EyeOffIcon.tsx b/src/components/EyeOffIcon/EyeOffIcon.tsx new file mode 100644 index 00000000..d44d6d63 --- /dev/null +++ b/src/components/EyeOffIcon/EyeOffIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const EyeOffIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default EyeOffIcon diff --git a/src/components/FacebookColorIcon/FacebookColorIcon.stories.tsx b/src/components/FacebookColorIcon/FacebookColorIcon.stories.tsx new file mode 100644 index 00000000..a31ee60e --- /dev/null +++ b/src/components/FacebookColorIcon/FacebookColorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FacebookColorIcon } from '..' + +export default { + title: 'component/FacebookColorIcon', + component: FacebookColorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FacebookColorIcon/FacebookColorIcon.tsx b/src/components/FacebookColorIcon/FacebookColorIcon.tsx new file mode 100644 index 00000000..82d6a03b --- /dev/null +++ b/src/components/FacebookColorIcon/FacebookColorIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const FacebookColorIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(FacebookColorIcon) diff --git a/src/components/FacebookIcon/FacebookIcon.stories.tsx b/src/components/FacebookIcon/FacebookIcon.stories.tsx new file mode 100644 index 00000000..1cf87a47 --- /dev/null +++ b/src/components/FacebookIcon/FacebookIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FacebookIcon } from '..' + +export default { + title: 'component/FacebookIcon', + component: FacebookIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FacebookIcon/FacebookIcon.tsx b/src/components/FacebookIcon/FacebookIcon.tsx new file mode 100644 index 00000000..73b5362c --- /dev/null +++ b/src/components/FacebookIcon/FacebookIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const FacebookIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default FacebookIcon diff --git a/src/components/FailedIcon/FailedIcon.stories.tsx b/src/components/FailedIcon/FailedIcon.stories.tsx new file mode 100644 index 00000000..7957c332 --- /dev/null +++ b/src/components/FailedIcon/FailedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FailedIcon } from '..' + +export default { + title: 'component/FailedIcon', + component: FailedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FailedIcon/FailedIcon.tsx b/src/components/FailedIcon/FailedIcon.tsx new file mode 100644 index 00000000..0133db44 --- /dev/null +++ b/src/components/FailedIcon/FailedIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const FailedIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default FailedIcon diff --git a/src/components/FilledStarIcon/FilledStarIcon.stories.tsx b/src/components/FilledStarIcon/FilledStarIcon.stories.tsx new file mode 100644 index 00000000..a1ce84d8 --- /dev/null +++ b/src/components/FilledStarIcon/FilledStarIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FilledStarIcon } from '..' + +export default { + title: 'component/FilledStarIcon', + component: FilledStarIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FilledStarIcon/FilledStarIcon.tsx b/src/components/FilledStarIcon/FilledStarIcon.tsx new file mode 100644 index 00000000..6137a9b2 --- /dev/null +++ b/src/components/FilledStarIcon/FilledStarIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const FilledStarIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default FilledStarIcon diff --git a/src/components/FilterIcon/FilterIcon.stories.tsx b/src/components/FilterIcon/FilterIcon.stories.tsx new file mode 100644 index 00000000..eb48cbf1 --- /dev/null +++ b/src/components/FilterIcon/FilterIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FilterIcon } from '..' + +export default { + title: 'component/FilterIcon', + component: FilterIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FilterIcon/FilterIcon.tsx b/src/components/FilterIcon/FilterIcon.tsx new file mode 100644 index 00000000..a6681e2c --- /dev/null +++ b/src/components/FilterIcon/FilterIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const FilterIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default FilterIcon diff --git a/src/components/FolderIcon/FolderIcon.stories.tsx b/src/components/FolderIcon/FolderIcon.stories.tsx new file mode 100644 index 00000000..01d3af05 --- /dev/null +++ b/src/components/FolderIcon/FolderIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FolderIcon } from '..' + +export default { + title: 'component/FolderIcon', + component: FolderIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FolderIcon/FolderIcon.tsx b/src/components/FolderIcon/FolderIcon.tsx new file mode 100644 index 00000000..a0349ceb --- /dev/null +++ b/src/components/FolderIcon/FolderIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const FolderIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(FolderIcon) diff --git a/src/components/FolderIcon2/FolderIcon2.stories.tsx b/src/components/FolderIcon2/FolderIcon2.stories.tsx new file mode 100644 index 00000000..c232e6ab --- /dev/null +++ b/src/components/FolderIcon2/FolderIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FolderIcon2 } from '..' + +export default { + title: 'component/FolderIcon2', + component: FolderIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FolderIcon2/FolderIcon2.tsx b/src/components/FolderIcon2/FolderIcon2.tsx new file mode 100644 index 00000000..d80d77fc --- /dev/null +++ b/src/components/FolderIcon2/FolderIcon2.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const FolderIcon2: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(FolderIcon2) diff --git a/src/components/FriendsIcon/FriendsIcon.stories.tsx b/src/components/FriendsIcon/FriendsIcon.stories.tsx new file mode 100644 index 00000000..0c85b28e --- /dev/null +++ b/src/components/FriendsIcon/FriendsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { FriendsIcon } from '..' + +export default { + title: 'component/FriendsIcon', + component: FriendsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/FriendsIcon/FriendsIcon.tsx b/src/components/FriendsIcon/FriendsIcon.tsx new file mode 100644 index 00000000..5dab8491 --- /dev/null +++ b/src/components/FriendsIcon/FriendsIcon.tsx @@ -0,0 +1,45 @@ +import React from 'react' + +const FriendsIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default React.memo(FriendsIcon) diff --git a/src/components/GlassIcon/GlassIcon.stories.tsx b/src/components/GlassIcon/GlassIcon.stories.tsx new file mode 100644 index 00000000..2f8154ab --- /dev/null +++ b/src/components/GlassIcon/GlassIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GlassIcon } from '..' + +export default { + title: 'component/GlassIcon', + component: GlassIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GlassIcon/GlassIcon.tsx b/src/components/GlassIcon/GlassIcon.tsx new file mode 100644 index 00000000..6dffe9b4 --- /dev/null +++ b/src/components/GlassIcon/GlassIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const GlassIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default GlassIcon diff --git a/src/components/GoogleIcon/GoogleIcon.stories.tsx b/src/components/GoogleIcon/GoogleIcon.stories.tsx new file mode 100644 index 00000000..451351b9 --- /dev/null +++ b/src/components/GoogleIcon/GoogleIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GoogleIcon } from '..' + +export default { + title: 'component/GoogleIcon', + component: GoogleIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GoogleIcon/GoogleIcon.tsx b/src/components/GoogleIcon/GoogleIcon.tsx new file mode 100644 index 00000000..4b1f2853 --- /dev/null +++ b/src/components/GoogleIcon/GoogleIcon.tsx @@ -0,0 +1,26 @@ +import React from 'react' + +const GoogleIcon: React.FC> = (props) => { + return ( + + + + + + + ) +} + +export default React.memo(GoogleIcon) diff --git a/src/components/GridNotSelectedIcon/GridNotSelectedIcon.stories.tsx b/src/components/GridNotSelectedIcon/GridNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..e27752a3 --- /dev/null +++ b/src/components/GridNotSelectedIcon/GridNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridNotSelectedIcon } from '..' + +export default { + title: 'component/GridNotSelectedIcon', + component: GridNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridNotSelectedIcon/GridNotSelectedIcon.tsx b/src/components/GridNotSelectedIcon/GridNotSelectedIcon.tsx new file mode 100644 index 00000000..123b5879 --- /dev/null +++ b/src/components/GridNotSelectedIcon/GridNotSelectedIcon.tsx @@ -0,0 +1,43 @@ +import React from 'react' + +const GridNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default GridNotSelectedIcon diff --git a/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.stories.tsx b/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.stories.tsx new file mode 100644 index 00000000..cb739c17 --- /dev/null +++ b/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridNotSelectedIcon3 } from '..' + +export default { + title: 'component/GridNotSelectedIcon3', + component: GridNotSelectedIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.tsx b/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.tsx new file mode 100644 index 00000000..43fff1ba --- /dev/null +++ b/src/components/GridNotSelectedIcon3/GridNotSelectedIcon3.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const GridNotSelectedIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default GridNotSelectedIcon3 diff --git a/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.stories.tsx b/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.stories.tsx new file mode 100644 index 00000000..81860c81 --- /dev/null +++ b/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridOfFourActiveIcon } from '..' + +export default { + title: 'component/GridOfFourActiveIcon', + component: GridOfFourActiveIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.tsx b/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.tsx new file mode 100644 index 00000000..ab43a528 --- /dev/null +++ b/src/components/GridOfFourActiveIcon/GridOfFourActiveIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const GridOfFourActiveIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default GridOfFourActiveIcon diff --git a/src/components/GridOfFourIcon/GridOfFourIcon.stories.tsx b/src/components/GridOfFourIcon/GridOfFourIcon.stories.tsx new file mode 100644 index 00000000..ae2a3ae8 --- /dev/null +++ b/src/components/GridOfFourIcon/GridOfFourIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridOfFourIcon } from '..' + +export default { + title: 'component/GridOfFourIcon', + component: GridOfFourIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridOfFourIcon/GridOfFourIcon.tsx b/src/components/GridOfFourIcon/GridOfFourIcon.tsx new file mode 100644 index 00000000..27d9d656 --- /dev/null +++ b/src/components/GridOfFourIcon/GridOfFourIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const GridOfFourIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default GridOfFourIcon diff --git a/src/components/GridSelectedIcon/GridSelectedIcon.stories.tsx b/src/components/GridSelectedIcon/GridSelectedIcon.stories.tsx new file mode 100644 index 00000000..9ac3f8de --- /dev/null +++ b/src/components/GridSelectedIcon/GridSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridSelectedIcon } from '..' + +export default { + title: 'component/GridSelectedIcon', + component: GridSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridSelectedIcon/GridSelectedIcon.tsx b/src/components/GridSelectedIcon/GridSelectedIcon.tsx new file mode 100644 index 00000000..7f6c1351 --- /dev/null +++ b/src/components/GridSelectedIcon/GridSelectedIcon.tsx @@ -0,0 +1,43 @@ +import React from 'react' + +const GridSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default GridSelectedIcon diff --git a/src/components/GridViewIcon/GridViewIcon.stories.tsx b/src/components/GridViewIcon/GridViewIcon.stories.tsx new file mode 100644 index 00000000..e1f4761d --- /dev/null +++ b/src/components/GridViewIcon/GridViewIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { GridViewIcon } from '..' + +export default { + title: 'component/GridViewIcon', + component: GridViewIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/GridViewIcon/GridViewIcon.tsx b/src/components/GridViewIcon/GridViewIcon.tsx new file mode 100644 index 00000000..6c7135a6 --- /dev/null +++ b/src/components/GridViewIcon/GridViewIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const GridViewIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default GridViewIcon diff --git a/src/components/HighIcon/HighIcon.stories.tsx b/src/components/HighIcon/HighIcon.stories.tsx new file mode 100644 index 00000000..51ab7399 --- /dev/null +++ b/src/components/HighIcon/HighIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { HighIcon } from '..' + +export default { + title: 'component/HighIcon', + component: HighIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/HighIcon/HighIcon.tsx b/src/components/HighIcon/HighIcon.tsx new file mode 100644 index 00000000..ad73f482 --- /dev/null +++ b/src/components/HighIcon/HighIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const HighIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(HighIcon) diff --git a/src/components/HighenabledIcon/HighenabledIcon.stories.tsx b/src/components/HighenabledIcon/HighenabledIcon.stories.tsx new file mode 100644 index 00000000..a13ac4f3 --- /dev/null +++ b/src/components/HighenabledIcon/HighenabledIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { HighenabledIcon } from '..' + +export default { + title: 'component/HighenabledIcon', + component: HighenabledIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/HighenabledIcon/HighenabledIcon.tsx b/src/components/HighenabledIcon/HighenabledIcon.tsx new file mode 100644 index 00000000..9c492164 --- /dev/null +++ b/src/components/HighenabledIcon/HighenabledIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const HighenabledIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(HighenabledIcon) diff --git a/src/components/ImageBorderIcon/ImageBorderIcon.stories.tsx b/src/components/ImageBorderIcon/ImageBorderIcon.stories.tsx new file mode 100644 index 00000000..d2dd1636 --- /dev/null +++ b/src/components/ImageBorderIcon/ImageBorderIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ImageBorderIcon } from '..' + +export default { + title: 'component/ImageBorderIcon', + component: ImageBorderIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ImageBorderIcon/ImageBorderIcon.tsx b/src/components/ImageBorderIcon/ImageBorderIcon.tsx new file mode 100644 index 00000000..99e5d705 --- /dev/null +++ b/src/components/ImageBorderIcon/ImageBorderIcon.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const ImageBorderIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default ImageBorderIcon diff --git a/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.stories.tsx b/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.stories.tsx new file mode 100644 index 00000000..f471d2e3 --- /dev/null +++ b/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ImageBorderSoftIcon } from '..' + +export default { + title: 'component/ImageBorderSoftIcon', + component: ImageBorderSoftIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.tsx b/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.tsx new file mode 100644 index 00000000..be6563dc --- /dev/null +++ b/src/components/ImageBorderSoftIcon/ImageBorderSoftIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ImageBorderSoftIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ImageBorderSoftIcon diff --git a/src/components/ImageNotFound/ImageNotFound.stories.tsx b/src/components/ImageNotFound/ImageNotFound.stories.tsx new file mode 100644 index 00000000..759de922 --- /dev/null +++ b/src/components/ImageNotFound/ImageNotFound.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ImageNotFound } from '..' + +export default { + title: 'component/ImageNotFound', + component: ImageNotFound, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ImageNotFound/ImageNotFound.tsx b/src/components/ImageNotFound/ImageNotFound.tsx new file mode 100644 index 00000000..b4f0195c --- /dev/null +++ b/src/components/ImageNotFound/ImageNotFound.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const ImageNotFound: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default ImageNotFound diff --git a/src/components/ImageNotFoundIcon/ImageNotFoundIcon.stories.tsx b/src/components/ImageNotFoundIcon/ImageNotFoundIcon.stories.tsx new file mode 100644 index 00000000..5d0ed608 --- /dev/null +++ b/src/components/ImageNotFoundIcon/ImageNotFoundIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ImageNotFoundIcon } from '..' + +export default { + title: 'component/ImageNotFoundIcon', + component: ImageNotFoundIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ImageNotFoundIcon/ImageNotFoundIcon.tsx b/src/components/ImageNotFoundIcon/ImageNotFoundIcon.tsx new file mode 100644 index 00000000..95c2b44f --- /dev/null +++ b/src/components/ImageNotFoundIcon/ImageNotFoundIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const ImageNotFoundIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + ) +}) + +export default ImageNotFoundIcon diff --git a/src/components/InActiveColorIcon/InActiveColorIcon.stories.tsx b/src/components/InActiveColorIcon/InActiveColorIcon.stories.tsx new file mode 100644 index 00000000..2ad29336 --- /dev/null +++ b/src/components/InActiveColorIcon/InActiveColorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveColorIcon } from '..' + +export default { + title: 'component/InActiveColorIcon', + component: InActiveColorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveColorIcon/InActiveColorIcon.tsx b/src/components/InActiveColorIcon/InActiveColorIcon.tsx new file mode 100644 index 00000000..81ad2ca5 --- /dev/null +++ b/src/components/InActiveColorIcon/InActiveColorIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react'; +const InActiveColorIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveColorIcon); diff --git a/src/components/InActiveFilter/InActiveFilter.stories.tsx b/src/components/InActiveFilter/InActiveFilter.stories.tsx new file mode 100644 index 00000000..935315d0 --- /dev/null +++ b/src/components/InActiveFilter/InActiveFilter.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveFilter } from '..' + +export default { + title: 'component/InActiveFilter', + component: InActiveFilter, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveFilter/InActiveFilter.tsx b/src/components/InActiveFilter/InActiveFilter.tsx new file mode 100644 index 00000000..6c492bed --- /dev/null +++ b/src/components/InActiveFilter/InActiveFilter.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +const InActiveFilter: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveFilter); diff --git a/src/components/InActiveGridIcon/InActiveGridIcon.stories.tsx b/src/components/InActiveGridIcon/InActiveGridIcon.stories.tsx new file mode 100644 index 00000000..e6d3b863 --- /dev/null +++ b/src/components/InActiveGridIcon/InActiveGridIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveGridIcon } from '..' + +export default { + title: 'component/InActiveGridIcon', + component: InActiveGridIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveGridIcon/InActiveGridIcon.tsx b/src/components/InActiveGridIcon/InActiveGridIcon.tsx new file mode 100644 index 00000000..7f5cfbf8 --- /dev/null +++ b/src/components/InActiveGridIcon/InActiveGridIcon.tsx @@ -0,0 +1,53 @@ +import React from 'react'; + +const InActiveGridIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveGridIcon); diff --git a/src/components/InActiveHelp/InActiveHelp.stories.tsx b/src/components/InActiveHelp/InActiveHelp.stories.tsx new file mode 100644 index 00000000..5a08fb04 --- /dev/null +++ b/src/components/InActiveHelp/InActiveHelp.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveHelp } from '..' + +export default { + title: 'component/InActiveHelp', + component: InActiveHelp, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveHelp/InActiveHelp.tsx b/src/components/InActiveHelp/InActiveHelp.tsx new file mode 100644 index 00000000..5a30fbff --- /dev/null +++ b/src/components/InActiveHelp/InActiveHelp.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const InActiveHelp: React.FC> = React.forwardRef((props, ref: any) => { + return ( + + + + + ) +}) + +export default React.memo(InActiveHelp) diff --git a/src/components/InActiveShortCutIcon/InActiveShortCutIcon.stories.tsx b/src/components/InActiveShortCutIcon/InActiveShortCutIcon.stories.tsx new file mode 100644 index 00000000..9d8edc28 --- /dev/null +++ b/src/components/InActiveShortCutIcon/InActiveShortCutIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveShortCutIcon } from '..' + +export default { + title: 'component/InActiveShortCutIcon', + component: InActiveShortCutIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveShortCutIcon/InActiveShortCutIcon.tsx b/src/components/InActiveShortCutIcon/InActiveShortCutIcon.tsx new file mode 100644 index 00000000..6b3fea60 --- /dev/null +++ b/src/components/InActiveShortCutIcon/InActiveShortCutIcon.tsx @@ -0,0 +1,53 @@ +import React from 'react'; +const InActiveShortCutIcon: React.FC> = ( + props +) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveShortCutIcon); diff --git a/src/components/InActiveSortIcon/InActiveSortIcon.stories.tsx b/src/components/InActiveSortIcon/InActiveSortIcon.stories.tsx new file mode 100644 index 00000000..b3b33eb8 --- /dev/null +++ b/src/components/InActiveSortIcon/InActiveSortIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveSortIcon } from '..' + +export default { + title: 'component/InActiveSortIcon', + component: InActiveSortIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveSortIcon/InActiveSortIcon.tsx b/src/components/InActiveSortIcon/InActiveSortIcon.tsx new file mode 100644 index 00000000..bfbae7a2 --- /dev/null +++ b/src/components/InActiveSortIcon/InActiveSortIcon.tsx @@ -0,0 +1,49 @@ +import React from 'react'; +const InActiveSortIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveSortIcon); diff --git a/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.stories.tsx b/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.stories.tsx new file mode 100644 index 00000000..0fb361f8 --- /dev/null +++ b/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveSprayCanIcon } from '..' + +export default { + title: 'component/InActiveSprayCanIcon', + component: InActiveSprayCanIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.tsx b/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.tsx new file mode 100644 index 00000000..9dc6d07e --- /dev/null +++ b/src/components/InActiveSprayCanIcon/InActiveSprayCanIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const InActiveSprayCanIcon: React.FC> = React.forwardRef((props, ref: any) => { + return ( + + + + + + + + + + + ) +}) + +export default React.memo(InActiveSprayCanIcon) diff --git a/src/components/InActiveStarIcon/InActiveStarIcon.stories.tsx b/src/components/InActiveStarIcon/InActiveStarIcon.stories.tsx new file mode 100644 index 00000000..9e906916 --- /dev/null +++ b/src/components/InActiveStarIcon/InActiveStarIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InActiveStarIcon } from '..' + +export default { + title: 'component/InActiveStarIcon', + component: InActiveStarIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InActiveStarIcon/InActiveStarIcon.tsx b/src/components/InActiveStarIcon/InActiveStarIcon.tsx new file mode 100644 index 00000000..43131e26 --- /dev/null +++ b/src/components/InActiveStarIcon/InActiveStarIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react'; +const InActiveStarIcon: React.FC> = (props) => { + return ( + + + + ); +}; + +export default React.memo(InActiveStarIcon); diff --git a/src/components/InactiveLoupeIcon/InactiveLoupeIcon.stories.tsx b/src/components/InactiveLoupeIcon/InactiveLoupeIcon.stories.tsx new file mode 100644 index 00000000..b151dbc1 --- /dev/null +++ b/src/components/InactiveLoupeIcon/InactiveLoupeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InactiveLoupeIcon } from '..' + +export default { + title: 'component/InactiveLoupeIcon', + component: InactiveLoupeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InactiveLoupeIcon/InactiveLoupeIcon.tsx b/src/components/InactiveLoupeIcon/InactiveLoupeIcon.tsx new file mode 100644 index 00000000..fa52aeca --- /dev/null +++ b/src/components/InactiveLoupeIcon/InactiveLoupeIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react'; + +const InActiveLoupeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ); +}; + +export default React.memo(InActiveLoupeIcon); diff --git a/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.stories.tsx b/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..616e5f34 --- /dev/null +++ b/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { IncAlphaNotSelectedIcon } from '..' + +export default { + title: 'component/IncAlphaNotSelectedIcon', + component: IncAlphaNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.tsx b/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.tsx new file mode 100644 index 00000000..718b88a8 --- /dev/null +++ b/src/components/IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const IncAlphaNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default IncAlphaNotSelectedIcon diff --git a/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.stories.tsx b/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.stories.tsx new file mode 100644 index 00000000..835f7752 --- /dev/null +++ b/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { IncAlphaSelectedIcon } from '..' + +export default { + title: 'component/IncAlphaSelectedIcon', + component: IncAlphaSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.tsx b/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.tsx new file mode 100644 index 00000000..20910692 --- /dev/null +++ b/src/components/IncAlphaSelectedIcon/IncAlphaSelectedIcon.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const IncAlphaSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default IncAlphaSelectedIcon diff --git a/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.stories.tsx b/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..0435b494 --- /dev/null +++ b/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { IncNumNotSelectedIcon } from '..' + +export default { + title: 'component/IncNumNotSelectedIcon', + component: IncNumNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.tsx b/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.tsx new file mode 100644 index 00000000..a1a0b63c --- /dev/null +++ b/src/components/IncNumNotSelectedIcon/IncNumNotSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const IncNumNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default IncNumNotSelectedIcon diff --git a/src/components/IncNumSelectedIcon/IncNumSelectedIcon.stories.tsx b/src/components/IncNumSelectedIcon/IncNumSelectedIcon.stories.tsx new file mode 100644 index 00000000..e5e2bd6d --- /dev/null +++ b/src/components/IncNumSelectedIcon/IncNumSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { IncNumSelectedIcon } from '..' + +export default { + title: 'component/IncNumSelectedIcon', + component: IncNumSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/IncNumSelectedIcon/IncNumSelectedIcon.tsx b/src/components/IncNumSelectedIcon/IncNumSelectedIcon.tsx new file mode 100644 index 00000000..105c0e34 --- /dev/null +++ b/src/components/IncNumSelectedIcon/IncNumSelectedIcon.tsx @@ -0,0 +1,38 @@ +import React from 'react' + +const IncNumSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default IncNumSelectedIcon diff --git a/src/components/InfoIcon/InfoIcon.stories.tsx b/src/components/InfoIcon/InfoIcon.stories.tsx new file mode 100644 index 00000000..354b8fc8 --- /dev/null +++ b/src/components/InfoIcon/InfoIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InfoIcon } from '..' + +export default { + title: 'component/InfoIcon', + component: InfoIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InfoIcon/InfoIcon.tsx b/src/components/InfoIcon/InfoIcon.tsx new file mode 100644 index 00000000..f6d5654a --- /dev/null +++ b/src/components/InfoIcon/InfoIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const InfoIcon: React.FC> = React.forwardRef((props, ref: any) => { + return ( + + + + + + + + + + + + + ) +}) + +export default React.memo(InfoIcon) diff --git a/src/components/InfoIcon3/InfoIcon3.stories.tsx b/src/components/InfoIcon3/InfoIcon3.stories.tsx new file mode 100644 index 00000000..39ef016f --- /dev/null +++ b/src/components/InfoIcon3/InfoIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InfoIcon3 } from '..' + +export default { + title: 'component/InfoIcon3', + component: InfoIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InfoIcon3/InfoIcon3.tsx b/src/components/InfoIcon3/InfoIcon3.tsx new file mode 100644 index 00000000..2c3b85db --- /dev/null +++ b/src/components/InfoIcon3/InfoIcon3.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const InfoIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default InfoIcon3 diff --git a/src/components/InfoIconTransparent/InfoIconTransparent.stories.tsx b/src/components/InfoIconTransparent/InfoIconTransparent.stories.tsx new file mode 100644 index 00000000..99bb2741 --- /dev/null +++ b/src/components/InfoIconTransparent/InfoIconTransparent.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InfoIconTransparent } from '..' + +export default { + title: 'component/InfoIconTransparent', + component: InfoIconTransparent, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InfoIconTransparent/InfoIconTransparent.tsx b/src/components/InfoIconTransparent/InfoIconTransparent.tsx new file mode 100644 index 00000000..737e65c5 --- /dev/null +++ b/src/components/InfoIconTransparent/InfoIconTransparent.tsx @@ -0,0 +1,47 @@ +import React from 'react'; + +const InfoIconTransparent: React.FC> = ( + props +) => { + return ( + + + + + + + + + + + + + ); +}; + +export default React.memo(InfoIconTransparent); diff --git a/src/components/InfoRoundedIcon/InfoRoundedIcon.stories.tsx b/src/components/InfoRoundedIcon/InfoRoundedIcon.stories.tsx new file mode 100644 index 00000000..ff4a68b5 --- /dev/null +++ b/src/components/InfoRoundedIcon/InfoRoundedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InfoRoundedIcon } from '..' + +export default { + title: 'component/InfoRoundedIcon', + component: InfoRoundedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InfoRoundedIcon/InfoRoundedIcon.tsx b/src/components/InfoRoundedIcon/InfoRoundedIcon.tsx new file mode 100644 index 00000000..70d8fdfd --- /dev/null +++ b/src/components/InfoRoundedIcon/InfoRoundedIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const InfoRoundedIcon: React.FC> = (props) => { + return ( + + + + + + ) +} + +export default React.memo(InfoRoundedIcon) diff --git a/src/components/InfoRoundedIcon3/InfoRoundedIcon3.stories.tsx b/src/components/InfoRoundedIcon3/InfoRoundedIcon3.stories.tsx new file mode 100644 index 00000000..b3ebe949 --- /dev/null +++ b/src/components/InfoRoundedIcon3/InfoRoundedIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { InfoRoundedIcon3 } from '..' + +export default { + title: 'component/InfoRoundedIcon3', + component: InfoRoundedIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/InfoRoundedIcon3/InfoRoundedIcon3.tsx b/src/components/InfoRoundedIcon3/InfoRoundedIcon3.tsx new file mode 100644 index 00000000..9ea00dc9 --- /dev/null +++ b/src/components/InfoRoundedIcon3/InfoRoundedIcon3.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const InfoRoundedIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default InfoRoundedIcon3 diff --git a/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.stories.tsx b/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.stories.tsx new file mode 100644 index 00000000..ba6569ea --- /dev/null +++ b/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyBoardArrowDownIcon } from '..' + +export default { + title: 'component/KeyBoardArrowDownIcon', + component: KeyBoardArrowDownIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.tsx b/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.tsx new file mode 100644 index 00000000..05018b43 --- /dev/null +++ b/src/components/KeyBoardArrowDownIcon/KeyBoardArrowDownIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const KeyBoardArrowDownIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(KeyBoardArrowDownIcon) diff --git a/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.stories.tsx b/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.stories.tsx new file mode 100644 index 00000000..67129100 --- /dev/null +++ b/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyBoardArrowLeftIcon } from '..' + +export default { + title: 'component/KeyBoardArrowLeftIcon', + component: KeyBoardArrowLeftIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.tsx b/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.tsx new file mode 100644 index 00000000..7becd425 --- /dev/null +++ b/src/components/KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const KeyBoardArrowLeftIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(KeyBoardArrowLeftIcon) diff --git a/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.stories.tsx b/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.stories.tsx new file mode 100644 index 00000000..2ebce5bc --- /dev/null +++ b/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyBoardArrowRightIcon } from '..' + +export default { + title: 'component/KeyBoardArrowRightIcon', + component: KeyBoardArrowRightIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.tsx b/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.tsx new file mode 100644 index 00000000..744e2969 --- /dev/null +++ b/src/components/KeyBoardArrowRightIcon/KeyBoardArrowRightIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const KeyBoardArrowRightIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(KeyBoardArrowRightIcon) diff --git a/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.stories.tsx b/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.stories.tsx new file mode 100644 index 00000000..ea89f101 --- /dev/null +++ b/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyBoardArrowUpIcon } from '..' + +export default { + title: 'component/KeyBoardArrowUpIcon', + component: KeyBoardArrowUpIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.tsx b/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.tsx new file mode 100644 index 00000000..8fc6db50 --- /dev/null +++ b/src/components/KeyBoardArrowUpIcon/KeyBoardArrowUpIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const KeyBoardArrowUpIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(KeyBoardArrowUpIcon) diff --git a/src/components/KeyDupInvIcon/KeyDupInvIcon.stories.tsx b/src/components/KeyDupInvIcon/KeyDupInvIcon.stories.tsx new file mode 100644 index 00000000..eb9a2865 --- /dev/null +++ b/src/components/KeyDupInvIcon/KeyDupInvIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyDupInvIcon } from '..' + +export default { + title: 'component/KeyDupInvIcon', + component: KeyDupInvIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyDupInvIcon/KeyDupInvIcon.tsx b/src/components/KeyDupInvIcon/KeyDupInvIcon.tsx new file mode 100644 index 00000000..e0c24281 --- /dev/null +++ b/src/components/KeyDupInvIcon/KeyDupInvIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const KeyDupInvIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default KeyDupInvIcon diff --git a/src/components/KeyDupVisIcon/KeyDupVisIcon.stories.tsx b/src/components/KeyDupVisIcon/KeyDupVisIcon.stories.tsx new file mode 100644 index 00000000..006aea0f --- /dev/null +++ b/src/components/KeyDupVisIcon/KeyDupVisIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyDupVisIcon } from '..' + +export default { + title: 'component/KeyDupVisIcon', + component: KeyDupVisIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyDupVisIcon/KeyDupVisIcon.tsx b/src/components/KeyDupVisIcon/KeyDupVisIcon.tsx new file mode 100644 index 00000000..b8410e89 --- /dev/null +++ b/src/components/KeyDupVisIcon/KeyDupVisIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const KeyDupVisIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default KeyDupVisIcon diff --git a/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.stories.tsx b/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.stories.tsx new file mode 100644 index 00000000..bd39a432 --- /dev/null +++ b/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyFacesSelectedIcon } from '..' + +export default { + title: 'component/KeyFacesSelectedIcon', + component: KeyFacesSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.tsx b/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.tsx new file mode 100644 index 00000000..2e1ea443 --- /dev/null +++ b/src/components/KeyFacesSelectedIcon/KeyFacesSelectedIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const KeyFacesSelectedIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default KeyFacesSelectedIcon diff --git a/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.stories.tsx b/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.stories.tsx new file mode 100644 index 00000000..d318a989 --- /dev/null +++ b/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyFacesUnselectedIcon } from '..' + +export default { + title: 'component/KeyFacesUnselectedIcon', + component: KeyFacesUnselectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.tsx b/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.tsx new file mode 100644 index 00000000..2a78a38f --- /dev/null +++ b/src/components/KeyFacesUnselectedIcon/KeyFacesUnselectedIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const KeyFacesUnselectedIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default KeyFacesUnselectedIcon diff --git a/src/components/KeyIcon/KeyIcon.stories.tsx b/src/components/KeyIcon/KeyIcon.stories.tsx new file mode 100644 index 00000000..bf2fc22c --- /dev/null +++ b/src/components/KeyIcon/KeyIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { KeyIcon } from '..' + +export default { + title: 'component/KeyIcon', + component: KeyIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/KeyIcon/KeyIcon.tsx b/src/components/KeyIcon/KeyIcon.tsx new file mode 100644 index 00000000..7d62b67a --- /dev/null +++ b/src/components/KeyIcon/KeyIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const KeyIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default KeyIcon diff --git a/src/components/LeftArrow/LeftArrow.stories.tsx b/src/components/LeftArrow/LeftArrow.stories.tsx new file mode 100644 index 00000000..cbb8ec1b --- /dev/null +++ b/src/components/LeftArrow/LeftArrow.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LeftArrow } from '..' + +export default { + title: 'component/LeftArrow', + component: LeftArrow, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LeftArrow/LeftArrow.tsx b/src/components/LeftArrow/LeftArrow.tsx new file mode 100644 index 00000000..7a5f1006 --- /dev/null +++ b/src/components/LeftArrow/LeftArrow.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const LeftArrow: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(LeftArrow) diff --git a/src/components/LeftArrowLong/LeftArrowLong.stories.tsx b/src/components/LeftArrowLong/LeftArrowLong.stories.tsx new file mode 100644 index 00000000..7bae81cf --- /dev/null +++ b/src/components/LeftArrowLong/LeftArrowLong.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LeftArrowLong } from '..' + +export default { + title: 'component/LeftArrowLong', + component: LeftArrowLong, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LeftArrowLong/LeftArrowLong.tsx b/src/components/LeftArrowLong/LeftArrowLong.tsx new file mode 100644 index 00000000..5afe356e --- /dev/null +++ b/src/components/LeftArrowLong/LeftArrowLong.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const LeftArrowLong: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default LeftArrowLong diff --git a/src/components/ListNotSelectedIcon/ListNotSelectedIcon.stories.tsx b/src/components/ListNotSelectedIcon/ListNotSelectedIcon.stories.tsx new file mode 100644 index 00000000..6bc335a4 --- /dev/null +++ b/src/components/ListNotSelectedIcon/ListNotSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ListNotSelectedIcon } from '..' + +export default { + title: 'component/ListNotSelectedIcon', + component: ListNotSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ListNotSelectedIcon/ListNotSelectedIcon.tsx b/src/components/ListNotSelectedIcon/ListNotSelectedIcon.tsx new file mode 100644 index 00000000..4b7e2a5f --- /dev/null +++ b/src/components/ListNotSelectedIcon/ListNotSelectedIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const ListNotSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ListNotSelectedIcon diff --git a/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.stories.tsx b/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.stories.tsx new file mode 100644 index 00000000..9d105e46 --- /dev/null +++ b/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ListNotSelectedIcon3 } from '..' + +export default { + title: 'component/ListNotSelectedIcon3', + component: ListNotSelectedIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.tsx b/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.tsx new file mode 100644 index 00000000..c4e7d772 --- /dev/null +++ b/src/components/ListNotSelectedIcon3/ListNotSelectedIcon3.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ListNotSelectedIcon3: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ListNotSelectedIcon3 diff --git a/src/components/ListSelectedIcon/ListSelectedIcon.stories.tsx b/src/components/ListSelectedIcon/ListSelectedIcon.stories.tsx new file mode 100644 index 00000000..9cb84059 --- /dev/null +++ b/src/components/ListSelectedIcon/ListSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ListSelectedIcon } from '..' + +export default { + title: 'component/ListSelectedIcon', + component: ListSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ListSelectedIcon/ListSelectedIcon.tsx b/src/components/ListSelectedIcon/ListSelectedIcon.tsx new file mode 100644 index 00000000..1903393f --- /dev/null +++ b/src/components/ListSelectedIcon/ListSelectedIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const ListSelectedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ListSelectedIcon diff --git a/src/components/ListSelectedIcon3/ListSelectedIcon3.stories.tsx b/src/components/ListSelectedIcon3/ListSelectedIcon3.stories.tsx new file mode 100644 index 00000000..4c8d39c2 --- /dev/null +++ b/src/components/ListSelectedIcon3/ListSelectedIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ListSelectedIcon3 } from '..' + +export default { + title: 'component/ListSelectedIcon3', + component: ListSelectedIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ListSelectedIcon3/ListSelectedIcon3.tsx b/src/components/ListSelectedIcon3/ListSelectedIcon3.tsx new file mode 100644 index 00000000..050c6cc9 --- /dev/null +++ b/src/components/ListSelectedIcon3/ListSelectedIcon3.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const ListSelectedIcon3: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ListSelectedIcon3 diff --git a/src/components/LoadingOptionsIcon/LoadingOptionsIcon.stories.tsx b/src/components/LoadingOptionsIcon/LoadingOptionsIcon.stories.tsx new file mode 100644 index 00000000..f6be4ad8 --- /dev/null +++ b/src/components/LoadingOptionsIcon/LoadingOptionsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LoadingOptionsIcon } from '..' + +export default { + title: 'component/LoadingOptionsIcon', + component: LoadingOptionsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LoadingOptionsIcon/LoadingOptionsIcon.tsx b/src/components/LoadingOptionsIcon/LoadingOptionsIcon.tsx new file mode 100644 index 00000000..85e7016c --- /dev/null +++ b/src/components/LoadingOptionsIcon/LoadingOptionsIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const LoadingOptionsIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default LoadingOptionsIcon diff --git a/src/components/LockIcon/LockIcon.stories.tsx b/src/components/LockIcon/LockIcon.stories.tsx new file mode 100644 index 00000000..f62853af --- /dev/null +++ b/src/components/LockIcon/LockIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LockIcon } from '..' + +export default { + title: 'component/LockIcon', + component: LockIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LockIcon/LockIcon.tsx b/src/components/LockIcon/LockIcon.tsx new file mode 100644 index 00000000..1f84746e --- /dev/null +++ b/src/components/LockIcon/LockIcon.tsx @@ -0,0 +1,35 @@ +import React from 'react' + +const LockIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default LockIcon diff --git a/src/components/LockIcon2/LockIcon2.stories.tsx b/src/components/LockIcon2/LockIcon2.stories.tsx new file mode 100644 index 00000000..8f1f91dc --- /dev/null +++ b/src/components/LockIcon2/LockIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LockIcon2 } from '..' + +export default { + title: 'component/LockIcon2', + component: LockIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LockIcon2/LockIcon2.tsx b/src/components/LockIcon2/LockIcon2.tsx new file mode 100644 index 00000000..9a4eeed7 --- /dev/null +++ b/src/components/LockIcon2/LockIcon2.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const LockIcon2: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(LockIcon2) diff --git a/src/components/LogoBlankIcon/LogoBlankIcon.stories.tsx b/src/components/LogoBlankIcon/LogoBlankIcon.stories.tsx new file mode 100644 index 00000000..0b1b5d2c --- /dev/null +++ b/src/components/LogoBlankIcon/LogoBlankIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LogoBlankIcon } from '..' + +export default { + title: 'component/LogoBlankIcon', + component: LogoBlankIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LogoBlankIcon/LogoBlankIcon.tsx b/src/components/LogoBlankIcon/LogoBlankIcon.tsx new file mode 100644 index 00000000..0c48be1b --- /dev/null +++ b/src/components/LogoBlankIcon/LogoBlankIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const LogoBlankIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(LogoBlankIcon) diff --git a/src/components/LoopIcon/LoopIcon.stories.tsx b/src/components/LoopIcon/LoopIcon.stories.tsx new file mode 100644 index 00000000..8eec4762 --- /dev/null +++ b/src/components/LoopIcon/LoopIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LoopIcon } from '..' + +export default { + title: 'component/LoopIcon', + component: LoopIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LoopIcon/LoopIcon.tsx b/src/components/LoopIcon/LoopIcon.tsx new file mode 100644 index 00000000..76020aa2 --- /dev/null +++ b/src/components/LoopIcon/LoopIcon.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +const LoopIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + ) +} + +export default LoopIcon diff --git a/src/components/LoopIcon3/LoopIcon3.stories.tsx b/src/components/LoopIcon3/LoopIcon3.stories.tsx new file mode 100644 index 00000000..e45e71d2 --- /dev/null +++ b/src/components/LoopIcon3/LoopIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LoopIcon3 } from '..' + +export default { + title: 'component/LoopIcon3', + component: LoopIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LoopIcon3/LoopIcon3.tsx b/src/components/LoopIcon3/LoopIcon3.tsx new file mode 100644 index 00000000..cbf1d111 --- /dev/null +++ b/src/components/LoopIcon3/LoopIcon3.tsx @@ -0,0 +1,27 @@ +import React from 'react' + +const LoopIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + + + ) +}) + +export default LoopIcon3 diff --git a/src/components/LoupeActiveIcon/LoupeActiveIcon.stories.tsx b/src/components/LoupeActiveIcon/LoupeActiveIcon.stories.tsx new file mode 100644 index 00000000..b8a45983 --- /dev/null +++ b/src/components/LoupeActiveIcon/LoupeActiveIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LoupeActiveIcon } from '..' + +export default { + title: 'component/LoupeActiveIcon', + component: LoupeActiveIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LoupeActiveIcon/LoupeActiveIcon.tsx b/src/components/LoupeActiveIcon/LoupeActiveIcon.tsx new file mode 100644 index 00000000..609a5514 --- /dev/null +++ b/src/components/LoupeActiveIcon/LoupeActiveIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const LoupeActiveIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default LoupeActiveIcon diff --git a/src/components/LoupeIcon/LoupeIcon.stories.tsx b/src/components/LoupeIcon/LoupeIcon.stories.tsx new file mode 100644 index 00000000..f8d61777 --- /dev/null +++ b/src/components/LoupeIcon/LoupeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LoupeIcon } from '..' + +export default { + title: 'component/LoupeIcon', + component: LoupeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LoupeIcon/LoupeIcon.tsx b/src/components/LoupeIcon/LoupeIcon.tsx new file mode 100644 index 00000000..1c2026dd --- /dev/null +++ b/src/components/LoupeIcon/LoupeIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const LoupeIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default LoupeIcon diff --git a/src/components/LowIcon/LowIcon.stories.tsx b/src/components/LowIcon/LowIcon.stories.tsx new file mode 100644 index 00000000..c72111c8 --- /dev/null +++ b/src/components/LowIcon/LowIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LowIcon } from '..' + +export default { + title: 'component/LowIcon', + component: LowIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LowIcon/LowIcon.tsx b/src/components/LowIcon/LowIcon.tsx new file mode 100644 index 00000000..8c58ff0a --- /dev/null +++ b/src/components/LowIcon/LowIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const LowIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(LowIcon) diff --git a/src/components/LowenabledIcon/LowenabledIcon.stories.tsx b/src/components/LowenabledIcon/LowenabledIcon.stories.tsx new file mode 100644 index 00000000..20d1d5ca --- /dev/null +++ b/src/components/LowenabledIcon/LowenabledIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { LowenabledIcon } from '..' + +export default { + title: 'component/LowenabledIcon', + component: LowenabledIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/LowenabledIcon/LowenabledIcon.tsx b/src/components/LowenabledIcon/LowenabledIcon.tsx new file mode 100644 index 00000000..e0bb11c9 --- /dev/null +++ b/src/components/LowenabledIcon/LowenabledIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const LowenabledIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(LowenabledIcon) diff --git a/src/components/MaximizeIcon/MaximizeIcon.stories.tsx b/src/components/MaximizeIcon/MaximizeIcon.stories.tsx new file mode 100644 index 00000000..4ee0c659 --- /dev/null +++ b/src/components/MaximizeIcon/MaximizeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MaximizeIcon } from '..' + +export default { + title: 'component/MaximizeIcon', + component: MaximizeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MaximizeIcon/MaximizeIcon.tsx b/src/components/MaximizeIcon/MaximizeIcon.tsx new file mode 100644 index 00000000..a11120f0 --- /dev/null +++ b/src/components/MaximizeIcon/MaximizeIcon.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const MaximizeIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default MaximizeIcon diff --git a/src/components/MaximizeIcon2/MaximizeIcon2.stories.tsx b/src/components/MaximizeIcon2/MaximizeIcon2.stories.tsx new file mode 100644 index 00000000..fc68039e --- /dev/null +++ b/src/components/MaximizeIcon2/MaximizeIcon2.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MaximizeIcon2 } from '..' + +export default { + title: 'component/MaximizeIcon2', + component: MaximizeIcon2, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MaximizeIcon2/MaximizeIcon2.tsx b/src/components/MaximizeIcon2/MaximizeIcon2.tsx new file mode 100644 index 00000000..3869c44c --- /dev/null +++ b/src/components/MaximizeIcon2/MaximizeIcon2.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const MaximizeIcon2: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(MaximizeIcon2) diff --git a/src/components/MenuIcon/MenuIcon.stories.tsx b/src/components/MenuIcon/MenuIcon.stories.tsx new file mode 100644 index 00000000..8742b191 --- /dev/null +++ b/src/components/MenuIcon/MenuIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MenuIcon } from '..' + +export default { + title: 'component/MenuIcon', + component: MenuIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MenuIcon/MenuIcon.tsx b/src/components/MenuIcon/MenuIcon.tsx new file mode 100644 index 00000000..6407f476 --- /dev/null +++ b/src/components/MenuIcon/MenuIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const MenuIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(MenuIcon) diff --git a/src/components/MidIcon/MidIcon.stories.tsx b/src/components/MidIcon/MidIcon.stories.tsx new file mode 100644 index 00000000..afe54761 --- /dev/null +++ b/src/components/MidIcon/MidIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MidIcon } from '..' + +export default { + title: 'component/MidIcon', + component: MidIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MidIcon/MidIcon.tsx b/src/components/MidIcon/MidIcon.tsx new file mode 100644 index 00000000..fe5ef08a --- /dev/null +++ b/src/components/MidIcon/MidIcon.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +const MidIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(MidIcon) diff --git a/src/components/MidenabledIcon/MidenabledIcon.stories.tsx b/src/components/MidenabledIcon/MidenabledIcon.stories.tsx new file mode 100644 index 00000000..2a40cfe4 --- /dev/null +++ b/src/components/MidenabledIcon/MidenabledIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MidenabledIcon } from '..' + +export default { + title: 'component/MidenabledIcon', + component: MidenabledIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MidenabledIcon/MidenabledIcon.tsx b/src/components/MidenabledIcon/MidenabledIcon.tsx new file mode 100644 index 00000000..e0b9d143 --- /dev/null +++ b/src/components/MidenabledIcon/MidenabledIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const MidenabledIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(MidenabledIcon) diff --git a/src/components/MinimizeIcon/MinimizeIcon.stories.tsx b/src/components/MinimizeIcon/MinimizeIcon.stories.tsx new file mode 100644 index 00000000..2c1a1475 --- /dev/null +++ b/src/components/MinimizeIcon/MinimizeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MinimizeIcon } from '..' + +export default { + title: 'component/MinimizeIcon', + component: MinimizeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MinimizeIcon/MinimizeIcon.tsx b/src/components/MinimizeIcon/MinimizeIcon.tsx new file mode 100644 index 00000000..8a935acb --- /dev/null +++ b/src/components/MinimizeIcon/MinimizeIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const MinimizeIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(MinimizeIcon) diff --git a/src/components/MouseLeftSelected/MouseLeftSelected.stories.tsx b/src/components/MouseLeftSelected/MouseLeftSelected.stories.tsx new file mode 100644 index 00000000..adf6da14 --- /dev/null +++ b/src/components/MouseLeftSelected/MouseLeftSelected.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MouseLeftSelected } from '..' + +export default { + title: 'component/MouseLeftSelected', + component: MouseLeftSelected, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MouseLeftSelected/MouseLeftSelected.tsx b/src/components/MouseLeftSelected/MouseLeftSelected.tsx new file mode 100644 index 00000000..0607afe2 --- /dev/null +++ b/src/components/MouseLeftSelected/MouseLeftSelected.tsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const MouseLeftSelected: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(MouseLeftSelected); diff --git a/src/components/MouseRightSelected/MouseRightSelected.stories.tsx b/src/components/MouseRightSelected/MouseRightSelected.stories.tsx new file mode 100644 index 00000000..be64560f --- /dev/null +++ b/src/components/MouseRightSelected/MouseRightSelected.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MouseRightSelected } from '..' + +export default { + title: 'component/MouseRightSelected', + component: MouseRightSelected, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MouseRightSelected/MouseRightSelected.tsx b/src/components/MouseRightSelected/MouseRightSelected.tsx new file mode 100644 index 00000000..db19da9e --- /dev/null +++ b/src/components/MouseRightSelected/MouseRightSelected.tsx @@ -0,0 +1,28 @@ +import React from 'react'; + +const MouseRightSelected: React.FC> = (props) => { + return ( + + + + + ); +}; + +export default React.memo(MouseRightSelected); diff --git a/src/components/MoveIcon/MoveIcon.stories.tsx b/src/components/MoveIcon/MoveIcon.stories.tsx new file mode 100644 index 00000000..f427e0a7 --- /dev/null +++ b/src/components/MoveIcon/MoveIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MoveIcon } from '..' + +export default { + title: 'component/MoveIcon', + component: MoveIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MoveIcon/MoveIcon.tsx b/src/components/MoveIcon/MoveIcon.tsx new file mode 100644 index 00000000..3cd5833a --- /dev/null +++ b/src/components/MoveIcon/MoveIcon.tsx @@ -0,0 +1,30 @@ +import React from 'react' + +const MoveIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(MoveIcon) diff --git a/src/components/MySelectedIcon/MySelectedIcon.stories.tsx b/src/components/MySelectedIcon/MySelectedIcon.stories.tsx new file mode 100644 index 00000000..e18c0862 --- /dev/null +++ b/src/components/MySelectedIcon/MySelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { MySelectedIcon } from '..' + +export default { + title: 'component/MySelectedIcon', + component: MySelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/MySelectedIcon/MySelectedIcon.tsx b/src/components/MySelectedIcon/MySelectedIcon.tsx new file mode 100644 index 00000000..aad014d6 --- /dev/null +++ b/src/components/MySelectedIcon/MySelectedIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const MySelectedIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default MySelectedIcon diff --git a/src/components/NetworkErrorIcon/NetworkErrorIcon.stories.tsx b/src/components/NetworkErrorIcon/NetworkErrorIcon.stories.tsx new file mode 100644 index 00000000..10383cbe --- /dev/null +++ b/src/components/NetworkErrorIcon/NetworkErrorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NetworkErrorIcon } from '..' + +export default { + title: 'component/NetworkErrorIcon', + component: NetworkErrorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NetworkErrorIcon/NetworkErrorIcon.tsx b/src/components/NetworkErrorIcon/NetworkErrorIcon.tsx new file mode 100644 index 00000000..e50aa039 --- /dev/null +++ b/src/components/NetworkErrorIcon/NetworkErrorIcon.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const NetworkErrorIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + + ) +} + +export default NetworkErrorIcon diff --git a/src/components/NetworkErrorIcon4/NetworkErrorIcon4.stories.tsx b/src/components/NetworkErrorIcon4/NetworkErrorIcon4.stories.tsx new file mode 100644 index 00000000..659cddc5 --- /dev/null +++ b/src/components/NetworkErrorIcon4/NetworkErrorIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NetworkErrorIcon4 } from '..' + +export default { + title: 'component/NetworkErrorIcon4', + component: NetworkErrorIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NetworkErrorIcon4/NetworkErrorIcon4.tsx b/src/components/NetworkErrorIcon4/NetworkErrorIcon4.tsx new file mode 100644 index 00000000..b68910bf --- /dev/null +++ b/src/components/NetworkErrorIcon4/NetworkErrorIcon4.tsx @@ -0,0 +1,41 @@ +import React from 'react' + +const NetworkErrorIcon4: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + ) +}) + +export default NetworkErrorIcon4 diff --git a/src/components/NewFolderGradientIcon/NewFolderGradientIcon.stories.tsx b/src/components/NewFolderGradientIcon/NewFolderGradientIcon.stories.tsx new file mode 100644 index 00000000..bed7ca16 --- /dev/null +++ b/src/components/NewFolderGradientIcon/NewFolderGradientIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NewFolderGradientIcon } from '..' + +export default { + title: 'component/NewFolderGradientIcon', + component: NewFolderGradientIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NewFolderGradientIcon/NewFolderGradientIcon.tsx b/src/components/NewFolderGradientIcon/NewFolderGradientIcon.tsx new file mode 100644 index 00000000..de134428 --- /dev/null +++ b/src/components/NewFolderGradientIcon/NewFolderGradientIcon.tsx @@ -0,0 +1,45 @@ +import React from 'react' + +const NewFolderGradientIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default NewFolderGradientIcon diff --git a/src/components/NoDuplicatesIcon/NoDuplicatesIcon.stories.tsx b/src/components/NoDuplicatesIcon/NoDuplicatesIcon.stories.tsx new file mode 100644 index 00000000..0fab845a --- /dev/null +++ b/src/components/NoDuplicatesIcon/NoDuplicatesIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NoDuplicatesIcon } from '..' + +export default { + title: 'component/NoDuplicatesIcon', + component: NoDuplicatesIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NoDuplicatesIcon/NoDuplicatesIcon.tsx b/src/components/NoDuplicatesIcon/NoDuplicatesIcon.tsx new file mode 100644 index 00000000..e53f231c --- /dev/null +++ b/src/components/NoDuplicatesIcon/NoDuplicatesIcon.tsx @@ -0,0 +1,26 @@ +import React from 'react' + +const NoDuplicatesIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default NoDuplicatesIcon diff --git a/src/components/NoneIcon/NoneIcon.stories.tsx b/src/components/NoneIcon/NoneIcon.stories.tsx new file mode 100644 index 00000000..6b99b9d0 --- /dev/null +++ b/src/components/NoneIcon/NoneIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NoneIcon } from '..' + +export default { + title: 'component/NoneIcon', + component: NoneIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NoneIcon/NoneIcon.tsx b/src/components/NoneIcon/NoneIcon.tsx new file mode 100644 index 00000000..9a6424c6 --- /dev/null +++ b/src/components/NoneIcon/NoneIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const NoneIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(NoneIcon) diff --git a/src/components/NoneSelectedIcon/NoneSelectedIcon.stories.tsx b/src/components/NoneSelectedIcon/NoneSelectedIcon.stories.tsx new file mode 100644 index 00000000..daed083c --- /dev/null +++ b/src/components/NoneSelectedIcon/NoneSelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NoneSelectedIcon } from '..' + +export default { + title: 'component/NoneSelectedIcon', + component: NoneSelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NoneSelectedIcon/NoneSelectedIcon.tsx b/src/components/NoneSelectedIcon/NoneSelectedIcon.tsx new file mode 100644 index 00000000..7a42f308 --- /dev/null +++ b/src/components/NoneSelectedIcon/NoneSelectedIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const NoneSelectedIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(NoneSelectedIcon) diff --git a/src/components/NotMySelectedIcon/NotMySelectedIcon.stories.tsx b/src/components/NotMySelectedIcon/NotMySelectedIcon.stories.tsx new file mode 100644 index 00000000..05e45a93 --- /dev/null +++ b/src/components/NotMySelectedIcon/NotMySelectedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { NotMySelectedIcon } from '..' + +export default { + title: 'component/NotMySelectedIcon', + component: NotMySelectedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/NotMySelectedIcon/NotMySelectedIcon.tsx b/src/components/NotMySelectedIcon/NotMySelectedIcon.tsx new file mode 100644 index 00000000..32f220c9 --- /dev/null +++ b/src/components/NotMySelectedIcon/NotMySelectedIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const NotMySelectedIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default NotMySelectedIcon diff --git a/src/components/OpenLinkIcon/OpenLinkIcon.stories.tsx b/src/components/OpenLinkIcon/OpenLinkIcon.stories.tsx new file mode 100644 index 00000000..f39fef6f --- /dev/null +++ b/src/components/OpenLinkIcon/OpenLinkIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { OpenLinkIcon } from '..' + +export default { + title: 'component/OpenLinkIcon', + component: OpenLinkIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/OpenLinkIcon/OpenLinkIcon.tsx b/src/components/OpenLinkIcon/OpenLinkIcon.tsx new file mode 100644 index 00000000..1b399294 --- /dev/null +++ b/src/components/OpenLinkIcon/OpenLinkIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const LogoBlankIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default React.memo(LogoBlankIcon) diff --git a/src/components/OptionCompletedIcon/OptionCompletedIcon.stories.tsx b/src/components/OptionCompletedIcon/OptionCompletedIcon.stories.tsx new file mode 100644 index 00000000..4cf76f93 --- /dev/null +++ b/src/components/OptionCompletedIcon/OptionCompletedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { OptionCompletedIcon } from '..' + +export default { + title: 'component/OptionCompletedIcon', + component: OptionCompletedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/OptionCompletedIcon/OptionCompletedIcon.tsx b/src/components/OptionCompletedIcon/OptionCompletedIcon.tsx new file mode 100644 index 00000000..9cfdb0f2 --- /dev/null +++ b/src/components/OptionCompletedIcon/OptionCompletedIcon.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +const OptionCompletedIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default OptionCompletedIcon diff --git a/src/components/OptionFailedIcon/OptionFailedIcon.stories.tsx b/src/components/OptionFailedIcon/OptionFailedIcon.stories.tsx new file mode 100644 index 00000000..c92a7587 --- /dev/null +++ b/src/components/OptionFailedIcon/OptionFailedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { OptionFailedIcon } from '..' + +export default { + title: 'component/OptionFailedIcon', + component: OptionFailedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/OptionFailedIcon/OptionFailedIcon.tsx b/src/components/OptionFailedIcon/OptionFailedIcon.tsx new file mode 100644 index 00000000..362584f1 --- /dev/null +++ b/src/components/OptionFailedIcon/OptionFailedIcon.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const OptionFailedIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default OptionFailedIcon diff --git a/src/components/OptionPendingIcon/OptionPendingIcon.stories.tsx b/src/components/OptionPendingIcon/OptionPendingIcon.stories.tsx new file mode 100644 index 00000000..3f661feb --- /dev/null +++ b/src/components/OptionPendingIcon/OptionPendingIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { OptionPendingIcon } from '..' + +export default { + title: 'component/OptionPendingIcon', + component: OptionPendingIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/OptionPendingIcon/OptionPendingIcon.tsx b/src/components/OptionPendingIcon/OptionPendingIcon.tsx new file mode 100644 index 00000000..e35a93c2 --- /dev/null +++ b/src/components/OptionPendingIcon/OptionPendingIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react' + +const OptionPendingIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default OptionPendingIcon diff --git a/src/components/PlayIcon/PlayIcon.stories.tsx b/src/components/PlayIcon/PlayIcon.stories.tsx new file mode 100644 index 00000000..8a8af9c3 --- /dev/null +++ b/src/components/PlayIcon/PlayIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { PlayIcon } from '..' + +export default { + title: 'component/PlayIcon', + component: PlayIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/PlayIcon/PlayIcon.tsx b/src/components/PlayIcon/PlayIcon.tsx new file mode 100644 index 00000000..404fa7e2 --- /dev/null +++ b/src/components/PlayIcon/PlayIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const PlayIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(PlayIcon) diff --git a/src/components/PlayIcon4/PlayIcon4.stories.tsx b/src/components/PlayIcon4/PlayIcon4.stories.tsx new file mode 100644 index 00000000..5c1a5d8d --- /dev/null +++ b/src/components/PlayIcon4/PlayIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { PlayIcon4 } from '..' + +export default { + title: 'component/PlayIcon4', + component: PlayIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/PlayIcon4/PlayIcon4.tsx b/src/components/PlayIcon4/PlayIcon4.tsx new file mode 100644 index 00000000..3f5b0616 --- /dev/null +++ b/src/components/PlayIcon4/PlayIcon4.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +const PlayIcon4: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default PlayIcon4 diff --git a/src/components/PlayerIcon/PlayerIcon.stories.tsx b/src/components/PlayerIcon/PlayerIcon.stories.tsx new file mode 100644 index 00000000..62df2f88 --- /dev/null +++ b/src/components/PlayerIcon/PlayerIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { PlayerIcon } from '..' + +export default { + title: 'component/PlayerIcon', + component: PlayerIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/PlayerIcon/PlayerIcon.tsx b/src/components/PlayerIcon/PlayerIcon.tsx new file mode 100644 index 00000000..142e1b83 --- /dev/null +++ b/src/components/PlayerIcon/PlayerIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const PlayerIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default PlayerIcon diff --git a/src/components/ProcessIcon/ProcessIcon.stories.tsx b/src/components/ProcessIcon/ProcessIcon.stories.tsx new file mode 100644 index 00000000..db54b04c --- /dev/null +++ b/src/components/ProcessIcon/ProcessIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ProcessIcon } from '..' + +export default { + title: 'component/ProcessIcon', + component: ProcessIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ProcessIcon/ProcessIcon.tsx b/src/components/ProcessIcon/ProcessIcon.tsx new file mode 100644 index 00000000..ff97716e --- /dev/null +++ b/src/components/ProcessIcon/ProcessIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const ProcessIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(ProcessIcon) diff --git a/src/components/QuestionIcon/QuestionIcon.stories.tsx b/src/components/QuestionIcon/QuestionIcon.stories.tsx new file mode 100644 index 00000000..2206fe82 --- /dev/null +++ b/src/components/QuestionIcon/QuestionIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { QuestionIcon } from '..' + +export default { + title: 'component/QuestionIcon', + component: QuestionIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/QuestionIcon/QuestionIcon.tsx b/src/components/QuestionIcon/QuestionIcon.tsx new file mode 100644 index 00000000..4eeb5324 --- /dev/null +++ b/src/components/QuestionIcon/QuestionIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const QuestionIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default QuestionIcon diff --git a/src/components/QuestionLogo/QuestionLogo.stories.tsx b/src/components/QuestionLogo/QuestionLogo.stories.tsx new file mode 100644 index 00000000..13c69526 --- /dev/null +++ b/src/components/QuestionLogo/QuestionLogo.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { QuestionLogo } from '..' + +export default { + title: 'component/QuestionLogo', + component: QuestionLogo, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/QuestionLogo/QuestionLogo.tsx b/src/components/QuestionLogo/QuestionLogo.tsx new file mode 100644 index 00000000..844bcf98 --- /dev/null +++ b/src/components/QuestionLogo/QuestionLogo.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const QuestionLogo: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(QuestionLogo) diff --git a/src/components/RecullIcon/RecullIcon.stories.tsx b/src/components/RecullIcon/RecullIcon.stories.tsx new file mode 100644 index 00000000..6ca2269a --- /dev/null +++ b/src/components/RecullIcon/RecullIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RecullIcon } from '..' + +export default { + title: 'component/RecullIcon', + component: RecullIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RecullIcon/RecullIcon.tsx b/src/components/RecullIcon/RecullIcon.tsx new file mode 100644 index 00000000..4e251da0 --- /dev/null +++ b/src/components/RecullIcon/RecullIcon.tsx @@ -0,0 +1,29 @@ +import React from 'react' + +const RecullIcon: React.FC> = (props) => { + return ( + + + {/* */} + + {/* */} + + + + + ) +} + +export default React.memo(RecullIcon) diff --git a/src/components/RefreshIcon/RefreshIcon.stories.tsx b/src/components/RefreshIcon/RefreshIcon.stories.tsx new file mode 100644 index 00000000..0adf711d --- /dev/null +++ b/src/components/RefreshIcon/RefreshIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RefreshIcon } from '..' + +export default { + title: 'component/RefreshIcon', + component: RefreshIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RefreshIcon/RefreshIcon.tsx b/src/components/RefreshIcon/RefreshIcon.tsx new file mode 100644 index 00000000..2bc09256 --- /dev/null +++ b/src/components/RefreshIcon/RefreshIcon.tsx @@ -0,0 +1,23 @@ +import React from 'react' + +const RefreshIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default RefreshIcon diff --git a/src/components/RelinkIcon/RelinkIcon.stories.tsx b/src/components/RelinkIcon/RelinkIcon.stories.tsx new file mode 100644 index 00000000..0039d438 --- /dev/null +++ b/src/components/RelinkIcon/RelinkIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RelinkIcon } from '..' + +export default { + title: 'component/RelinkIcon', + component: RelinkIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RelinkIcon/RelinkIcon.tsx b/src/components/RelinkIcon/RelinkIcon.tsx new file mode 100644 index 00000000..feb1c946 --- /dev/null +++ b/src/components/RelinkIcon/RelinkIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const RelinkIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default RelinkIcon diff --git a/src/components/ReloadIcon/ReloadIcon.stories.tsx b/src/components/ReloadIcon/ReloadIcon.stories.tsx new file mode 100644 index 00000000..487f9ee2 --- /dev/null +++ b/src/components/ReloadIcon/ReloadIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ReloadIcon } from '..' + +export default { + title: 'component/ReloadIcon', + component: ReloadIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ReloadIcon/ReloadIcon.tsx b/src/components/ReloadIcon/ReloadIcon.tsx new file mode 100644 index 00000000..3c5d1fa7 --- /dev/null +++ b/src/components/ReloadIcon/ReloadIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const ReloadIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + ) +} + +export default ReloadIcon diff --git a/src/components/ReloadIcon3/ReloadIcon3.stories.tsx b/src/components/ReloadIcon3/ReloadIcon3.stories.tsx new file mode 100644 index 00000000..b4478e6d --- /dev/null +++ b/src/components/ReloadIcon3/ReloadIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ReloadIcon3 } from '..' + +export default { + title: 'component/ReloadIcon3', + component: ReloadIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ReloadIcon3/ReloadIcon3.tsx b/src/components/ReloadIcon3/ReloadIcon3.tsx new file mode 100644 index 00000000..60867ef0 --- /dev/null +++ b/src/components/ReloadIcon3/ReloadIcon3.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const ReloadIcon3: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ReloadIcon3 diff --git a/src/components/ReportButtonIcon/ReportButtonIcon.stories.tsx b/src/components/ReportButtonIcon/ReportButtonIcon.stories.tsx new file mode 100644 index 00000000..2c735fe6 --- /dev/null +++ b/src/components/ReportButtonIcon/ReportButtonIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ReportButtonIcon } from '..' + +export default { + title: 'component/ReportButtonIcon', + component: ReportButtonIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ReportButtonIcon/ReportButtonIcon.tsx b/src/components/ReportButtonIcon/ReportButtonIcon.tsx new file mode 100644 index 00000000..a6946677 --- /dev/null +++ b/src/components/ReportButtonIcon/ReportButtonIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ReportButtonIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ReportButtonIcon diff --git a/src/components/RightArrowIcon/RightArrowIcon.stories.tsx b/src/components/RightArrowIcon/RightArrowIcon.stories.tsx new file mode 100644 index 00000000..e6501158 --- /dev/null +++ b/src/components/RightArrowIcon/RightArrowIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RightArrowIcon } from '..' + +export default { + title: 'component/RightArrowIcon', + component: RightArrowIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RightArrowIcon/RightArrowIcon.tsx b/src/components/RightArrowIcon/RightArrowIcon.tsx new file mode 100644 index 00000000..0152208d --- /dev/null +++ b/src/components/RightArrowIcon/RightArrowIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const RightArrowIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default RightArrowIcon diff --git a/src/components/RightArrowIcon4/RightArrowIcon4.stories.tsx b/src/components/RightArrowIcon4/RightArrowIcon4.stories.tsx new file mode 100644 index 00000000..207724b8 --- /dev/null +++ b/src/components/RightArrowIcon4/RightArrowIcon4.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RightArrowIcon4 } from '..' + +export default { + title: 'component/RightArrowIcon4', + component: RightArrowIcon4, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RightArrowIcon4/RightArrowIcon4.tsx b/src/components/RightArrowIcon4/RightArrowIcon4.tsx new file mode 100644 index 00000000..5ff9d7fa --- /dev/null +++ b/src/components/RightArrowIcon4/RightArrowIcon4.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const RightArrowIcon4: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default RightArrowIcon4 diff --git a/src/components/RightArrowLong/RightArrowLong.stories.tsx b/src/components/RightArrowLong/RightArrowLong.stories.tsx new file mode 100644 index 00000000..4eae809e --- /dev/null +++ b/src/components/RightArrowLong/RightArrowLong.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RightArrowLong } from '..' + +export default { + title: 'component/RightArrowLong', + component: RightArrowLong, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RightArrowLong/RightArrowLong.tsx b/src/components/RightArrowLong/RightArrowLong.tsx new file mode 100644 index 00000000..691d2295 --- /dev/null +++ b/src/components/RightArrowLong/RightArrowLong.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const RightArrowLong: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default RightArrowLong diff --git a/src/components/RightSignIcon/RightSignIcon.stories.tsx b/src/components/RightSignIcon/RightSignIcon.stories.tsx new file mode 100644 index 00000000..b64cffa9 --- /dev/null +++ b/src/components/RightSignIcon/RightSignIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { RightSignIcon } from '..' + +export default { + title: 'component/RightSignIcon', + component: RightSignIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/RightSignIcon/RightSignIcon.tsx b/src/components/RightSignIcon/RightSignIcon.tsx new file mode 100644 index 00000000..49686d97 --- /dev/null +++ b/src/components/RightSignIcon/RightSignIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const RightSignIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default RightSignIcon diff --git a/src/components/Rotata90Icon/Rotata90Icon.stories.tsx b/src/components/Rotata90Icon/Rotata90Icon.stories.tsx new file mode 100644 index 00000000..f819232e --- /dev/null +++ b/src/components/Rotata90Icon/Rotata90Icon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { Rotata90Icon } from '..' + +export default { + title: 'component/Rotata90Icon', + component: Rotata90Icon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/Rotata90Icon/Rotata90Icon.tsx b/src/components/Rotata90Icon/Rotata90Icon.tsx new file mode 100644 index 00000000..318fef4f --- /dev/null +++ b/src/components/Rotata90Icon/Rotata90Icon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const Rotate90Icon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(Rotate90Icon) diff --git a/src/components/SadFaceIcon/SadFaceIcon.stories.tsx b/src/components/SadFaceIcon/SadFaceIcon.stories.tsx new file mode 100644 index 00000000..9d2ca5d4 --- /dev/null +++ b/src/components/SadFaceIcon/SadFaceIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SadFaceIcon } from '..' + +export default { + title: 'component/SadFaceIcon', + component: SadFaceIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SadFaceIcon/SadFaceIcon.tsx b/src/components/SadFaceIcon/SadFaceIcon.tsx new file mode 100644 index 00000000..8e7e23b7 --- /dev/null +++ b/src/components/SadFaceIcon/SadFaceIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const SadFaceIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default SadFaceIcon diff --git a/src/components/ScissorsIcon/ScissorsIcon.stories.tsx b/src/components/ScissorsIcon/ScissorsIcon.stories.tsx new file mode 100644 index 00000000..877c86d4 --- /dev/null +++ b/src/components/ScissorsIcon/ScissorsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ScissorsIcon } from '..' + +export default { + title: 'component/ScissorsIcon', + component: ScissorsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ScissorsIcon/ScissorsIcon.tsx b/src/components/ScissorsIcon/ScissorsIcon.tsx new file mode 100644 index 00000000..a43c0ca3 --- /dev/null +++ b/src/components/ScissorsIcon/ScissorsIcon.tsx @@ -0,0 +1,19 @@ +import React from 'react' + +const ScissorsIcon: React.FC> = (props) => { + return ( + + + + + + + + + ) +} + +export default React.memo(ScissorsIcon) diff --git a/src/components/SearchIcon/SearchIcon.stories.tsx b/src/components/SearchIcon/SearchIcon.stories.tsx new file mode 100644 index 00000000..07b48240 --- /dev/null +++ b/src/components/SearchIcon/SearchIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SearchIcon } from '..' + +export default { + title: 'component/SearchIcon', + component: SearchIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SearchIcon/SearchIcon.tsx b/src/components/SearchIcon/SearchIcon.tsx new file mode 100644 index 00000000..4b4a41a5 --- /dev/null +++ b/src/components/SearchIcon/SearchIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const SearchIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + ) +}) + +export default SearchIcon diff --git a/src/components/SelectedErrorIcon/SelectedErrorIcon.stories.tsx b/src/components/SelectedErrorIcon/SelectedErrorIcon.stories.tsx new file mode 100644 index 00000000..505ef3a1 --- /dev/null +++ b/src/components/SelectedErrorIcon/SelectedErrorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SelectedErrorIcon } from '..' + +export default { + title: 'component/SelectedErrorIcon', + component: SelectedErrorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SelectedErrorIcon/SelectedErrorIcon.tsx b/src/components/SelectedErrorIcon/SelectedErrorIcon.tsx new file mode 100644 index 00000000..fe1750d1 --- /dev/null +++ b/src/components/SelectedErrorIcon/SelectedErrorIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const SelectedErrorIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default SelectedErrorIcon diff --git a/src/components/SettingsIcon/SettingsIcon.stories.tsx b/src/components/SettingsIcon/SettingsIcon.stories.tsx new file mode 100644 index 00000000..2666d6b4 --- /dev/null +++ b/src/components/SettingsIcon/SettingsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SettingsIcon } from '..' + +export default { + title: 'component/SettingsIcon', + component: SettingsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SettingsIcon/SettingsIcon.tsx b/src/components/SettingsIcon/SettingsIcon.tsx new file mode 100644 index 00000000..7edc1f6a --- /dev/null +++ b/src/components/SettingsIcon/SettingsIcon.tsx @@ -0,0 +1,31 @@ +import React from 'react' + +const SettingsIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default SettingsIcon diff --git a/src/components/ShareIcon/ShareIcon.stories.tsx b/src/components/ShareIcon/ShareIcon.stories.tsx new file mode 100644 index 00000000..5816d52e --- /dev/null +++ b/src/components/ShareIcon/ShareIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ShareIcon } from '..' + +export default { + title: 'component/ShareIcon', + component: ShareIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ShareIcon/ShareIcon.tsx b/src/components/ShareIcon/ShareIcon.tsx new file mode 100644 index 00000000..89a0332c --- /dev/null +++ b/src/components/ShareIcon/ShareIcon.tsx @@ -0,0 +1,40 @@ +import React from 'react' + +const ShareIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default ShareIcon diff --git a/src/components/ShowDuplicateIcon/ShowDuplicateIcon.stories.tsx b/src/components/ShowDuplicateIcon/ShowDuplicateIcon.stories.tsx new file mode 100644 index 00000000..8ff5a056 --- /dev/null +++ b/src/components/ShowDuplicateIcon/ShowDuplicateIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ShowDuplicateIcon } from '..' + +export default { + title: 'component/ShowDuplicateIcon', + component: ShowDuplicateIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ShowDuplicateIcon/ShowDuplicateIcon.tsx b/src/components/ShowDuplicateIcon/ShowDuplicateIcon.tsx new file mode 100644 index 00000000..53b2d550 --- /dev/null +++ b/src/components/ShowDuplicateIcon/ShowDuplicateIcon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const ShowDuplicateIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default ShowDuplicateIcon diff --git a/src/components/SortDuplicatesIcon/SortDuplicatesIcon.stories.tsx b/src/components/SortDuplicatesIcon/SortDuplicatesIcon.stories.tsx new file mode 100644 index 00000000..d7f508a1 --- /dev/null +++ b/src/components/SortDuplicatesIcon/SortDuplicatesIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SortDuplicatesIcon } from '..' + +export default { + title: 'component/SortDuplicatesIcon', + component: SortDuplicatesIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SortDuplicatesIcon/SortDuplicatesIcon.tsx b/src/components/SortDuplicatesIcon/SortDuplicatesIcon.tsx new file mode 100644 index 00000000..516cd5b9 --- /dev/null +++ b/src/components/SortDuplicatesIcon/SortDuplicatesIcon.tsx @@ -0,0 +1,36 @@ +import React from 'react' + +const SortDuplicatesIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default SortDuplicatesIcon diff --git a/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.stories.tsx b/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.stories.tsx new file mode 100644 index 00000000..cfb39781 --- /dev/null +++ b/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SortDuplicatesIcon3 } from '..' + +export default { + title: 'component/SortDuplicatesIcon3', + component: SortDuplicatesIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.tsx b/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.tsx new file mode 100644 index 00000000..71128864 --- /dev/null +++ b/src/components/SortDuplicatesIcon3/SortDuplicatesIcon3.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const SortDuplicatesIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default SortDuplicatesIcon3 diff --git a/src/components/SortIcon/SortIcon.stories.tsx b/src/components/SortIcon/SortIcon.stories.tsx new file mode 100644 index 00000000..5897adfb --- /dev/null +++ b/src/components/SortIcon/SortIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SortIcon } from '..' + +export default { + title: 'component/SortIcon', + component: SortIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SortIcon/SortIcon.tsx b/src/components/SortIcon/SortIcon.tsx new file mode 100644 index 00000000..f9100338 --- /dev/null +++ b/src/components/SortIcon/SortIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const SortIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default SortIcon diff --git a/src/components/SourceMoveIcon/SourceMoveIcon.stories.tsx b/src/components/SourceMoveIcon/SourceMoveIcon.stories.tsx new file mode 100644 index 00000000..138cd1b5 --- /dev/null +++ b/src/components/SourceMoveIcon/SourceMoveIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SourceMoveIcon } from '..' + +export default { + title: 'component/SourceMoveIcon', + component: SourceMoveIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SourceMoveIcon/SourceMoveIcon.tsx b/src/components/SourceMoveIcon/SourceMoveIcon.tsx new file mode 100644 index 00000000..d3091263 --- /dev/null +++ b/src/components/SourceMoveIcon/SourceMoveIcon.tsx @@ -0,0 +1,37 @@ +import React from 'react' + +const SourceMoveIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + + + ) +}) + +export default SourceMoveIcon diff --git a/src/components/SourceNotFoundIcon/SourceNotFoundIcon.stories.tsx b/src/components/SourceNotFoundIcon/SourceNotFoundIcon.stories.tsx new file mode 100644 index 00000000..f930da08 --- /dev/null +++ b/src/components/SourceNotFoundIcon/SourceNotFoundIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SourceNotFoundIcon } from '..' + +export default { + title: 'component/SourceNotFoundIcon', + component: SourceNotFoundIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SourceNotFoundIcon/SourceNotFoundIcon.tsx b/src/components/SourceNotFoundIcon/SourceNotFoundIcon.tsx new file mode 100644 index 00000000..080defa1 --- /dev/null +++ b/src/components/SourceNotFoundIcon/SourceNotFoundIcon.tsx @@ -0,0 +1,42 @@ +import React from 'react' + +const SourceNotFoundIcon = React.forwardRef>((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default React.memo(SourceNotFoundIcon) diff --git a/src/components/SprayClickIcon/SprayClickIcon.stories.tsx b/src/components/SprayClickIcon/SprayClickIcon.stories.tsx new file mode 100644 index 00000000..fe41b650 --- /dev/null +++ b/src/components/SprayClickIcon/SprayClickIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SprayClickIcon } from '..' + +export default { + title: 'component/SprayClickIcon', + component: SprayClickIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SprayClickIcon/SprayClickIcon.tsx b/src/components/SprayClickIcon/SprayClickIcon.tsx new file mode 100644 index 00000000..7255e645 --- /dev/null +++ b/src/components/SprayClickIcon/SprayClickIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const SprayClickIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default SprayClickIcon diff --git a/src/components/SprayClickIcon3/SprayClickIcon3.stories.tsx b/src/components/SprayClickIcon3/SprayClickIcon3.stories.tsx new file mode 100644 index 00000000..e1ba3ea0 --- /dev/null +++ b/src/components/SprayClickIcon3/SprayClickIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SprayClickIcon3 } from '..' + +export default { + title: 'component/SprayClickIcon3', + component: SprayClickIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SprayClickIcon3/SprayClickIcon3.tsx b/src/components/SprayClickIcon3/SprayClickIcon3.tsx new file mode 100644 index 00000000..6652ce9e --- /dev/null +++ b/src/components/SprayClickIcon3/SprayClickIcon3.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const SprayClickIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + ) +}) + +export default SprayClickIcon3 diff --git a/src/components/SprayCursorIcon/SprayCursorIcon.stories.tsx b/src/components/SprayCursorIcon/SprayCursorIcon.stories.tsx new file mode 100644 index 00000000..5128a4e5 --- /dev/null +++ b/src/components/SprayCursorIcon/SprayCursorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SprayCursorIcon } from '..' + +export default { + title: 'component/SprayCursorIcon', + component: SprayCursorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SprayCursorIcon/SprayCursorIcon.tsx b/src/components/SprayCursorIcon/SprayCursorIcon.tsx new file mode 100644 index 00000000..7ed1d28b --- /dev/null +++ b/src/components/SprayCursorIcon/SprayCursorIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react' + +const SprayCursorIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default SprayCursorIcon diff --git a/src/components/SprayIcon/SprayIcon.stories.tsx b/src/components/SprayIcon/SprayIcon.stories.tsx new file mode 100644 index 00000000..53190d9f --- /dev/null +++ b/src/components/SprayIcon/SprayIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SprayIcon } from '..' + +export default { + title: 'component/SprayIcon', + component: SprayIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SprayIcon/SprayIcon.tsx b/src/components/SprayIcon/SprayIcon.tsx new file mode 100644 index 00000000..ea7e9085 --- /dev/null +++ b/src/components/SprayIcon/SprayIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const SprayIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default SprayIcon diff --git a/src/components/StarIcon/StarIcon.stories.tsx b/src/components/StarIcon/StarIcon.stories.tsx new file mode 100644 index 00000000..a575368a --- /dev/null +++ b/src/components/StarIcon/StarIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { StarIcon } from '..' + +export default { + title: 'component/StarIcon', + component: StarIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/StarIcon/StarIcon.tsx b/src/components/StarIcon/StarIcon.tsx new file mode 100644 index 00000000..353e1ea6 --- /dev/null +++ b/src/components/StarIcon/StarIcon.tsx @@ -0,0 +1,17 @@ +import React from 'react' + +const StarIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(StarIcon) diff --git a/src/components/StarRateIcon/StarRateIcon.stories.tsx b/src/components/StarRateIcon/StarRateIcon.stories.tsx new file mode 100644 index 00000000..13028258 --- /dev/null +++ b/src/components/StarRateIcon/StarRateIcon.stories.tsx @@ -0,0 +1,17 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { StarRateIcon } from '..' + +export default { + title: 'component/StarRateIcon', + component: StarRateIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + fill: '', +} + +export { Default } diff --git a/src/components/StarRateIcon/StarRateIcon.tsx b/src/components/StarRateIcon/StarRateIcon.tsx new file mode 100644 index 00000000..4e13c5b1 --- /dev/null +++ b/src/components/StarRateIcon/StarRateIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const StarRateIcon: React.FC> = (props) => { + return ( + + + + + + + ) +} + +export default React.memo(StarRateIcon) diff --git a/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.stories.tsx b/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.stories.tsx new file mode 100644 index 00000000..78fb7e76 --- /dev/null +++ b/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { StarSelectedBlueIcon } from '..' + +export default { + title: 'component/StarSelectedBlueIcon', + component: StarSelectedBlueIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.tsx b/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.tsx new file mode 100644 index 00000000..525ef0d0 --- /dev/null +++ b/src/components/StarSelectedBlueIcon/StarSelectedBlueIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const StarSelectedBlueIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default StarSelectedBlueIcon diff --git a/src/components/Step1Icon/Step1Icon.stories.tsx b/src/components/Step1Icon/Step1Icon.stories.tsx new file mode 100644 index 00000000..1fe78646 --- /dev/null +++ b/src/components/Step1Icon/Step1Icon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { Step1Icon } from '..' + +export default { + title: 'component/Step1Icon', + component: Step1Icon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/Step1Icon/Step1Icon.tsx b/src/components/Step1Icon/Step1Icon.tsx new file mode 100644 index 00000000..91540ac1 --- /dev/null +++ b/src/components/Step1Icon/Step1Icon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const Step1Icon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(Step1Icon) diff --git a/src/components/Step2Icon/Step2Icon.stories.tsx b/src/components/Step2Icon/Step2Icon.stories.tsx new file mode 100644 index 00000000..d90a8352 --- /dev/null +++ b/src/components/Step2Icon/Step2Icon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { Step2Icon } from '..' + +export default { + title: 'component/Step2Icon', + component: Step2Icon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/Step2Icon/Step2Icon.tsx b/src/components/Step2Icon/Step2Icon.tsx new file mode 100644 index 00000000..7fdafaeb --- /dev/null +++ b/src/components/Step2Icon/Step2Icon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const Step2Icon: React.FC> = (props) => { + return ( + + + + + + ) +} + +export default React.memo(Step2Icon) diff --git a/src/components/Step3Icon/Step3Icon.stories.tsx b/src/components/Step3Icon/Step3Icon.stories.tsx new file mode 100644 index 00000000..070c2266 --- /dev/null +++ b/src/components/Step3Icon/Step3Icon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { Step3Icon } from '..' + +export default { + title: 'component/Step3Icon', + component: Step3Icon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/Step3Icon/Step3Icon.tsx b/src/components/Step3Icon/Step3Icon.tsx new file mode 100644 index 00000000..9ffdeaaa --- /dev/null +++ b/src/components/Step3Icon/Step3Icon.tsx @@ -0,0 +1,24 @@ +import React from 'react' + +const Step3Icon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(Step3Icon) diff --git a/src/components/StorageIcon/StorageIcon.stories.tsx b/src/components/StorageIcon/StorageIcon.stories.tsx new file mode 100644 index 00000000..dbe550ea --- /dev/null +++ b/src/components/StorageIcon/StorageIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { StorageIcon } from '..' + +export default { + title: 'component/StorageIcon', + component: StorageIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/StorageIcon/StorageIcon.tsx b/src/components/StorageIcon/StorageIcon.tsx new file mode 100644 index 00000000..70c80711 --- /dev/null +++ b/src/components/StorageIcon/StorageIcon.tsx @@ -0,0 +1,39 @@ +import React from 'react' + +const StorageIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default StorageIcon diff --git a/src/components/SuccessIcon/SuccessIcon.stories.tsx b/src/components/SuccessIcon/SuccessIcon.stories.tsx new file mode 100644 index 00000000..dae7a82e --- /dev/null +++ b/src/components/SuccessIcon/SuccessIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { SuccessIcon } from '..' + +export default { + title: 'component/SuccessIcon', + component: SuccessIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/SuccessIcon/SuccessIcon.tsx b/src/components/SuccessIcon/SuccessIcon.tsx new file mode 100644 index 00000000..892d7a2c --- /dev/null +++ b/src/components/SuccessIcon/SuccessIcon.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const SuccessIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default SuccessIcon diff --git a/src/components/TickIcon/TickIcon.stories.tsx b/src/components/TickIcon/TickIcon.stories.tsx new file mode 100644 index 00000000..4b7cb42b --- /dev/null +++ b/src/components/TickIcon/TickIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TickIcon } from '..' + +export default { + title: 'component/TickIcon', + component: TickIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TickIcon/TickIcon.tsx b/src/components/TickIcon/TickIcon.tsx new file mode 100644 index 00000000..0dc4d911 --- /dev/null +++ b/src/components/TickIcon/TickIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const TickIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default TickIcon diff --git a/src/components/TrainCompletedIcon/TrainCompletedIcon.stories.tsx b/src/components/TrainCompletedIcon/TrainCompletedIcon.stories.tsx new file mode 100644 index 00000000..3ebcead2 --- /dev/null +++ b/src/components/TrainCompletedIcon/TrainCompletedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TrainCompletedIcon } from '..' + +export default { + title: 'component/TrainCompletedIcon', + component: TrainCompletedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TrainCompletedIcon/TrainCompletedIcon.tsx b/src/components/TrainCompletedIcon/TrainCompletedIcon.tsx new file mode 100644 index 00000000..0a1da9b2 --- /dev/null +++ b/src/components/TrainCompletedIcon/TrainCompletedIcon.tsx @@ -0,0 +1,12 @@ +import React from 'react' + +const TrainCompletedIcon: React.FC> = React.memo((props) => { + return ( + + + + + ) +}) + +export default TrainCompletedIcon diff --git a/src/components/TrainFailIcon/TrainFailIcon.stories.tsx b/src/components/TrainFailIcon/TrainFailIcon.stories.tsx new file mode 100644 index 00000000..fde51398 --- /dev/null +++ b/src/components/TrainFailIcon/TrainFailIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TrainFailIcon } from '..' + +export default { + title: 'component/TrainFailIcon', + component: TrainFailIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TrainFailIcon/TrainFailIcon.tsx b/src/components/TrainFailIcon/TrainFailIcon.tsx new file mode 100644 index 00000000..2ea9f226 --- /dev/null +++ b/src/components/TrainFailIcon/TrainFailIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const TrainFailIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default TrainFailIcon diff --git a/src/components/TrainIcon/TrainIcon.stories.tsx b/src/components/TrainIcon/TrainIcon.stories.tsx new file mode 100644 index 00000000..71e8a140 --- /dev/null +++ b/src/components/TrainIcon/TrainIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TrainIcon } from '..' + +export default { + title: 'component/TrainIcon', + component: TrainIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TrainIcon/TrainIcon.tsx b/src/components/TrainIcon/TrainIcon.tsx new file mode 100644 index 00000000..4d31bb5f --- /dev/null +++ b/src/components/TrainIcon/TrainIcon.tsx @@ -0,0 +1,26 @@ +import React from 'react' + +const TrainIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default TrainIcon diff --git a/src/components/TwitterColorIcon/TwitterColorIcon.stories.tsx b/src/components/TwitterColorIcon/TwitterColorIcon.stories.tsx new file mode 100644 index 00000000..d9823a0a --- /dev/null +++ b/src/components/TwitterColorIcon/TwitterColorIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TwitterColorIcon } from '..' + +export default { + title: 'component/TwitterColorIcon', + component: TwitterColorIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TwitterColorIcon/TwitterColorIcon.tsx b/src/components/TwitterColorIcon/TwitterColorIcon.tsx new file mode 100644 index 00000000..3b36f46b --- /dev/null +++ b/src/components/TwitterColorIcon/TwitterColorIcon.tsx @@ -0,0 +1,15 @@ +import React from 'react' + +const TwitterColorIcon: React.FC> = (props) => { + return ( + + + + + ) +} + +export default React.memo(TwitterColorIcon) diff --git a/src/components/TwitterIcon/TwitterIcon.stories.tsx b/src/components/TwitterIcon/TwitterIcon.stories.tsx new file mode 100644 index 00000000..6932e9e0 --- /dev/null +++ b/src/components/TwitterIcon/TwitterIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { TwitterIcon } from '..' + +export default { + title: 'component/TwitterIcon', + component: TwitterIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/TwitterIcon/TwitterIcon.tsx b/src/components/TwitterIcon/TwitterIcon.tsx new file mode 100644 index 00000000..b6b7b333 --- /dev/null +++ b/src/components/TwitterIcon/TwitterIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const TwitterIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default TwitterIcon diff --git a/src/components/UnmaximizeIcon/UnmaximizeIcon.stories.tsx b/src/components/UnmaximizeIcon/UnmaximizeIcon.stories.tsx new file mode 100644 index 00000000..257db594 --- /dev/null +++ b/src/components/UnmaximizeIcon/UnmaximizeIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { UnmaximizeIcon } from '..' + +export default { + title: 'component/UnmaximizeIcon', + component: UnmaximizeIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/UnmaximizeIcon/UnmaximizeIcon.tsx b/src/components/UnmaximizeIcon/UnmaximizeIcon.tsx new file mode 100644 index 00000000..c823afaf --- /dev/null +++ b/src/components/UnmaximizeIcon/UnmaximizeIcon.tsx @@ -0,0 +1,11 @@ +import React from 'react' + +const UnmaximizeIcon: React.FC> = (props) => { + return ( + + + + ) +} + +export default React.memo(UnmaximizeIcon) diff --git a/src/components/UploadFolder/UploadFolder.stories.tsx b/src/components/UploadFolder/UploadFolder.stories.tsx new file mode 100644 index 00000000..eddd76ad --- /dev/null +++ b/src/components/UploadFolder/UploadFolder.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { UploadFolder } from '..' + +export default { + title: 'component/UploadFolder', + component: UploadFolder, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/UploadFolder/UploadFolder.tsx b/src/components/UploadFolder/UploadFolder.tsx new file mode 100644 index 00000000..dcf21b9c --- /dev/null +++ b/src/components/UploadFolder/UploadFolder.tsx @@ -0,0 +1,19 @@ +import React from 'react' + +const UploadFolder: React.FC> = (props) => { + return ( + + + + + + ) +} + +export default UploadFolder diff --git a/src/components/UploadIcon/UploadIcon.stories.tsx b/src/components/UploadIcon/UploadIcon.stories.tsx new file mode 100644 index 00000000..38c5dc71 --- /dev/null +++ b/src/components/UploadIcon/UploadIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { UploadIcon } from '..' + +export default { + title: 'component/UploadIcon', + component: UploadIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/UploadIcon/UploadIcon.tsx b/src/components/UploadIcon/UploadIcon.tsx new file mode 100644 index 00000000..a30f704d --- /dev/null +++ b/src/components/UploadIcon/UploadIcon.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const UploadIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default UploadIcon diff --git a/src/components/Upload_Icon/Upload_Icon.stories.tsx b/src/components/Upload_Icon/Upload_Icon.stories.tsx new file mode 100644 index 00000000..e7a945cc --- /dev/null +++ b/src/components/Upload_Icon/Upload_Icon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { Upload_Icon } from '..' + +export default { + title: 'component/Upload_Icon', + component: Upload_Icon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/Upload_Icon/Upload_Icon.tsx b/src/components/Upload_Icon/Upload_Icon.tsx new file mode 100644 index 00000000..7e9f6ae7 --- /dev/null +++ b/src/components/Upload_Icon/Upload_Icon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const Upload_Icon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default Upload_Icon diff --git a/src/components/UploadsIcon/UploadsIcon.stories.tsx b/src/components/UploadsIcon/UploadsIcon.stories.tsx new file mode 100644 index 00000000..2cc67569 --- /dev/null +++ b/src/components/UploadsIcon/UploadsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { UploadsIcon } from '..' + +export default { + title: 'component/UploadsIcon', + component: UploadsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/UploadsIcon/UploadsIcon.tsx b/src/components/UploadsIcon/UploadsIcon.tsx new file mode 100644 index 00000000..719a6ce8 --- /dev/null +++ b/src/components/UploadsIcon/UploadsIcon.tsx @@ -0,0 +1,20 @@ +import React from 'react' + +const UploadsIcon: React.FC> = React.memo((props) => { + return ( + + + + + + + ) +}) + +export default UploadsIcon diff --git a/src/components/ViewAllIcon/ViewAllIcon.stories.tsx b/src/components/ViewAllIcon/ViewAllIcon.stories.tsx new file mode 100644 index 00000000..27b12d38 --- /dev/null +++ b/src/components/ViewAllIcon/ViewAllIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ViewAllIcon } from '..' + +export default { + title: 'component/ViewAllIcon', + component: ViewAllIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ViewAllIcon/ViewAllIcon.tsx b/src/components/ViewAllIcon/ViewAllIcon.tsx new file mode 100644 index 00000000..996bef68 --- /dev/null +++ b/src/components/ViewAllIcon/ViewAllIcon.tsx @@ -0,0 +1,14 @@ +import React from 'react' + +const ViewAllIcon: React.FC> = React.memo((props) => { + return ( + + + + ) +}) + +export default ViewAllIcon diff --git a/src/components/WarningIcon/WarningIcon.stories.tsx b/src/components/WarningIcon/WarningIcon.stories.tsx new file mode 100644 index 00000000..d1d68096 --- /dev/null +++ b/src/components/WarningIcon/WarningIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { WarningIcon } from '..' + +export default { + title: 'component/WarningIcon', + component: WarningIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/WarningIcon/WarningIcon.tsx b/src/components/WarningIcon/WarningIcon.tsx new file mode 100644 index 00000000..59a99ee2 --- /dev/null +++ b/src/components/WarningIcon/WarningIcon.tsx @@ -0,0 +1,42 @@ +import React from 'react' + +const WarningIcon = React.forwardRef>((props, ref) => { + return ( + + + + + + + + + + + + + + + + + + + + + + ) +}) + +export default React.memo(WarningIcon) diff --git a/src/components/WarningIcon3/WarningIcon3.stories.tsx b/src/components/WarningIcon3/WarningIcon3.stories.tsx new file mode 100644 index 00000000..22bddf98 --- /dev/null +++ b/src/components/WarningIcon3/WarningIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { WarningIcon3 } from '..' + +export default { + title: 'component/WarningIcon3', + component: WarningIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/WarningIcon3/WarningIcon3.tsx b/src/components/WarningIcon3/WarningIcon3.tsx new file mode 100644 index 00000000..c670ee1a --- /dev/null +++ b/src/components/WarningIcon3/WarningIcon3.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const WarningIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + + + + + + + + ) +}) + +export default WarningIcon3 diff --git a/src/components/WarningImgMovedIcon/WarningImgMovedIcon.stories.tsx b/src/components/WarningImgMovedIcon/WarningImgMovedIcon.stories.tsx new file mode 100644 index 00000000..37c4e2c6 --- /dev/null +++ b/src/components/WarningImgMovedIcon/WarningImgMovedIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { WarningImgMovedIcon } from '..' + +export default { + title: 'component/WarningImgMovedIcon', + component: WarningImgMovedIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/WarningImgMovedIcon/WarningImgMovedIcon.tsx b/src/components/WarningImgMovedIcon/WarningImgMovedIcon.tsx new file mode 100644 index 00000000..51080d62 --- /dev/null +++ b/src/components/WarningImgMovedIcon/WarningImgMovedIcon.tsx @@ -0,0 +1,25 @@ +import React from 'react' + +const WarningImgMovedIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + ) +} + +export default WarningImgMovedIcon diff --git a/src/components/WarningsIcon/WarningsIcon.stories.tsx b/src/components/WarningsIcon/WarningsIcon.stories.tsx new file mode 100644 index 00000000..6b7a57b9 --- /dev/null +++ b/src/components/WarningsIcon/WarningsIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { WarningsIcon } from '..' + +export default { + title: 'component/WarningsIcon', + component: WarningsIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/WarningsIcon/WarningsIcon.tsx b/src/components/WarningsIcon/WarningsIcon.tsx new file mode 100644 index 00000000..e4c169d7 --- /dev/null +++ b/src/components/WarningsIcon/WarningsIcon.tsx @@ -0,0 +1,13 @@ +import React from 'react' + +const WarningsIcon: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default WarningsIcon diff --git a/src/components/WorldIcon/WorldIcon.stories.tsx b/src/components/WorldIcon/WorldIcon.stories.tsx new file mode 100644 index 00000000..346d6a28 --- /dev/null +++ b/src/components/WorldIcon/WorldIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { WorldIcon } from '..' + +export default { + title: 'component/WorldIcon', + component: WorldIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/WorldIcon/WorldIcon.tsx b/src/components/WorldIcon/WorldIcon.tsx new file mode 100644 index 00000000..552cfd19 --- /dev/null +++ b/src/components/WorldIcon/WorldIcon.tsx @@ -0,0 +1,37 @@ +import React from 'react' + +const WorldIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default React.memo(WorldIcon) diff --git a/src/components/ZoomIcon/ZoomIcon.stories.tsx b/src/components/ZoomIcon/ZoomIcon.stories.tsx new file mode 100644 index 00000000..bdc89022 --- /dev/null +++ b/src/components/ZoomIcon/ZoomIcon.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ZoomIcon } from '..' + +export default { + title: 'component/ZoomIcon', + component: ZoomIcon, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ZoomIcon/ZoomIcon.tsx b/src/components/ZoomIcon/ZoomIcon.tsx new file mode 100644 index 00000000..ab0bb622 --- /dev/null +++ b/src/components/ZoomIcon/ZoomIcon.tsx @@ -0,0 +1,52 @@ +import React from 'react'; + +const ZoomIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ); +}; + +export default React.memo(ZoomIcon); diff --git a/src/components/ZoomIcon3/ZoomIcon3.stories.tsx b/src/components/ZoomIcon3/ZoomIcon3.stories.tsx new file mode 100644 index 00000000..c0a9f0c0 --- /dev/null +++ b/src/components/ZoomIcon3/ZoomIcon3.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, Story } from '@storybook/react' +import React from 'react' +import { ZoomIcon3 } from '..' + +export default { + title: 'component/ZoomIcon3', + component: ZoomIcon3, +} as Meta + +const Template: Story> = (args: React.HtmlHTMLAttributes) => + +const Default = Template.bind({}) +Default.args = { + header: 'Header', + body: 'Body', +} + +export { Default } diff --git a/src/components/ZoomIcon3/ZoomIcon3.tsx b/src/components/ZoomIcon3/ZoomIcon3.tsx new file mode 100644 index 00000000..2d228b20 --- /dev/null +++ b/src/components/ZoomIcon3/ZoomIcon3.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +const ZoomIcon3: React.FC> = React.memo((props) => { + return ( + + + + + + ) +}) + +export default ZoomIcon3 diff --git a/src/components/index.ts b/src/components/index.ts new file mode 100644 index 00000000..3a5af402 --- /dev/null +++ b/src/components/index.ts @@ -0,0 +1,446 @@ +import '../index.scss' +import EyeOffIcon from './EyeOffIcon/EyeOffIcon'; +import EyeIcon from './EyeIcon/EyeIcon'; +import RightArrowLong from './RightArrowLong/RightArrowLong'; +import LeftArrowLong from './LeftArrowLong/LeftArrowLong'; +import StorageIcon from './StorageIcon/StorageIcon'; +import ReloadIcon from './ReloadIcon/ReloadIcon'; +import LockIcon from './LockIcon/LockIcon'; +import SprayClickIcon from './SprayClickIcon/SprayClickIcon'; +import SourceNotFoundIcon from './SourceNotFoundIcon/SourceNotFoundIcon'; +import SortDuplicatesIcon from './SortDuplicatesIcon/SortDuplicatesIcon'; +import LoopIcon from './LoopIcon/LoopIcon'; +import ListSelectedIcon from './ListSelectedIcon/ListSelectedIcon'; +import ListNotSelectedIcon from './ListNotSelectedIcon/ListNotSelectedIcon'; +import GridSelectedIcon from './GridSelectedIcon/GridSelectedIcon'; +import GridNotSelectedIcon from './GridNotSelectedIcon/GridNotSelectedIcon'; +import MaximizeIcon from './MaximizeIcon/MaximizeIcon'; +import EyeCheckIcon from './EyeCheckIcon/EyeCheckIcon'; +import WarningIcon from './WarningIcon/WarningIcon'; +import DeleteIcon from './DeleteIcon/DeleteIcon'; +import DescAlphaSelectedIcon from './DescAlphaSelectedIcon/DescAlphaSelectedIcon'; +import DescAlphaNotSelectedIcon from './DescAlphaNotSelectedIcon/DescAlphaNotSelectedIcon'; +import IncAlphaSelectedIcon from './IncAlphaSelectedIcon/IncAlphaSelectedIcon'; +import IncAlphaNotSelectedIcon from './IncAlphaNotSelectedIcon/IncAlphaNotSelectedIcon'; +import DescNumSelectedIcon from './DescNumSelectedIcon/DescNumSelectedIcon'; +import DescNumNotSelectedIcon from './DescNumNotSelectedIcon/DescNumNotSelectedIcon'; +import IncNumSelectedIcon from './IncNumSelectedIcon/IncNumSelectedIcon'; +import IncNumNotSelectedIcon from './IncNumNotSelectedIcon/IncNumNotSelectedIcon'; +import EditPhotoIcon from './EditPhotoIcon/EditPhotoIcon'; +import DiamondIcon from './DiamondIcon/DiamondIcon'; +import ShareIcon from './ShareIcon/ShareIcon'; +import CartIcon from './CartIcon/CartIcon'; +import FriendsIcon from './FriendsIcon/FriendsIcon'; +import ArrowBackIcon from './ArrowBackIcon/ArrowBackIcon'; +import ArrowDownIcon from './ArrowDownIcon/ArrowDownIcon'; +import ArrowForwardIcon from './ArrowForwardIcon/ArrowForwardIcon'; +import ArrowIcon from './ArrowIcon/ArrowIcon'; +import ArrowUpIcon from './ArrowUpIcon/ArrowUpIcon'; +import CheckCircleIcon from './CheckCircleIcon/CheckCircleIcon'; +import CheckIcon from './CheckIcon/CheckIcon'; +import ClearIcon from './ClearIcon/ClearIcon'; +import ClockIcon from './ClockIcon/ClockIcon'; +import ContactSupportIcon from './ContactSupportIcon/ContactSupportIcon'; +import ContentCopyIcon from './ContentCopyIcon/ContentCopyIcon'; +import ExpandMoreIcon from './ExpandMoreIcon/ExpandMoreIcon'; +import InfoIcon from './InfoIcon/InfoIcon'; +import KeyBoardArrowDownIcon from './KeyBoardArrowDownIcon/KeyBoardArrowDownIcon'; +import KeyBoardArrowLeftIcon from './KeyBoardArrowLeftIcon/KeyBoardArrowLeftIcon'; +import KeyBoardArrowRightIcon from './KeyBoardArrowRightIcon/KeyBoardArrowRightIcon'; +import KeyBoardArrowUpIcon from './KeyBoardArrowUpIcon/KeyBoardArrowUpIcon'; +import MenuIcon from './MenuIcon/MenuIcon'; +import ProcessIcon from './ProcessIcon/ProcessIcon'; +import StarRateIcon from './StarRateIcon/StarRateIcon'; +import ZoomIcon from './ZoomIcon/ZoomIcon'; +import MouseLeftSelected from './MouseLeftSelected/MouseLeftSelected'; +import MouseRightSelected from './MouseRightSelected/MouseRightSelected'; +import EditIcon from './EditIcon/EditIcon'; +import AlertIcon from './AlertIcon/AlertIcon'; +import ImageNotFound from './ImageNotFound/ImageNotFound'; +import InActiveHelp from './InActiveHelp/InActiveHelp'; +import InActiveColorIcon from './InActiveColorIcon/InActiveColorIcon'; +import InActiveShortCutIcon from './InActiveShortCutIcon/InActiveShortCutIcon'; +import AfterShootLogo from './AfterShootLogo/AfterShootLogo'; +import InActiveStarIcon from './InActiveStarIcon/InActiveStarIcon'; +import InActiveSprayCanIcon from './InActiveSprayCanIcon/InActiveSprayCanIcon'; +import InActiveSortIcon from './InActiveSortIcon/InActiveSortIcon'; +import InactiveLoupeIcon from './InactiveLoupeIcon/InactiveLoupeIcon'; +import InActiveFilter from './InActiveFilter/InActiveFilter'; +import InActiveGridIcon from './InActiveGridIcon/InActiveGridIcon'; +import InfoIconTransparent from './InfoIconTransparent/InfoIconTransparent'; +import BorderColorIcon from './BorderColorIcon/BorderColorIcon'; +import DropDownIcon from './DropDownIcon/DropDownIcon'; +import UploadFolder from './UploadFolder/UploadFolder'; +import ExitAppIcon from './ExitAppIcon/ExitAppIcon'; +import LeftArrow from './LeftArrow/LeftArrow'; +import ExportedIcon from './ExportedIcon/ExportedIcon'; +import NetworkErrorIcon from './NetworkErrorIcon/NetworkErrorIcon'; +import CopyIcon from './CopyIcon/CopyIcon'; +import WarningImgMovedIcon from './WarningImgMovedIcon/WarningImgMovedIcon'; +import FolderIcon from './FolderIcon/FolderIcon'; +import AddFolderIcon from './AddFolderIcon/AddFolderIcon'; +import AftershootEditsIcon from './AftershootEditsIcon/AftershootEditsIcon'; +import AlertIcon2 from './AlertIcon2/AlertIcon2'; +import AppleIcon from './AppleIcon/AppleIcon'; +import ArrowDownIcon2 from './ArrowDownIcon2/ArrowDownIcon2'; +import ArrowLeftIcon from './ArrowLeftIcon/ArrowLeftIcon'; +import ArrowRightIcon from './ArrowRightIcon/ArrowRightIcon'; +import ArrowRightIosIcon from './ArrowRightIosIcon/ArrowRightIosIcon'; +import ArrowUpIcon2 from './ArrowUpIcon2/ArrowUpIcon2'; +import BlueTickIcon from './BlueTickIcon/BlueTickIcon'; +import CancelIcon from './CancelIcon/CancelIcon'; +import CheckIcon2 from './CheckIcon2/CheckIcon2'; +import CheckIcon4 from './CheckIcon4/CheckIcon4'; +import CircleCheckIcon from './CircleCheckIcon/CircleCheckIcon'; +import ClockIcon4 from './ClockIcon4/ClockIcon4'; +import CloseIcon from './CloseIcon/CloseIcon'; +import ColorPaletteIcon from './ColorPaletteIcon/ColorPaletteIcon'; +import ConfettiIcon from './ConfettiIcon/ConfettiIcon'; +import ConfettiLeftIcon from './ConfettiLeftIcon/ConfettiLeftIcon'; +import ConfettiRightIcon from './ConfettiRightIcon/ConfettiRightIcon'; +import CopyIcon2 from './CopyIcon2/CopyIcon2'; +import CrossIcon from './CrossIcon/CrossIcon'; +import CullFromCardIcon from './CullFromCardIcon/CullFromCardIcon'; +import CullFromComputerIcon from './CullFromComputerIcon/CullFromComputerIcon'; +import DeleteGreyIcon from './DeleteGreyIcon/DeleteGreyIcon'; +import DeleteIcon3 from './DeleteIcon3/DeleteIcon3'; +import DeleteWhiteIcon from './DeleteWhiteIcon/DeleteWhiteIcon'; +import DeleteWhiteIcon4 from './DeleteWhiteIcon4/DeleteWhiteIcon4'; +import DetailedZoomSelectedIcon from './DetailedZoomSelectedIcon/DetailedZoomSelectedIcon'; +import DetailedZoomUnselectedIcon from './DetailedZoomUnselectedIcon/DetailedZoomUnselectedIcon'; +import DirectoryIcon from './DirectoryIcon/DirectoryIcon'; +import DownloadIcon from './DownloadIcon/DownloadIcon'; +import DragFolderIcon from './DragFolderIcon/DragFolderIcon'; +import EditAlbumNameIcon from './EditAlbumNameIcon/EditAlbumNameIcon'; +import EditAlbumNameIcon4 from './EditAlbumNameIcon4/EditAlbumNameIcon4'; +import EditInProgressIcon from './EditInProgressIcon/EditInProgressIcon'; +import EditsLogoTextIcon from './EditsLogoTextIcon/EditsLogoTextIcon'; +import EmptyStarIcon from './EmptyStarIcon/EmptyStarIcon'; +import ErrorIcon2 from './ErrorIcon2/ErrorIcon2'; +import ErrorWarningIcon from './ErrorWarningIcon/ErrorWarningIcon'; +import ExpandIcon from './ExpandIcon/ExpandIcon'; +import ExportedProjectIcon from './ExportedProjectIcon/ExportedProjectIcon'; +import ExportIcon from './ExportIcon/ExportIcon'; +import FacebookColorIcon from './FacebookColorIcon/FacebookColorIcon'; +import FacebookIcon from './FacebookIcon/FacebookIcon'; +import FailedIcon from './FailedIcon/FailedIcon'; +import FilledStarIcon from './FilledStarIcon/FilledStarIcon'; +import FilterIcon from './FilterIcon/FilterIcon'; +import FolderIcon2 from './FolderIcon2/FolderIcon2'; +import GlassIcon from './GlassIcon/GlassIcon'; +import GoogleIcon from './GoogleIcon/GoogleIcon'; +import GridNotSelectedIcon3 from './GridNotSelectedIcon3/GridNotSelectedIcon3'; +import GridOfFourActiveIcon from './GridOfFourActiveIcon/GridOfFourActiveIcon'; +import GridOfFourIcon from './GridOfFourIcon/GridOfFourIcon'; +import GridViewIcon from './GridViewIcon/GridViewIcon'; +import HighenabledIcon from './HighenabledIcon/HighenabledIcon'; +import HighIcon from './HighIcon/HighIcon'; +import ImageBorderIcon from './ImageBorderIcon/ImageBorderIcon'; +import ImageBorderSoftIcon from './ImageBorderSoftIcon/ImageBorderSoftIcon'; +import ImageNotFoundIcon from './ImageNotFoundIcon/ImageNotFoundIcon'; +import InfoIcon3 from './InfoIcon3/InfoIcon3'; +import InfoRoundedIcon from './InfoRoundedIcon/InfoRoundedIcon'; +import InfoRoundedIcon3 from './InfoRoundedIcon3/InfoRoundedIcon3'; +import KeyDupInvIcon from './KeyDupInvIcon/KeyDupInvIcon'; +import KeyDupVisIcon from './KeyDupVisIcon/KeyDupVisIcon'; +import KeyFacesSelectedIcon from './KeyFacesSelectedIcon/KeyFacesSelectedIcon'; +import KeyFacesUnselectedIcon from './KeyFacesUnselectedIcon/KeyFacesUnselectedIcon'; +import KeyIcon from './KeyIcon/KeyIcon'; +import ListNotSelectedIcon3 from './ListNotSelectedIcon3/ListNotSelectedIcon3'; +import ListSelectedIcon3 from './ListSelectedIcon3/ListSelectedIcon3'; +import LockIcon2 from './LockIcon2/LockIcon2'; +import LoadingOptionsIcon from './LoadingOptionsIcon/LoadingOptionsIcon'; +import LogoBlankIcon from './LogoBlankIcon/LogoBlankIcon'; +import LoopIcon3 from './LoopIcon3/LoopIcon3'; +import LoupeActiveIcon from './LoupeActiveIcon/LoupeActiveIcon'; +import LoupeIcon from './LoupeIcon/LoupeIcon'; +import LowenabledIcon from './LowenabledIcon/LowenabledIcon'; +import LowIcon from './LowIcon/LowIcon'; +import MaximizeIcon2 from './MaximizeIcon2/MaximizeIcon2'; +import MidenabledIcon from './MidenabledIcon/MidenabledIcon'; +import MidIcon from './MidIcon/MidIcon'; +import MinimizeIcon from './MinimizeIcon/MinimizeIcon'; +import PlayIcon from './PlayIcon/PlayIcon'; +import RefreshIcon from './RefreshIcon/RefreshIcon'; +import SearchIcon from './SearchIcon/SearchIcon'; +import SettingsIcon from './SettingsIcon/SettingsIcon'; +import SprayIcon from './SprayIcon/SprayIcon'; +import SuccessIcon from './SuccessIcon/SuccessIcon'; +import MoveIcon from './MoveIcon/MoveIcon'; +import MySelectedIcon from './MySelectedIcon/MySelectedIcon'; +import NetworkErrorIcon4 from './NetworkErrorIcon4/NetworkErrorIcon4'; +import NewFolderGradientIcon from './NewFolderGradientIcon/NewFolderGradientIcon'; +import NoDuplicatesIcon from './NoDuplicatesIcon/NoDuplicatesIcon'; +import NoneIcon from './NoneIcon/NoneIcon'; +import NoneSelectedIcon from './NoneSelectedIcon/NoneSelectedIcon'; +import NotMySelectedIcon from './NotMySelectedIcon/NotMySelectedIcon'; +import OptionCompletedIcon from './OptionCompletedIcon/OptionCompletedIcon'; +import OptionFailedIcon from './OptionFailedIcon/OptionFailedIcon'; +import OptionPendingIcon from './OptionPendingIcon/OptionPendingIcon'; +import PlayerIcon from './PlayerIcon/PlayerIcon'; +import PlayIcon4 from './PlayIcon4/PlayIcon4'; +import QuestionIcon from './QuestionIcon/QuestionIcon'; +import QuestionLogo from './QuestionLogo/QuestionLogo'; +import RecullIcon from './RecullIcon/RecullIcon'; +import RelinkIcon from './RelinkIcon/RelinkIcon'; +import ReloadIcon3 from './ReloadIcon3/ReloadIcon3'; +import ReportButtonIcon from './ReportButtonIcon/ReportButtonIcon'; +import RightArrowIcon from './RightArrowIcon/RightArrowIcon'; +import RightArrowIcon4 from './RightArrowIcon4/RightArrowIcon4'; +import RightSignIcon from './RightSignIcon/RightSignIcon'; +import Rotata90Icon from './Rotata90Icon/Rotata90Icon'; +import SadFaceIcon from './SadFaceIcon/SadFaceIcon'; +import ScissorsIcon from './ScissorsIcon/ScissorsIcon'; +import SelectedErrorIcon from './SelectedErrorIcon/SelectedErrorIcon'; +import ShowDuplicateIcon from './ShowDuplicateIcon/ShowDuplicateIcon'; +import SortDuplicatesIcon3 from './SortDuplicatesIcon3/SortDuplicatesIcon3'; +import SortIcon from './SortIcon/SortIcon'; +import SourceMoveIcon from './SourceMoveIcon/SourceMoveIcon'; +import SprayClickIcon3 from './SprayClickIcon3/SprayClickIcon3'; +import SprayCursorIcon from './SprayCursorIcon/SprayCursorIcon'; +import StarIcon from './StarIcon/StarIcon'; +import StarSelectedBlueIcon from './StarSelectedBlueIcon/StarSelectedBlueIcon'; +import Step1Icon from './Step1Icon/Step1Icon'; +import Step2Icon from './Step2Icon/Step2Icon'; +import Step3Icon from './Step3Icon/Step3Icon'; +import TickIcon from './TickIcon/TickIcon'; +import TrainCompletedIcon from './TrainCompletedIcon/TrainCompletedIcon'; +import TrainFailIcon from './TrainFailIcon/TrainFailIcon'; +import TrainIcon from './TrainIcon/TrainIcon'; +import TwitterColorIcon from './TwitterColorIcon/TwitterColorIcon'; +import TwitterIcon from './TwitterIcon/TwitterIcon'; +import UnmaximizeIcon from './UnmaximizeIcon/UnmaximizeIcon'; +import Upload_Icon from './Upload_Icon/Upload_Icon'; +import UploadIcon from './UploadIcon/UploadIcon'; +import UploadsIcon from './UploadsIcon/UploadsIcon'; +import ViewAllIcon from './ViewAllIcon/ViewAllIcon'; +import WarningIcon3 from './WarningIcon3/WarningIcon3'; +import WarningsIcon from './WarningsIcon/WarningsIcon'; +import WorldIcon from './WorldIcon/WorldIcon'; +import ZoomIcon3 from './ZoomIcon3/ZoomIcon3'; +import OpenLinkIcon from './OpenLinkIcon/OpenLinkIcon'; +import ErrorIcon from './ErrorIcon/ErrorIcon'; + +export { + EyeOffIcon, + EyeIcon, + RightArrowLong, + LeftArrowLong, + StorageIcon, + ReloadIcon, + LockIcon, + SprayClickIcon, + SourceNotFoundIcon, + SortDuplicatesIcon, + LoopIcon, + ListSelectedIcon, + ListNotSelectedIcon, + GridSelectedIcon, + GridNotSelectedIcon, + MaximizeIcon, + EyeCheckIcon, + WarningIcon, + DeleteIcon, + DescAlphaSelectedIcon, + DescAlphaNotSelectedIcon, + IncAlphaSelectedIcon, + IncAlphaNotSelectedIcon, + DescNumSelectedIcon, + DescNumNotSelectedIcon, + IncNumSelectedIcon, + IncNumNotSelectedIcon, + EditPhotoIcon, + DiamondIcon, + ShareIcon, + CartIcon, + FriendsIcon, + ArrowBackIcon, + ArrowDownIcon, + ArrowForwardIcon, + ArrowIcon, + ArrowUpIcon, + CheckCircleIcon, + CheckIcon, + ClearIcon, + ClockIcon, + ContactSupportIcon, + ContentCopyIcon, + ExpandMoreIcon, + InfoIcon, + KeyBoardArrowDownIcon, + KeyBoardArrowLeftIcon, + KeyBoardArrowRightIcon, + KeyBoardArrowUpIcon, + MenuIcon, + ProcessIcon, + StarRateIcon, + ZoomIcon, + MouseLeftSelected, + MouseRightSelected, + EditIcon, + AlertIcon, + ImageNotFound, + InActiveHelp, + InActiveColorIcon, + InActiveShortCutIcon, + AfterShootLogo, + InActiveStarIcon, + InActiveSprayCanIcon, + InActiveSortIcon, + InactiveLoupeIcon, + InActiveFilter, + InActiveGridIcon, + InfoIconTransparent, + BorderColorIcon, + DropDownIcon, + UploadFolder, + ExitAppIcon, + LeftArrow, + ExportedIcon, + NetworkErrorIcon, + CopyIcon, + WarningImgMovedIcon, + FolderIcon, + AddFolderIcon, + AftershootEditsIcon, + AlertIcon2, + AppleIcon, + ArrowDownIcon2, + ArrowLeftIcon, + ArrowRightIcon, + ArrowRightIosIcon, + ArrowUpIcon2, + BlueTickIcon, + CancelIcon, + CheckIcon2, + CheckIcon4, + CircleCheckIcon, + ClockIcon4, + ErrorIcon, + CloseIcon, + ColorPaletteIcon, + ConfettiIcon, + ConfettiLeftIcon, + ConfettiRightIcon, + CopyIcon2, + CrossIcon, + CullFromCardIcon, + CullFromComputerIcon, + DeleteGreyIcon, + DeleteIcon3, + DeleteWhiteIcon, + DeleteWhiteIcon4, + DetailedZoomSelectedIcon, + DetailedZoomUnselectedIcon, + DirectoryIcon, + DownloadIcon, + DragFolderIcon, + EditAlbumNameIcon, + EditAlbumNameIcon4, + EditInProgressIcon, + EditsLogoTextIcon, + EmptyStarIcon, + ErrorIcon2, + ErrorWarningIcon, + ExpandIcon, + ExportedProjectIcon, + ExportIcon, + FacebookColorIcon, + FacebookIcon, + FailedIcon, + FilledStarIcon, + FilterIcon, + FolderIcon2, + GlassIcon, + GoogleIcon, + GridNotSelectedIcon3, + GridOfFourActiveIcon, + GridOfFourIcon, + GridViewIcon, + HighenabledIcon, + HighIcon, + ImageBorderIcon, + ImageBorderSoftIcon, + ImageNotFoundIcon, + InfoIcon3, + InfoRoundedIcon, + InfoRoundedIcon3, + KeyDupInvIcon, + KeyDupVisIcon, + KeyFacesSelectedIcon, + KeyFacesUnselectedIcon, + KeyIcon, + ListNotSelectedIcon3, + ListSelectedIcon3, + LockIcon2, + LoadingOptionsIcon, + LogoBlankIcon, + LoopIcon3, + LoupeActiveIcon, + LoupeIcon, + LowenabledIcon, + LowIcon, + MaximizeIcon2, + MidenabledIcon, + MidIcon, + MinimizeIcon, + MoveIcon, + MySelectedIcon, + NetworkErrorIcon4, + NewFolderGradientIcon, + NoDuplicatesIcon, + NoneIcon, + NoneSelectedIcon, + NotMySelectedIcon, + OptionCompletedIcon, + OptionFailedIcon, + OptionPendingIcon, + PlayerIcon, + PlayIcon, + PlayIcon4, + QuestionIcon, + QuestionLogo, + RecullIcon, + RefreshIcon, + RelinkIcon, + ReloadIcon3, + ReportButtonIcon, + RightArrowIcon, + RightArrowIcon4, + RightSignIcon, + Rotata90Icon, + SadFaceIcon, + ScissorsIcon, + SelectedErrorIcon, + SearchIcon, + SettingsIcon, + ShowDuplicateIcon, + SortDuplicatesIcon3, + SortIcon, + SourceMoveIcon, + SprayClickIcon3, + SprayCursorIcon, + SprayIcon, + StarIcon, + StarSelectedBlueIcon, + Step1Icon, + Step2Icon, + Step3Icon, + SuccessIcon, + TickIcon, + TrainCompletedIcon, + TrainFailIcon, + TrainIcon, + TwitterColorIcon, + TwitterIcon, + UnmaximizeIcon, + Upload_Icon, + UploadIcon, + UploadsIcon, + ViewAllIcon, + WarningIcon3, + WarningsIcon, + WorldIcon, + ZoomIcon3, + OpenLinkIcon, +} diff --git a/src/globals.d.ts b/src/globals.d.ts new file mode 100644 index 00000000..6a9d5f17 --- /dev/null +++ b/src/globals.d.ts @@ -0,0 +1,2 @@ +declare module '*.scss' +declare module '*.svg' diff --git a/src/index.scss b/src/index.scss new file mode 100644 index 00000000..2933b2f7 --- /dev/null +++ b/src/index.scss @@ -0,0 +1,31 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + :root { + --val: 0.25rem; + --font-size: 2px; + --font-size-lg: 16px; + --font-size-xl: 18px; + --font-size-2xl: 20px; + --font-size-3xl: 26px; + --font-size-4xl: 28px; + --font-size-5xl: 42px; + } + @media screen and (max-width: 1440px), screen and (max-height: 940px) { + :root { + --val: 0.2rem; + --font-size-lg: 14px; + --font-size-xl: 16px; + --font-size-2xl: 18px; + --font-size-3xl: 24px; + --font-size-4xl: 26px; + --font-size-5xl: 40px; + } + } +} + +*::-webkit-scrollbar { + display: none; +}