diff --git a/packages/icon-store/.gitignore b/packages/icon-store/.gitignore index 8ee9ae8e..0f46643c 100644 --- a/packages/icon-store/.gitignore +++ b/packages/icon-store/.gitignore @@ -1,5 +1,6 @@ custom mi +mint-icons material-design-icons !**/svgs/** .DS_Store diff --git a/packages/icon-store/package.json b/packages/icon-store/package.json index 53c400a3..089a06c3 100644 --- a/packages/icon-store/package.json +++ b/packages/icon-store/package.json @@ -5,6 +5,7 @@ "files": [ "mi", "custom", + "mint-icons", "types.d.ts" ], "types": "types.d.ts", @@ -17,9 +18,11 @@ "generate": "run-p generate:*", "generate:mi": "rm -rf mi && mkdir mi && svgr ./svgs/mi/ --out-dir ./mi/", "generate:custom": "rm -rf custom && mkdir custom && svgr ./svgs/custom/ --out-dir ./custom/", + "generate:mint-icons": "rm -rf mint-icons && mkdir mint-icons && svgr ./svgs/mint-icons/ --out-dir ./mint-icons/", "transform": "node scripts/compileComponent.js && node scripts/generateIndexFile.js && node scripts/generateTypes.js && node scripts/createPackageJsonFiles.js", "clean-mi-icons": "rm -rf svgs/mi && mkdir svgs/mi", "clean-custom-icons": "rm -rf svgs/custom && mkdir svgs/custom", + "clean-mint-icons": "rm -rf svgs/mint-icons && mkdir svgs/mint-icons", "build": "npm run generate && npm run transform", "pushTags": "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag -a icon-store-v$PACKAGE_VERSION -m \"@groww-tech/icon-store-v$PACKAGE_VERSION\" && git push --tags" }, @@ -27,7 +30,8 @@ "icon-store", "groww", "icons", - "material-icons" + "material-icons", + "mint-icons" ], "author": "Vikas Singh (https://twitter.com/VikasSi25579022)", "contributors": [ diff --git a/packages/icon-store/scripts/compileComponent.js b/packages/icon-store/scripts/compileComponent.js index f7086233..a3b828a7 100644 --- a/packages/icon-store/scripts/compileComponent.js +++ b/packages/icon-store/scripts/compileComponent.js @@ -1,5 +1,5 @@ /** - * This function will transform the component files of mi and custom icons + * This function will transform the component files of mi, custom, mint icons * using babel transfromSync and minify the result using terser's api. */ @@ -15,8 +15,9 @@ const timeoutId = setTimeout(() => { function compileReactComponentsUsingBabel() { const miComponentPath = path.join(__dirname, "../mi"); const customComponentPath = path.join(__dirname, "../custom"); + const mintIconsComponentPath = path.join(__dirname, "../mint-icons"); - [miComponentPath, customComponentPath].forEach(function (componentPath) { + [miComponentPath, customComponentPath, mintIconsComponentPath].forEach(function (componentPath) { console.log( chalk.green("Compiling resources from: ") + chalk.yellow(componentPath) ); diff --git a/packages/icon-store/scripts/createPackageJsonFiles.js b/packages/icon-store/scripts/createPackageJsonFiles.js index 7b58e1b2..51c8e210 100644 --- a/packages/icon-store/scripts/createPackageJsonFiles.js +++ b/packages/icon-store/scripts/createPackageJsonFiles.js @@ -1,5 +1,5 @@ /** - * This function generate package.json files for both mi and custom icons + * This function generate package.json files for mi, custom, mint icons * package.json helps builders/bundlers to refer the correct file when building apps */ @@ -26,3 +26,4 @@ function createPackageJson(iconType = "mi") { createPackageJson("mi"); createPackageJson("custom"); +createPackageJson("mint-icons"); diff --git a/packages/icon-store/scripts/generateIndexFile.js b/packages/icon-store/scripts/generateIndexFile.js index c1dfbf15..861d30b7 100644 --- a/packages/icon-store/scripts/generateIndexFile.js +++ b/packages/icon-store/scripts/generateIndexFile.js @@ -1,5 +1,5 @@ /** - * This function generate index files for both mi and custom icons + * This function generate index files for mi, custom, mint icons * both esm and cjs format (reexports) * Providing an index file helps with developer ease of use and less number of imports overall */ @@ -88,3 +88,5 @@ createIndexFile("mi", "cjs"); createIndexFile("mi", "esm"); createIndexFile("custom", "cjs"); createIndexFile("custom", "esm"); +createIndexFile("mint-icons", "cjs"); +createIndexFile("mint-icons", "esm"); diff --git a/packages/icon-store/scripts/generateTypes.js b/packages/icon-store/scripts/generateTypes.js index 853cafc4..df08dcd5 100644 --- a/packages/icon-store/scripts/generateTypes.js +++ b/packages/icon-store/scripts/generateTypes.js @@ -1,6 +1,6 @@ /** * This function generate typescript files usinga template string. - * component folder paths: mi, custom (top level) + * component folder paths: mi, custom, mint-icons (top level) * * It will generate the .d.ts files for each component in the same folder. */ @@ -10,7 +10,7 @@ const { getDirContent, writeContentToFile } = require("./helpers/utils"); const chalk = require("chalk"); function generateTypesForIconComponent() { - const componentFolderPaths = ["mi/cjs", "custom/cjs"]; + const componentFolderPaths = ["mi/cjs", "custom/cjs", "mint-icons/cjs"]; componentFolderPaths.forEach((componentFolderPath) => { console.log( diff --git a/packages/icon-store/svgs/mint-icons/mds_ic_chat_comment_double_outline.svg b/packages/icon-store/svgs/mint-icons/mds_ic_chat_comment_double_outline.svg new file mode 100644 index 00000000..136d98c4 --- /dev/null +++ b/packages/icon-store/svgs/mint-icons/mds_ic_chat_comment_double_outline.svg @@ -0,0 +1,10 @@ + + + + + + + + + +