From ac66b0d65c29761dabd49602c0b0c7cadd341d9a Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 29 Oct 2020 15:10:27 +0100 Subject: [PATCH 1/5] fix: Normalize icons - Use viewBox instead of width/height so that icon depends on font-size - Remove fill attribute for icon color to depend on context BREAKING CHANGE: icons calendar, link-out, warning, warning-circle, wrench-circle have changed viewport and color, you need to check if they are correctly rendered in your applications. --- assets/icons/ui/calendar.svg | 2 +- assets/icons/ui/link-out.svg | 4 ++-- assets/icons/ui/warning-circle.svg | 2 +- assets/icons/ui/warning.svg | 2 +- assets/icons/ui/wrench-circle.svg | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/assets/icons/ui/calendar.svg b/assets/icons/ui/calendar.svg index 9389e68182..ca2967852d 100644 --- a/assets/icons/ui/calendar.svg +++ b/assets/icons/ui/calendar.svg @@ -1 +1 @@ - + diff --git a/assets/icons/ui/link-out.svg b/assets/icons/ui/link-out.svg index 40f3b8e8ed..1cbd8baee6 100644 --- a/assets/icons/ui/link-out.svg +++ b/assets/icons/ui/link-out.svg @@ -1,5 +1,5 @@ - - + + diff --git a/assets/icons/ui/warning-circle.svg b/assets/icons/ui/warning-circle.svg index 589a08a6bb..8ddaea8cd1 100644 --- a/assets/icons/ui/warning-circle.svg +++ b/assets/icons/ui/warning-circle.svg @@ -1 +1 @@ - + diff --git a/assets/icons/ui/warning.svg b/assets/icons/ui/warning.svg index d89501263d..24e78332df 100644 --- a/assets/icons/ui/warning.svg +++ b/assets/icons/ui/warning.svg @@ -1,4 +1,4 @@ - + diff --git a/assets/icons/ui/wrench-circle.svg b/assets/icons/ui/wrench-circle.svg index 592ab59a11..6e30e17ec6 100644 --- a/assets/icons/ui/wrench-circle.svg +++ b/assets/icons/ui/wrench-circle.svg @@ -1 +1 @@ - + From c84a057140857100e4de9e220c2be8d989a08cc2 Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 29 Oct 2020 12:53:11 +0100 Subject: [PATCH 2/5] chore: Add svgr --- package.json | 1 + yarn.lock | 415 ++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 414 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 95e8df7619..e95f23e0d7 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,7 @@ "@semantic-release/changelog": "3.0.6", "@semantic-release/git": "7.0.18", "@semantic-release/npm": "5.3.4", + "@svgr/cli": "^5.4.0", "@testing-library/react": "^9.5.0", "@testing-library/react-hooks": "^3.2.1", "argos-cli": "0.1.3", diff --git a/yarn.lock b/yarn.lock index cd6c2bf7e4..cdb3208e05 100644 --- a/yarn.lock +++ b/yarn.lock @@ -137,6 +137,28 @@ semver "^5.4.1" source-map "^0.5.0" +"@babel/core@^7.7.5": + version "7.12.3" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.3.tgz#1b436884e1e3bff6fb1328dc02b208759de92ad8" + integrity sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g== + dependencies: + "@babel/code-frame" "^7.10.4" + "@babel/generator" "^7.12.1" + "@babel/helper-module-transforms" "^7.12.1" + "@babel/helpers" "^7.12.1" + "@babel/parser" "^7.12.3" + "@babel/template" "^7.10.4" + "@babel/traverse" "^7.12.1" + "@babel/types" "^7.12.1" + convert-source-map "^1.7.0" + debug "^4.1.0" + gensync "^1.0.0-beta.1" + json5 "^2.1.2" + lodash "^4.17.19" + resolve "^1.3.2" + semver "^5.4.1" + source-map "^0.5.0" + "@babel/generator@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0-beta.44.tgz#c7e67b9b5284afcf69b309b50d7d37f3e5033d42" @@ -175,6 +197,15 @@ jsesc "^2.5.1" source-map "^0.5.0" +"@babel/generator@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.1.tgz#0d70be32bdaa03d7c51c8597dda76e0df1f15468" + integrity sha512-DB+6rafIdc9o72Yc3/Ph5h+6hUjeOp66pF0naQBgUFFuPqzQwIlPTm3xZR7YNvduIMtkDIj2t21LSQwnbCrXvg== + dependencies: + "@babel/types" "^7.12.1" + jsesc "^2.5.1" + source-map "^0.5.0" + "@babel/generator@^7.2.2", "@babel/generator@^7.4.0", "@babel/generator@^7.4.4": version "7.4.4" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.4.tgz#174a215eb843fc392c7edcaabeaa873de6e8f041" @@ -354,6 +385,13 @@ dependencies: "@babel/types" "^7.11.0" +"@babel/helper-member-expression-to-functions@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.1.tgz#fba0f2fcff3fba00e6ecb664bb5e6e26e2d6165c" + integrity sha512-k0CIe3tXUKTRSoEx1LQEPFU9vRQfqHtl+kf8eNnDqb4AUJEy5pz6aIiog+YWtVm2jpggjS1laH68bPsR+KWWPQ== + dependencies: + "@babel/types" "^7.12.1" + "@babel/helper-module-imports@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0.tgz#96081b7111e486da4d2cd971ad1a4fe216cc2e3d" @@ -368,6 +406,13 @@ dependencies: "@babel/types" "^7.10.4" +"@babel/helper-module-imports@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.1.tgz#1644c01591a15a2f084dd6d092d9430eb1d1216c" + integrity sha512-ZeC1TlMSvikvJNy1v/wPIazCu3NdOwgYZLIkmIyAsGhqkNpiDoQQRmaCK8YP4Pq3GPTLPV9WXaPCJKvx06JxKA== + dependencies: + "@babel/types" "^7.12.1" + "@babel/helper-module-transforms@^7.1.0", "@babel/helper-module-transforms@^7.4.4": version "7.4.4" resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.4.4.tgz#96115ea42a2f139e619e98ed46df6019b94414b8" @@ -393,6 +438,21 @@ "@babel/types" "^7.11.0" lodash "^4.17.19" +"@babel/helper-module-transforms@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz#7954fec71f5b32c48e4b303b437c34453fd7247c" + integrity sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w== + dependencies: + "@babel/helper-module-imports" "^7.12.1" + "@babel/helper-replace-supers" "^7.12.1" + "@babel/helper-simple-access" "^7.12.1" + "@babel/helper-split-export-declaration" "^7.11.0" + "@babel/helper-validator-identifier" "^7.10.4" + "@babel/template" "^7.10.4" + "@babel/traverse" "^7.12.1" + "@babel/types" "^7.12.1" + lodash "^4.17.19" + "@babel/helper-optimise-call-expression@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz#a2920c5702b073c15de51106200aa8cad20497d5" @@ -455,6 +515,16 @@ "@babel/traverse" "^7.10.4" "@babel/types" "^7.10.4" +"@babel/helper-replace-supers@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.1.tgz#f15c9cc897439281891e11d5ce12562ac0cf3fa9" + integrity sha512-zJjTvtNJnCFsCXVi5rUInstLd/EIVNmIKA1Q9ynESmMBWPWd+7sdR+G4/wdu+Mppfep0XLyG2m7EBPvjCeFyrw== + dependencies: + "@babel/helper-member-expression-to-functions" "^7.12.1" + "@babel/helper-optimise-call-expression" "^7.10.4" + "@babel/traverse" "^7.12.1" + "@babel/types" "^7.12.1" + "@babel/helper-simple-access@^7.1.0": version "7.1.0" resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.1.0.tgz#65eeb954c8c245beaa4e859da6188f39d71e585c" @@ -471,6 +541,13 @@ "@babel/template" "^7.10.4" "@babel/types" "^7.10.4" +"@babel/helper-simple-access@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz#32427e5aa61547d38eb1e6eaf5fd1426fdad9136" + integrity sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA== + dependencies: + "@babel/types" "^7.12.1" + "@babel/helper-skip-transparent-expression-wrappers@^7.11.0": version "7.11.0" resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.11.0.tgz#eec162f112c2f58d3af0af125e3bb57665146729" @@ -535,6 +612,15 @@ "@babel/traverse" "^7.10.4" "@babel/types" "^7.10.4" +"@babel/helpers@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.12.1.tgz#8a8261c1d438ec18cb890434df4ec768734c1e79" + integrity sha512-9JoDSBGoWtmbay98efmT2+mySkwjzeFeAL9BuWNoVQpkPFQF8SIIFUfY5os9u8wVzglzoiPRSW7cuJmBDUt43g== + dependencies: + "@babel/template" "^7.10.4" + "@babel/traverse" "^7.12.1" + "@babel/types" "^7.12.1" + "@babel/helpers@^7.2.0", "@babel/helpers@^7.4.4": version "7.4.4" resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.4.4.tgz#868b0ef59c1dd4e78744562d5ce1b59c89f2f2a5" @@ -600,6 +686,11 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.11.0.tgz#a9d7e11aead25d3b422d17b2c6502c8dddef6a5d" integrity sha512-qvRvi4oI8xii8NllyEc4MDJjuZiNaRzyb7Y7lup1NqJV8TZHF4O27CcP+72WPn/k1zkgJ6WJfnIbk4jTsVAZHw== +"@babel/parser@^7.12.1", "@babel/parser@^7.12.3": + version "7.12.3" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.3.tgz#a305415ebe7a6c7023b40b5122a0662d928334cd" + integrity sha512-kFsOS0IbsuhO5ojF8Hc8z/8vEIOkylVBrjiZUbLTE3XFe0Qi+uu6HjzQixkFaqr0ZPAMZcBVxEwmsnsLPZ2Xsw== + "@babel/plugin-proposal-async-generator-functions@^7.2.0": version "7.2.0" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.2.0.tgz#b289b306669dce4ad20b0252889a15768c9d417e" @@ -1280,6 +1371,21 @@ globals "^11.1.0" lodash "^4.17.19" +"@babel/traverse@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.1.tgz#941395e0c5cc86d5d3e75caa095d3924526f0c1e" + integrity sha512-MA3WPoRt1ZHo2ZmoGKNqi20YnPt0B1S0GTZEPhhd+hw2KGUzBlHuVunj6K4sNuK+reEvyiPwtp0cpaqLzJDmAw== + dependencies: + "@babel/code-frame" "^7.10.4" + "@babel/generator" "^7.12.1" + "@babel/helper-function-name" "^7.10.4" + "@babel/helper-split-export-declaration" "^7.11.0" + "@babel/parser" "^7.12.1" + "@babel/types" "^7.12.1" + debug "^4.1.0" + globals "^11.1.0" + lodash "^4.17.19" + "@babel/types@7.0.0-beta.44": version "7.0.0-beta.44" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757" @@ -1316,6 +1422,15 @@ lodash "^4.17.19" to-fast-properties "^2.0.0" +"@babel/types@^7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.1.tgz#e109d9ab99a8de735be287ee3d6a9947a190c4ae" + integrity sha512-BzSY3NJBKM4kyatSOWh3D/JJ2O3CVzBybHWxtgxnggaxEuaSTTDqeiSb/xk9lrkw2Tbqyivw5ZU4rT+EfznQsA== + dependencies: + "@babel/helper-validator-identifier" "^7.10.4" + lodash "^4.17.19" + to-fast-properties "^2.0.0" + "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.5", "@babel/types@^7.9.6": version "7.9.6" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.9.6.tgz#2c5502b427251e9de1bd2dff95add646d95cc9f7" @@ -2049,6 +2164,119 @@ resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea" integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ== +"@svgr/babel-plugin-add-jsx-attribute@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906" + integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg== + +"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef" + integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg== + +"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd" + integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA== + +"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897" + integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ== + +"@svgr/babel-plugin-svg-dynamic-title@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7" + integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg== + +"@svgr/babel-plugin-svg-em-dimensions@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0" + integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw== + +"@svgr/babel-plugin-transform-react-native-svg@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80" + integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q== + +"@svgr/babel-plugin-transform-svg-component@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.4.0.tgz#a2212b4d018e6075a058bb7e220a66959ef7a03c" + integrity sha512-zLl4Fl3NvKxxjWNkqEcpdSOpQ3LGVH2BNFQ6vjaK6sFo2IrSznrhURIPI0HAphKiiIwNYjAfE0TNoQDSZv0U9A== + +"@svgr/babel-preset@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.4.0.tgz#da21854643e1c4ad2279239baa7d5a8b128c1f15" + integrity sha512-Gyx7cCxua04DBtyILTYdQxeO/pwfTBev6+eXTbVbxe4HTGhOUW6yo7PSbG2p6eJMl44j6XSequ0ZDP7bl0nu9A== + dependencies: + "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0" + "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0" + "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1" + "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1" + "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0" + "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0" + "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0" + "@svgr/babel-plugin-transform-svg-component" "^5.4.0" + +"@svgr/cli@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/cli/-/cli-5.4.0.tgz#6eb153ff460a67f82fb833959d38e59749c38188" + integrity sha512-Wc2GtpQzk+drx8D5ZIC9cDd/dkdrhK2OwyqvBanWMc92perDmdCDwf4scMWrO/T9I5fMMg8BFRs9ifUvFIl6JA== + dependencies: + "@svgr/core" "^5.4.0" + "@svgr/plugin-jsx" "^5.4.0" + "@svgr/plugin-prettier" "^5.4.0" + "@svgr/plugin-svgo" "^5.4.0" + camelcase "^6.0.0" + chalk "^4.0.0" + commander "^5.1.0" + dashify "^2.0.0" + glob "^7.1.4" + output-file-sync "^2.0.1" + +"@svgr/core@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.4.0.tgz#655378ee43679eb94fee3d4e1976e38252dff8e7" + integrity sha512-hWGm1DCCvd4IEn7VgDUHYiC597lUYhFau2lwJBYpQWDirYLkX4OsXu9IslPgJ9UpP7wsw3n2Ffv9sW7SXJVfqQ== + dependencies: + "@svgr/plugin-jsx" "^5.4.0" + camelcase "^6.0.0" + cosmiconfig "^6.0.0" + +"@svgr/hast-util-to-babel-ast@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.4.0.tgz#bb5d002e428f510aa5b53ec0a02377a95b367715" + integrity sha512-+U0TZZpPsP2V1WvVhqAOSTk+N+CjYHdZx+x9UBa1eeeZDXwH8pt0CrQf2+SvRl/h2CAPRFkm+Ey96+jKP8Bsgg== + dependencies: + "@babel/types" "^7.9.5" + +"@svgr/plugin-jsx@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.4.0.tgz#ab47504c55615833c6db70fca2d7e489f509787c" + integrity sha512-SGzO4JZQ2HvGRKDzRga9YFSqOqaNrgLlQVaGvpZ2Iht2gwRp/tq+18Pvv9kS9ZqOMYgyix2LLxZMY1LOe9NPqw== + dependencies: + "@babel/core" "^7.7.5" + "@svgr/babel-preset" "^5.4.0" + "@svgr/hast-util-to-babel-ast" "^5.4.0" + svg-parser "^2.0.2" + +"@svgr/plugin-prettier@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-prettier/-/plugin-prettier-5.4.0.tgz#64039e118e3cc026e7754e943f3d044d81611561" + integrity sha512-Ml/NdLHy4hLhPSNNABTduRvex7r8v08fmv1FbcB6dMUMHfsPNkOFJUmGbv/c/6KOvEX06Pnh+R8BHBJlH13v/w== + dependencies: + merge-deep "^3.0.2" + prettier "^2.0.5" + +"@svgr/plugin-svgo@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.4.0.tgz#45d9800b7099a6f7b4d85ebac89ab9abe8592f64" + integrity sha512-3Cgv3aYi1l6SHyzArV9C36yo4kgwVdF3zPQUC6/aCDUeXAofDYwE5kk3e3oT5ZO2a0N3lB+lLGvipBG6lnG8EA== + dependencies: + cosmiconfig "^6.0.0" + merge-deep "^3.0.2" + svgo "^1.2.2" + "@szmarczak/http-timer@^1.1.2": version "1.1.2" resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421" @@ -2191,6 +2419,11 @@ resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e" integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA== +"@types/parse-json@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0" + integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA== + "@types/prop-types@*": version "15.7.1" resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.1.tgz#f1a11e7babb0c3cad68100be381d1e064c68f1f6" @@ -3928,6 +4161,11 @@ camelcase@^5.0.0, camelcase@^5.3.1: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== +camelcase@^6.0.0: + version "6.2.0" + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809" + integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg== + caniuse-api@^1.5.2: version "1.6.1" resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c" @@ -4035,6 +4273,14 @@ chalk@^3.0.0: ansi-styles "^4.1.0" supports-color "^7.1.0" +chalk@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a" + integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A== + dependencies: + ansi-styles "^4.1.0" + supports-color "^7.1.0" + change-emitter@^0.1.2: version "0.1.6" resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515" @@ -4364,6 +4610,17 @@ cliui@^5.0.0: strip-ansi "^5.2.0" wrap-ansi "^5.1.0" +clone-deep@^0.2.4: + version "0.2.4" + resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.2.4.tgz#4e73dd09e9fb971cc38670c5dced9c1896481cc6" + integrity sha1-TnPdCen7lxzDhnDF3O2cGJZIHMY= + dependencies: + for-own "^0.1.3" + is-plain-object "^2.0.1" + kind-of "^3.0.2" + lazy-cache "^1.0.3" + shallow-clone "^0.1.2" + clone-response@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b" @@ -4571,6 +4828,11 @@ commander@^4.0.1: resolved "https://registry.yarnpkg.com/commander/-/commander-4.0.1.tgz#b67622721785993182e807f4883633e6401ba53c" integrity sha512-IPF4ouhCP+qdlcmCedhxX4xiGBPyigb8v5NeUp+0LyhwLgxMqyp3S0vl7TAPfS/hiP7FC3caI/PB9lTmP8r1NA== +commander@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae" + integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg== + commander@~2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.1.0.tgz#d121bbae860d9992a3d517ba96f56588e47c6781" @@ -4961,6 +5223,17 @@ cosmiconfig@^5.0.1: js-yaml "^3.13.1" parse-json "^4.0.0" +cosmiconfig@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982" + integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg== + dependencies: + "@types/parse-json" "^4.0.0" + import-fresh "^3.1.0" + parse-json "^5.0.0" + path-type "^4.0.0" + yaml "^1.7.2" + cozy-client@^13.4.1: version "13.4.1" resolved "https://registry.yarnpkg.com/cozy-client/-/cozy-client-13.4.1.tgz#bcb3620fdabe0c5e9d0de30901a99f7b6d21ac3d" @@ -5248,6 +5521,22 @@ css-tree@1.0.0-alpha.29: mdn-data "~1.1.0" source-map "^0.5.3" +css-tree@1.0.0-alpha.37: + version "1.0.0-alpha.37" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22" + integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg== + dependencies: + mdn-data "2.0.4" + source-map "^0.6.1" + +css-tree@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0.tgz#21993fa270d742642a90409a2c0cb3ac0298adf6" + integrity sha512-CdVYz/Yuqw0VdKhXPBIgi8DO3NicJVYZNWeX9XcIuSp9ZoFT5IcleVRW07O5rMjdcx1mb+MEJPknTTEW7DdsYw== + dependencies: + mdn-data "2.0.12" + source-map "^0.6.1" + css-unit-converter@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.1.tgz#d9b9281adcfd8ced935bdbaba83786897f64e996" @@ -5423,6 +5712,13 @@ csso@^3.5.1: dependencies: css-tree "1.0.0-alpha.29" +csso@^4.0.2: + version "4.1.0" + resolved "https://registry.yarnpkg.com/csso/-/csso-4.1.0.tgz#1d31193efa99b87aa6bad6c0cef155e543d09e8b" + integrity sha512-h+6w/W1WqXaJA4tb1dk7r5tVbOm97MsKxzwnvOR04UQ6GILroryjMWu3pmCCtL2mLaEStQ0fZgeGiy99mo7iyg== + dependencies: + css-tree "^1.0.0" + csso@~2.3.1: version "2.3.2" resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85" @@ -5479,6 +5775,11 @@ dashdash@^1.12.0: dependencies: assert-plus "^1.0.0" +dashify@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/dashify/-/dashify-2.0.0.tgz#fff270ca2868ca427fee571de35691d6e437a648" + integrity sha512-hpA5C/YrPjucXypHPPc0oJ1l9Hf6wWbiOL7Ik42cxnsUOhWiCB/fylKbKqqJalW9FgkNQCw16YO8uW9Hs0Iy1A== + data-urls@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe" @@ -7170,12 +7471,17 @@ for-each@^0.3.3: dependencies: is-callable "^1.1.3" +for-in@^0.1.3: + version "0.1.8" + resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1" + integrity sha1-2Hc5COMSVhCZUrH9ubP6hn0ndeE= + for-in@^1.0.1, for-in@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80" integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA= -for-own@^0.1.4: +for-own@^0.1.3, for-own@^0.1.4: version "0.1.5" resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce" integrity sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4= @@ -8364,6 +8670,14 @@ import-fresh@^3.0.0: parent-module "^1.0.0" resolve-from "^4.0.0" +import-fresh@^3.1.0: + version "3.2.1" + resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66" + integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ== + dependencies: + parent-module "^1.0.0" + resolve-from "^4.0.0" + import-from@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1" @@ -8640,7 +8954,7 @@ is-boolean-object@^1.0.0: resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.0.0.tgz#98f8b28030684219a95f375cfbd88ce3405dff93" integrity sha1-mPiygDBoQhmpXzdc+9iM40Bd/5M= -is-buffer@^1.1.4, is-buffer@^1.1.5, is-buffer@~1.1.1: +is-buffer@^1.0.2, is-buffer@^1.1.4, is-buffer@^1.1.5, is-buffer@~1.1.1: version "1.1.6" resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be" integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w== @@ -9953,6 +10267,13 @@ killable@^1.0.1: resolved "https://registry.yarnpkg.com/killable/-/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892" integrity sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg== +kind-of@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-2.0.1.tgz#018ec7a4ce7e3a86cb9141be519d24c8faa981b5" + integrity sha1-AY7HpM5+OobLkUG+UZ0kyPqpgbU= + dependencies: + is-buffer "^1.0.2" + kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0: version "3.2.2" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64" @@ -10020,6 +10341,16 @@ latest-version@^5.0.0: dependencies: package-json "^6.3.0" +lazy-cache@^0.2.3: + version "0.2.7" + resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-0.2.7.tgz#7feddf2dcb6edb77d11ef1d117ab5ffdf0ab1b65" + integrity sha1-f+3fLctu23fRHvHRF6tf/fCrG2U= + +lazy-cache@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e" + integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4= + lazy-property@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/lazy-property/-/lazy-property-1.0.0.tgz#84ddc4b370679ba8bd4cdcfa4c06b43d57111147" @@ -10890,6 +11221,16 @@ mdast-util-to-string@^1.0.2: resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz#27055500103f51637bd07d01da01eb1967a43527" integrity sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A== +mdn-data@2.0.12: + version "2.0.12" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.12.tgz#bbb658d08b38f574bbb88f7b83703defdcc46844" + integrity sha512-ULbAlgzVb8IqZ0Hsxm6hHSlQl3Jckst2YEQS7fODu9ilNWy2LvcoSY7TRFIktABP2mdppBioc66va90T+NUs8Q== + +mdn-data@2.0.4: + version "2.0.4" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b" + integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA== + mdn-data@~1.1.0: version "1.1.4" resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-1.1.4.tgz#50b5d4ffc4575276573c4eedb8780812a8419f01" @@ -10979,6 +11320,15 @@ merge-class-names@^1.1.1: resolved "https://registry.yarnpkg.com/merge-class-names/-/merge-class-names-1.2.0.tgz#cb30ecfc3bdbd96b6f76d0a98777907e5fbb3462" integrity sha512-ifHxhC8DojHT1rG3PHCaJYInUqPd0WO+PxsaYDMkgy7RzfyOFtnlpr/hbhki+m/3R/ujIRVnZkD/AHjgjb5uhg== +merge-deep@^3.0.2: + version "3.0.2" + resolved "https://registry.yarnpkg.com/merge-deep/-/merge-deep-3.0.2.tgz#f39fa100a4f1bd34ff29f7d2bf4508fbb8d83ad2" + integrity sha512-T7qC8kg4Zoti1cFd8Cr0M+qaZfOwjlPDEdZIIPPB2JZctjaPM4fX+i7HOId69tAti2fvO6X5ldfYUONDODsrkA== + dependencies: + arr-union "^3.1.0" + clone-deep "^0.2.4" + kind-of "^3.0.2" + merge-descriptors@1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61" @@ -11309,6 +11659,14 @@ mixin-deep@^1.2.0: for-in "^1.0.2" is-extendable "^1.0.1" +mixin-object@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/mixin-object/-/mixin-object-2.0.1.tgz#4fb949441dab182540f1fe035ba60e1947a5e57e" + integrity sha1-T7lJRB2rGCVA8f4DW6YOGUel5X4= + dependencies: + for-in "^0.1.3" + is-extendable "^0.1.1" + mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1, mkdirp@~0.5.x: version "0.5.1" resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903" @@ -12602,6 +12960,15 @@ osenv@0, osenv@^0.1.4, osenv@^0.1.5: os-homedir "^1.0.0" os-tmpdir "^1.0.0" +output-file-sync@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/output-file-sync/-/output-file-sync-2.0.1.tgz#f53118282f5f553c2799541792b723a4c71430c0" + integrity sha512-mDho4qm7WgIXIGf4eYU1RHN2UU5tPfVYVSRwDJw0uTmj35DQUt/eNp19N7v6T3SrR0ESTEf2up2CGO73qI35zQ== + dependencies: + graceful-fs "^4.1.11" + is-plain-obj "^1.1.0" + mkdirp "^0.5.1" + p-cancelable@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc" @@ -13909,6 +14276,11 @@ prettier@^1.11.1: resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008" integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw== +prettier@^2.0.5: + version "2.1.2" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.1.2.tgz#3050700dae2e4c8b67c4c3f666cdb8af405e1ce5" + integrity sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg== + pretty-error@^2.0.2: version "2.1.1" resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3" @@ -16129,6 +16501,16 @@ sha@~2.0.1: graceful-fs "^4.1.2" readable-stream "^2.0.2" +shallow-clone@^0.1.2: + version "0.1.2" + resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-0.1.2.tgz#5909e874ba77106d73ac414cfec1ffca87d97060" + integrity sha1-WQnodLp3EG1zrEFM/sH/yofZcGA= + dependencies: + is-extendable "^0.1.1" + kind-of "^2.0.1" + lazy-cache "^0.2.3" + mixin-object "^2.0.1" + shallowequal@^1.0.2: version "1.1.0" resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" @@ -17044,6 +17426,11 @@ svg-baker@^1.4.1: query-string "^4.3.2" traverse "^0.6.6" +svg-parser@^2.0.2: + version "2.0.4" + resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5" + integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ== + svg-sprite-loader@4.1.6: version "4.1.6" resolved "https://registry.yarnpkg.com/svg-sprite-loader/-/svg-sprite-loader-4.1.6.tgz#ca03d51201e326c1c018389c81d5b0eb78dc01de" @@ -17092,6 +17479,25 @@ svgo@^1.0.0: unquote "~1.1.1" util.promisify "~1.0.0" +svgo@^1.2.2: + version "1.3.2" + resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167" + integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw== + dependencies: + chalk "^2.4.1" + coa "^2.0.2" + css-select "^2.0.0" + css-select-base-adapter "^0.1.1" + css-tree "1.0.0-alpha.37" + csso "^4.0.2" + js-yaml "^3.13.1" + mkdirp "~0.5.1" + object.values "^1.1.0" + sax "~1.2.4" + stable "^0.1.8" + unquote "~1.1.1" + util.promisify "~1.0.0" + svgstore-cli@1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/svgstore-cli/-/svgstore-cli-1.3.1.tgz#f785fffa4bdc0ceaa1bbaeedba1c4d82bb110297" @@ -18707,6 +19113,11 @@ yallist@^3.0.3: resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd" integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g== +yaml@^1.7.2: + version "1.10.0" + resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e" + integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg== + yargs-parser@13.0.0: version "13.0.0" resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.0.0.tgz#3fc44f3e76a8bdb1cc3602e860108602e5ccde8b" From f2111cadfcf033da673ef8200e82d465b8c67ab0 Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 29 Oct 2020 13:34:48 +0100 Subject: [PATCH 3/5] feat: Export icons as React component Useful when an app does not want to import the full icon sprite --- react/Icon/Readme.md | 412 ++++++++++++++++++++++++++++++ react/Icons/Album.jsx | 15 ++ react/Icons/AlbumAdd.jsx | 15 ++ react/Icons/AlbumRemove.jsx | 15 ++ react/Icons/Answer.jsx | 15 ++ react/Icons/Apple.jsx | 15 ++ react/Icons/Archive.jsx | 15 ++ react/Icons/Attachment.jsx | 15 ++ react/Icons/Attention.jsx | 15 ++ react/Icons/Bank.jsx | 15 ++ react/Icons/Banking.jsx | 15 ++ react/Icons/BankingAdd.jsx | 15 ++ react/Icons/Bell.jsx | 15 ++ react/Icons/Bottom.jsx | 15 ++ react/Icons/BrowserBrave.jsx | 15 ++ react/Icons/BrowserChrome.jsx | 15 ++ react/Icons/BrowserDuckduckgo.jsx | 15 ++ react/Icons/BrowserEdge.jsx | 15 ++ react/Icons/BrowserFirefox.jsx | 15 ++ react/Icons/BrowserIe.jsx | 15 ++ react/Icons/BrowserOpera.jsx | 15 ++ react/Icons/BrowserSafari.jsx | 15 ++ react/Icons/Burger.jsx | 15 ++ react/Icons/Calendar.jsx | 12 + react/Icons/Camera.jsx | 15 ++ react/Icons/Car.jsx | 15 ++ react/Icons/Categories.jsx | 15 ++ react/Icons/Certified.jsx | 12 + react/Icons/Check.jsx | 12 + react/Icons/CheckCircle.jsx | 15 ++ react/Icons/CheckList.jsx | 15 ++ react/Icons/CheckSquare.jsx | 15 ++ react/Icons/CircleFilled.jsx | 12 + react/Icons/Clock.jsx | 15 ++ react/Icons/Cloud.jsx | 20 ++ react/Icons/CloudHappy.jsx | 15 ++ react/Icons/Collect.jsx | 15 ++ react/Icons/Comment.jsx | 15 ++ react/Icons/Company.jsx | 15 ++ react/Icons/Compass.jsx | 15 ++ react/Icons/Connector.jsx | 13 + react/Icons/Contract.jsx | 15 ++ react/Icons/Contrast.jsx | 15 ++ react/Icons/CozyLaugh.jsx | 15 ++ react/Icons/CozyText.jsx | 12 + react/Icons/Credit.jsx | 18 ++ react/Icons/CreditCard.jsx | 15 ++ react/Icons/CreditCardAdd.jsx | 15 ++ react/Icons/Crop.jsx | 15 ++ react/Icons/Cross.jsx | 15 ++ react/Icons/CrossCircle.jsx | 15 ++ react/Icons/CrossSmall.jsx | 12 + react/Icons/Cube.jsx | 12 + react/Icons/Dash.jsx | 12 + react/Icons/Dashboard.jsx | 15 ++ react/Icons/DataControl.jsx | 15 ++ react/Icons/Debit.jsx | 18 ++ react/Icons/Devices.jsx | 15 ++ react/Icons/Dots.jsx | 15 ++ react/Icons/Down.jsx | 12 + react/Icons/Download.jsx | 15 ++ react/Icons/DrawingArrowUp.jsx | 12 + react/Icons/Dropdown.jsx | 12 + react/Icons/DropdownClose.jsx | 15 ++ react/Icons/DropdownOpen.jsx | 15 ++ react/Icons/Dropup.jsx | 12 + react/Icons/Email.jsx | 15 ++ react/Icons/EmailNotification.jsx | 15 ++ react/Icons/Eu.jsx | 15 ++ react/Icons/Euro.jsx | 15 ++ react/Icons/Exchange.jsx | 12 + react/Icons/Eye.jsx | 15 ++ react/Icons/EyeClosed.jsx | 25 ++ react/Icons/File.jsx | 18 ++ react/Icons/FileAdd.jsx | 15 ++ react/Icons/FileDuotone.jsx | 26 ++ react/Icons/FileNew.jsx | 15 ++ react/Icons/FileNone.jsx | 18 ++ react/Icons/FileOutline.jsx | 15 ++ react/Icons/Filter.jsx | 15 ++ react/Icons/Fingerprint.jsx | 15 ++ react/Icons/Flag.jsx | 12 + react/Icons/FlagOutlined.jsx | 15 ++ react/Icons/FlashAuto.jsx | 15 ++ react/Icons/Flashlight.jsx | 15 ++ react/Icons/Folder.jsx | 15 ++ react/Icons/FolderAdd.jsx | 15 ++ react/Icons/Forbidden.jsx | 15 ++ react/Icons/FromUser.jsx | 15 ++ react/Icons/Gear.jsx | 15 ++ react/Icons/Globe.jsx | 15 ++ react/Icons/GraphCircle.jsx | 15 ++ react/Icons/Grid.jsx | 15 ++ react/Icons/GroupList.jsx | 15 ++ react/Icons/Groups.jsx | 15 ++ react/Icons/Heart.jsx | 15 ++ react/Icons/Help.jsx | 15 ++ react/Icons/History.jsx | 15 ++ react/Icons/Home.jsx | 15 ++ react/Icons/Hourglass.jsx | 18 ++ react/Icons/Image.jsx | 15 ++ react/Icons/Info.jsx | 18 ++ react/Icons/InfoOutlined.jsx | 15 ++ react/Icons/Key.jsx | 15 ++ react/Icons/Laptop.jsx | 15 ++ react/Icons/Left.jsx | 15 ++ react/Icons/Lightbulb.jsx | 15 ++ react/Icons/Link.jsx | 15 ++ react/Icons/LinkOut.jsx | 15 ++ react/Icons/List.jsx | 15 ++ react/Icons/Location.jsx | 15 ++ react/Icons/Lock.jsx | 15 ++ react/Icons/Logout.jsx | 15 ++ react/Icons/MagicTrick.jsx | 12 + react/Icons/Magnet.jsx | 15 ++ react/Icons/Magnifier.jsx | 15 ++ react/Icons/Merge.jsx | 15 ++ react/Icons/MovementIn.jsx | 18 ++ react/Icons/MovementOut.jsx | 18 ++ react/Icons/Moveto.jsx | 15 ++ react/Icons/MultiFiles.jsx | 15 ++ react/Icons/Music.jsx | 15 ++ react/Icons/New.jsx | 15 ++ react/Icons/Next.jsx | 15 ++ react/Icons/Note.jsx | 15 ++ react/Icons/NotificationEmail.jsx | 15 ++ react/Icons/Offline.jsx | 15 ++ react/Icons/Online.jsx | 15 ++ react/Icons/Openwith.jsx | 15 ++ react/Icons/Palette.jsx | 15 ++ react/Icons/Paperplane.jsx | 15 ++ react/Icons/Password.jsx | 15 ++ react/Icons/Pen.jsx | 18 ++ react/Icons/People.jsx | 15 ++ react/Icons/Percent.jsx | 15 ++ react/Icons/PercentCircle.jsx | 15 ++ react/Icons/PersonalData.jsx | 15 ++ react/Icons/Phone.jsx | 15 ++ react/Icons/PhoneDownload.jsx | 12 + react/Icons/PieChart.jsx | 15 ++ react/Icons/Pin.jsx | 15 ++ react/Icons/Plus.jsx | 15 ++ react/Icons/PlusSmall.jsx | 22 ++ react/Icons/Previous.jsx | 15 ++ react/Icons/Printer.jsx | 15 ++ react/Icons/Qualify.jsx | 15 ++ react/Icons/Rename.jsx | 15 ++ react/Icons/Repare.jsx | 15 ++ react/Icons/Restore.jsx | 15 ++ react/Icons/Right.jsx | 15 ++ react/Icons/Rise.jsx | 15 ++ react/Icons/RotateLeft.jsx | 15 ++ react/Icons/RotateRight.jsx | 15 ++ react/Icons/SadCozy.jsx | 15 ++ react/Icons/SelectAll.jsx | 15 ++ react/Icons/Setting.jsx | 15 ++ react/Icons/Share.jsx | 15 ++ react/Icons/ShareCircle.jsx | 15 ++ react/Icons/Sound.jsx | 12 + react/Icons/Spinner.jsx | 16 ++ react/Icons/Stack.jsx | 15 ++ react/Icons/Star.jsx | 15 ++ react/Icons/Stats.jsx | 15 ++ react/Icons/Sync.jsx | 15 ++ react/Icons/SyncCozy.jsx | 16 ++ react/Icons/Target.jsx | 15 ++ react/Icons/Team.jsx | 15 ++ react/Icons/Telephone.jsx | 15 ++ react/Icons/ToTheCloud.jsx | 15 ++ react/Icons/Top.jsx | 15 ++ react/Icons/Trash.jsx | 15 ++ react/Icons/Trophy.jsx | 15 ++ react/Icons/Unlink.jsx | 15 ++ react/Icons/Unlock.jsx | 15 ++ react/Icons/Up.jsx | 12 + react/Icons/Upload.jsx | 15 ++ react/Icons/Videos.jsx | 15 ++ react/Icons/Wallet.jsx | 15 ++ react/Icons/WalletAdd.jsx | 15 ++ react/Icons/WalletNew.jsx | 15 ++ react/Icons/Warn.jsx | 15 ++ react/Icons/Warning.jsx | 16 ++ react/Icons/WarningCircle.jsx | 15 ++ react/Icons/WrenchCircle.jsx | 15 ++ scripts/generate-svgr-icon.sh | 14 + scripts/svgr-template.js | 39 +++ 186 files changed, 3217 insertions(+) create mode 100644 react/Icons/Album.jsx create mode 100644 react/Icons/AlbumAdd.jsx create mode 100644 react/Icons/AlbumRemove.jsx create mode 100644 react/Icons/Answer.jsx create mode 100644 react/Icons/Apple.jsx create mode 100644 react/Icons/Archive.jsx create mode 100644 react/Icons/Attachment.jsx create mode 100644 react/Icons/Attention.jsx create mode 100644 react/Icons/Bank.jsx create mode 100644 react/Icons/Banking.jsx create mode 100644 react/Icons/BankingAdd.jsx create mode 100644 react/Icons/Bell.jsx create mode 100644 react/Icons/Bottom.jsx create mode 100644 react/Icons/BrowserBrave.jsx create mode 100644 react/Icons/BrowserChrome.jsx create mode 100644 react/Icons/BrowserDuckduckgo.jsx create mode 100644 react/Icons/BrowserEdge.jsx create mode 100644 react/Icons/BrowserFirefox.jsx create mode 100644 react/Icons/BrowserIe.jsx create mode 100644 react/Icons/BrowserOpera.jsx create mode 100644 react/Icons/BrowserSafari.jsx create mode 100644 react/Icons/Burger.jsx create mode 100644 react/Icons/Calendar.jsx create mode 100644 react/Icons/Camera.jsx create mode 100644 react/Icons/Car.jsx create mode 100644 react/Icons/Categories.jsx create mode 100644 react/Icons/Certified.jsx create mode 100644 react/Icons/Check.jsx create mode 100644 react/Icons/CheckCircle.jsx create mode 100644 react/Icons/CheckList.jsx create mode 100644 react/Icons/CheckSquare.jsx create mode 100644 react/Icons/CircleFilled.jsx create mode 100644 react/Icons/Clock.jsx create mode 100644 react/Icons/Cloud.jsx create mode 100644 react/Icons/CloudHappy.jsx create mode 100644 react/Icons/Collect.jsx create mode 100644 react/Icons/Comment.jsx create mode 100644 react/Icons/Company.jsx create mode 100644 react/Icons/Compass.jsx create mode 100644 react/Icons/Connector.jsx create mode 100644 react/Icons/Contract.jsx create mode 100644 react/Icons/Contrast.jsx create mode 100644 react/Icons/CozyLaugh.jsx create mode 100644 react/Icons/CozyText.jsx create mode 100644 react/Icons/Credit.jsx create mode 100644 react/Icons/CreditCard.jsx create mode 100644 react/Icons/CreditCardAdd.jsx create mode 100644 react/Icons/Crop.jsx create mode 100644 react/Icons/Cross.jsx create mode 100644 react/Icons/CrossCircle.jsx create mode 100644 react/Icons/CrossSmall.jsx create mode 100644 react/Icons/Cube.jsx create mode 100644 react/Icons/Dash.jsx create mode 100644 react/Icons/Dashboard.jsx create mode 100644 react/Icons/DataControl.jsx create mode 100644 react/Icons/Debit.jsx create mode 100644 react/Icons/Devices.jsx create mode 100644 react/Icons/Dots.jsx create mode 100644 react/Icons/Down.jsx create mode 100644 react/Icons/Download.jsx create mode 100644 react/Icons/DrawingArrowUp.jsx create mode 100644 react/Icons/Dropdown.jsx create mode 100644 react/Icons/DropdownClose.jsx create mode 100644 react/Icons/DropdownOpen.jsx create mode 100644 react/Icons/Dropup.jsx create mode 100644 react/Icons/Email.jsx create mode 100644 react/Icons/EmailNotification.jsx create mode 100644 react/Icons/Eu.jsx create mode 100644 react/Icons/Euro.jsx create mode 100644 react/Icons/Exchange.jsx create mode 100644 react/Icons/Eye.jsx create mode 100644 react/Icons/EyeClosed.jsx create mode 100644 react/Icons/File.jsx create mode 100644 react/Icons/FileAdd.jsx create mode 100644 react/Icons/FileDuotone.jsx create mode 100644 react/Icons/FileNew.jsx create mode 100644 react/Icons/FileNone.jsx create mode 100644 react/Icons/FileOutline.jsx create mode 100644 react/Icons/Filter.jsx create mode 100644 react/Icons/Fingerprint.jsx create mode 100644 react/Icons/Flag.jsx create mode 100644 react/Icons/FlagOutlined.jsx create mode 100644 react/Icons/FlashAuto.jsx create mode 100644 react/Icons/Flashlight.jsx create mode 100644 react/Icons/Folder.jsx create mode 100644 react/Icons/FolderAdd.jsx create mode 100644 react/Icons/Forbidden.jsx create mode 100644 react/Icons/FromUser.jsx create mode 100644 react/Icons/Gear.jsx create mode 100644 react/Icons/Globe.jsx create mode 100644 react/Icons/GraphCircle.jsx create mode 100644 react/Icons/Grid.jsx create mode 100644 react/Icons/GroupList.jsx create mode 100644 react/Icons/Groups.jsx create mode 100644 react/Icons/Heart.jsx create mode 100644 react/Icons/Help.jsx create mode 100644 react/Icons/History.jsx create mode 100644 react/Icons/Home.jsx create mode 100644 react/Icons/Hourglass.jsx create mode 100644 react/Icons/Image.jsx create mode 100644 react/Icons/Info.jsx create mode 100644 react/Icons/InfoOutlined.jsx create mode 100644 react/Icons/Key.jsx create mode 100644 react/Icons/Laptop.jsx create mode 100644 react/Icons/Left.jsx create mode 100644 react/Icons/Lightbulb.jsx create mode 100644 react/Icons/Link.jsx create mode 100644 react/Icons/LinkOut.jsx create mode 100644 react/Icons/List.jsx create mode 100644 react/Icons/Location.jsx create mode 100644 react/Icons/Lock.jsx create mode 100644 react/Icons/Logout.jsx create mode 100644 react/Icons/MagicTrick.jsx create mode 100644 react/Icons/Magnet.jsx create mode 100644 react/Icons/Magnifier.jsx create mode 100644 react/Icons/Merge.jsx create mode 100644 react/Icons/MovementIn.jsx create mode 100644 react/Icons/MovementOut.jsx create mode 100644 react/Icons/Moveto.jsx create mode 100644 react/Icons/MultiFiles.jsx create mode 100644 react/Icons/Music.jsx create mode 100644 react/Icons/New.jsx create mode 100644 react/Icons/Next.jsx create mode 100644 react/Icons/Note.jsx create mode 100644 react/Icons/NotificationEmail.jsx create mode 100644 react/Icons/Offline.jsx create mode 100644 react/Icons/Online.jsx create mode 100644 react/Icons/Openwith.jsx create mode 100644 react/Icons/Palette.jsx create mode 100644 react/Icons/Paperplane.jsx create mode 100644 react/Icons/Password.jsx create mode 100644 react/Icons/Pen.jsx create mode 100644 react/Icons/People.jsx create mode 100644 react/Icons/Percent.jsx create mode 100644 react/Icons/PercentCircle.jsx create mode 100644 react/Icons/PersonalData.jsx create mode 100644 react/Icons/Phone.jsx create mode 100644 react/Icons/PhoneDownload.jsx create mode 100644 react/Icons/PieChart.jsx create mode 100644 react/Icons/Pin.jsx create mode 100644 react/Icons/Plus.jsx create mode 100644 react/Icons/PlusSmall.jsx create mode 100644 react/Icons/Previous.jsx create mode 100644 react/Icons/Printer.jsx create mode 100644 react/Icons/Qualify.jsx create mode 100644 react/Icons/Rename.jsx create mode 100644 react/Icons/Repare.jsx create mode 100644 react/Icons/Restore.jsx create mode 100644 react/Icons/Right.jsx create mode 100644 react/Icons/Rise.jsx create mode 100644 react/Icons/RotateLeft.jsx create mode 100644 react/Icons/RotateRight.jsx create mode 100644 react/Icons/SadCozy.jsx create mode 100644 react/Icons/SelectAll.jsx create mode 100644 react/Icons/Setting.jsx create mode 100644 react/Icons/Share.jsx create mode 100644 react/Icons/ShareCircle.jsx create mode 100644 react/Icons/Sound.jsx create mode 100644 react/Icons/Spinner.jsx create mode 100644 react/Icons/Stack.jsx create mode 100644 react/Icons/Star.jsx create mode 100644 react/Icons/Stats.jsx create mode 100644 react/Icons/Sync.jsx create mode 100644 react/Icons/SyncCozy.jsx create mode 100644 react/Icons/Target.jsx create mode 100644 react/Icons/Team.jsx create mode 100644 react/Icons/Telephone.jsx create mode 100644 react/Icons/ToTheCloud.jsx create mode 100644 react/Icons/Top.jsx create mode 100644 react/Icons/Trash.jsx create mode 100644 react/Icons/Trophy.jsx create mode 100644 react/Icons/Unlink.jsx create mode 100644 react/Icons/Unlock.jsx create mode 100644 react/Icons/Up.jsx create mode 100644 react/Icons/Upload.jsx create mode 100644 react/Icons/Videos.jsx create mode 100644 react/Icons/Wallet.jsx create mode 100644 react/Icons/WalletAdd.jsx create mode 100644 react/Icons/WalletNew.jsx create mode 100644 react/Icons/Warn.jsx create mode 100644 react/Icons/Warning.jsx create mode 100644 react/Icons/WarningCircle.jsx create mode 100644 react/Icons/WrenchCircle.jsx create mode 100755 scripts/generate-svgr-icon.sh create mode 100644 scripts/svgr-template.js diff --git a/react/Icon/Readme.md b/react/Icon/Readme.md index ac0556dace..16e89f1391 100644 --- a/react/Icon/Readme.md +++ b/react/Icon/Readme.md @@ -86,3 +86,415 @@ import Icon from 'cozy-ui/transpiled/react/Icon'; alert('Be careful !')} width={32} height={32} color='purple' />← Click it ``` + +### Import React icons directly + +If you do not want to include the full icon sprite in your +bundle, you can import a React version of the svg icon (svg icons are converted +to React components with svgr). This is useful since with tree shaking, you'll +pay only for the icons that you use. + +```jsx static +import Album from 'cozy-ui/transpiled/react/Icons/Album' + +``` + +``` +import Icon from 'cozy-ui/transpiled/react/Icon'; + +import Album from 'cozy-ui/transpiled/react/Icons/Album' +import AlbumAdd from 'cozy-ui/transpiled/react/Icons/AlbumAdd' +import AlbumRemove from 'cozy-ui/transpiled/react/Icons/AlbumRemove' +import Answer from 'cozy-ui/transpiled/react/Icons/Answer' +import Apple from 'cozy-ui/transpiled/react/Icons/Apple' +import Archive from 'cozy-ui/transpiled/react/Icons/Archive' +import Attachment from 'cozy-ui/transpiled/react/Icons/Attachment' +import Attention from 'cozy-ui/transpiled/react/Icons/Attention' +import Bank from 'cozy-ui/transpiled/react/Icons/Bank' +import Banking from 'cozy-ui/transpiled/react/Icons/Banking' +import BankingAdd from 'cozy-ui/transpiled/react/Icons/BankingAdd' +import Bell from 'cozy-ui/transpiled/react/Icons/Bell' +import Bottom from 'cozy-ui/transpiled/react/Icons/Bottom' +import BrowserBrave from 'cozy-ui/transpiled/react/Icons/BrowserBrave' +import BrowserChrome from 'cozy-ui/transpiled/react/Icons/BrowserChrome' +import BrowserDuckduckgo from 'cozy-ui/transpiled/react/Icons/BrowserDuckduckgo' +import BrowserEdge from 'cozy-ui/transpiled/react/Icons/BrowserEdge' +import BrowserFirefox from 'cozy-ui/transpiled/react/Icons/BrowserFirefox' +import BrowserIe from 'cozy-ui/transpiled/react/Icons/BrowserIe' +import BrowserOpera from 'cozy-ui/transpiled/react/Icons/BrowserOpera' +import BrowserSafari from 'cozy-ui/transpiled/react/Icons/BrowserSafari' +import Burger from 'cozy-ui/transpiled/react/Icons/Burger' +import Calendar from 'cozy-ui/transpiled/react/Icons/Calendar' +import Camera from 'cozy-ui/transpiled/react/Icons/Camera' +import Car from 'cozy-ui/transpiled/react/Icons/Car' +import Categories from 'cozy-ui/transpiled/react/Icons/Categories' +import Certified from 'cozy-ui/transpiled/react/Icons/Certified' +import Check from 'cozy-ui/transpiled/react/Icons/Check' +import CheckCircle from 'cozy-ui/transpiled/react/Icons/CheckCircle' +import CheckList from 'cozy-ui/transpiled/react/Icons/CheckList' +import CheckSquare from 'cozy-ui/transpiled/react/Icons/CheckSquare' +import CircleFilled from 'cozy-ui/transpiled/react/Icons/CircleFilled' +import Clock from 'cozy-ui/transpiled/react/Icons/Clock' +import Cloud from 'cozy-ui/transpiled/react/Icons/Cloud' +import CloudHappy from 'cozy-ui/transpiled/react/Icons/CloudHappy' +import Collect from 'cozy-ui/transpiled/react/Icons/Collect' +import Comment from 'cozy-ui/transpiled/react/Icons/Comment' +import Company from 'cozy-ui/transpiled/react/Icons/Company' +import Compass from 'cozy-ui/transpiled/react/Icons/Compass' +import Connector from 'cozy-ui/transpiled/react/Icons/Connector' +import Contract from 'cozy-ui/transpiled/react/Icons/Contract' +import Contrast from 'cozy-ui/transpiled/react/Icons/Contrast' +import CozyLaugh from 'cozy-ui/transpiled/react/Icons/CozyLaugh' +import CozyText from 'cozy-ui/transpiled/react/Icons/CozyText' +import Credit from 'cozy-ui/transpiled/react/Icons/Credit' +import CreditCard from 'cozy-ui/transpiled/react/Icons/CreditCard' +import CreditCardAdd from 'cozy-ui/transpiled/react/Icons/CreditCardAdd' +import Crop from 'cozy-ui/transpiled/react/Icons/Crop' +import Cross from 'cozy-ui/transpiled/react/Icons/Cross' +import CrossCircle from 'cozy-ui/transpiled/react/Icons/CrossCircle' +import CrossSmall from 'cozy-ui/transpiled/react/Icons/CrossSmall' +import Cube from 'cozy-ui/transpiled/react/Icons/Cube' +import Dash from 'cozy-ui/transpiled/react/Icons/Dash' +import Dashboard from 'cozy-ui/transpiled/react/Icons/Dashboard' +import DataControl from 'cozy-ui/transpiled/react/Icons/DataControl' +import Debit from 'cozy-ui/transpiled/react/Icons/Debit' +import Devices from 'cozy-ui/transpiled/react/Icons/Devices' +import Dots from 'cozy-ui/transpiled/react/Icons/Dots' +import Down from 'cozy-ui/transpiled/react/Icons/Down' +import Download from 'cozy-ui/transpiled/react/Icons/Download' +import DrawingArrowUp from 'cozy-ui/transpiled/react/Icons/DrawingArrowUp' +import Dropdown from 'cozy-ui/transpiled/react/Icons/Dropdown' +import DropdownClose from 'cozy-ui/transpiled/react/Icons/DropdownClose' +import DropdownOpen from 'cozy-ui/transpiled/react/Icons/DropdownOpen' +import Dropup from 'cozy-ui/transpiled/react/Icons/Dropup' +import Email from 'cozy-ui/transpiled/react/Icons/Email' +import EmailNotification from 'cozy-ui/transpiled/react/Icons/EmailNotification' +import Eu from 'cozy-ui/transpiled/react/Icons/Eu' +import Euro from 'cozy-ui/transpiled/react/Icons/Euro' +import Exchange from 'cozy-ui/transpiled/react/Icons/Exchange' +import Eye from 'cozy-ui/transpiled/react/Icons/Eye' +import EyeClosed from 'cozy-ui/transpiled/react/Icons/EyeClosed' +import File from 'cozy-ui/transpiled/react/Icons/File' +import FileAdd from 'cozy-ui/transpiled/react/Icons/FileAdd' +import FileDuotone from 'cozy-ui/transpiled/react/Icons/FileDuotone' +import FileNew from 'cozy-ui/transpiled/react/Icons/FileNew' +import FileNone from 'cozy-ui/transpiled/react/Icons/FileNone' +import FileOutline from 'cozy-ui/transpiled/react/Icons/FileOutline' +import Filter from 'cozy-ui/transpiled/react/Icons/Filter' +import Fingerprint from 'cozy-ui/transpiled/react/Icons/Fingerprint' +import Flag from 'cozy-ui/transpiled/react/Icons/Flag' +import FlagOutlined from 'cozy-ui/transpiled/react/Icons/FlagOutlined' +import FlashAuto from 'cozy-ui/transpiled/react/Icons/FlashAuto' +import Flashlight from 'cozy-ui/transpiled/react/Icons/Flashlight' +import Folder from 'cozy-ui/transpiled/react/Icons/Folder' +import FolderAdd from 'cozy-ui/transpiled/react/Icons/FolderAdd' +import Forbidden from 'cozy-ui/transpiled/react/Icons/Forbidden' +import FromUser from 'cozy-ui/transpiled/react/Icons/FromUser' +import Gear from 'cozy-ui/transpiled/react/Icons/Gear' +import Globe from 'cozy-ui/transpiled/react/Icons/Globe' +import GraphCircle from 'cozy-ui/transpiled/react/Icons/GraphCircle' +import Grid from 'cozy-ui/transpiled/react/Icons/Grid' +import GroupList from 'cozy-ui/transpiled/react/Icons/GroupList' +import Groups from 'cozy-ui/transpiled/react/Icons/Groups' +import Heart from 'cozy-ui/transpiled/react/Icons/Heart' +import Help from 'cozy-ui/transpiled/react/Icons/Help' +import History from 'cozy-ui/transpiled/react/Icons/History' +import Home from 'cozy-ui/transpiled/react/Icons/Home' +import Hourglass from 'cozy-ui/transpiled/react/Icons/Hourglass' +import Image from 'cozy-ui/transpiled/react/Icons/Image' +import Info from 'cozy-ui/transpiled/react/Icons/Info' +import InfoOutlined from 'cozy-ui/transpiled/react/Icons/InfoOutlined' +import Key from 'cozy-ui/transpiled/react/Icons/Key' +import Laptop from 'cozy-ui/transpiled/react/Icons/Laptop' +import Left from 'cozy-ui/transpiled/react/Icons/Left' +import Lightbulb from 'cozy-ui/transpiled/react/Icons/Lightbulb' +import Link from 'cozy-ui/transpiled/react/Icons/Link' +import LinkOut from 'cozy-ui/transpiled/react/Icons/LinkOut' +import List from 'cozy-ui/transpiled/react/Icons/List' +import Location from 'cozy-ui/transpiled/react/Icons/Location' +import Lock from 'cozy-ui/transpiled/react/Icons/Lock' +import Logout from 'cozy-ui/transpiled/react/Icons/Logout' +import MagicTrick from 'cozy-ui/transpiled/react/Icons/MagicTrick' +import Magnet from 'cozy-ui/transpiled/react/Icons/Magnet' +import Magnifier from 'cozy-ui/transpiled/react/Icons/Magnifier' +import Merge from 'cozy-ui/transpiled/react/Icons/Merge' +import MovementIn from 'cozy-ui/transpiled/react/Icons/MovementIn' +import MovementOut from 'cozy-ui/transpiled/react/Icons/MovementOut' +import Moveto from 'cozy-ui/transpiled/react/Icons/Moveto' +import MultiFiles from 'cozy-ui/transpiled/react/Icons/MultiFiles' +import Music from 'cozy-ui/transpiled/react/Icons/Music' +import New from 'cozy-ui/transpiled/react/Icons/New' +import Next from 'cozy-ui/transpiled/react/Icons/Next' +import Note from 'cozy-ui/transpiled/react/Icons/Note' +import NotificationEmail from 'cozy-ui/transpiled/react/Icons/NotificationEmail' +import Offline from 'cozy-ui/transpiled/react/Icons/Offline' +import Online from 'cozy-ui/transpiled/react/Icons/Online' +import Openwith from 'cozy-ui/transpiled/react/Icons/Openwith' +import Palette from 'cozy-ui/transpiled/react/Icons/Palette' +import Paperplane from 'cozy-ui/transpiled/react/Icons/Paperplane' +import Password from 'cozy-ui/transpiled/react/Icons/Password' +import Pen from 'cozy-ui/transpiled/react/Icons/Pen' +import People from 'cozy-ui/transpiled/react/Icons/People' +import Percent from 'cozy-ui/transpiled/react/Icons/Percent' +import PercentCircle from 'cozy-ui/transpiled/react/Icons/PercentCircle' +import PersonalData from 'cozy-ui/transpiled/react/Icons/PersonalData' +import Phone from 'cozy-ui/transpiled/react/Icons/Phone' +import PhoneDownload from 'cozy-ui/transpiled/react/Icons/PhoneDownload' +import PieChart from 'cozy-ui/transpiled/react/Icons/PieChart' +import Pin from 'cozy-ui/transpiled/react/Icons/Pin' +import Plus from 'cozy-ui/transpiled/react/Icons/Plus' +import PlusSmall from 'cozy-ui/transpiled/react/Icons/PlusSmall' +import Previous from 'cozy-ui/transpiled/react/Icons/Previous' +import Printer from 'cozy-ui/transpiled/react/Icons/Printer' +import Qualify from 'cozy-ui/transpiled/react/Icons/Qualify' +import Rename from 'cozy-ui/transpiled/react/Icons/Rename' +import Repare from 'cozy-ui/transpiled/react/Icons/Repare' +import Restore from 'cozy-ui/transpiled/react/Icons/Restore' +import Right from 'cozy-ui/transpiled/react/Icons/Right' +import Rise from 'cozy-ui/transpiled/react/Icons/Rise' +import RotateLeft from 'cozy-ui/transpiled/react/Icons/RotateLeft' +import RotateRight from 'cozy-ui/transpiled/react/Icons/RotateRight' +import SadCozy from 'cozy-ui/transpiled/react/Icons/SadCozy' +import SelectAll from 'cozy-ui/transpiled/react/Icons/SelectAll' +import Setting from 'cozy-ui/transpiled/react/Icons/Setting' +import Share from 'cozy-ui/transpiled/react/Icons/Share' +import ShareCircle from 'cozy-ui/transpiled/react/Icons/ShareCircle' +import Sound from 'cozy-ui/transpiled/react/Icons/Sound' +import Spinner from 'cozy-ui/transpiled/react/Icons/Spinner' +import Stack from 'cozy-ui/transpiled/react/Icons/Stack' +import Star from 'cozy-ui/transpiled/react/Icons/Star' +import Stats from 'cozy-ui/transpiled/react/Icons/Stats' +import Sync from 'cozy-ui/transpiled/react/Icons/Sync' +import SyncCozy from 'cozy-ui/transpiled/react/Icons/SyncCozy' +import Target from 'cozy-ui/transpiled/react/Icons/Target' +import Team from 'cozy-ui/transpiled/react/Icons/Team' +import Telephone from 'cozy-ui/transpiled/react/Icons/Telephone' +import ToTheCloud from 'cozy-ui/transpiled/react/Icons/ToTheCloud' +import Top from 'cozy-ui/transpiled/react/Icons/Top' +import Trash from 'cozy-ui/transpiled/react/Icons/Trash' +import Trophy from 'cozy-ui/transpiled/react/Icons/Trophy' +import Unlink from 'cozy-ui/transpiled/react/Icons/Unlink' +import Unlock from 'cozy-ui/transpiled/react/Icons/Unlock' +import Up from 'cozy-ui/transpiled/react/Icons/Up' +import Upload from 'cozy-ui/transpiled/react/Icons/Upload' +import Videos from 'cozy-ui/transpiled/react/Icons/Videos' +import Wallet from 'cozy-ui/transpiled/react/Icons/Wallet' +import WalletAdd from 'cozy-ui/transpiled/react/Icons/WalletAdd' +import WalletNew from 'cozy-ui/transpiled/react/Icons/WalletNew' +import Warn from 'cozy-ui/transpiled/react/Icons/Warn' +import Warning from 'cozy-ui/transpiled/react/Icons/Warning' +import WarningCircle from 'cozy-ui/transpiled/react/Icons/WarningCircle' +import WrenchCircle from 'cozy-ui/transpiled/react/Icons/WrenchCircle'; + +const icons = [ + Album, + AlbumAdd, + AlbumRemove, + Answer, + Apple, + Archive, + Attachment, + Attention, + Bank, + Banking, + BankingAdd, + Bell, + Bottom, + BrowserBrave, + BrowserChrome, + BrowserDuckduckgo, + BrowserEdge, + BrowserFirefox, + BrowserIe, + BrowserOpera, + BrowserSafari, + Burger, + Calendar, + Camera, + Car, + Categories, + Certified, + Check, + CheckCircle, + CheckList, + CheckSquare, + CircleFilled, + Clock, + Cloud, + CloudHappy, + Collect, + Comment, + Company, + Compass, + Connector, + Contract, + Contrast, + CozyLaugh, + CozyText, + Credit, + CreditCard, + CreditCardAdd, + Crop, + Cross, + CrossCircle, + CrossSmall, + Cube, + Dash, + Dashboard, + DataControl, + Debit, + Devices, + Dots, + Down, + Download, + DrawingArrowUp, + Dropdown, + DropdownClose, + DropdownOpen, + Dropup, + Email, + EmailNotification, + Eu, + Euro, + Exchange, + Eye, + EyeClosed, + File, + FileAdd, + FileDuotone, + FileNew, + FileNone, + FileOutline, + Filter, + Fingerprint, + Flag, + FlagOutlined, + FlashAuto, + Flashlight, + Folder, + FolderAdd, + Forbidden, + FromUser, + Gear, + Globe, + GraphCircle, + Grid, + GroupList, + Groups, + Heart, + Help, + History, + Home, + Hourglass, + Image, + Info, + InfoOutlined, + Key, + Laptop, + Left, + Lightbulb, + Link, + LinkOut, + List, + Location, + Lock, + Logout, + MagicTrick, + Magnet, + Magnifier, + Merge, + MovementIn, + MovementOut, + Moveto, + MultiFiles, + Music, + New, + Next, + Note, + NotificationEmail, + Offline, + Online, + Openwith, + Palette, + Paperplane, + Password, + Pen, + People, + Percent, + PercentCircle, + PersonalData, + Phone, + PhoneDownload, + PieChart, + Pin, + Plus, + PlusSmall, + Previous, + Printer, + Qualify, + Rename, + Repare, + Restore, + Right, + Rise, + RotateLeft, + RotateRight, + SadCozy, + SelectAll, + Setting, + Share, + ShareCircle, + Sound, + Spinner, + Stack, + Star, + Stats, + Sync, + SyncCozy, + Target, + Team, + Telephone, + ToTheCloud, + Top, + Trash, + Trophy, + Unlink, + Unlock, + Up, + Upload, + Videos, + Wallet, + WalletAdd, + WalletNew, + Warn, + Warning, + WarningCircle +]; + +const wrapperStyle = { + fontSize: '2rem', + display: 'grid', + gridTemplateColumns: 'repeat(6, 1fr)', + color: '#444' +}; + +initialState = { size: 16 }; + +const handleInputRangeChange = ev => { + setState({ size: parseInt(ev.target.value, 10) }) +}; + +
+

+ Font size: {state.size}px +

+
+ { + icons.map(icon =>
+ +

{ icon.name.replace(/^Svg/, '') }

+
+ )} +
+
+``` diff --git a/react/Icons/Album.jsx b/react/Icons/Album.jsx new file mode 100644 index 0000000000..2e3b8dbe07 --- /dev/null +++ b/react/Icons/Album.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album.svg` to regenerate; +import React from 'react' + +function SvgAlbum(props) { + return ( + + + + ) +} + +export default SvgAlbum diff --git a/react/Icons/AlbumAdd.jsx b/react/Icons/AlbumAdd.jsx new file mode 100644 index 0000000000..40cc75c6fa --- /dev/null +++ b/react/Icons/AlbumAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album-add.svg` to regenerate; +import React from 'react' + +function SvgAlbumAdd(props) { + return ( + + + + ) +} + +export default SvgAlbumAdd diff --git a/react/Icons/AlbumRemove.jsx b/react/Icons/AlbumRemove.jsx new file mode 100644 index 0000000000..bc46206535 --- /dev/null +++ b/react/Icons/AlbumRemove.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/album-remove.svg` to regenerate; +import React from 'react' + +function SvgAlbumRemove(props) { + return ( + + + + ) +} + +export default SvgAlbumRemove diff --git a/react/Icons/Answer.jsx b/react/Icons/Answer.jsx new file mode 100644 index 0000000000..ef1eafb77d --- /dev/null +++ b/react/Icons/Answer.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/answer.svg` to regenerate; +import React from 'react' + +function SvgAnswer(props) { + return ( + + + + ) +} + +export default SvgAnswer diff --git a/react/Icons/Apple.jsx b/react/Icons/Apple.jsx new file mode 100644 index 0000000000..abca5d4c3a --- /dev/null +++ b/react/Icons/Apple.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/apple.svg` to regenerate; +import React from 'react' + +function SvgApple(props) { + return ( + + + + ) +} + +export default SvgApple diff --git a/react/Icons/Archive.jsx b/react/Icons/Archive.jsx new file mode 100644 index 0000000000..24e7b02bde --- /dev/null +++ b/react/Icons/Archive.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/archive.svg` to regenerate; +import React from 'react' + +function SvgArchive(props) { + return ( + + + + ) +} + +export default SvgArchive diff --git a/react/Icons/Attachment.jsx b/react/Icons/Attachment.jsx new file mode 100644 index 0000000000..95c0a62766 --- /dev/null +++ b/react/Icons/Attachment.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/attachment.svg` to regenerate; +import React from 'react' + +function SvgAttachment(props) { + return ( + + + + ) +} + +export default SvgAttachment diff --git a/react/Icons/Attention.jsx b/react/Icons/Attention.jsx new file mode 100644 index 0000000000..ccb9c94099 --- /dev/null +++ b/react/Icons/Attention.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/attention.svg` to regenerate; +import React from 'react' + +function SvgAttention(props) { + return ( + + + + ) +} + +export default SvgAttention diff --git a/react/Icons/Bank.jsx b/react/Icons/Bank.jsx new file mode 100644 index 0000000000..5fdc8f6b18 --- /dev/null +++ b/react/Icons/Bank.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bank.svg` to regenerate; +import React from 'react' + +function SvgBank(props) { + return ( + + + + ) +} + +export default SvgBank diff --git a/react/Icons/Banking.jsx b/react/Icons/Banking.jsx new file mode 100644 index 0000000000..a0453bc8df --- /dev/null +++ b/react/Icons/Banking.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/banking.svg` to regenerate; +import React from 'react' + +function SvgBanking(props) { + return ( + + + + ) +} + +export default SvgBanking diff --git a/react/Icons/BankingAdd.jsx b/react/Icons/BankingAdd.jsx new file mode 100644 index 0000000000..88c4327909 --- /dev/null +++ b/react/Icons/BankingAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/banking-add.svg` to regenerate; +import React from 'react' + +function SvgBankingAdd(props) { + return ( + + + + ) +} + +export default SvgBankingAdd diff --git a/react/Icons/Bell.jsx b/react/Icons/Bell.jsx new file mode 100644 index 0000000000..3fd6e2597d --- /dev/null +++ b/react/Icons/Bell.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bell.svg` to regenerate; +import React from 'react' + +function SvgBell(props) { + return ( + + + + ) +} + +export default SvgBell diff --git a/react/Icons/Bottom.jsx b/react/Icons/Bottom.jsx new file mode 100644 index 0000000000..d4caa068f1 --- /dev/null +++ b/react/Icons/Bottom.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/bottom.svg` to regenerate; +import React from 'react' + +function SvgBottom(props) { + return ( + + + + ) +} + +export default SvgBottom diff --git a/react/Icons/BrowserBrave.jsx b/react/Icons/BrowserBrave.jsx new file mode 100644 index 0000000000..3beaea8493 --- /dev/null +++ b/react/Icons/BrowserBrave.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-brave.svg` to regenerate; +import React from 'react' + +function SvgBrowserBrave(props) { + return ( + + + + ) +} + +export default SvgBrowserBrave diff --git a/react/Icons/BrowserChrome.jsx b/react/Icons/BrowserChrome.jsx new file mode 100644 index 0000000000..66c6a4ae9d --- /dev/null +++ b/react/Icons/BrowserChrome.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-chrome.svg` to regenerate; +import React from 'react' + +function SvgBrowserChrome(props) { + return ( + + + + ) +} + +export default SvgBrowserChrome diff --git a/react/Icons/BrowserDuckduckgo.jsx b/react/Icons/BrowserDuckduckgo.jsx new file mode 100644 index 0000000000..f74ad9e8d6 --- /dev/null +++ b/react/Icons/BrowserDuckduckgo.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-duckduckgo.svg` to regenerate; +import React from 'react' + +function SvgBrowserDuckduckgo(props) { + return ( + + + + ) +} + +export default SvgBrowserDuckduckgo diff --git a/react/Icons/BrowserEdge.jsx b/react/Icons/BrowserEdge.jsx new file mode 100644 index 0000000000..baa5b6d049 --- /dev/null +++ b/react/Icons/BrowserEdge.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-edge.svg` to regenerate; +import React from 'react' + +function SvgBrowserEdge(props) { + return ( + + + + + + + ) +} + +export default SvgBrowserEdge diff --git a/react/Icons/BrowserFirefox.jsx b/react/Icons/BrowserFirefox.jsx new file mode 100644 index 0000000000..2f6e59370a --- /dev/null +++ b/react/Icons/BrowserFirefox.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-firefox.svg` to regenerate; +import React from 'react' + +function SvgBrowserFirefox(props) { + return ( + + + + ) +} + +export default SvgBrowserFirefox diff --git a/react/Icons/BrowserIe.jsx b/react/Icons/BrowserIe.jsx new file mode 100644 index 0000000000..9a91fb4a28 --- /dev/null +++ b/react/Icons/BrowserIe.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-ie.svg` to regenerate; +import React from 'react' + +function SvgBrowserIe(props) { + return ( + + + + ) +} + +export default SvgBrowserIe diff --git a/react/Icons/BrowserOpera.jsx b/react/Icons/BrowserOpera.jsx new file mode 100644 index 0000000000..3212efcf6c --- /dev/null +++ b/react/Icons/BrowserOpera.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-opera.svg` to regenerate; +import React from 'react' + +function SvgBrowserOpera(props) { + return ( + + + + ) +} + +export default SvgBrowserOpera diff --git a/react/Icons/BrowserSafari.jsx b/react/Icons/BrowserSafari.jsx new file mode 100644 index 0000000000..dd1aef72e8 --- /dev/null +++ b/react/Icons/BrowserSafari.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/browser-safari.svg` to regenerate; +import React from 'react' + +function SvgBrowserSafari(props) { + return ( + + + + ) +} + +export default SvgBrowserSafari diff --git a/react/Icons/Burger.jsx b/react/Icons/Burger.jsx new file mode 100644 index 0000000000..3967fdd1f1 --- /dev/null +++ b/react/Icons/Burger.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/burger.svg` to regenerate; +import React from 'react' + +function SvgBurger(props) { + return ( + + + + ) +} + +export default SvgBurger diff --git a/react/Icons/Calendar.jsx b/react/Icons/Calendar.jsx new file mode 100644 index 0000000000..8bb530b78e --- /dev/null +++ b/react/Icons/Calendar.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/calendar.svg` to regenerate; +import React from 'react' + +function SvgCalendar(props) { + return ( + + + + ) +} + +export default SvgCalendar diff --git a/react/Icons/Camera.jsx b/react/Icons/Camera.jsx new file mode 100644 index 0000000000..2b57bacffc --- /dev/null +++ b/react/Icons/Camera.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/camera.svg` to regenerate; +import React from 'react' + +function SvgCamera(props) { + return ( + + + + ) +} + +export default SvgCamera diff --git a/react/Icons/Car.jsx b/react/Icons/Car.jsx new file mode 100644 index 0000000000..99c356727b --- /dev/null +++ b/react/Icons/Car.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/car.svg` to regenerate; +import React from 'react' + +function SvgCar(props) { + return ( + + + + ) +} + +export default SvgCar diff --git a/react/Icons/Categories.jsx b/react/Icons/Categories.jsx new file mode 100644 index 0000000000..cdf02abcce --- /dev/null +++ b/react/Icons/Categories.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/categories.svg` to regenerate; +import React from 'react' + +function SvgCategories(props) { + return ( + + + + ) +} + +export default SvgCategories diff --git a/react/Icons/Certified.jsx b/react/Icons/Certified.jsx new file mode 100644 index 0000000000..3ecaccc8ab --- /dev/null +++ b/react/Icons/Certified.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/certified.svg` to regenerate; +import React from 'react' + +function SvgCertified(props) { + return ( + + + + ) +} + +export default SvgCertified diff --git a/react/Icons/Check.jsx b/react/Icons/Check.jsx new file mode 100644 index 0000000000..8385f03514 --- /dev/null +++ b/react/Icons/Check.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/check.svg` to regenerate; +import React from 'react' + +function SvgCheck(props) { + return ( + + + + ) +} + +export default SvgCheck diff --git a/react/Icons/CheckCircle.jsx b/react/Icons/CheckCircle.jsx new file mode 100644 index 0000000000..4333082604 --- /dev/null +++ b/react/Icons/CheckCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/check-circle.svg` to regenerate; +import React from 'react' + +function SvgCheckCircle(props) { + return ( + + + + ) +} + +export default SvgCheckCircle diff --git a/react/Icons/CheckList.jsx b/react/Icons/CheckList.jsx new file mode 100644 index 0000000000..296d823c76 --- /dev/null +++ b/react/Icons/CheckList.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/check-list.svg` to regenerate; +import React from 'react' + +function SvgCheckList(props) { + return ( + + + + ) +} + +export default SvgCheckList diff --git a/react/Icons/CheckSquare.jsx b/react/Icons/CheckSquare.jsx new file mode 100644 index 0000000000..b324f37d05 --- /dev/null +++ b/react/Icons/CheckSquare.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/check-square.svg` to regenerate; +import React from 'react' + +function SvgCheckSquare(props) { + return ( + + + + ) +} + +export default SvgCheckSquare diff --git a/react/Icons/CircleFilled.jsx b/react/Icons/CircleFilled.jsx new file mode 100644 index 0000000000..96459ca998 --- /dev/null +++ b/react/Icons/CircleFilled.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/circle-filled.svg` to regenerate; +import React from 'react' + +function SvgCircleFilled(props) { + return ( + + + + ) +} + +export default SvgCircleFilled diff --git a/react/Icons/Clock.jsx b/react/Icons/Clock.jsx new file mode 100644 index 0000000000..db59ceead4 --- /dev/null +++ b/react/Icons/Clock.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/clock.svg` to regenerate; +import React from 'react' + +function SvgClock(props) { + return ( + + + + ) +} + +export default SvgClock diff --git a/react/Icons/Cloud.jsx b/react/Icons/Cloud.jsx new file mode 100644 index 0000000000..dfe5259aea --- /dev/null +++ b/react/Icons/Cloud.jsx @@ -0,0 +1,20 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cloud.svg` to regenerate; +import React from 'react' + +function SvgCloud(props) { + return ( + + + + + + + + + ) +} + +export default SvgCloud diff --git a/react/Icons/CloudHappy.jsx b/react/Icons/CloudHappy.jsx new file mode 100644 index 0000000000..f4f8ef64ff --- /dev/null +++ b/react/Icons/CloudHappy.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cloud-happy.svg` to regenerate; +import React from 'react' + +function SvgCloudHappy(props) { + return ( + + + + ) +} + +export default SvgCloudHappy diff --git a/react/Icons/Collect.jsx b/react/Icons/Collect.jsx new file mode 100644 index 0000000000..e4aba419b9 --- /dev/null +++ b/react/Icons/Collect.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/collect.svg` to regenerate; +import React from 'react' + +function SvgCollect(props) { + return ( + + + + ) +} + +export default SvgCollect diff --git a/react/Icons/Comment.jsx b/react/Icons/Comment.jsx new file mode 100644 index 0000000000..7a9a6b607e --- /dev/null +++ b/react/Icons/Comment.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/comment.svg` to regenerate; +import React from 'react' + +function SvgComment(props) { + return ( + + + + ) +} + +export default SvgComment diff --git a/react/Icons/Company.jsx b/react/Icons/Company.jsx new file mode 100644 index 0000000000..6a13c12379 --- /dev/null +++ b/react/Icons/Company.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/company.svg` to regenerate; +import React from 'react' + +function SvgCompany(props) { + return ( + + + + ) +} + +export default SvgCompany diff --git a/react/Icons/Compass.jsx b/react/Icons/Compass.jsx new file mode 100644 index 0000000000..1c5ab6277d --- /dev/null +++ b/react/Icons/Compass.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/compass.svg` to regenerate; +import React from 'react' + +function SvgCompass(props) { + return ( + + + + ) +} + +export default SvgCompass diff --git a/react/Icons/Connector.jsx b/react/Icons/Connector.jsx new file mode 100644 index 0000000000..5534ef87fb --- /dev/null +++ b/react/Icons/Connector.jsx @@ -0,0 +1,13 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/connector.svg` to regenerate; +import React from 'react' + +function SvgConnector(props) { + return ( + + + + + ) +} + +export default SvgConnector diff --git a/react/Icons/Contract.jsx b/react/Icons/Contract.jsx new file mode 100644 index 0000000000..a46539a28f --- /dev/null +++ b/react/Icons/Contract.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/contract.svg` to regenerate; +import React from 'react' + +function SvgContract(props) { + return ( + + + + ) +} + +export default SvgContract diff --git a/react/Icons/Contrast.jsx b/react/Icons/Contrast.jsx new file mode 100644 index 0000000000..216db53018 --- /dev/null +++ b/react/Icons/Contrast.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/contrast.svg` to regenerate; +import React from 'react' + +function SvgContrast(props) { + return ( + + + + ) +} + +export default SvgContrast diff --git a/react/Icons/CozyLaugh.jsx b/react/Icons/CozyLaugh.jsx new file mode 100644 index 0000000000..7a19f86996 --- /dev/null +++ b/react/Icons/CozyLaugh.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cozy-laugh.svg` to regenerate; +import React from 'react' + +function SvgCozyLaugh(props) { + return ( + + + + ) +} + +export default SvgCozyLaugh diff --git a/react/Icons/CozyText.jsx b/react/Icons/CozyText.jsx new file mode 100644 index 0000000000..275badc93a --- /dev/null +++ b/react/Icons/CozyText.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cozy-text.svg` to regenerate; +import React from 'react' + +function SvgCozyText(props) { + return ( + + + + ) +} + +export default SvgCozyText diff --git a/react/Icons/Credit.jsx b/react/Icons/Credit.jsx new file mode 100644 index 0000000000..3775f1ca7d --- /dev/null +++ b/react/Icons/Credit.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/credit.svg` to regenerate; +import React from 'react' + +function SvgCredit(props) { + return ( + + + + + + + ) +} + +export default SvgCredit diff --git a/react/Icons/CreditCard.jsx b/react/Icons/CreditCard.jsx new file mode 100644 index 0000000000..9f50ffcd58 --- /dev/null +++ b/react/Icons/CreditCard.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/credit-card.svg` to regenerate; +import React from 'react' + +function SvgCreditCard(props) { + return ( + + + + ) +} + +export default SvgCreditCard diff --git a/react/Icons/CreditCardAdd.jsx b/react/Icons/CreditCardAdd.jsx new file mode 100644 index 0000000000..763f374145 --- /dev/null +++ b/react/Icons/CreditCardAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/credit-card-add.svg` to regenerate; +import React from 'react' + +function SvgCreditCardAdd(props) { + return ( + + + + ) +} + +export default SvgCreditCardAdd diff --git a/react/Icons/Crop.jsx b/react/Icons/Crop.jsx new file mode 100644 index 0000000000..aa78cd8705 --- /dev/null +++ b/react/Icons/Crop.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/crop.svg` to regenerate; +import React from 'react' + +function SvgCrop(props) { + return ( + + + + ) +} + +export default SvgCrop diff --git a/react/Icons/Cross.jsx b/react/Icons/Cross.jsx new file mode 100644 index 0000000000..d4e9c55e5d --- /dev/null +++ b/react/Icons/Cross.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cross.svg` to regenerate; +import React from 'react' + +function SvgCross(props) { + return ( + + + + ) +} + +export default SvgCross diff --git a/react/Icons/CrossCircle.jsx b/react/Icons/CrossCircle.jsx new file mode 100644 index 0000000000..b7bc560973 --- /dev/null +++ b/react/Icons/CrossCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cross-circle.svg` to regenerate; +import React from 'react' + +function SvgCrossCircle(props) { + return ( + + + + ) +} + +export default SvgCrossCircle diff --git a/react/Icons/CrossSmall.jsx b/react/Icons/CrossSmall.jsx new file mode 100644 index 0000000000..8c576edee2 --- /dev/null +++ b/react/Icons/CrossSmall.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cross-small.svg` to regenerate; +import React from 'react' + +function SvgCrossSmall(props) { + return ( + + + + ) +} + +export default SvgCrossSmall diff --git a/react/Icons/Cube.jsx b/react/Icons/Cube.jsx new file mode 100644 index 0000000000..e4cd2539e2 --- /dev/null +++ b/react/Icons/Cube.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cube.svg` to regenerate; +import React from 'react' + +function SvgCube(props) { + return ( + + + + ) +} + +export default SvgCube diff --git a/react/Icons/Dash.jsx b/react/Icons/Dash.jsx new file mode 100644 index 0000000000..a74506bb63 --- /dev/null +++ b/react/Icons/Dash.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dash.svg` to regenerate; +import React from 'react' + +function SvgDash(props) { + return ( + + + + ) +} + +export default SvgDash diff --git a/react/Icons/Dashboard.jsx b/react/Icons/Dashboard.jsx new file mode 100644 index 0000000000..0ebd41d979 --- /dev/null +++ b/react/Icons/Dashboard.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dashboard.svg` to regenerate; +import React from 'react' + +function SvgDashboard(props) { + return ( + + + + ) +} + +export default SvgDashboard diff --git a/react/Icons/DataControl.jsx b/react/Icons/DataControl.jsx new file mode 100644 index 0000000000..1ee7f83ed2 --- /dev/null +++ b/react/Icons/DataControl.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/data-control.svg` to regenerate; +import React from 'react' + +function SvgDataControl(props) { + return ( + + + + ) +} + +export default SvgDataControl diff --git a/react/Icons/Debit.jsx b/react/Icons/Debit.jsx new file mode 100644 index 0000000000..23682b406b --- /dev/null +++ b/react/Icons/Debit.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/debit.svg` to regenerate; +import React from 'react' + +function SvgDebit(props) { + return ( + + + + + + + ) +} + +export default SvgDebit diff --git a/react/Icons/Devices.jsx b/react/Icons/Devices.jsx new file mode 100644 index 0000000000..7e677d5092 --- /dev/null +++ b/react/Icons/Devices.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/devices.svg` to regenerate; +import React from 'react' + +function SvgDevices(props) { + return ( + + + + ) +} + +export default SvgDevices diff --git a/react/Icons/Dots.jsx b/react/Icons/Dots.jsx new file mode 100644 index 0000000000..13503c034e --- /dev/null +++ b/react/Icons/Dots.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dots.svg` to regenerate; +import React from 'react' + +function SvgDots(props) { + return ( + + + + ) +} + +export default SvgDots diff --git a/react/Icons/Down.jsx b/react/Icons/Down.jsx new file mode 100644 index 0000000000..9180c1d096 --- /dev/null +++ b/react/Icons/Down.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/down.svg` to regenerate; +import React from 'react' + +function SvgDown(props) { + return ( + + + + ) +} + +export default SvgDown diff --git a/react/Icons/Download.jsx b/react/Icons/Download.jsx new file mode 100644 index 0000000000..d2dae9eba3 --- /dev/null +++ b/react/Icons/Download.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/download.svg` to regenerate; +import React from 'react' + +function SvgDownload(props) { + return ( + + + + ) +} + +export default SvgDownload diff --git a/react/Icons/DrawingArrowUp.jsx b/react/Icons/DrawingArrowUp.jsx new file mode 100644 index 0000000000..ac35a89647 --- /dev/null +++ b/react/Icons/DrawingArrowUp.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/drawing-arrow-up.svg` to regenerate; +import React from 'react' + +function SvgDrawingArrowUp(props) { + return ( + + + + ) +} + +export default SvgDrawingArrowUp diff --git a/react/Icons/Dropdown.jsx b/react/Icons/Dropdown.jsx new file mode 100644 index 0000000000..df19f9e7c8 --- /dev/null +++ b/react/Icons/Dropdown.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dropdown.svg` to regenerate; +import React from 'react' + +function SvgDropdown(props) { + return ( + + + + ) +} + +export default SvgDropdown diff --git a/react/Icons/DropdownClose.jsx b/react/Icons/DropdownClose.jsx new file mode 100644 index 0000000000..7f11cdb6dd --- /dev/null +++ b/react/Icons/DropdownClose.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dropdown-close.svg` to regenerate; +import React from 'react' + +function SvgDropdownClose(props) { + return ( + + + + ) +} + +export default SvgDropdownClose diff --git a/react/Icons/DropdownOpen.jsx b/react/Icons/DropdownOpen.jsx new file mode 100644 index 0000000000..301df8b984 --- /dev/null +++ b/react/Icons/DropdownOpen.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dropdown-open.svg` to regenerate; +import React from 'react' + +function SvgDropdownOpen(props) { + return ( + + + + ) +} + +export default SvgDropdownOpen diff --git a/react/Icons/Dropup.jsx b/react/Icons/Dropup.jsx new file mode 100644 index 0000000000..9d39b12f88 --- /dev/null +++ b/react/Icons/Dropup.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/dropup.svg` to regenerate; +import React from 'react' + +function SvgDropup(props) { + return ( + + + + ) +} + +export default SvgDropup diff --git a/react/Icons/Email.jsx b/react/Icons/Email.jsx new file mode 100644 index 0000000000..cf78417e84 --- /dev/null +++ b/react/Icons/Email.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/email.svg` to regenerate; +import React from 'react' + +function SvgEmail(props) { + return ( + + + + ) +} + +export default SvgEmail diff --git a/react/Icons/EmailNotification.jsx b/react/Icons/EmailNotification.jsx new file mode 100644 index 0000000000..12bf6c8c5b --- /dev/null +++ b/react/Icons/EmailNotification.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/email-notification.svg` to regenerate; +import React from 'react' + +function SvgEmailNotification(props) { + return ( + + + + ) +} + +export default SvgEmailNotification diff --git a/react/Icons/Eu.jsx b/react/Icons/Eu.jsx new file mode 100644 index 0000000000..5c827f06a6 --- /dev/null +++ b/react/Icons/Eu.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/eu.svg` to regenerate; +import React from 'react' + +function SvgEu(props) { + return ( + + + + ) +} + +export default SvgEu diff --git a/react/Icons/Euro.jsx b/react/Icons/Euro.jsx new file mode 100644 index 0000000000..a7affa5da1 --- /dev/null +++ b/react/Icons/Euro.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/euro.svg` to regenerate; +import React from 'react' + +function SvgEuro(props) { + return ( + + + + ) +} + +export default SvgEuro diff --git a/react/Icons/Exchange.jsx b/react/Icons/Exchange.jsx new file mode 100644 index 0000000000..9ca83b8b1e --- /dev/null +++ b/react/Icons/Exchange.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/exchange.svg` to regenerate; +import React from 'react' + +function SvgExchange(props) { + return ( + + + + ) +} + +export default SvgExchange diff --git a/react/Icons/Eye.jsx b/react/Icons/Eye.jsx new file mode 100644 index 0000000000..7689cc9927 --- /dev/null +++ b/react/Icons/Eye.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/eye.svg` to regenerate; +import React from 'react' + +function SvgEye(props) { + return ( + + + + ) +} + +export default SvgEye diff --git a/react/Icons/EyeClosed.jsx b/react/Icons/EyeClosed.jsx new file mode 100644 index 0000000000..519df2d4f2 --- /dev/null +++ b/react/Icons/EyeClosed.jsx @@ -0,0 +1,25 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/eye-closed.svg` to regenerate; +import React from 'react' + +function SvgEyeClosed(props) { + return ( + + + + + + + + ) +} + +export default SvgEyeClosed diff --git a/react/Icons/File.jsx b/react/Icons/File.jsx new file mode 100644 index 0000000000..f24f563ede --- /dev/null +++ b/react/Icons/File.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file.svg` to regenerate; +import React from 'react' + +function SvgFile(props) { + return ( + + + + + + + ) +} + +export default SvgFile diff --git a/react/Icons/FileAdd.jsx b/react/Icons/FileAdd.jsx new file mode 100644 index 0000000000..d06f7e253e --- /dev/null +++ b/react/Icons/FileAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file-add.svg` to regenerate; +import React from 'react' + +function SvgFileAdd(props) { + return ( + + + + ) +} + +export default SvgFileAdd diff --git a/react/Icons/FileDuotone.jsx b/react/Icons/FileDuotone.jsx new file mode 100644 index 0000000000..74e8bd0089 --- /dev/null +++ b/react/Icons/FileDuotone.jsx @@ -0,0 +1,26 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file-duotone.svg` to regenerate; +import React from 'react' + +function SvgFileDuotone(props) { + return ( + + + + + + + + + ) +} + +export default SvgFileDuotone diff --git a/react/Icons/FileNew.jsx b/react/Icons/FileNew.jsx new file mode 100644 index 0000000000..52af0806d3 --- /dev/null +++ b/react/Icons/FileNew.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file-new.svg` to regenerate; +import React from 'react' + +function SvgFileNew(props) { + return ( + + + + ) +} + +export default SvgFileNew diff --git a/react/Icons/FileNone.jsx b/react/Icons/FileNone.jsx new file mode 100644 index 0000000000..386e3a2bc0 --- /dev/null +++ b/react/Icons/FileNone.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file-none.svg` to regenerate; +import React from 'react' + +function SvgFileNone(props) { + return ( + + + + + + + ) +} + +export default SvgFileNone diff --git a/react/Icons/FileOutline.jsx b/react/Icons/FileOutline.jsx new file mode 100644 index 0000000000..2a82364d43 --- /dev/null +++ b/react/Icons/FileOutline.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/file-outline.svg` to regenerate; +import React from 'react' + +function SvgFileOutline(props) { + return ( + + + + ) +} + +export default SvgFileOutline diff --git a/react/Icons/Filter.jsx b/react/Icons/Filter.jsx new file mode 100644 index 0000000000..bf5d124c97 --- /dev/null +++ b/react/Icons/Filter.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/filter.svg` to regenerate; +import React from 'react' + +function SvgFilter(props) { + return ( + + + + ) +} + +export default SvgFilter diff --git a/react/Icons/Fingerprint.jsx b/react/Icons/Fingerprint.jsx new file mode 100644 index 0000000000..14e24824bc --- /dev/null +++ b/react/Icons/Fingerprint.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/fingerprint.svg` to regenerate; +import React from 'react' + +function SvgFingerprint(props) { + return ( + + + + ) +} + +export default SvgFingerprint diff --git a/react/Icons/Flag.jsx b/react/Icons/Flag.jsx new file mode 100644 index 0000000000..45dc079cd8 --- /dev/null +++ b/react/Icons/Flag.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/flag.svg` to regenerate; +import React from 'react' + +function SvgFlag(props) { + return ( + + + + ) +} + +export default SvgFlag diff --git a/react/Icons/FlagOutlined.jsx b/react/Icons/FlagOutlined.jsx new file mode 100644 index 0000000000..428a81bfdb --- /dev/null +++ b/react/Icons/FlagOutlined.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/flag-outlined.svg` to regenerate; +import React from 'react' + +function SvgFlagOutlined(props) { + return ( + + + + ) +} + +export default SvgFlagOutlined diff --git a/react/Icons/FlashAuto.jsx b/react/Icons/FlashAuto.jsx new file mode 100644 index 0000000000..fa7c9ad9db --- /dev/null +++ b/react/Icons/FlashAuto.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/flash-auto.svg` to regenerate; +import React from 'react' + +function SvgFlashAuto(props) { + return ( + + + + ) +} + +export default SvgFlashAuto diff --git a/react/Icons/Flashlight.jsx b/react/Icons/Flashlight.jsx new file mode 100644 index 0000000000..5424055c65 --- /dev/null +++ b/react/Icons/Flashlight.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/flashlight.svg` to regenerate; +import React from 'react' + +function SvgFlashlight(props) { + return ( + + + + ) +} + +export default SvgFlashlight diff --git a/react/Icons/Folder.jsx b/react/Icons/Folder.jsx new file mode 100644 index 0000000000..2e73cd3a03 --- /dev/null +++ b/react/Icons/Folder.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/folder.svg` to regenerate; +import React from 'react' + +function SvgFolder(props) { + return ( + + + + + + + ) +} + +export default SvgFolder diff --git a/react/Icons/FolderAdd.jsx b/react/Icons/FolderAdd.jsx new file mode 100644 index 0000000000..2409a5319f --- /dev/null +++ b/react/Icons/FolderAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/folder-add.svg` to regenerate; +import React from 'react' + +function SvgFolderAdd(props) { + return ( + + + + ) +} + +export default SvgFolderAdd diff --git a/react/Icons/Forbidden.jsx b/react/Icons/Forbidden.jsx new file mode 100644 index 0000000000..3a82f6d0b9 --- /dev/null +++ b/react/Icons/Forbidden.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/forbidden.svg` to regenerate; +import React from 'react' + +function SvgForbidden(props) { + return ( + + + + ) +} + +export default SvgForbidden diff --git a/react/Icons/FromUser.jsx b/react/Icons/FromUser.jsx new file mode 100644 index 0000000000..48ac46ffb9 --- /dev/null +++ b/react/Icons/FromUser.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/from-user.svg` to regenerate; +import React from 'react' + +function SvgFromUser(props) { + return ( + + + + ) +} + +export default SvgFromUser diff --git a/react/Icons/Gear.jsx b/react/Icons/Gear.jsx new file mode 100644 index 0000000000..432b26e06b --- /dev/null +++ b/react/Icons/Gear.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/gear.svg` to regenerate; +import React from 'react' + +function SvgGear(props) { + return ( + + + + + + + ) +} + +export default SvgGear diff --git a/react/Icons/Globe.jsx b/react/Icons/Globe.jsx new file mode 100644 index 0000000000..edb39d1d20 --- /dev/null +++ b/react/Icons/Globe.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/globe.svg` to regenerate; +import React from 'react' + +function SvgGlobe(props) { + return ( + + + + ) +} + +export default SvgGlobe diff --git a/react/Icons/GraphCircle.jsx b/react/Icons/GraphCircle.jsx new file mode 100644 index 0000000000..6f17a9c425 --- /dev/null +++ b/react/Icons/GraphCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/graph-circle.svg` to regenerate; +import React from 'react' + +function SvgGraphCircle(props) { + return ( + + + + ) +} + +export default SvgGraphCircle diff --git a/react/Icons/Grid.jsx b/react/Icons/Grid.jsx new file mode 100644 index 0000000000..5e715e79de --- /dev/null +++ b/react/Icons/Grid.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/grid.svg` to regenerate; +import React from 'react' + +function SvgGrid(props) { + return ( + + + + ) +} + +export default SvgGrid diff --git a/react/Icons/GroupList.jsx b/react/Icons/GroupList.jsx new file mode 100644 index 0000000000..f0e29a32c2 --- /dev/null +++ b/react/Icons/GroupList.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/group-list.svg` to regenerate; +import React from 'react' + +function SvgGroupList(props) { + return ( + + + + ) +} + +export default SvgGroupList diff --git a/react/Icons/Groups.jsx b/react/Icons/Groups.jsx new file mode 100644 index 0000000000..b8ba81baf5 --- /dev/null +++ b/react/Icons/Groups.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/groups.svg` to regenerate; +import React from 'react' + +function SvgGroups(props) { + return ( + + + + ) +} + +export default SvgGroups diff --git a/react/Icons/Heart.jsx b/react/Icons/Heart.jsx new file mode 100644 index 0000000000..e30f8b6112 --- /dev/null +++ b/react/Icons/Heart.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/heart.svg` to regenerate; +import React from 'react' + +function SvgHeart(props) { + return ( + + + + ) +} + +export default SvgHeart diff --git a/react/Icons/Help.jsx b/react/Icons/Help.jsx new file mode 100644 index 0000000000..0479df40fe --- /dev/null +++ b/react/Icons/Help.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/help.svg` to regenerate; +import React from 'react' + +function SvgHelp(props) { + return ( + + + + ) +} + +export default SvgHelp diff --git a/react/Icons/History.jsx b/react/Icons/History.jsx new file mode 100644 index 0000000000..790941844a --- /dev/null +++ b/react/Icons/History.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/history.svg` to regenerate; +import React from 'react' + +function SvgHistory(props) { + return ( + + + + ) +} + +export default SvgHistory diff --git a/react/Icons/Home.jsx b/react/Icons/Home.jsx new file mode 100644 index 0000000000..cbb91ed755 --- /dev/null +++ b/react/Icons/Home.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/home.svg` to regenerate; +import React from 'react' + +function SvgHome(props) { + return ( + + + + ) +} + +export default SvgHome diff --git a/react/Icons/Hourglass.jsx b/react/Icons/Hourglass.jsx new file mode 100644 index 0000000000..9eeb57caaa --- /dev/null +++ b/react/Icons/Hourglass.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/hourglass.svg` to regenerate; +import React from 'react' + +function SvgHourglass(props) { + return ( + + + + + + + ) +} + +export default SvgHourglass diff --git a/react/Icons/Image.jsx b/react/Icons/Image.jsx new file mode 100644 index 0000000000..5ce772b537 --- /dev/null +++ b/react/Icons/Image.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/image.svg` to regenerate; +import React from 'react' + +function SvgImage(props) { + return ( + + + + ) +} + +export default SvgImage diff --git a/react/Icons/Info.jsx b/react/Icons/Info.jsx new file mode 100644 index 0000000000..a856de9601 --- /dev/null +++ b/react/Icons/Info.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/info.svg` to regenerate; +import React from 'react' + +function SvgInfo(props) { + return ( + + + + + + + ) +} + +export default SvgInfo diff --git a/react/Icons/InfoOutlined.jsx b/react/Icons/InfoOutlined.jsx new file mode 100644 index 0000000000..39b580ca50 --- /dev/null +++ b/react/Icons/InfoOutlined.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/info-outlined.svg` to regenerate; +import React from 'react' + +function SvgInfoOutlined(props) { + return ( + + + + ) +} + +export default SvgInfoOutlined diff --git a/react/Icons/Key.jsx b/react/Icons/Key.jsx new file mode 100644 index 0000000000..d3a323f6b2 --- /dev/null +++ b/react/Icons/Key.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/key.svg` to regenerate; +import React from 'react' + +function SvgKey(props) { + return ( + + + + ) +} + +export default SvgKey diff --git a/react/Icons/Laptop.jsx b/react/Icons/Laptop.jsx new file mode 100644 index 0000000000..7552475a2e --- /dev/null +++ b/react/Icons/Laptop.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/laptop.svg` to regenerate; +import React from 'react' + +function SvgLaptop(props) { + return ( + + + + ) +} + +export default SvgLaptop diff --git a/react/Icons/Left.jsx b/react/Icons/Left.jsx new file mode 100644 index 0000000000..641561a587 --- /dev/null +++ b/react/Icons/Left.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/left.svg` to regenerate; +import React from 'react' + +function SvgLeft(props) { + return ( + + + + ) +} + +export default SvgLeft diff --git a/react/Icons/Lightbulb.jsx b/react/Icons/Lightbulb.jsx new file mode 100644 index 0000000000..465d7eea98 --- /dev/null +++ b/react/Icons/Lightbulb.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/lightbulb.svg` to regenerate; +import React from 'react' + +function SvgLightbulb(props) { + return ( + + + + ) +} + +export default SvgLightbulb diff --git a/react/Icons/Link.jsx b/react/Icons/Link.jsx new file mode 100644 index 0000000000..ed1f28278b --- /dev/null +++ b/react/Icons/Link.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/link.svg` to regenerate; +import React from 'react' + +function SvgLink(props) { + return ( + + + + ) +} + +export default SvgLink diff --git a/react/Icons/LinkOut.jsx b/react/Icons/LinkOut.jsx new file mode 100644 index 0000000000..9661c58bf4 --- /dev/null +++ b/react/Icons/LinkOut.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/link-out.svg` to regenerate; +import React from 'react' + +function SvgLinkOut(props) { + return ( + + + + ) +} + +export default SvgLinkOut diff --git a/react/Icons/List.jsx b/react/Icons/List.jsx new file mode 100644 index 0000000000..890c80e175 --- /dev/null +++ b/react/Icons/List.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/list.svg` to regenerate; +import React from 'react' + +function SvgList(props) { + return ( + + + + ) +} + +export default SvgList diff --git a/react/Icons/Location.jsx b/react/Icons/Location.jsx new file mode 100644 index 0000000000..858313a75b --- /dev/null +++ b/react/Icons/Location.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/location.svg` to regenerate; +import React from 'react' + +function SvgLocation(props) { + return ( + + + + ) +} + +export default SvgLocation diff --git a/react/Icons/Lock.jsx b/react/Icons/Lock.jsx new file mode 100644 index 0000000000..7e153d51b0 --- /dev/null +++ b/react/Icons/Lock.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/lock.svg` to regenerate; +import React from 'react' + +function SvgLock(props) { + return ( + + + + ) +} + +export default SvgLock diff --git a/react/Icons/Logout.jsx b/react/Icons/Logout.jsx new file mode 100644 index 0000000000..b8659e525e --- /dev/null +++ b/react/Icons/Logout.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/logout.svg` to regenerate; +import React from 'react' + +function SvgLogout(props) { + return ( + + + + ) +} + +export default SvgLogout diff --git a/react/Icons/MagicTrick.jsx b/react/Icons/MagicTrick.jsx new file mode 100644 index 0000000000..8ca35512e2 --- /dev/null +++ b/react/Icons/MagicTrick.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/magic-trick.svg` to regenerate; +import React from 'react' + +function SvgMagicTrick(props) { + return ( + + + + ) +} + +export default SvgMagicTrick diff --git a/react/Icons/Magnet.jsx b/react/Icons/Magnet.jsx new file mode 100644 index 0000000000..7aa43e4ac2 --- /dev/null +++ b/react/Icons/Magnet.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/magnet.svg` to regenerate; +import React from 'react' + +function SvgMagnet(props) { + return ( + + + + ) +} + +export default SvgMagnet diff --git a/react/Icons/Magnifier.jsx b/react/Icons/Magnifier.jsx new file mode 100644 index 0000000000..f75b97a79e --- /dev/null +++ b/react/Icons/Magnifier.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/magnifier.svg` to regenerate; +import React from 'react' + +function SvgMagnifier(props) { + return ( + + + + ) +} + +export default SvgMagnifier diff --git a/react/Icons/Merge.jsx b/react/Icons/Merge.jsx new file mode 100644 index 0000000000..9ea5812b0e --- /dev/null +++ b/react/Icons/Merge.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/merge.svg` to regenerate; +import React from 'react' + +function SvgMerge(props) { + return ( + + + + ) +} + +export default SvgMerge diff --git a/react/Icons/MovementIn.jsx b/react/Icons/MovementIn.jsx new file mode 100644 index 0000000000..8c883e8abd --- /dev/null +++ b/react/Icons/MovementIn.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/movement-in.svg` to regenerate; +import React from 'react' + +function SvgMovementIn(props) { + return ( + + + + + + + ) +} + +export default SvgMovementIn diff --git a/react/Icons/MovementOut.jsx b/react/Icons/MovementOut.jsx new file mode 100644 index 0000000000..fcf83730c9 --- /dev/null +++ b/react/Icons/MovementOut.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/movement-out.svg` to regenerate; +import React from 'react' + +function SvgMovementOut(props) { + return ( + + + + + + + ) +} + +export default SvgMovementOut diff --git a/react/Icons/Moveto.jsx b/react/Icons/Moveto.jsx new file mode 100644 index 0000000000..0f777efd97 --- /dev/null +++ b/react/Icons/Moveto.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/moveto.svg` to regenerate; +import React from 'react' + +function SvgMoveto(props) { + return ( + + + + ) +} + +export default SvgMoveto diff --git a/react/Icons/MultiFiles.jsx b/react/Icons/MultiFiles.jsx new file mode 100644 index 0000000000..56356a1be8 --- /dev/null +++ b/react/Icons/MultiFiles.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/multi-files.svg` to regenerate; +import React from 'react' + +function SvgMultiFiles(props) { + return ( + + + + ) +} + +export default SvgMultiFiles diff --git a/react/Icons/Music.jsx b/react/Icons/Music.jsx new file mode 100644 index 0000000000..e452d184eb --- /dev/null +++ b/react/Icons/Music.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/music.svg` to regenerate; +import React from 'react' + +function SvgMusic(props) { + return ( + + + + ) +} + +export default SvgMusic diff --git a/react/Icons/New.jsx b/react/Icons/New.jsx new file mode 100644 index 0000000000..9acbe11d01 --- /dev/null +++ b/react/Icons/New.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/new.svg` to regenerate; +import React from 'react' + +function SvgNew(props) { + return ( + + + + ) +} + +export default SvgNew diff --git a/react/Icons/Next.jsx b/react/Icons/Next.jsx new file mode 100644 index 0000000000..69957e8655 --- /dev/null +++ b/react/Icons/Next.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/next.svg` to regenerate; +import React from 'react' + +function SvgNext(props) { + return ( + + + + ) +} + +export default SvgNext diff --git a/react/Icons/Note.jsx b/react/Icons/Note.jsx new file mode 100644 index 0000000000..0f7c5c9480 --- /dev/null +++ b/react/Icons/Note.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/note.svg` to regenerate; +import React from 'react' + +function SvgNote(props) { + return ( + + + + ) +} + +export default SvgNote diff --git a/react/Icons/NotificationEmail.jsx b/react/Icons/NotificationEmail.jsx new file mode 100644 index 0000000000..349e40db16 --- /dev/null +++ b/react/Icons/NotificationEmail.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/notification-email.svg` to regenerate; +import React from 'react' + +function SvgNotificationEmail(props) { + return ( + + + + ) +} + +export default SvgNotificationEmail diff --git a/react/Icons/Offline.jsx b/react/Icons/Offline.jsx new file mode 100644 index 0000000000..1d3bebe519 --- /dev/null +++ b/react/Icons/Offline.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/offline.svg` to regenerate; +import React from 'react' + +function SvgOffline(props) { + return ( + + + + ) +} + +export default SvgOffline diff --git a/react/Icons/Online.jsx b/react/Icons/Online.jsx new file mode 100644 index 0000000000..e2dab8415e --- /dev/null +++ b/react/Icons/Online.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/online.svg` to regenerate; +import React from 'react' + +function SvgOnline(props) { + return ( + + + + ) +} + +export default SvgOnline diff --git a/react/Icons/Openwith.jsx b/react/Icons/Openwith.jsx new file mode 100644 index 0000000000..898b436ec4 --- /dev/null +++ b/react/Icons/Openwith.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/openwith.svg` to regenerate; +import React from 'react' + +function SvgOpenwith(props) { + return ( + + + + ) +} + +export default SvgOpenwith diff --git a/react/Icons/Palette.jsx b/react/Icons/Palette.jsx new file mode 100644 index 0000000000..6ffad5c176 --- /dev/null +++ b/react/Icons/Palette.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/palette.svg` to regenerate; +import React from 'react' + +function SvgPalette(props) { + return ( + + + + ) +} + +export default SvgPalette diff --git a/react/Icons/Paperplane.jsx b/react/Icons/Paperplane.jsx new file mode 100644 index 0000000000..eae7f8a350 --- /dev/null +++ b/react/Icons/Paperplane.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/paperplane.svg` to regenerate; +import React from 'react' + +function SvgPaperplane(props) { + return ( + + + + ) +} + +export default SvgPaperplane diff --git a/react/Icons/Password.jsx b/react/Icons/Password.jsx new file mode 100644 index 0000000000..c7d4e258fd --- /dev/null +++ b/react/Icons/Password.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/password.svg` to regenerate; +import React from 'react' + +function SvgPassword(props) { + return ( + + + + ) +} + +export default SvgPassword diff --git a/react/Icons/Pen.jsx b/react/Icons/Pen.jsx new file mode 100644 index 0000000000..0bb75d759b --- /dev/null +++ b/react/Icons/Pen.jsx @@ -0,0 +1,18 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/pen.svg` to regenerate; +import React from 'react' + +function SvgPen(props) { + return ( + + + + + + + ) +} + +export default SvgPen diff --git a/react/Icons/People.jsx b/react/Icons/People.jsx new file mode 100644 index 0000000000..7b222b8993 --- /dev/null +++ b/react/Icons/People.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/people.svg` to regenerate; +import React from 'react' + +function SvgPeople(props) { + return ( + + + + ) +} + +export default SvgPeople diff --git a/react/Icons/Percent.jsx b/react/Icons/Percent.jsx new file mode 100644 index 0000000000..00e7cb4993 --- /dev/null +++ b/react/Icons/Percent.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/percent.svg` to regenerate; +import React from 'react' + +function SvgPercent(props) { + return ( + + + + ) +} + +export default SvgPercent diff --git a/react/Icons/PercentCircle.jsx b/react/Icons/PercentCircle.jsx new file mode 100644 index 0000000000..78372d181c --- /dev/null +++ b/react/Icons/PercentCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/percent-circle.svg` to regenerate; +import React from 'react' + +function SvgPercentCircle(props) { + return ( + + + + ) +} + +export default SvgPercentCircle diff --git a/react/Icons/PersonalData.jsx b/react/Icons/PersonalData.jsx new file mode 100644 index 0000000000..00d9a8ff19 --- /dev/null +++ b/react/Icons/PersonalData.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/personal-data.svg` to regenerate; +import React from 'react' + +function SvgPersonalData(props) { + return ( + + + + ) +} + +export default SvgPersonalData diff --git a/react/Icons/Phone.jsx b/react/Icons/Phone.jsx new file mode 100644 index 0000000000..6e79b6d18c --- /dev/null +++ b/react/Icons/Phone.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/phone.svg` to regenerate; +import React from 'react' + +function SvgPhone(props) { + return ( + + + + ) +} + +export default SvgPhone diff --git a/react/Icons/PhoneDownload.jsx b/react/Icons/PhoneDownload.jsx new file mode 100644 index 0000000000..1bdb278068 --- /dev/null +++ b/react/Icons/PhoneDownload.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/phone-download.svg` to regenerate; +import React from 'react' + +function SvgPhoneDownload(props) { + return ( + + + + ) +} + +export default SvgPhoneDownload diff --git a/react/Icons/PieChart.jsx b/react/Icons/PieChart.jsx new file mode 100644 index 0000000000..0aa3dd07ea --- /dev/null +++ b/react/Icons/PieChart.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/pie-chart.svg` to regenerate; +import React from 'react' + +function SvgPieChart(props) { + return ( + + + + ) +} + +export default SvgPieChart diff --git a/react/Icons/Pin.jsx b/react/Icons/Pin.jsx new file mode 100644 index 0000000000..5b66e6640e --- /dev/null +++ b/react/Icons/Pin.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/pin.svg` to regenerate; +import React from 'react' + +function SvgPin(props) { + return ( + + + + ) +} + +export default SvgPin diff --git a/react/Icons/Plus.jsx b/react/Icons/Plus.jsx new file mode 100644 index 0000000000..63c8662641 --- /dev/null +++ b/react/Icons/Plus.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/plus.svg` to regenerate; +import React from 'react' + +function SvgPlus(props) { + return ( + + + + + + + ) +} + +export default SvgPlus diff --git a/react/Icons/PlusSmall.jsx b/react/Icons/PlusSmall.jsx new file mode 100644 index 0000000000..d8b9388813 --- /dev/null +++ b/react/Icons/PlusSmall.jsx @@ -0,0 +1,22 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/plus-small.svg` to regenerate; +import React from 'react' + +function SvgPlusSmall(props) { + return ( + + + + + + + ) +} + +export default SvgPlusSmall diff --git a/react/Icons/Previous.jsx b/react/Icons/Previous.jsx new file mode 100644 index 0000000000..049af4907d --- /dev/null +++ b/react/Icons/Previous.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/previous.svg` to regenerate; +import React from 'react' + +function SvgPrevious(props) { + return ( + + + + ) +} + +export default SvgPrevious diff --git a/react/Icons/Printer.jsx b/react/Icons/Printer.jsx new file mode 100644 index 0000000000..e60305da01 --- /dev/null +++ b/react/Icons/Printer.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/printer.svg` to regenerate; +import React from 'react' + +function SvgPrinter(props) { + return ( + + + + ) +} + +export default SvgPrinter diff --git a/react/Icons/Qualify.jsx b/react/Icons/Qualify.jsx new file mode 100644 index 0000000000..b835696f1f --- /dev/null +++ b/react/Icons/Qualify.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/qualify.svg` to regenerate; +import React from 'react' + +function SvgQualify(props) { + return ( + + + + ) +} + +export default SvgQualify diff --git a/react/Icons/Rename.jsx b/react/Icons/Rename.jsx new file mode 100644 index 0000000000..8b6a195f6c --- /dev/null +++ b/react/Icons/Rename.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/rename.svg` to regenerate; +import React from 'react' + +function SvgRename(props) { + return ( + + + + ) +} + +export default SvgRename diff --git a/react/Icons/Repare.jsx b/react/Icons/Repare.jsx new file mode 100644 index 0000000000..30a1c2d139 --- /dev/null +++ b/react/Icons/Repare.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/repare.svg` to regenerate; +import React from 'react' + +function SvgRepare(props) { + return ( + + + + ) +} + +export default SvgRepare diff --git a/react/Icons/Restore.jsx b/react/Icons/Restore.jsx new file mode 100644 index 0000000000..9a73e734e9 --- /dev/null +++ b/react/Icons/Restore.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/restore.svg` to regenerate; +import React from 'react' + +function SvgRestore(props) { + return ( + + + + + + + ) +} + +export default SvgRestore diff --git a/react/Icons/Right.jsx b/react/Icons/Right.jsx new file mode 100644 index 0000000000..8458cd06c2 --- /dev/null +++ b/react/Icons/Right.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/right.svg` to regenerate; +import React from 'react' + +function SvgRight(props) { + return ( + + + + ) +} + +export default SvgRight diff --git a/react/Icons/Rise.jsx b/react/Icons/Rise.jsx new file mode 100644 index 0000000000..f7483b4cbd --- /dev/null +++ b/react/Icons/Rise.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/rise.svg` to regenerate; +import React from 'react' + +function SvgRise(props) { + return ( + + + + ) +} + +export default SvgRise diff --git a/react/Icons/RotateLeft.jsx b/react/Icons/RotateLeft.jsx new file mode 100644 index 0000000000..610447d397 --- /dev/null +++ b/react/Icons/RotateLeft.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/rotate-left.svg` to regenerate; +import React from 'react' + +function SvgRotateLeft(props) { + return ( + + + + ) +} + +export default SvgRotateLeft diff --git a/react/Icons/RotateRight.jsx b/react/Icons/RotateRight.jsx new file mode 100644 index 0000000000..a242314819 --- /dev/null +++ b/react/Icons/RotateRight.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/rotate-right.svg` to regenerate; +import React from 'react' + +function SvgRotateRight(props) { + return ( + + + + ) +} + +export default SvgRotateRight diff --git a/react/Icons/SadCozy.jsx b/react/Icons/SadCozy.jsx new file mode 100644 index 0000000000..455aad7b08 --- /dev/null +++ b/react/Icons/SadCozy.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/sad-cozy.svg` to regenerate; +import React from 'react' + +function SvgSadCozy(props) { + return ( + + + + ) +} + +export default SvgSadCozy diff --git a/react/Icons/SelectAll.jsx b/react/Icons/SelectAll.jsx new file mode 100644 index 0000000000..b4e0345f54 --- /dev/null +++ b/react/Icons/SelectAll.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/select-all.svg` to regenerate; +import React from 'react' + +function SvgSelectAll(props) { + return ( + + + + ) +} + +export default SvgSelectAll diff --git a/react/Icons/Setting.jsx b/react/Icons/Setting.jsx new file mode 100644 index 0000000000..c37edf49cd --- /dev/null +++ b/react/Icons/Setting.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/setting.svg` to regenerate; +import React from 'react' + +function SvgSetting(props) { + return ( + + + + ) +} + +export default SvgSetting diff --git a/react/Icons/Share.jsx b/react/Icons/Share.jsx new file mode 100644 index 0000000000..9d6032c443 --- /dev/null +++ b/react/Icons/Share.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/share.svg` to regenerate; +import React from 'react' + +function SvgShare(props) { + return ( + + + + + + + ) +} + +export default SvgShare diff --git a/react/Icons/ShareCircle.jsx b/react/Icons/ShareCircle.jsx new file mode 100644 index 0000000000..bbbd544de8 --- /dev/null +++ b/react/Icons/ShareCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/share-circle.svg` to regenerate; +import React from 'react' + +function SvgShareCircle(props) { + return ( + + + + ) +} + +export default SvgShareCircle diff --git a/react/Icons/Sound.jsx b/react/Icons/Sound.jsx new file mode 100644 index 0000000000..b3aa5d670f --- /dev/null +++ b/react/Icons/Sound.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/sound.svg` to regenerate; +import React from 'react' + +function SvgSound(props) { + return ( + + + + ) +} + +export default SvgSound diff --git a/react/Icons/Spinner.jsx b/react/Icons/Spinner.jsx new file mode 100644 index 0000000000..62cbdbebdd --- /dev/null +++ b/react/Icons/Spinner.jsx @@ -0,0 +1,16 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/spinner.svg` to regenerate; +import React from 'react' + +function SvgSpinner(props) { + return ( + + + + + ) +} + +export default SvgSpinner diff --git a/react/Icons/Stack.jsx b/react/Icons/Stack.jsx new file mode 100644 index 0000000000..fb032f0905 --- /dev/null +++ b/react/Icons/Stack.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/stack.svg` to regenerate; +import React from 'react' + +function SvgStack(props) { + return ( + + + + ) +} + +export default SvgStack diff --git a/react/Icons/Star.jsx b/react/Icons/Star.jsx new file mode 100644 index 0000000000..d7ca4fea9c --- /dev/null +++ b/react/Icons/Star.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/star.svg` to regenerate; +import React from 'react' + +function SvgStar(props) { + return ( + + + + ) +} + +export default SvgStar diff --git a/react/Icons/Stats.jsx b/react/Icons/Stats.jsx new file mode 100644 index 0000000000..eb62a6bd2d --- /dev/null +++ b/react/Icons/Stats.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/stats.svg` to regenerate; +import React from 'react' + +function SvgStats(props) { + return ( + + + + ) +} + +export default SvgStats diff --git a/react/Icons/Sync.jsx b/react/Icons/Sync.jsx new file mode 100644 index 0000000000..9f6e248b85 --- /dev/null +++ b/react/Icons/Sync.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/sync.svg` to regenerate; +import React from 'react' + +function SvgSync(props) { + return ( + + + + ) +} + +export default SvgSync diff --git a/react/Icons/SyncCozy.jsx b/react/Icons/SyncCozy.jsx new file mode 100644 index 0000000000..f85de45918 --- /dev/null +++ b/react/Icons/SyncCozy.jsx @@ -0,0 +1,16 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/sync-cozy.svg` to regenerate; +import React from 'react' + +function SvgSyncCozy(props) { + return ( + + + + ) +} + +export default SvgSyncCozy diff --git a/react/Icons/Target.jsx b/react/Icons/Target.jsx new file mode 100644 index 0000000000..f8bbb85f5a --- /dev/null +++ b/react/Icons/Target.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/target.svg` to regenerate; +import React from 'react' + +function SvgTarget(props) { + return ( + + + + ) +} + +export default SvgTarget diff --git a/react/Icons/Team.jsx b/react/Icons/Team.jsx new file mode 100644 index 0000000000..b861cd3cc6 --- /dev/null +++ b/react/Icons/Team.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/team.svg` to regenerate; +import React from 'react' + +function SvgTeam(props) { + return ( + + + + ) +} + +export default SvgTeam diff --git a/react/Icons/Telephone.jsx b/react/Icons/Telephone.jsx new file mode 100644 index 0000000000..bd4ac7e058 --- /dev/null +++ b/react/Icons/Telephone.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/telephone.svg` to regenerate; +import React from 'react' + +function SvgTelephone(props) { + return ( + + + + ) +} + +export default SvgTelephone diff --git a/react/Icons/ToTheCloud.jsx b/react/Icons/ToTheCloud.jsx new file mode 100644 index 0000000000..5d0ebd0baf --- /dev/null +++ b/react/Icons/ToTheCloud.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/to-the-cloud.svg` to regenerate; +import React from 'react' + +function SvgToTheCloud(props) { + return ( + + + + ) +} + +export default SvgToTheCloud diff --git a/react/Icons/Top.jsx b/react/Icons/Top.jsx new file mode 100644 index 0000000000..32027bcd34 --- /dev/null +++ b/react/Icons/Top.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/top.svg` to regenerate; +import React from 'react' + +function SvgTop(props) { + return ( + + + + ) +} + +export default SvgTop diff --git a/react/Icons/Trash.jsx b/react/Icons/Trash.jsx new file mode 100644 index 0000000000..e5082403f0 --- /dev/null +++ b/react/Icons/Trash.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/trash.svg` to regenerate; +import React from 'react' + +function SvgTrash(props) { + return ( + + + + + + + ) +} + +export default SvgTrash diff --git a/react/Icons/Trophy.jsx b/react/Icons/Trophy.jsx new file mode 100644 index 0000000000..0b8f4932fd --- /dev/null +++ b/react/Icons/Trophy.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/trophy.svg` to regenerate; +import React from 'react' + +function SvgTrophy(props) { + return ( + + + + ) +} + +export default SvgTrophy diff --git a/react/Icons/Unlink.jsx b/react/Icons/Unlink.jsx new file mode 100644 index 0000000000..945d3706d0 --- /dev/null +++ b/react/Icons/Unlink.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/unlink.svg` to regenerate; +import React from 'react' + +function SvgUnlink(props) { + return ( + + + + ) +} + +export default SvgUnlink diff --git a/react/Icons/Unlock.jsx b/react/Icons/Unlock.jsx new file mode 100644 index 0000000000..0a5408e821 --- /dev/null +++ b/react/Icons/Unlock.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/unlock.svg` to regenerate; +import React from 'react' + +function SvgUnlock(props) { + return ( + + + + ) +} + +export default SvgUnlock diff --git a/react/Icons/Up.jsx b/react/Icons/Up.jsx new file mode 100644 index 0000000000..86389d15a8 --- /dev/null +++ b/react/Icons/Up.jsx @@ -0,0 +1,12 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/up.svg` to regenerate; +import React from 'react' + +function SvgUp(props) { + return ( + + + + ) +} + +export default SvgUp diff --git a/react/Icons/Upload.jsx b/react/Icons/Upload.jsx new file mode 100644 index 0000000000..87969e1737 --- /dev/null +++ b/react/Icons/Upload.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/upload.svg` to regenerate; +import React from 'react' + +function SvgUpload(props) { + return ( + + + + ) +} + +export default SvgUpload diff --git a/react/Icons/Videos.jsx b/react/Icons/Videos.jsx new file mode 100644 index 0000000000..bc5260efa2 --- /dev/null +++ b/react/Icons/Videos.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/videos.svg` to regenerate; +import React from 'react' + +function SvgVideos(props) { + return ( + + + + ) +} + +export default SvgVideos diff --git a/react/Icons/Wallet.jsx b/react/Icons/Wallet.jsx new file mode 100644 index 0000000000..6fc1e3ce69 --- /dev/null +++ b/react/Icons/Wallet.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wallet.svg` to regenerate; +import React from 'react' + +function SvgWallet(props) { + return ( + + + + ) +} + +export default SvgWallet diff --git a/react/Icons/WalletAdd.jsx b/react/Icons/WalletAdd.jsx new file mode 100644 index 0000000000..7f175cce9e --- /dev/null +++ b/react/Icons/WalletAdd.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wallet-add.svg` to regenerate; +import React from 'react' + +function SvgWalletAdd(props) { + return ( + + + + ) +} + +export default SvgWalletAdd diff --git a/react/Icons/WalletNew.jsx b/react/Icons/WalletNew.jsx new file mode 100644 index 0000000000..263e265357 --- /dev/null +++ b/react/Icons/WalletNew.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wallet-new.svg` to regenerate; +import React from 'react' + +function SvgWalletNew(props) { + return ( + + + + ) +} + +export default SvgWalletNew diff --git a/react/Icons/Warn.jsx b/react/Icons/Warn.jsx new file mode 100644 index 0000000000..0c940605a2 --- /dev/null +++ b/react/Icons/Warn.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warn.svg` to regenerate; +import React from 'react' + +function SvgWarn(props) { + return ( + + + + ) +} + +export default SvgWarn diff --git a/react/Icons/Warning.jsx b/react/Icons/Warning.jsx new file mode 100644 index 0000000000..f334a56a7b --- /dev/null +++ b/react/Icons/Warning.jsx @@ -0,0 +1,16 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warning.svg` to regenerate; +import React from 'react' + +function SvgWarning(props) { + return ( + + + + ) +} + +export default SvgWarning diff --git a/react/Icons/WarningCircle.jsx b/react/Icons/WarningCircle.jsx new file mode 100644 index 0000000000..6c616539e8 --- /dev/null +++ b/react/Icons/WarningCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/warning-circle.svg` to regenerate; +import React from 'react' + +function SvgWarningCircle(props) { + return ( + + + + ) +} + +export default SvgWarningCircle diff --git a/react/Icons/WrenchCircle.jsx b/react/Icons/WrenchCircle.jsx new file mode 100644 index 0000000000..e6a4b99385 --- /dev/null +++ b/react/Icons/WrenchCircle.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/wrench-circle.svg` to regenerate; +import React from 'react' + +function SvgWrenchCircle(props) { + return ( + + + + ) +} + +export default SvgWrenchCircle diff --git a/scripts/generate-svgr-icon.sh b/scripts/generate-svgr-icon.sh new file mode 100755 index 0000000000..971b81227b --- /dev/null +++ b/scripts/generate-svgr-icon.sh @@ -0,0 +1,14 @@ +#!/usr/bin/env bash + +set -euo pipefail + +svgFileFullPath=$1 +svgFilename=`basename $svgFileFullPath` + +jsFilename=`echo $svgFilename | gsed -E 's/^([a-z])/\U\1/g; s/-([a-z])/\U\1/g; s/svg$/jsx/g'` +jsFileFullPath="react/Icons/${jsFilename}" + +node_modules/.bin/svgr $svgFileFullPath \ + --no-dimensions \ + --template scripts/svgr-template.js > $jsFileFullPath +node_modules/.bin/eslint --fix $jsFileFullPath diff --git a/scripts/svgr-template.js b/scripts/svgr-template.js new file mode 100644 index 0000000000..d5aa985290 --- /dev/null +++ b/scripts/svgr-template.js @@ -0,0 +1,39 @@ +function defaultTemplate( + { template }, + opts, + { imports, interfaces, componentName, props, jsx, exports } +) { + const plugins = ['jsx'] + if (opts.typescript) { + plugins.push('typescript') + } + const typeScriptTpl = template.smart({ plugins, preserveComments: true }) + const automaticallyCreatedMention = `// Automatically created, please run \`scripts/generate-svg-icon.sh ${ + opts.state.filePath + }\` to regenerate` + + for (let imp of imports) { + if (imp.source.value !== 'react') { + continue + } + for (let specifier of imp.specifiers) { + if ( + specifier.type === 'ImportNamespaceSpecifier' && + specifier.local.name === 'React' + ) { + specifier.type = 'ImportDefaultSpecifier' + } + } + } + + return typeScriptTpl.ast`${automaticallyCreatedMention} + +${imports} +${interfaces} +function ${componentName}(${props}) { + return ${jsx}; +} +${exports} + ` +} +module.exports = defaultTemplate From f7401a24624eaf08e3adc18c8e00eaffd4e6e6cd Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 29 Oct 2020 14:56:08 +0100 Subject: [PATCH 4/5] feat: Update available icons in example --- react/Icon/Readme.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/react/Icon/Readme.md b/react/Icon/Readme.md index 16e89f1391..de610386c7 100644 --- a/react/Icon/Readme.md +++ b/react/Icon/Readme.md @@ -4,7 +4,7 @@ as your custom icons. ⚠️ When using `Icon`, you can either give a React component or use the identifier of an already loaded one. `cozy-ui` ships with built-in icons that you can include via `Sprite`. See the example below for how to include `Sprite`. -`Sprite` can for example be included in the main `Layout` of your applicaiton. +`Sprite` can for example be included in the main `Layout` of your application. ### Available illustrations @@ -31,7 +31,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'; import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'; const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F'] let i = 0 -const availableIcons = ['album','album-add','album-remove','answer','apple','archive','attachment','attention','bank','bell','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-firefox','browser-ie','browser-opera','browser-safari','burger','calendar','camera','car','certified','check','check-circle','check-list','check-square','circle-filled','clock','cloud','cloud-happy','collect','comment','company','compass','connector','contract','contrast','cozy-text','credit-card','credit-card-add','crop','cross','cross-circle','cross-small','cube','dash','dashboard','data-control','devices','dots','down','download','drawing-arrow-up','dropdown','dropdown-close','dropdown-open','dropup','email','email-notification','eu','euro','exchange','eye','eye-closed','file','file-add','file-duotone','file-none','file-outline','filter','fingerprint','flag','flag-outlined','flash-auto','flashlight','folder','folder-add','forbidden','from-user','gear','globe','grid','group-list','groups','heart','help','history','home','hourglass','image','info','info-outlined','key','laptop','left','lightbulb','link','link-out','list','location','lock','logout','magic-trick','magnet','magnifier','merge','movement-in','movement-out','moveto','multi-files','music','new','next','note','offline','online','openwith','palette','paperplane','password','pen','people','percent-circle','personal-data','phone','phone-download','pie-chart','pin','plus','plus-small','previous','printer','qualify','rename','repare','restore','right','rise','rotate-left','rotate-right','sad-cozy','select-all','setting','share','share-circle','sound','spinner','stack','star','stats','sync','sync-cozy','target','team','telephone','to-the-cloud','top','trash','trophy','unlink','unlock','up','upload','videos','wallet','wallet-add','warn','warning','warning-circle','wrench-circle']; +const availableIcons = ['album-add','album-remove','album','answer','apple','archive','attachment','attention','bank','banking-add','banking','bell','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-firefox','browser-ie','browser-opera','browser-safari','burger','calendar','camera','car','categories','certified','check-circle','check-list','check-square','check','circle-filled','clock','cloud-happy','cloud','collect','comment','company','compass','connector','contract','contrast','cozy-laugh','cozy-text','credit-card-add','credit-card','credit','crop','cross-circle','cross-small','cross','cube','dash','dashboard','data-control','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','email-notification','email','eu','euro','exchange','eye-closed','eye','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','flag-outlined','flag','flash-auto','flashlight','folder-add','folder','forbidden','from-user','gear','globe','graph-circle','grid','group-list','groups','heart','help','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock','logout','magic-trick','magnet','magnifier','merge','movement-in','movement-out','moveto','multi-files','music','new','next','note','notification-email','offline','online','openwith','palette','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone','pie-chart','pin','plus-small','plus','previous','printer','qualify','rename','repare','restore','right','rise','rotate-left','rotate-right','sad-cozy','select-all','setting','share-circle','share','sound','spinner','stack','star','stats','sync-cozy','sync','target','team','telephone','to-the-cloud','top','trash','trophy','unlink','unlock','up','upload','videos','wallet-add','wallet-new','wallet','warn','warning-circle','warning','wrench-circle'];
{ @@ -468,7 +468,8 @@ const icons = [ WalletNew, Warn, Warning, - WarningCircle + WarningCircle, + WrenchCircle ]; const wrapperStyle = { From f3f788d85f240151cc8d210d6f5a4646351a825a Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 29 Oct 2020 15:22:07 +0100 Subject: [PATCH 5/5] chore: Update Icon snapshot --- react/__snapshots__/examples.spec.jsx.snap | 1405 +++++++++++++++++--- 1 file changed, 1226 insertions(+), 179 deletions(-) diff --git a/react/__snapshots__/examples.spec.jsx.snap b/react/__snapshots__/examples.spec.jsx.snap index 7ef8d2102a..3879b97796 100644 --- a/react/__snapshots__/examples.spec.jsx.snap +++ b/react/__snapshots__/examples.spec.jsx.snap @@ -2734,7 +2734,7 @@ exports[`Icon should render examples: Icon 1`] = ` - + @@ -3050,8 +3050,8 @@ exports[`Icon should render examples: Icon 1`] = ` - - + + @@ -3311,7 +3311,7 @@ exports[`Icon should render examples: Icon 1`] = ` - + @@ -3322,7 +3322,7 @@ exports[`Icon should render examples: Icon 1`] = ` - +
@@ -3721,7 +3721,7 @@ exports[`Icon should render examples: Icon 2`] = ` - + @@ -4037,8 +4037,8 @@ exports[`Icon should render examples: Icon 2`] = ` - - + + @@ -4298,7 +4298,7 @@ exports[`Icon should render examples: Icon 2`] = ` - + @@ -4309,25 +4309,25 @@ exports[`Icon should render examples: Icon 2`] = ` - +
- - -

album

-
-

album-add

-
+

album-remove

+
+ + +

album

+
@@ -4359,169 +4359,194 @@ exports[`Icon should render examples: Icon 2`] = `

bank

+ + +

banking-add

+
+
+ + +

banking

+
+

bell

-
+

bottom

-
+

browser-brave

-
+

browser-chrome

-
+

browser-duckduckgo

-
+

browser-edge

-
+

browser-firefox

-
+

browser-ie

-
+

browser-opera

-
+

browser-safari

-
+

burger

-
+

calendar

-
+

camera

-
+

car

-
- +
+ -

certified

+

categories

-
- +
+ -

check

+

certified

-
+

check-circle

-
+

check-list

-
+

check-square

-
+
+ + +

check

+
+

circle-filled

-
+

clock

-
- - -

cloud

-
-
+

cloud-happy

-
+
+ + +

cloud

+
+

collect

-
+

comment

-
+

company

-
+

compass

-
+

connector

-
+

contract

-
+

contrast

-
+
+ + +

cozy-laugh

+
+

cozy-text

+
+ + +

credit-card-add

+

credit-card

- + -

credit-card-add

+

credit

@@ -4529,20 +4554,20 @@ exports[`Icon should render examples: Icon 2`] = `

crop

- - -

cross

-
-

cross-circle

-
+

cross-small

+
+ + +

cross

+
@@ -4564,35 +4589,35 @@ exports[`Icon should render examples: Icon 2`] = `

data-control

+ + +

debit

+
+

devices

-
+

dots

-
+

down

-
+

download

-
+

drawing-arrow-up

-
- - -

dropdown

-
@@ -4604,14 +4629,14 @@ exports[`Icon should render examples: Icon 2`] = `

dropdown-open

- + -

dropup

+

dropdown

- + -

email

+

dropup

@@ -4619,34 +4644,34 @@ exports[`Icon should render examples: Icon 2`] = `

email-notification

+ + +

email

+
+

eu

-
+

euro

-
+

exchange

-
- - -

eye

-

eye-closed

- + -

file

+

eye

@@ -4659,299 +4684,324 @@ exports[`Icon should render examples: Icon 2`] = `

file-duotone

+ + +

file-new

+
+

file-none

-
+

file-outline

-
+
+ + +

file

+
+

filter

-
+

fingerprint

-
- - -

flag

-
-
+

flag-outlined

-
+
+ + +

flag

+
+

flash-auto

-
+

flashlight

-
- - -

folder

-
-
+

folder-add

-
+
+ + +

folder

+
+

forbidden

-
+

from-user

-
+

gear

-
+

globe

-
+
+ + +

graph-circle

+
+

grid

-
+

group-list

-
+

groups

-
+

heart

-
+

help

-
+

history

-
+

home

-
+

hourglass

-
+

image

-
- - -

info

-
-
+

info-outlined

-
+
+ + +

info

+
+

key

-
+

laptop

-
+

left

-
+

lightbulb

-
- - -

link

-
-
+

link-out

-
+
+ + +

link

+
+

list

-
+

location

-
+

lock

-
+

logout

-
+

magic-trick

-
+

magnet

-
+

magnifier

-
+

merge

-
+

movement-in

-
+

movement-out

-
+

moveto

-
+

multi-files

-
+

music

-
+

new

-
+

next

-
+

note

-
+
+ + +

notification-email

+
+

offline

-
+

online

-
+

openwith

-
+

palette

-
+

paperplane

-
+

password

-
+

pen

-
+

people

-
+

percent-circle

+
+ + +

percent

+

personal-data

- + -

phone

+

phone-download

- + -

phone-download

+

phone

@@ -4964,14 +5014,14 @@ exports[`Icon should render examples: Icon 2`] = `

pin

- + -

plus

+

plus-small

- + -

plus-small

+

plus

@@ -5039,14 +5089,14 @@ exports[`Icon should render examples: Icon 2`] = `

setting

- + -

share

+

share-circle

- + -

share-circle

+

share

@@ -5074,14 +5124,14 @@ exports[`Icon should render examples: Icon 2`] = `

stats

- + -

sync

+

sync-cozy

- + -

sync-cozy

+

sync

@@ -5144,24 +5194,24 @@ exports[`Icon should render examples: Icon 2`] = `

videos

- + -

wallet

+

wallet-add

- + -

wallet-add

+

wallet-new

- + -

warn

+

wallet

- + -

warning

+

warn

@@ -5169,6 +5219,11 @@ exports[`Icon should render examples: Icon 2`] = `

warning-circle

+ + +

warning

+
+

wrench-circle

@@ -5195,6 +5250,998 @@ exports[`Icon should render examples: Icon 4`] = `
" `; +exports[`Icon should render examples: Icon 5`] = ` +"
+
+

Font size: 16px

+
+
+ + +

Album

+
+
+ + +

AlbumAdd

+
+
+ + +

AlbumRemove

+
+
+ + +

Answer

+
+
+ + +

Apple

+
+
+ + +

Archive

+
+
+ + +

Attachment

+
+
+ + +

Attention

+
+
+ + +

Bank

+
+
+ + +

Banking

+
+
+ + +

BankingAdd

+
+
+ + +

Bell

+
+
+ + +

Bottom

+
+
+ + +

BrowserBrave

+
+
+ + +

BrowserChrome

+
+
+ + +

BrowserDuckduckgo

+
+
+ + + + + +

BrowserEdge

+
+
+ + +

BrowserFirefox

+
+
+ + +

BrowserIe

+
+
+ + +

BrowserOpera

+
+
+ + +

BrowserSafari

+
+
+ + +

Burger

+
+
+ + +

Calendar

+
+
+ + +

Camera

+
+
+ + +

Car

+
+
+ + +

Categories

+
+
+ + +

Certified

+
+
+ + +

Check

+
+
+ + +

CheckCircle

+
+
+ + +

CheckList

+
+
+ + +

CheckSquare

+
+
+ + +

CircleFilled

+
+
+ + +

Clock

+
+
+ + + + + + + +

Cloud

+
+
+ + +

CloudHappy

+
+
+ + +

Collect

+
+
+ + +

Comment

+
+
+ + +

Company

+
+
+ + +

Compass

+
+
+ + + +

Connector

+
+
+ + +

Contract

+
+
+ + +

Contrast

+
+
+ + +

CozyLaugh

+
+
+ + +

CozyText

+
+
+ + + + + +

Credit

+
+
+ + +

CreditCard

+
+
+ + +

CreditCardAdd

+
+
+ + +

Crop

+
+
+ + +

Cross

+
+
+ + +

CrossCircle

+
+
+ + +

CrossSmall

+
+
+ + +

Cube

+
+
+ + +

Dash

+
+
+ + +

Dashboard

+
+
+ + +

DataControl

+
+
+ + + + + +

Debit

+
+
+ + +

Devices

+
+
+ + +

Dots

+
+
+ + +

Down

+
+
+ + +

Download

+
+
+ + +

DrawingArrowUp

+
+
+ + +

Dropdown

+
+
+ + +

DropdownClose

+
+
+ + +

DropdownOpen

+
+
+ + +

Dropup

+
+
+ + +

Email

+
+
+ + +

EmailNotification

+
+
+ + +

Eu

+
+
+ + +

Euro

+
+
+ + +

Exchange

+
+
+ + +

Eye

+
+
+ + + + + + +

EyeClosed

+
+
+ + + + + +

File

+
+
+ + +

FileAdd

+
+
+ + + + + + + +

FileDuotone

+
+
+ + +

FileNew

+
+
+ + + + + +

FileNone

+
+
+ + +

FileOutline

+
+
+ + +

Filter

+
+
+ + +

Fingerprint

+
+
+ + +

Flag

+
+
+ + +

FlagOutlined

+
+
+ + +

FlashAuto

+
+
+ + +

Flashlight

+
+
+ + + + + +

Folder

+
+
+ + +

FolderAdd

+
+
+ + +

Forbidden

+
+
+ + +

FromUser

+
+
+ + + + + +

Gear

+
+
+ + +

Globe

+
+
+ + +

GraphCircle

+
+
+ + +

Grid

+
+
+ + +

GroupList

+
+
+ + +

Groups

+
+
+ + +

Heart

+
+
+ + +

Help

+
+
+ + +

History

+
+
+ + +

Home

+
+
+ + + + + +

Hourglass

+
+
+ + +

Image

+
+
+ + + + + +

Info

+
+
+ + +

InfoOutlined

+
+
+ + +

Key

+
+
+ + +

Laptop

+
+
+ + +

Left

+
+
+ + +

Lightbulb

+
+
+ + +

Link

+
+
+ + +

LinkOut

+
+
+ + +

List

+
+
+ + +

Location

+
+
+ + +

Lock

+
+
+ + +

Logout

+
+
+ + +

MagicTrick

+
+
+ + +

Magnet

+
+
+ + +

Magnifier

+
+
+ + +

Merge

+
+
+ + + + + +

MovementIn

+
+
+ + + + + +

MovementOut

+
+
+ + +

Moveto

+
+
+ + +

MultiFiles

+
+
+ + +

Music

+
+
+ + +

New

+
+
+ + +

Next

+
+
+ + +

Note

+
+
+ + +

NotificationEmail

+
+
+ + +

Offline

+
+
+ + +

Online

+
+
+ + +

Openwith

+
+
+ + +

Palette

+
+
+ + +

Paperplane

+
+
+ + +

Password

+
+
+ + + + + +

Pen

+
+
+ + +

People

+
+
+ + +

Percent

+
+
+ + +

PercentCircle

+
+
+ + +

PersonalData

+
+
+ + +

Phone

+
+
+ + +

PhoneDownload

+
+
+ + +

PieChart

+
+
+ + +

Pin

+
+
+ + + + + +

Plus

+
+
+ + + + + +

PlusSmall

+
+
+ + +

Previous

+
+
+ + +

Printer

+
+
+ + +

Qualify

+
+
+ + +

Rename

+
+
+ + +

Repare

+
+
+ + + + + +

Restore

+
+
+ + +

Right

+
+
+ + +

Rise

+
+
+ + +

RotateLeft

+
+
+ + +

RotateRight

+
+
+ + +

SadCozy

+
+
+ + +

SelectAll

+
+
+ + +

Setting

+
+
+ + + + + +

Share

+
+
+ + +

ShareCircle

+
+
+ + +

Sound

+
+
+ + + +

Spinner

+
+
+ + +

Stack

+
+
+ + +

Star

+
+
+ + +

Stats

+
+
+ + +

Sync

+
+
+ + +

SyncCozy

+
+
+ + +

Target

+
+
+ + +

Team

+
+
+ + +

Telephone

+
+
+ + +

ToTheCloud

+
+
+ + +

Top

+
+
+ + + + + +

Trash

+
+
+ + +

Trophy

+
+
+ + +

Unlink

+
+
+ + +

Unlock

+
+
+ + +

Up

+
+
+ + +

Upload

+
+
+ + +

Videos

+
+
+ + +

Wallet

+
+
+ + +

WalletAdd

+
+
+ + +

WalletNew

+
+
+ + +

Warn

+
+
+ + +

Warning

+
+
+ + +

WarningCircle

+
+
+ + +

WrenchCircle

+
+
+
+
" +`; + exports[`IconButton should render examples: IconButton 1`] = ` "