diff --git a/.DS_Store b/.DS_Store index 5008ddfc..b0ccb49f 100644 Binary files a/.DS_Store and b/.DS_Store differ 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 5548bee5..5c7a366c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@aftershootco/unicorn-icons", - "version": "1.0.12", + "version": "1.1.38", "description": "", "author": "AfterShoot", "license": "ISC", @@ -19,36 +19,36 @@ "react-dom": "^18.2.0" }, "devDependencies": { - "@babel/core": "^7.20.2", - "@rollup/plugin-babel": "^6.0.2", - "@rollup/plugin-commonjs": "^23.0.2", + "@babel/core": "^7.20.7", + "@rollup/plugin-babel": "^6.0.3", + "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", - "@rollup/plugin-typescript": "^9.0.2", + "@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", + "@types/react": "^18.0.26", + "@types/react-dom": "^18.0.10", "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.3.0", - "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", - "rollup-plugin-scss": "^3.0.0", + "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.8.4", + "typescript": "^4.9.4", "webpack": "^5.75.0" }, "files": [ diff --git a/src/.DS_Store b/src/.DS_Store new file mode 100644 index 00000000..5915776a Binary files /dev/null and b/src/.DS_Store differ 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 new file mode 100644 index 00000000..39c83873 --- /dev/null +++ b/src/Icons/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/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 new file mode 100644 index 00000000..f6d5654a --- /dev/null +++ b/src/Icons/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/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 new file mode 100644 index 00000000..ff97716e --- /dev/null +++ b/src/Icons/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/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/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/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..0a61af4e --- /dev/null +++ b/src/Icons/Reskin/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/Icons/Reskin/CartIcon.tsx b/src/Icons/Reskin/CartIcon.tsx new file mode 100644 index 00000000..57dfe1b1 --- /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/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/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/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/DiamonIcon.tsx b/src/Icons/Reskin/DiamonIcon.tsx new file mode 100644 index 00000000..0ae67c2d --- /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/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 new file mode 100644 index 00000000..a41e0c46 --- /dev/null +++ b/src/Icons/Reskin/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/Icons/Reskin/EditPhotoIcon.tsx b/src/Icons/Reskin/EditPhotoIcon.tsx new file mode 100644 index 00000000..ed2151ba --- /dev/null +++ b/src/Icons/Reskin/EditPhotoIcon.tsx @@ -0,0 +1,33 @@ +import React from 'react' + +const EditPhotoIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + + + ) +} + +export default EditPhotoIcon 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/ExitAppIcon.tsx b/src/Icons/Reskin/ExitAppIcon.tsx new file mode 100644 index 00000000..63fe898f --- /dev/null +++ b/src/Icons/Reskin/ExitAppIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react' + +const ExitAppIcon: React.FC> = (props) => { + return ( + + + + + + + + + + + + ) +} + +export default ExitAppIcon 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/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/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/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/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/Reskin/FriendsIcon.tsx b/src/Icons/Reskin/FriendsIcon.tsx new file mode 100644 index 00000000..5dab8491 --- /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/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/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/Reskin/InAcitveHelp.tsx b/src/Icons/Reskin/InAcitveHelp.tsx new file mode 100644 index 00000000..5a30fbff --- /dev/null +++ b/src/Icons/Reskin/InAcitveHelp.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/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..6c492bed --- /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..7f5cfbf8 --- /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..9dc6d07e --- /dev/null +++ b/src/Icons/Reskin/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/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/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/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/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/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/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/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/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/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/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/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/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 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/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/Reskin/ShareIcon.tsx b/src/Icons/Reskin/ShareIcon.tsx new file mode 100644 index 00000000..89a0332c --- /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/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/Reskin/SourceNotFound.tsx b/src/Icons/Reskin/SourceNotFound.tsx new file mode 100644 index 00000000..080defa1 --- /dev/null +++ b/src/Icons/Reskin/SourceNotFound.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/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/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/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/Reskin/WarningIcon.tsx b/src/Icons/Reskin/WarningIcon.tsx new file mode 100644 index 00000000..59a99ee2 --- /dev/null +++ b/src/Icons/Reskin/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/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/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 58af38c3..de15f638 100644 --- a/src/Icons/index.ts +++ b/src/Icons/index.ts @@ -1,35 +1,160 @@ 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 EyeIcon from './Reskin/EyeIcon' +import EyeOffIcon from './Reskin/EyeOffIcon' +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 InActiveHelp 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 LeftArrowLong from './Reskin/LeftArrowLong' +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 RightArrowLong from './Reskin/RightArrowLong' +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' +import ZoomIcon from './Reskin/ZoomIcon' import StarRateIcon from './StarRateIcon' 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, + InActiveStarIcon, + InActiveSprayCanIcon, + InActiveSortIcon, + InactiveLoupeIcon, + InActiveFilter, + InActiveGridIcon, + InfoIconTransparent, + BorderColorIcon, + DropDownIcon, + UploadFolder, + ExitAppIcon, + LeftArrow, + ExportedIcon, + NetworkErrorIcon, + CopyIcon, + WarningImgMovedIcon, + FolderIcon, } + diff --git a/src/assets/index.ts b/src/assets/index.ts new file mode 100644 index 00000000..cdc7e2f0 --- /dev/null +++ b/src/assets/index.ts @@ -0,0 +1 @@ +export * from './svg' diff --git a/src/assets/svg/Check.svg b/src/assets/svg/Check.svg new file mode 100644 index 00000000..f186bbef --- /dev/null +++ b/src/assets/svg/Check.svg @@ -0,0 +1,3 @@ + + + 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 00000000..d6e59ca6 Binary files /dev/null and b/src/components/.DS_Store differ 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; +} 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'