diff --git a/.eslintrc b/.eslintrc index 38f0a6b7f..0ae4a7a4e 100644 --- a/.eslintrc +++ b/.eslintrc @@ -21,11 +21,8 @@ }, "settings": { "import/resolver": { - "webpack": { - "config": "./.storybook/webpack.config.js" - } - }, - "import/extensions": [".js", ".md"] + "node": {} + } }, "rules": { "@typescript-eslint/camelcase": "off", @@ -54,7 +51,7 @@ "no-underscore-dangle": [ "warn", { - "allow": ["__isProxy"] + "allow": ["__isProxy", "__type"] } ], "no-use-before-define": "off", @@ -123,20 +120,20 @@ { "files": ["*.tsx"], "rules": { - "react/prop-types": "off" + "react/prop-types": "off", + "react/jsx-props-no-spreading": "off" } }, { - "files": ["stories/**/*.{js,ts,tsx}"], + "files": ["src/icons/**/svgs/index.tsx"], "rules": { - "no-alert": "off" + "prettier/prettier": "off" } }, { - "files": ["src/icons/**"], + "files": ["stories/**/*.{js,ts,tsx}"], "rules": { - "import/extensions": "off", - "react/jsx-props-no-spreading": "off" + "no-alert": "off" } } ] diff --git a/.gitignore b/.gitignore index a5c1e403d..4b5ed45ab 100644 --- a/.gitignore +++ b/.gitignore @@ -78,7 +78,6 @@ typings/ # build files dist/ lib/ -src/icons/ .out # JetBrains diff --git a/.prettierignore b/.prettierignore index 66a078873..bccdb681c 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,6 +1 @@ -src/svgs/deprecated/index.js -src/svgs/emojis/index.js -src/svgs/glyphs/index.js -src/svgs/icons/index.js -src/svgs/logos/index.js -src/svgs/navIcons/index.js \ No newline at end of file +src/icons/**/svgs/index.tsx \ No newline at end of file diff --git a/.size-snapshot.json b/.size-snapshot.json index feb5ad5d6..2c5ae5f89 100644 --- a/.size-snapshot.json +++ b/.size-snapshot.json @@ -1,123 +1,81 @@ { "bundle.js": { - "bundled": 823371, - "minified": 754553, - "gzipped": 91244 + "bundled": 820263, + "minified": 751936, + "gzipped": 89964 }, "bundle.umd.js": { - "bundled": 832961, - "minified": 730364, - "gzipped": 87394 + "bundled": 829903, + "minified": 728019, + "gzipped": 86109 }, - "constants/themes/secondaryTheme.js": { - "bundled": 369, - "minified": 330, - "gzipped": 183, - "treeshaked": { - "rollup": { - "code": 103, - "import_statements": 103 - }, - "webpack": { - "code": 1215 - } - } - }, - "shared-components/chip/index.js": { - "bundled": 867, - "minified": 378, - "gzipped": 249, - "treeshaked": { - "rollup": { - "code": 201, - "import_statements": 130 - }, - "webpack": { - "code": 1247 - } - } - }, - "utils/withDeprecationWarning/index.js": { - "bundled": 812, - "minified": 339, - "gzipped": 230, + "icons/icons/crossIcon.js": { + "bundled": 233, + "minified": 201, + "gzipped": 151, "treeshaked": { "rollup": { - "code": 44, - "import_statements": 44 - }, - "webpack": { - "code": 1029 - } - } - }, - "constants/themes/primaryTheme.js": { - "bundled": 345, - "minified": 306, - "gzipped": 182, - "treeshaked": { - "rollup": { - "code": 97, - "import_statements": 97 + "code": 70, + "import_statements": 70 }, "webpack": { - "code": 1207 + "code": 1091 } } }, - "utils/accessibility/useResetFocus.js": { - "bundled": 735, - "minified": 179, - "gzipped": 140, + "icons/icons/checkmarkIcon.js": { + "bundled": 257, + "minified": 225, + "gzipped": 154, "treeshaked": { "rollup": { - "code": 14, - "import_statements": 14 + "code": 74, + "import_statements": 74 }, "webpack": { - "code": 998 + "code": 1095 } } }, - "shared-components/button/constants.js": { - "bundled": 603, - "minified": 390, - "gzipped": 211, + "shared-components/avatar/index.js": { + "bundled": 550, + "minified": 389, + "gzipped": 256, "treeshaked": { "rollup": { - "code": 48, - "import_statements": 48 + "code": 178, + "import_statements": 102 }, "webpack": { - "code": 1036 + "code": 1254 } } }, - "utils/colors/index.js": { - "bundled": 166, - "minified": 129, - "gzipped": 117, + "icons/icons/circleSolidIcon.js": { + "bundled": 269, + "minified": 237, + "gzipped": 153, "treeshaked": { "rollup": { - "code": 19, - "import_statements": 19 + "code": 76, + "import_statements": 76 }, "webpack": { - "code": 1003 + "code": 1097 } } }, - "shared-components/avatar/index.js": { - "bundled": 550, - "minified": 389, - "gzipped": 256, + "icons/icons/chevronIcon.js": { + "bundled": 245, + "minified": 213, + "gzipped": 153, "treeshaked": { "rollup": { - "code": 178, - "import_statements": 102 + "code": 72, + "import_statements": 72 }, "webpack": { - "code": 1254 + "code": 1093 } } }, @@ -135,24 +93,24 @@ } } }, - "constants/animation/index.js": { - "bundled": 72, - "minified": 63, - "gzipped": 70, + "icons/icons/infoIcon.js": { + "bundled": 227, + "minified": 195, + "gzipped": 149, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 69, + "import_statements": 69 }, "webpack": { - "code": 951 + "code": 1090 } } }, - "shared-components/button/deprecatedPropsHandler.js": { - "bundled": 466, - "minified": 339, - "gzipped": 213, + "constants/typography/primaryTypography.js": { + "bundled": 360, + "minified": 237, + "gzipped": 181, "treeshaked": { "rollup": { "code": 0, @@ -163,171 +121,171 @@ } } }, - "utils/throwOnUndefinedProperty/index.js": { - "bundled": 405, - "minified": 227, - "gzipped": 168, + "icons/icons/errorIcon.js": { + "bundled": 233, + "minified": 201, + "gzipped": 151, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 70, + "import_statements": 70 }, "webpack": { - "code": 951 + "code": 1091 } } }, - "utils/styles/buttonReset.js": { - "bundled": 93, - "minified": 86, - "gzipped": 93, + "utils/colors/index.js": { + "bundled": 166, + "minified": 129, + "gzipped": 117, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 19, + "import_statements": 19 }, "webpack": { - "code": 951 + "code": 1003 } } }, - "shared-components/radioButton/index.js": { - "bundled": 1994, - "minified": 1051, - "gzipped": 515, + "icons/icons/arrowLeftIcon.js": { + "bundled": 257, + "minified": 225, + "gzipped": 154, "treeshaked": { "rollup": { - "code": 369, - "import_statements": 230 + "code": 74, + "import_statements": 74 }, "webpack": { - "code": 1968 + "code": 1095 } } }, - "constants/zScale/index.js": { - "bundled": 234, - "minified": 94, - "gzipped": 100, + "shared-components/button/constants.js": { + "bundled": 603, + "minified": 390, + "gzipped": 211, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 48, + "import_statements": 48 }, "webpack": { - "code": 951 + "code": 1036 } } }, - "shared-components/checkbox/index.js": { - "bundled": 2188, - "minified": 1077, - "gzipped": 531, + "utils/accessibility/useResetFocus.js": { + "bundled": 735, + "minified": 179, + "gzipped": 140, "treeshaked": { "rollup": { - "code": 369, - "import_statements": 230 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 2006 + "code": 998 } } }, - "shared-components/progressBar/style.js": { - "bundled": 7851, - "minified": 7395, - "gzipped": 2196, + "shared-components/button/components/linkButton/style.js": { + "bundled": 1745, + "minified": 1496, + "gzipped": 860, "treeshaked": { "rollup": { - "code": 1495, - "import_statements": 258 + "code": 41, + "import_statements": 41 }, "webpack": { - "code": 2657 + "code": 1062 } } }, - "shared-components/loadingSpinner/index.js": { - "bundled": 1625, - "minified": 802, - "gzipped": 368, + "utils/styles/buttonReset.js": { + "bundled": 93, + "minified": 86, + "gzipped": 93, "treeshaked": { "rollup": { - "code": 239, - "import_statements": 194 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1284 + "code": 951 } } }, - "shared-components/tabs/index.js": { - "bundled": 1365, - "minified": 775, - "gzipped": 414, + "constants/themes/secondaryTheme.js": { + "bundled": 369, + "minified": 330, + "gzipped": 183, "treeshaked": { "rollup": { - "code": 320, - "import_statements": 223 + "code": 103, + "import_statements": 103 }, "webpack": { - "code": 1366 + "code": 1215 } } }, - "shared-components/progressBar/index.js": { - "bundled": 2005, - "minified": 1082, - "gzipped": 520, + "shared-components/button/deprecatedPropsHandler.js": { + "bundled": 466, + "minified": 339, + "gzipped": 213, "treeshaked": { "rollup": { - "code": 412, - "import_statements": 326 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1513 + "code": 951 } } }, - "svgs/icons/cross-icon.svg.js": { - "bundled": 972, - "minified": 745, - "gzipped": 446, + "utils/withDeprecationWarning/index.js": { + "bundled": 812, + "minified": 339, + "gzipped": 230, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 44, + "import_statements": 44 }, "webpack": { - "code": 1707 + "code": 1029 } } }, - "utils/icons/index.js": { - "bundled": 2898, - "minified": 2538, - "gzipped": 1389, + "icons/icons/arrow.js": { + "bundled": 209, + "minified": 177, + "gzipped": 148, "treeshaked": { "rollup": { - "code": 187, - "import_statements": 87 + "code": 66, + "import_statements": 66 }, "webpack": { - "code": 1269 + "code": 1087 } } }, - "shared-components/toggle/index.js": { - "bundled": 1804, - "minified": 993, - "gzipped": 520, + "icons/icons/arrowRightIcon.js": { + "bundled": 263, + "minified": 231, + "gzipped": 156, "treeshaked": { "rollup": { - "code": 302, - "import_statements": 268 + "code": 75, + "import_statements": 75 }, "webpack": { - "code": 1330 + "code": 1096 } } }, @@ -345,108 +303,108 @@ } } }, - "shared-components/verificationMessages/style.js": { - "bundled": 4684, - "minified": 4468, - "gzipped": 1686, + "constants/breakpoints/index.js": { + "bundled": 232, + "minified": 200, + "gzipped": 158, "treeshaked": { "rollup": { - "code": 426, - "import_statements": 125 + "code": 107, + "import_statements": 57 }, "webpack": { - "code": 1497 + "code": 1101 } } }, - "shared-components/tabs/style.js": { - "bundled": 5300, - "minified": 5086, - "gzipped": 2391, + "constants/themes/primaryTheme.js": { + "bundled": 345, + "minified": 306, + "gzipped": 182, "treeshaked": { "rollup": { - "code": 1095, - "import_statements": 327 + "code": 97, + "import_statements": 97 }, "webpack": { - "code": 2328 + "code": 1207 } } }, - "shared-components/banner/index.js": { - "bundled": 1470, - "minified": 944, - "gzipped": 452, - "treeshaked": { + "constants/typography/index.js": { + "bundled": 533, + "minified": 410, + "gzipped": 243, + "treeshaked": { "rollup": { - "code": 438, - "import_statements": 365 + "code": 225, + "import_statements": 57 }, "webpack": { - "code": 1590 + "code": 1223 } } }, - "shared-components/dialogModal/style.js": { - "bundled": 15808, - "minified": 15583, - "gzipped": 3598, + "constants/animation/index.js": { + "bundled": 72, + "minified": 63, + "gzipped": 70, "treeshaked": { "rollup": { - "code": 1798, - "import_statements": 255 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 3024 + "code": 951 } } }, - "shared-components/transitions/index.js": { - "bundled": 730, - "minified": 487, - "gzipped": 281, + "utils/throwOnUndefinedProperty/index.js": { + "bundled": 405, + "minified": 227, + "gzipped": 168, "treeshaked": { "rollup": { - "code": 155, - "import_statements": 121 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1212 + "code": 951 } } }, - "shared-components/button/components/textButton/style.js": { - "bundled": 1886, - "minified": 1743, - "gzipped": 1128, + "constants/progressBarStatus/index.js": { + "bundled": 128, + "minified": 111, + "gzipped": 99, "treeshaked": { "rollup": { - "code": 548, - "import_statements": 126 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1636 + "code": 951 } } }, - "shared-components/button/shared-components/container/index.js": { - "bundled": 7040, - "minified": 6805, - "gzipped": 2030, + "constants/zScale/index.js": { + "bundled": 234, + "minified": 94, + "gzipped": 100, "treeshaked": { "rollup": { - "code": 887, - "import_statements": 190 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 2071 + "code": 951 } } }, - "constants/progressBarStatus/index.js": { - "bundled": 128, - "minified": 111, - "gzipped": 99, + "constants/spacer/index.js": { + "bundled": 360, + "minified": 205, + "gzipped": 129, "treeshaked": { "rollup": { "code": 0, @@ -471,206 +429,220 @@ } } }, - "shared-components/carousel/style.js": { - "bundled": 20339, - "minified": 19698, - "gzipped": 4811, + "shared-components/verificationMessages/index.js": { + "bundled": 1802, + "minified": 942, + "gzipped": 462, "treeshaked": { "rollup": { - "code": 3136, - "import_statements": 79 + "code": 367, + "import_statements": 312 }, "webpack": { - "code": 4187 + "code": 1444 } } }, - "shared-components/accordion/thumbnails/index.js": { - "bundled": 1158, - "minified": 568, - "gzipped": 295, + "constants/fonts/primary.js": { + "bundled": 338, + "minified": 321, + "gzipped": 234, "treeshaked": { "rollup": { - "code": 55, - "import_statements": 55 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1105 + "code": 951 } } }, - "shared-components/alert/index.js": { - "bundled": 5727, - "minified": 2541, - "gzipped": 1117, + "shared-components/offClickWrapper/index.js": { + "bundled": 1252, + "minified": 704, + "gzipped": 363, "treeshaked": { "rollup": { - "code": 2035, - "import_statements": 652 + "code": 153, + "import_statements": 108 }, "webpack": { - "code": 3570 + "code": 1171 } } }, - "shared-components/toggle/style.js": { - "bundled": 6921, - "minified": 6691, - "gzipped": 2463, + "shared-components/progressBar/index.js": { + "bundled": 2005, + "minified": 1082, + "gzipped": 521, "treeshaked": { "rollup": { - "code": 735, - "import_statements": 126 + "code": 412, + "import_statements": 326 }, "webpack": { - "code": 1825 + "code": 1513 + } + } + }, + "shared-components/checkbox/index.js": { + "bundled": 2188, + "minified": 1077, + "gzipped": 531, + "treeshaked": { + "rollup": { + "code": 369, + "import_statements": 230 + }, + "webpack": { + "code": 2006 } } }, "shared-components/callout/style.js": { - "bundled": 7147, - "minified": 6835, - "gzipped": 1585, + "bundled": 7538, + "minified": 7203, + "gzipped": 1632, "treeshaked": { "rollup": { "code": 770, "import_statements": 126 }, "webpack": { - "code": 1858 + "code": 1868 } } }, - "shared-components/button/shared-components/loader/index.js": { - "bundled": 856, - "minified": 452, - "gzipped": 270, + "shared-components/banner/index.js": { + "bundled": 1437, + "minified": 911, + "gzipped": 440, "treeshaked": { "rollup": { - "code": 55, - "import_statements": 55 + "code": 426, + "import_statements": 353 }, "webpack": { - "code": 1105 + "code": 1578 } } }, - "svgs/icons/info-icon.svg.js": { - "bundled": 952, - "minified": 726, - "gzipped": 451, + "shared-components/tabs/index.js": { + "bundled": 1365, + "minified": 775, + "gzipped": 414, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 320, + "import_statements": 223 }, "webpack": { - "code": 1692 + "code": 1366 } } }, - "constants/mediaQueries/index.js": { - "bundled": 717, - "minified": 606, - "gzipped": 338, + "shared-components/callout/index.js": { + "bundled": 1274, + "minified": 588, + "gzipped": 344, "treeshaked": { "rollup": { - "code": 365, - "import_statements": 206 + "code": 492, + "import_statements": 209 }, "webpack": { - "code": 1472 + "code": 1683 } } }, - "constants/boxShadows/index.js": { - "bundled": 1688, - "minified": 1530, - "gzipped": 520, + "shared-components/chip/index.js": { + "bundled": 867, + "minified": 378, + "gzipped": 249, "treeshaked": { "rollup": { - "code": 916, - "import_statements": 162 + "code": 201, + "import_statements": 130 }, "webpack": { - "code": 2168 + "code": 1247 } } }, - "shared-components/dropdown/desktopDropdown.js": { - "bundled": 9456, - "minified": 7839, - "gzipped": 3415, + "constants/themes/types.js": { + "bundled": 440, + "minified": 411, + "gzipped": 230, "treeshaked": { "rollup": { - "code": 250, - "import_statements": 250 + "code": 278, + "import_statements": 204 }, "webpack": { - "code": 1478 + "code": 1385 } } }, - "shared-components/carousel/index.js": { - "bundled": 5328, - "minified": 2239, - "gzipped": 1017, + "shared-components/dropdown/index.js": { + "bundled": 3810, + "minified": 1689, + "gzipped": 738, "treeshaked": { "rollup": { - "code": 1868, - "import_statements": 359 + "code": 496, + "import_statements": 275 }, "webpack": { - "code": 3227 + "code": 1577 } } }, - "shared-components/accordion/style.js": { - "bundled": 36006, - "minified": 34950, - "gzipped": 4790, + "shared-components/field/index.js": { + "bundled": 2775, + "minified": 1460, + "gzipped": 660, "treeshaked": { "rollup": { - "code": 2701, - "import_statements": 220 + "code": 1250, + "import_statements": 399 }, "webpack": { - "code": 3885 + "code": 2545 } } }, - "shared-components/tooltip/index.js": { - "bundled": 5394, - "minified": 2530, - "gzipped": 1033, + "shared-components/transitions/index.js": { + "bundled": 730, + "minified": 487, + "gzipped": 281, "treeshaked": { "rollup": { - "code": 642, - "import_statements": 441 + "code": 155, + "import_statements": 121 }, "webpack": { - "code": 1689 + "code": 1212 } } }, - "shared-components/field/style.js": { - "bundled": 34905, - "minified": 34162, - "gzipped": 4780, + "constants/typography/secondaryTypography.js": { + "bundled": 406, + "minified": 241, + "gzipped": 184, "treeshaked": { "rollup": { - "code": 2492, - "import_statements": 254 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 3716 + "code": 951 } } }, - "_virtual/_rollupPluginBabelHelpers.js": { - "bundled": 5593, - "minified": 3899, - "gzipped": 1264, + "constants/fonts/secondary.js": { + "bundled": 150, + "minified": 133, + "gzipped": 100, "treeshaked": { "rollup": { "code": 0, @@ -681,325 +653,521 @@ } } }, - "shared-components/accordion/thumbnails/style.js": { - "bundled": 11587, - "minified": 11311, - "gzipped": 2350, + "shared-components/button/shared-components/container/index.js": { + "bundled": 7040, + "minified": 6805, + "gzipped": 2030, "treeshaked": { "rollup": { - "code": 920, - "import_statements": 147 + "code": 887, + "import_statements": 190 }, "webpack": { - "code": 2030 + "code": 2071 } } }, - "svgs/icons/chevron-icon.svg.js": { - "bundled": 934, - "minified": 705, - "gzipped": 428, + "shared-components/dialogModal/index.js": { + "bundled": 3417, + "minified": 1831, + "gzipped": 884, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 533, + "import_statements": 499 }, "webpack": { - "code": 1659 + "code": 1543 } } }, - "shared-components/field/index.js": { - "bundled": 2795, - "minified": 1480, - "gzipped": 670, + "shared-components/optionButton/index.js": { + "bundled": 2173, + "minified": 1429, + "gzipped": 621, "treeshaked": { "rollup": { - "code": 1258, - "import_statements": 407 + "code": 507, + "import_statements": 365 }, "webpack": { - "code": 2553 + "code": 1491 } } }, - "constants/typography/index.js": { - "bundled": 533, - "minified": 410, - "gzipped": 243, + "_virtual/_rollupPluginBabelHelpers.js": { + "bundled": 5593, + "minified": 3899, + "gzipped": 1264, "treeshaked": { "rollup": { - "code": 225, - "import_statements": 57 + "code": 0, + "import_statements": 0 }, "webpack": { - "code": 1223 + "code": 951 } } }, - "shared-components/button/index.js": { - "bundled": 3730, - "minified": 1995, - "gzipped": 812, + "shared-components/verificationMessages/formatMessage/index.js": { + "bundled": 527, + "minified": 358, + "gzipped": 216, "treeshaked": { "rollup": { - "code": 1644, - "import_statements": 608 + "code": 60, + "import_statements": 60 }, "webpack": { - "code": 3012 + "code": 1110 } } }, - "constants/spacer/index.js": { - "bundled": 360, - "minified": 205, - "gzipped": 129, + "icons/icons/svgs/checkmark-icon.svg.js": { + "bundled": 734, + "minified": 549, + "gzipped": 385, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 951 + "code": 998 } } }, - "shared-components/callout/index.js": { - "bundled": 1294, - "minified": 601, - "gzipped": 342, + "shared-components/loadingSpinner/index.js": { + "bundled": 1625, + "minified": 802, + "gzipped": 368, "treeshaked": { "rollup": { - "code": 510, - "import_statements": 270 + "code": 239, + "import_statements": 194 }, "webpack": { - "code": 1666 + "code": 1284 } } }, - "shared-components/verificationMessages/index.js": { - "bundled": 1802, - "minified": 942, - "gzipped": 462, + "shared-components/toggle/index.js": { + "bundled": 1804, + "minified": 993, + "gzipped": 520, "treeshaked": { "rollup": { - "code": 367, - "import_statements": 312 + "code": 302, + "import_statements": 268 }, "webpack": { - "code": 1444 + "code": 1330 } } }, - "shared-components/indicator/style.js": { - "bundled": 2226, - "minified": 2086, - "gzipped": 1227, + "shared-components/transitions/style.js": { + "bundled": 8240, + "minified": 7838, + "gzipped": 1877, "treeshaked": { "rollup": { - "code": 681, + "code": 761, + "import_statements": 213 + }, + "webpack": { + "code": 1975 + } + } + }, + "shared-components/button/components/textButton/style.js": { + "bundled": 1886, + "minified": 1743, + "gzipped": 1128, + "treeshaked": { + "rollup": { + "code": 548, + "import_statements": 126 + }, + "webpack": { + "code": 1636 + } + } + }, + "shared-components/carousel/style.js": { + "bundled": 20339, + "minified": 19698, + "gzipped": 4811, + "treeshaked": { + "rollup": { + "code": 3136, + "import_statements": 79 + }, + "webpack": { + "code": 4187 + } + } + }, + "constants/colors/secondary.js": { + "bundled": 1139, + "minified": 857, + "gzipped": 380, + "treeshaked": { + "rollup": { + "code": 700, + "import_statements": 52 + }, + "webpack": { + "code": 1731 + } + } + }, + "shared-components/dropdown/desktopDropdown.js": { + "bundled": 9422, + "minified": 7805, + "gzipped": 3380, + "treeshaked": { + "rollup": { + "code": 246, + "import_statements": 246 + }, + "webpack": { + "code": 1474 + } + } + }, + "shared-components/chip/style.js": { + "bundled": 7256, + "minified": 6771, + "gzipped": 2590, + "treeshaked": { + "rollup": { + "code": 1300, "import_statements": 172 }, "webpack": { - "code": 1787 + "code": 2408 } } }, - "shared-components/dropdown/mobileDropdown.js": { - "bundled": 1582, - "minified": 759, - "gzipped": 427, + "shared-components/accordion/index.js": { + "bundled": 3291, + "minified": 1731, + "gzipped": 813, "treeshaked": { "rollup": { - "code": 120, - "import_statements": 120 + "code": 1464, + "import_statements": 460 }, "webpack": { - "code": 1240 + "code": 2768 } } }, - "shared-components/verificationMessages/formatMessage/index.js": { - "bundled": 527, - "minified": 358, - "gzipped": 216, + "shared-components/optionButton/style.js": { + "bundled": 38105, + "minified": 36924, + "gzipped": 4850, "treeshaked": { "rollup": { - "code": 60, - "import_statements": 60 + "code": 2620, + "import_statements": 273 }, "webpack": { - "code": 1110 + "code": 3821 } } }, - "index.js": { - "bundled": 2185, - "minified": 2005, - "gzipped": 465, + "icons/icons/svgs/arrow-right-icon.svg.js": { + "bundled": 752, + "minified": 567, + "gzipped": 395, "treeshaked": { "rollup": { - "code": 1472, - "import_statements": 1472 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 3434 + "code": 998 } } }, - "shared-components/optionButton/index.js": { - "bundled": 2186, - "minified": 1442, - "gzipped": 633, + "icons/icons/svgs/error-icon.svg.js": { + "bundled": 1109, + "minified": 916, + "gzipped": 558, "treeshaked": { "rollup": { - "code": 511, - "import_statements": 369 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1495 + "code": 998 } } }, - "constants/breakpoints/index.js": { - "bundled": 232, - "minified": 200, - "gzipped": 158, + "icons/icons/svgs/arrow-left-icon.svg.js": { + "bundled": 742, + "minified": 557, + "gzipped": 383, "treeshaked": { "rollup": { - "code": 107, - "import_statements": 57 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1101 + "code": 998 } } }, - "svgs/icons/arrow-right-icon.svg.js": { - "bundled": 969, - "minified": 737, - "gzipped": 454, + "icons/icons/svgs/cross-icon.svg.js": { + "bundled": 775, + "minified": 590, + "gzipped": 388, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1679 + "code": 998 } } }, - "utils/helperTransition/index.js": { - "bundled": 1617, - "minified": 1056, - "gzipped": 455, + "icons/icons/svgs/chevron-icon.svg.js": { + "bundled": 729, + "minified": 544, + "gzipped": 367, "treeshaked": { "rollup": { - "code": 154, - "import_statements": 154 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1278 + "code": 998 } } }, - "shared-components/container/style.js": { - "bundled": 17313, - "minified": 16568, - "gzipped": 2878, + "shared-components/accordion/thumbnails/style.js": { + "bundled": 11587, + "minified": 11311, + "gzipped": 2350, "treeshaked": { "rollup": { - "code": 1322, - "import_statements": 201 + "code": 920, + "import_statements": 147 }, "webpack": { - "code": 2504 + "code": 2030 } } }, - "shared-components/dropdown/index.js": { - "bundled": 3810, - "minified": 1689, - "gzipped": 738, + "shared-components/accordion/style.js": { + "bundled": 36006, + "minified": 34950, + "gzipped": 4790, "treeshaked": { "rollup": { - "code": 496, - "import_statements": 275 + "code": 2701, + "import_statements": 220 }, "webpack": { - "code": 1577 + "code": 3885 } } }, - "shared-components/transitions/style.js": { - "bundled": 8240, - "minified": 7838, - "gzipped": 1877, + "shared-components/tooltip/index.js": { + "bundled": 5385, + "minified": 2521, + "gzipped": 1024, "treeshaked": { "rollup": { - "code": 761, - "import_statements": 213 + "code": 639, + "import_statements": 438 }, "webpack": { - "code": 1975 + "code": 1686 } } }, - "shared-components/banner/style.js": { - "bundled": 14602, - "minified": 14062, - "gzipped": 3327, + "shared-components/dialogModal/style.js": { + "bundled": 15808, + "minified": 15583, + "gzipped": 3598, "treeshaked": { "rollup": { - "code": 1593, - "import_statements": 282 + "code": 1798, + "import_statements": 255 }, "webpack": { - "code": 2802 + "code": 3024 } } }, - "shared-components/button/components/linkButton/index.js": { - "bundled": 2830, - "minified": 1432, - "gzipped": 651, + "shared-components/icon/index.js": { + "bundled": 1924, + "minified": 1065, + "gzipped": 512, "treeshaked": { "rollup": { - "code": 1138, - "import_statements": 414 + "code": 346, + "import_statements": 221 }, "webpack": { - "code": 2472 + "code": 1933 } } }, - "shared-components/selectorButton/index.js": { - "bundled": 10336, - "minified": 9334, - "gzipped": 2640, + "shared-components/carousel/index.js": { + "bundled": 5328, + "minified": 2239, + "gzipped": 1017, + "treeshaked": { + "rollup": { + "code": 1868, + "import_statements": 359 + }, + "webpack": { + "code": 3227 + } + } + }, + "shared-components/dropdown/style.js": { + "bundled": 44185, + "minified": 43006, + "gzipped": 5906, + "treeshaked": { + "rollup": { + "code": 2644, + "import_statements": 241 + }, + "webpack": { + "code": 3865 + } + } + }, + "shared-components/progressBar/style.js": { + "bundled": 7851, + "minified": 7395, + "gzipped": 2196, + "treeshaked": { + "rollup": { + "code": 1495, + "import_statements": 258 + }, + "webpack": { + "code": 2657 + } + } + }, + "icons/icons/svgs/arrow.svg.js": { + "bundled": 712, + "minified": 527, + "gzipped": 372, "treeshaked": { "rollup": { - "code": 613, - "import_statements": 444 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1668 + "code": 998 } } }, - "shared-components/immersiveModal/crossIconComponent/index.js": { - "bundled": 1313, - "minified": 489, - "gzipped": 298, + "icons/icons/svgs/info-icon.svg.js": { + "bundled": 755, + "minified": 570, + "gzipped": 394, "treeshaked": { "rollup": { - "code": 120, - "import_statements": 120 + "code": 14, + "import_statements": 14 }, "webpack": { - "code": 1244 + "code": 998 + } + } + }, + "icons/icons/svgs/circle-solid-icon.svg.js": { + "bundled": 743, + "minified": 542, + "gzipped": 358, + "treeshaked": { + "rollup": { + "code": 14, + "import_statements": 14 + }, + "webpack": { + "code": 998 + } + } + }, + "shared-components/radioButton/index.js": { + "bundled": 1994, + "minified": 1051, + "gzipped": 515, + "treeshaked": { + "rollup": { + "code": 369, + "import_statements": 230 + }, + "webpack": { + "code": 1968 + } + } + }, + "constants/mediaQueries/index.js": { + "bundled": 717, + "minified": 606, + "gzipped": 338, + "treeshaked": { + "rollup": { + "code": 365, + "import_statements": 206 + }, + "webpack": { + "code": 1472 + } + } + }, + "shared-components/dropdown/mobileDropdown.js": { + "bundled": 1572, + "minified": 749, + "gzipped": 420, + "treeshaked": { + "rollup": { + "code": 116, + "import_statements": 116 + }, + "webpack": { + "code": 1236 + } + } + }, + "shared-components/container/style.js": { + "bundled": 17313, + "minified": 16568, + "gzipped": 2878, + "treeshaked": { + "rollup": { + "code": 1322, + "import_statements": 201 + }, + "webpack": { + "code": 2504 + } + } + }, + "shared-components/carousel/arrow/index.js": { + "bundled": 1536, + "minified": 829, + "gzipped": 371, + "treeshaked": { + "rollup": { + "code": 183, + "import_statements": 183 + }, + "webpack": { + "code": 1350 } } }, @@ -1017,129 +1185,185 @@ } } }, - "shared-components/button/components/roundButton/index.js": { - "bundled": 3778, - "minified": 1980, - "gzipped": 810, + "constants/colors/primary.js": { + "bundled": 1670, + "minified": 1388, + "gzipped": 497, "treeshaked": { "rollup": { - "code": 1553, - "import_statements": 623 + "code": 1066, + "import_statements": 52 }, "webpack": { - "code": 2911 + "code": 2167 } } }, - "shared-components/alert/style.js": { - "bundled": 35145, - "minified": 34180, - "gzipped": 5189, + "constants/boxShadows/index.js": { + "bundled": 1688, + "minified": 1530, + "gzipped": 520, "treeshaked": { "rollup": { - "code": 3041, - "import_statements": 390 + "code": 916, + "import_statements": 162 }, "webpack": { - "code": 4404 + "code": 2168 } } }, - "shared-components/carousel/arrow/style.js": { - "bundled": 5005, - "minified": 4677, - "gzipped": 2054, + "shared-components/button/index.js": { + "bundled": 3730, + "minified": 1995, + "gzipped": 813, "treeshaked": { "rollup": { - "code": 1000, - "import_statements": 122 + "code": 1644, + "import_statements": 608 }, "webpack": { - "code": 2092 + "code": 3012 } } }, - "svgs/icons/circle-solid-icon.svg.js": { - "bundled": 964, - "minified": 715, - "gzipped": 420, + "shared-components/loadingSpinner/style.js": { + "bundled": 9585, + "minified": 9204, + "gzipped": 2761, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 1413, + "import_statements": 158 }, "webpack": { - "code": 1653 + "code": 2481 } } }, - "shared-components/selectorButton/style.js": { - "bundled": 23656, - "minified": 22922, - "gzipped": 4162, + "shared-components/button/shared-components/loader/index.js": { + "bundled": 856, + "minified": 452, + "gzipped": 270, "treeshaked": { "rollup": { - "code": 2157, - "import_statements": 172 + "code": 55, + "import_statements": 55 + }, + "webpack": { + "code": 1105 + } + } + }, + "shared-components/button/components/linkButton/index.js": { + "bundled": 2830, + "minified": 1432, + "gzipped": 651, + "treeshaked": { + "rollup": { + "code": 1138, + "import_statements": 414 + }, + "webpack": { + "code": 2472 + } + } + }, + "shared-components/verificationMessages/style.js": { + "bundled": 4684, + "minified": 4468, + "gzipped": 1686, + "treeshaked": { + "rollup": { + "code": 426, + "import_statements": 125 + }, + "webpack": { + "code": 1497 + } + } + }, + "shared-components/tabs/style.js": { + "bundled": 5300, + "minified": 5086, + "gzipped": 2391, + "treeshaked": { + "rollup": { + "code": 1095, + "import_statements": 327 + }, + "webpack": { + "code": 2328 + } + } + }, + "index.js": { + "bundled": 2185, + "minified": 2005, + "gzipped": 465, + "treeshaked": { + "rollup": { + "code": 1472, + "import_statements": 1472 }, "webpack": { - "code": 3294 + "code": 3434 } } }, - "shared-components/typography/index.js": { - "bundled": 52849, - "minified": 51802, - "gzipped": 3508, + "shared-components/button/shared-components/loader/style.js": { + "bundled": 6670, + "minified": 5901, + "gzipped": 2570, "treeshaked": { "rollup": { - "code": 2693, - "import_statements": 166 + "code": 1710, + "import_statements": 184 }, "webpack": { - "code": 3924 + "code": 2819 } } }, - "shared-components/carousel/arrow/index.js": { - "bundled": 1558, - "minified": 851, - "gzipped": 386, + "shared-components/button/components/roundButton/index.js": { + "bundled": 3778, + "minified": 1980, + "gzipped": 811, "treeshaked": { "rollup": { - "code": 193, - "import_statements": 193 + "code": 1553, + "import_statements": 623 }, "webpack": { - "code": 1360 + "code": 2911 } } }, - "shared-components/loadingSpinner/style.js": { - "bundled": 9585, - "minified": 9204, - "gzipped": 2761, + "shared-components/alert/index.js": { + "bundled": 5684, + "minified": 2498, + "gzipped": 1098, "treeshaked": { "rollup": { - "code": 1413, - "import_statements": 158 + "code": 2019, + "import_statements": 636 }, "webpack": { - "code": 2481 + "code": 3554 } } }, - "constants/colors/index.js": { - "bundled": 5000, - "minified": 4035, - "gzipped": 1471, + "shared-components/indicator/style.js": { + "bundled": 2226, + "minified": 2086, + "gzipped": 1227, "treeshaked": { "rollup": { - "code": 2880, - "import_statements": 182 + "code": 681, + "import_statements": 172 }, "webpack": { - "code": 4107 + "code": 1787 } } }, @@ -1157,87 +1381,87 @@ } } }, - "constants/colors/primary.js": { - "bundled": 1670, - "minified": 1388, - "gzipped": 497, + "shared-components/immersiveModal/style.js": { + "bundled": 103152, + "minified": 101936, + "gzipped": 7724, "treeshaked": { "rollup": { - "code": 1066, - "import_statements": 52 + "code": 4482, + "import_statements": 408 }, "webpack": { - "code": 2167 + "code": 5865 } } }, - "shared-components/button/shared-components/loader/style.js": { - "bundled": 6670, - "minified": 5901, - "gzipped": 2570, + "shared-components/immersiveModal/index.js": { + "bundled": 6793, + "minified": 3695, + "gzipped": 1358, "treeshaked": { "rollup": { - "code": 1710, - "import_statements": 184 + "code": 864, + "import_statements": 780 }, "webpack": { - "code": 2819 + "code": 1729 } } }, - "shared-components/immersiveModal/style.js": { - "bundled": 103152, - "minified": 101936, - "gzipped": 7724, + "shared-components/icon/style.js": { + "bundled": 1496, + "minified": 1343, + "gzipped": 889, "treeshaked": { "rollup": { - "code": 4482, - "import_statements": 408 + "code": 61, + "import_statements": 61 }, "webpack": { - "code": 5865 + "code": 1082 } } }, - "svgs/icons/error-icon.svg.js": { - "bundled": 1319, - "minified": 1084, - "gzipped": 620, + "shared-components/toggle/style.js": { + "bundled": 6921, + "minified": 6691, + "gzipped": 2463, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 735, + "import_statements": 126 }, "webpack": { - "code": 2046 + "code": 1825 } } }, - "svgs/icons/arrow.svg.js": { - "bundled": 894, - "minified": 671, - "gzipped": 432, + "shared-components/banner/style.js": { + "bundled": 14602, + "minified": 14062, + "gzipped": 3327, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 1593, + "import_statements": 282 }, "webpack": { - "code": 1649 + "code": 2802 } } }, - "constants/themes/types.js": { - "bundled": 440, - "minified": 411, - "gzipped": 230, + "utils/helperTransition/index.js": { + "bundled": 1617, + "minified": 1056, + "gzipped": 455, "treeshaked": { "rollup": { - "code": 278, - "import_statements": 204 + "code": 154, + "import_statements": 154 }, "webpack": { - "code": 1385 + "code": 1278 } } }, @@ -1255,227 +1479,255 @@ } } }, - "svgs/icons/checkmark-icon.svg.js": { - "bundled": 947, - "minified": 716, - "gzipped": 444, + "shared-components/typography/index.js": { + "bundled": 52849, + "minified": 51802, + "gzipped": 3508, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 2693, + "import_statements": 166 }, "webpack": { - "code": 1662 + "code": 3924 } } }, - "shared-components/offClickWrapper/index.js": { - "bundled": 1252, - "minified": 704, - "gzipped": 363, + "shared-components/field/style.js": { + "bundled": 34905, + "minified": 34162, + "gzipped": 4780, "treeshaked": { "rollup": { - "code": 153, - "import_statements": 108 + "code": 2492, + "import_statements": 254 }, "webpack": { - "code": 1171 + "code": 3716 } } }, - "shared-components/button/components/linkButton/style.js": { - "bundled": 1745, - "minified": 1496, - "gzipped": 860, + "shared-components/alert/style.js": { + "bundled": 35145, + "minified": 34180, + "gzipped": 5189, "treeshaked": { "rollup": { - "code": 41, - "import_statements": 41 + "code": 3041, + "import_statements": 390 }, "webpack": { - "code": 1062 + "code": 4404 } } }, - "constants/colors/secondary.js": { - "bundled": 1139, - "minified": 857, - "gzipped": 380, + "shared-components/button/components/roundButton/style.js": { + "bundled": 28663, + "minified": 26957, + "gzipped": 5167, "treeshaked": { "rollup": { - "code": 700, - "import_statements": 52 + "code": 594, + "import_statements": 186 }, "webpack": { - "code": 1731 + "code": 1764 } } }, - "shared-components/accordion/index.js": { - "bundled": 3301, - "minified": 1741, - "gzipped": 822, + "constants/colors/index.js": { + "bundled": 5000, + "minified": 4035, + "gzipped": 1471, "treeshaked": { "rollup": { - "code": 1468, - "import_statements": 464 + "code": 2880, + "import_statements": 182 }, "webpack": { - "code": 2772 + "code": 4107 } } }, - "shared-components/dropdown/style.js": { - "bundled": 44185, - "minified": 43006, - "gzipped": 5906, + "shared-components/selectorButton/index.js": { + "bundled": 10115, + "minified": 9113, + "gzipped": 2566, "treeshaked": { "rollup": { - "code": 2644, - "import_statements": 241 + "code": 604, + "import_statements": 435 }, "webpack": { - "code": 3865 + "code": 1659 } } }, - "shared-components/optionButton/style.js": { - "bundled": 38105, - "minified": 36924, - "gzipped": 4850, + "shared-components/selectorButton/style.js": { + "bundled": 23656, + "minified": 22922, + "gzipped": 4162, "treeshaked": { "rollup": { - "code": 2620, - "import_statements": 273 + "code": 2157, + "import_statements": 172 }, "webpack": { - "code": 3821 + "code": 3294 } } }, - "shared-components/dialogModal/index.js": { - "bundled": 3427, - "minified": 1841, - "gzipped": 894, + "shared-components/carousel/arrow/style.js": { + "bundled": 5005, + "minified": 4677, + "gzipped": 2054, + "treeshaked": { + "rollup": { + "code": 1000, + "import_statements": 122 + }, + "webpack": { + "code": 2092 + } + } + }, + "shared-components/accordion/thumbnails/index.js": { + "bundled": 1158, + "minified": 568, + "gzipped": 295, "treeshaked": { "rollup": { - "code": 537, - "import_statements": 503 + "code": 55, + "import_statements": 55 }, "webpack": { - "code": 1547 + "code": 1105 } } }, - "shared-components/chip/style.js": { - "bundled": 7256, - "minified": 6771, - "gzipped": 2590, + "icons/icons/svgs/ArrowLeftIcon.js": { + "bundled": 465, + "minified": 394, + "gzipped": 300, "treeshaked": { "rollup": { - "code": 1300, - "import_statements": 172 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 2408 + "code": 1141 } } }, - "shared-components/immersiveModal/index.js": { - "bundled": 6809, - "minified": 3711, - "gzipped": 1368, + "icons/icons/svgs/Arrow.js": { + "bundled": 435, + "minified": 364, + "gzipped": 288, "treeshaked": { "rollup": { - "code": 868, - "import_statements": 784 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 1733 + "code": 1141 } } }, - "svgs/icons/arrow-left-icon.svg.js": { - "bundled": 955, - "minified": 724, - "gzipped": 447, + "icons/icons/svgs/ArrowRightIcon.js": { + "bundled": 475, + "minified": 404, + "gzipped": 307, "treeshaked": { "rollup": { - "code": 67, - "import_statements": 67 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 1670 + "code": 1141 } } }, - "shared-components/button/components/roundButton/style.js": { - "bundled": 28663, - "minified": 26957, - "gzipped": 5167, + "icons/icons/svgs/CheckmarkIcon.js": { + "bundled": 457, + "minified": 386, + "gzipped": 300, "treeshaked": { "rollup": { - "code": 594, - "import_statements": 186 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 1764 + "code": 1141 } } }, - "constants/fonts/secondary.js": { - "bundled": 150, - "minified": 133, - "gzipped": 100, + "icons/icons/svgs/CircleSolidIcon.js": { + "bundled": 474, + "minified": 379, + "gzipped": 275, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 951 + "code": 1141 } } }, - "constants/fonts/primary.js": { - "bundled": 338, - "minified": 321, - "gzipped": 234, + "icons/icons/svgs/ErrorIcon.js": { + "bundled": 836, + "minified": 753, + "gzipped": 470, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 951 + "code": 1141 } } }, - "constants/typography/primaryTypography.js": { - "bundled": 360, - "minified": 237, - "gzipped": 181, + "icons/icons/svgs/ChevronIcon.js": { + "bundled": 452, + "minified": 381, + "gzipped": 285, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 951 + "code": 1141 } } }, - "constants/typography/secondaryTypography.js": { - "bundled": 406, - "minified": 241, - "gzipped": 184, + "icons/icons/svgs/CrossIcon.js": { + "bundled": 498, + "minified": 427, + "gzipped": 304, "treeshaked": { "rollup": { - "code": 0, - "import_statements": 0 + "code": 84, + "import_statements": 84 }, "webpack": { - "code": 951 + "code": 1141 + } + } + }, + "icons/icons/svgs/InfoIcon.js": { + "bundled": 478, + "minified": 407, + "gzipped": 307, + "treeshaked": { + "rollup": { + "code": 84, + "import_statements": 84 + }, + "webpack": { + "code": 1141 } } } diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js index 6ace945f6..16f2b07af 100644 --- a/.storybook/webpack.config.js +++ b/.storybook/webpack.config.js @@ -1,63 +1,12 @@ const path = require('path'); const CircularDependencyPlugin = require('circular-dependency-plugin'); -const transformTemplateForUtilLocation = require('../src/utils/svgToIconTemplate/transformTemplateForUtilLocation.js'); - -const UTIL_LOCATION = '../../utils/icons'; - -// SVGs will not load properly if we do not remove the default rule before adding our own -function removeDefaultStorybookSvgRule(config) { - const defaultStorybookLoaderRule = config.module.rules.find( - (rule) => rule.test.test && rule.test.test('.svg'), - ); - - const ruleWithoutSvg = defaultStorybookLoaderRule.test - .toString() - .replace('svg|', ''); - - // Removes forward flashes from regexp string before creating new regexp from string - defaultStorybookLoaderRule.test = new RegExp( - ruleWithoutSvg.substr(1, ruleWithoutSvg.length - 2), - ); -} module.exports = (webpackSettings) => { - // ESLint fix for `Resolve error: Cannot destructure property" `config` of 'undefined' or 'null'` in /stories/**/index.js files. - if (!webpackSettings) return {}; - const { config } = webpackSettings; - config.resolve = { - modules: [path.resolve(__dirname, '..'), 'node_modules'], - extensions: ['.js', '.md', '.ts', '.tsx'], - }; - - // SVG Rule - removeDefaultStorybookSvgRule(config); - - config.module.rules.push({ - test: /\.svg$/, - use: [ - { loader: 'babel-loader', options: require('../babel.config.js') }, - { - loader: '@svgr/webpack', - options: { - template: transformTemplateForUtilLocation(UTIL_LOCATION), - expandProps: false, - babel: false, - }, - }, - ], - }); - - // Storybook Index Loader Rule - config.module.rules.push({ - test: /index\.(ts|tsx|js)?$/, - loaders: [require.resolve('@storybook/source-loader')], - include: path.resolve(__dirname, '../stories'), - enforce: 'pre', - }); + // Allow resolving absolute paths within `/stories`, e.g. import * from 'stories/utils'; + config.resolve.modules.push(path.resolve(__dirname, '..')); - // CircularDependencyPlugin config.plugins.push( new CircularDependencyPlugin({ exclude: /node_modules/, diff --git a/jest.config.js b/jest.config.js index 27b0b02f1..f1872ba6d 100644 --- a/jest.config.js +++ b/jest.config.js @@ -16,7 +16,7 @@ module.exports = { }, moduleDirectories: ['node_modules', './'], moduleNameMapper: { - '\\.svg': '/tests/__mocks__/svgMock.js', + '\\.svg': '/tests/__mocks__/svgrMock.ts', }, setupFilesAfterEnv: ['tests/setupTests.ts'], snapshotSerializers: ['jest-emotion'], diff --git a/package.json b/package.json index 0a2244eaa..7401288ff 100644 --- a/package.json +++ b/package.json @@ -13,28 +13,32 @@ ], "types": "./lib/index.d.ts", "engines": { - "node": ">=8.12.0" + "node": ">=10.0" }, "scripts": { "test": "jest", - "storybook": "run-s build:svgs:index storybook:dev", + "storybook": "run-s build:icons:index storybook:dev", "storybook:dev": "start-storybook --port 9001 --config-dir .storybook --static-dir ./public", "build-storybook": "build-storybook --config-dir .storybook --output-dir .out --static-dir ./public", - "clean": "rimraf dist lib src/icons/", - "build": "run-s clean && run-s tsc && run-s build:icons build:icons:index && run-p build:rollup build:babel", - "build:icons": "run-s build:icons:icons build:icons:emojis build:icons:glyphs build:icons:logos build:icons:navIcons build:icons:deprecated", - "build:icons:icons": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/icons/", - "build:icons:emojis": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/emojis/", - "build:icons:glyphs": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/glyphs/", - "build:icons:logos": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/logos/", - "build:icons:navIcons": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/navIcons/", - "build:icons:deprecated": "svgr --expand-props none --template src/utils/svgToIconTemplate/index.js -d src/icons/ src/svgs/deprecated/", - "build:icons:index": "create-index src/icons/", + "clean": "rimraf dist lib src/icons/**/svgs", + "build": "run-s clean && run-s build:icons:all && run-s tsc && run-p build:rollup build:babel", + "build:icons:all": "run-s build:icons build:icons:index", + "build:icons": "run-p build:icons:emojis build:icons:glyphs build:icons:icons build:icons:logos build:icons:navicons", + "build:icons:emojis": "svgr --typescript src/svgs/emojis --out-dir src/icons/emojis/svgs", + "build:icons:glyphs": "svgr --typescript src/svgs/glyphs --out-dir src/icons/glyphs/svgs", + "build:icons:icons": "svgr --typescript src/svgs/icons --out-dir src/icons/icons/svgs", + "build:icons:logos": "svgr --typescript src/svgs/logos --out-dir src/icons/logos/svgs", + "build:icons:navicons": "svgr --typescript src/svgs/navIcons --out-dir src/icons/navIcons/svgs", + "build:icons:index": "run-p build:icons:emojis:index build:icons:glyphs:index build:icons:icons:index build:icons:logos:index build:icons:navicons:index", + "build:icons:emojis:index": "create-index src/icons/emojis --extensions ts -o index.ts", + "build:icons:glyphs:index": "create-index src/icons/glyphs --extensions ts -o index.ts", + "build:icons:icons:index": "create-index src/icons/icons --extensions ts -o index.ts", + "build:icons:logos:index": "create-index src/icons/logos --extensions ts -o index.ts", + "build:icons:navicons:index": "create-index src/icons/navIcons --extensions ts -o index.ts", "build:rollup": "rollup -c", "build:babel": "babel src -d lib --extensions '.js,.ts,.tsx' --ignore '**/*.test.{js,ts,tsx}'", - "build:svgs:index": "create-index src/svgs/ --recursive --update --extensions svg", "publish-package": "run-s build && yarn publish", - "heroku-postbuild": "yarn run build:icons && yarn run build:icons:index && yarn run build-storybook", + "heroku-postbuild": "yarn run build-storybook", "tsc": "tsc", "chromatic": "chromatic --skip '@(dependabot/npm_and_yarn/eslint**|dependabot/npm_and_yarn/typescript-eslint/**|dependabot/npm_and_yarn/types/**|dependabot/npm_and_yarn/rollup**|dependabot/npm_and_yarn/@rollup/**|dependabot/npm_and_yarn/enzyme**|dependabot/npm_and_yarn/jest**)' --project-token" }, @@ -80,9 +84,8 @@ "@storybook/react": "^6.0.27", "@storybook/source-loader": "^6.0.27", "@storybook/theming": "^6.0.27", - "@svgr/cli": "^4.3.3", - "@svgr/rollup": "^4.0.2", - "@svgr/webpack": "^4.0.2", + "@svgr/cli": "^5.5.0", + "@svgr/rollup": "^5.5.0", "@types/enzyme": "^3.10.6", "@types/enzyme-adapter-react-16": "^1.0.6", "@types/jest": "^26.0.13", @@ -102,7 +105,7 @@ "babel-plugin-transform-svg-import-to-string": "^0.0.1", "chromatic": "^5.2.0", "circular-dependency-plugin": "^5.0.2", - "create-index": "PocketDerm/create-index#master", + "create-index": "https://github.com/curology/create-index.git#2020-updates", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.2", "eslint": "^7.13.0", @@ -160,7 +163,7 @@ }, "husky": { "hooks": { - "pre-commit": "yarn run build:svgs:index && yarn run lint-staged", + "pre-commit": "yarn run build:icons:index && yarn run lint-staged", "pre-push": "yarn run test" } }, diff --git a/rollup.config.js b/rollup.config.js index 1e3bc9712..8bc45ddbf 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -3,26 +3,18 @@ import resolve from '@rollup/plugin-node-resolve'; import babel from '@rollup/plugin-babel'; import { sizeSnapshot } from 'rollup-plugin-size-snapshot'; import svgr from '@svgr/rollup'; +import path from 'path'; // eslint-disable-next-line import/extensions import pkg from './package.json'; -// eslint-disable-next-line import/no-extraneous-dependencies -const path = require('path'); - -// eslint-disable-next-line @typescript-eslint/no-var-requires -const transformTemplateForUtilLocation = require('./src/utils/svgToIconTemplate/transformTemplateForUtilLocation.js'); - -const UTIL_LOCATION = '../../utils/icons'; - const extensions = ['.js', '.ts', '.tsx']; const defaultConfig = { input: 'src/index.ts', plugins: [ svgr({ - template: transformTemplateForUtilLocation(UTIL_LOCATION), - expandProps: false, + expandProps: 'end', }), resolve({ extensions, @@ -60,6 +52,7 @@ export default [ '@emotion/styled': 'styled', '@emotion/styled-base': '_styled', '@react-aria/focus': '@react-aria/focus', + 'emotion-theming': 'emotionTheming', 'lodash.round': 'round', 'lodash.throttle': 'throttle', 'lodash.uniqueid': 'uniqueid', diff --git a/src/icons/emojis/anxiousEmoji.ts b/src/icons/emojis/anxiousEmoji.ts new file mode 100644 index 000000000..2c545c4cf --- /dev/null +++ b/src/icons/emojis/anxiousEmoji.ts @@ -0,0 +1,4 @@ +import { AnxiousEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(AnxiousEmoji, AnxiousEmoji, props); diff --git a/src/icons/emojis/anxiousSelectedEmoji.ts b/src/icons/emojis/anxiousSelectedEmoji.ts new file mode 100644 index 000000000..84af4a666 --- /dev/null +++ b/src/icons/emojis/anxiousSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { AnxiousSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AnxiousSelectedEmoji, AnxiousSelectedEmoji, props); diff --git a/src/icons/emojis/confusedEmoji.ts b/src/icons/emojis/confusedEmoji.ts new file mode 100644 index 000000000..4150127c3 --- /dev/null +++ b/src/icons/emojis/confusedEmoji.ts @@ -0,0 +1,5 @@ +import { ConfusedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ConfusedEmoji, ConfusedEmoji, props); diff --git a/src/icons/emojis/confusedSelectedEmoji.ts b/src/icons/emojis/confusedSelectedEmoji.ts new file mode 100644 index 000000000..d6370efd8 --- /dev/null +++ b/src/icons/emojis/confusedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { ConfusedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ConfusedSelectedEmoji, ConfusedSelectedEmoji, props); diff --git a/src/icons/emojis/elatedEmoji.ts b/src/icons/emojis/elatedEmoji.ts new file mode 100644 index 000000000..4958bcc70 --- /dev/null +++ b/src/icons/emojis/elatedEmoji.ts @@ -0,0 +1,4 @@ +import { ElatedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ElatedEmoji, ElatedEmoji, props); diff --git a/src/icons/emojis/elatedSelectedEmoji.ts b/src/icons/emojis/elatedSelectedEmoji.ts new file mode 100644 index 000000000..08766bb19 --- /dev/null +++ b/src/icons/emojis/elatedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { ElatedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ElatedSelectedEmoji, ElatedSelectedEmoji, props); diff --git a/src/icons/emojis/furiousEmoji.ts b/src/icons/emojis/furiousEmoji.ts new file mode 100644 index 000000000..1ad1da663 --- /dev/null +++ b/src/icons/emojis/furiousEmoji.ts @@ -0,0 +1,4 @@ +import { FuriousEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FuriousEmoji, FuriousEmoji, props); diff --git a/src/icons/emojis/furiousSelectedEmoji.ts b/src/icons/emojis/furiousSelectedEmoji.ts new file mode 100644 index 000000000..27b02cd36 --- /dev/null +++ b/src/icons/emojis/furiousSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { FuriousSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(FuriousSelectedEmoji, FuriousSelectedEmoji, props); diff --git a/src/icons/emojis/heartEmoji.ts b/src/icons/emojis/heartEmoji.ts new file mode 100644 index 000000000..2aa812e75 --- /dev/null +++ b/src/icons/emojis/heartEmoji.ts @@ -0,0 +1,4 @@ +import { HeartEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HeartEmoji, HeartEmoji, props); diff --git a/src/icons/emojis/heartSelectedEmoji.ts b/src/icons/emojis/heartSelectedEmoji.ts new file mode 100644 index 000000000..07323e159 --- /dev/null +++ b/src/icons/emojis/heartSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { HeartSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(HeartSelectedEmoji, HeartSelectedEmoji, props); diff --git a/src/icons/emojis/hugEmoji.ts b/src/icons/emojis/hugEmoji.ts new file mode 100644 index 000000000..c7766e2c9 --- /dev/null +++ b/src/icons/emojis/hugEmoji.ts @@ -0,0 +1,4 @@ +import { HugEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HugEmoji, HugEmoji, props); diff --git a/src/icons/emojis/hugSelectedEmoji.ts b/src/icons/emojis/hugSelectedEmoji.ts new file mode 100644 index 000000000..8cdc97549 --- /dev/null +++ b/src/icons/emojis/hugSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { HugSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(HugSelectedEmoji, HugSelectedEmoji, props); diff --git a/src/icons/emojis/index.ts b/src/icons/emojis/index.ts new file mode 100644 index 000000000..d42f789fd --- /dev/null +++ b/src/icons/emojis/index.ts @@ -0,0 +1,32 @@ +// @create-index + +export { default as AnxiousEmoji } from './anxiousEmoji'; +export { default as AnxiousSelectedEmoji } from './anxiousSelectedEmoji'; +export { default as ConfusedEmoji } from './confusedEmoji'; +export { default as ConfusedSelectedEmoji } from './confusedSelectedEmoji'; +export { default as ElatedEmoji } from './elatedEmoji'; +export { default as ElatedSelectedEmoji } from './elatedSelectedEmoji'; +export { default as FuriousEmoji } from './furiousEmoji'; +export { default as FuriousSelectedEmoji } from './furiousSelectedEmoji'; +export { default as HeartEmoji } from './heartEmoji'; +export { default as HeartSelectedEmoji } from './heartSelectedEmoji'; +export { default as HugEmoji } from './hugEmoji'; +export { default as HugSelectedEmoji } from './hugSelectedEmoji'; +export { default as MildAcneEmoji } from './mildAcneEmoji'; +export { default as MildAcneSelectedEmoji } from './mildAcneSelectedEmoji'; +export { default as NoticeableAcneEmoji } from './noticeableAcneEmoji'; +export { default as NoticeableAcneSelectedEmoji } from './noticeableAcneSelectedEmoji'; +export { default as OverwhelmedEmoji } from './overwhelmedEmoji'; +export { default as OverwhelmedSelectedEmoji } from './overwhelmedSelectedEmoji'; +export { default as PreparedEmoji } from './preparedEmoji'; +export { default as PreparedSelectedEmoji } from './preparedSelectedEmoji'; +export { default as SatisfiedEmoji } from './satisfiedEmoji'; +export { default as SatisfiedSelectedEmoji } from './satisfiedSelectedEmoji'; +export { default as SevereAcneEmoji } from './severeAcneEmoji'; +export { default as SevereAcneSelectedEmoji } from './severeAcneSelectedEmoji'; +export { default as SmileyEmoji } from './smileyEmoji'; +export { default as SmileySelectedEmoji } from './smileySelectedEmoji'; +export { default as SparkleEmoji } from './sparkleEmoji'; +export { default as SparkleSelectedEmoji } from './sparkleSelectedEmoji'; +export { default as UnsatisfiedEmoji } from './unsatisfiedEmoji'; +export { default as UnsatisfiedSelectedEmoji } from './unsatisfiedSelectedEmoji'; diff --git a/src/icons/emojis/mildAcneEmoji.ts b/src/icons/emojis/mildAcneEmoji.ts new file mode 100644 index 000000000..e897f7edc --- /dev/null +++ b/src/icons/emojis/mildAcneEmoji.ts @@ -0,0 +1,5 @@ +import { MildAcneEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MildAcneEmoji, MildAcneEmoji, props); diff --git a/src/icons/emojis/mildAcneSelectedEmoji.ts b/src/icons/emojis/mildAcneSelectedEmoji.ts new file mode 100644 index 000000000..663a40fea --- /dev/null +++ b/src/icons/emojis/mildAcneSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { MildAcneSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MildAcneSelectedEmoji, MildAcneSelectedEmoji, props); diff --git a/src/icons/emojis/noticeableAcneEmoji.ts b/src/icons/emojis/noticeableAcneEmoji.ts new file mode 100644 index 000000000..1c1ebdd4f --- /dev/null +++ b/src/icons/emojis/noticeableAcneEmoji.ts @@ -0,0 +1,5 @@ +import { NoticeableAcneEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NoticeableAcneEmoji, NoticeableAcneEmoji, props); diff --git a/src/icons/emojis/noticeableAcneSelectedEmoji.ts b/src/icons/emojis/noticeableAcneSelectedEmoji.ts new file mode 100644 index 000000000..181a6b58a --- /dev/null +++ b/src/icons/emojis/noticeableAcneSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { NoticeableAcneSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NoticeableAcneSelectedEmoji, NoticeableAcneSelectedEmoji, props); diff --git a/src/icons/emojis/overwhelmedEmoji.ts b/src/icons/emojis/overwhelmedEmoji.ts new file mode 100644 index 000000000..2997049bc --- /dev/null +++ b/src/icons/emojis/overwhelmedEmoji.ts @@ -0,0 +1,5 @@ +import { OverwhelmedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(OverwhelmedEmoji, OverwhelmedEmoji, props); diff --git a/src/icons/emojis/overwhelmedSelectedEmoji.ts b/src/icons/emojis/overwhelmedSelectedEmoji.ts new file mode 100644 index 000000000..1bee19419 --- /dev/null +++ b/src/icons/emojis/overwhelmedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { OverwhelmedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(OverwhelmedSelectedEmoji, OverwhelmedSelectedEmoji, props); diff --git a/src/icons/emojis/preparedEmoji.ts b/src/icons/emojis/preparedEmoji.ts new file mode 100644 index 000000000..caeeda952 --- /dev/null +++ b/src/icons/emojis/preparedEmoji.ts @@ -0,0 +1,5 @@ +import { PreparedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PreparedEmoji, PreparedEmoji, props); diff --git a/src/icons/emojis/preparedSelectedEmoji.ts b/src/icons/emojis/preparedSelectedEmoji.ts new file mode 100644 index 000000000..d6ac2c997 --- /dev/null +++ b/src/icons/emojis/preparedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { PreparedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PreparedSelectedEmoji, PreparedSelectedEmoji, props); diff --git a/src/icons/emojis/satisfiedEmoji.ts b/src/icons/emojis/satisfiedEmoji.ts new file mode 100644 index 000000000..2d2c72d9c --- /dev/null +++ b/src/icons/emojis/satisfiedEmoji.ts @@ -0,0 +1,5 @@ +import { SatisfiedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SatisfiedEmoji, SatisfiedEmoji, props); diff --git a/src/icons/emojis/satisfiedSelectedEmoji.ts b/src/icons/emojis/satisfiedSelectedEmoji.ts new file mode 100644 index 000000000..22eb808b6 --- /dev/null +++ b/src/icons/emojis/satisfiedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { SatisfiedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SatisfiedSelectedEmoji, SatisfiedSelectedEmoji, props); diff --git a/src/icons/emojis/severeAcneEmoji.ts b/src/icons/emojis/severeAcneEmoji.ts new file mode 100644 index 000000000..cab794854 --- /dev/null +++ b/src/icons/emojis/severeAcneEmoji.ts @@ -0,0 +1,5 @@ +import { SevereAcneEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SevereAcneEmoji, SevereAcneEmoji, props); diff --git a/src/icons/emojis/severeAcneSelectedEmoji.ts b/src/icons/emojis/severeAcneSelectedEmoji.ts new file mode 100644 index 000000000..ac4de9d27 --- /dev/null +++ b/src/icons/emojis/severeAcneSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { SevereAcneSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SevereAcneSelectedEmoji, SevereAcneSelectedEmoji, props); diff --git a/src/icons/emojis/smileyEmoji.ts b/src/icons/emojis/smileyEmoji.ts new file mode 100644 index 000000000..106e66f62 --- /dev/null +++ b/src/icons/emojis/smileyEmoji.ts @@ -0,0 +1,4 @@ +import { SmileyEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SmileyEmoji, SmileyEmoji, props); diff --git a/src/icons/emojis/smileySelectedEmoji.ts b/src/icons/emojis/smileySelectedEmoji.ts new file mode 100644 index 000000000..9923fee6a --- /dev/null +++ b/src/icons/emojis/smileySelectedEmoji.ts @@ -0,0 +1,5 @@ +import { SmileySelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SmileySelectedEmoji, SmileySelectedEmoji, props); diff --git a/src/icons/emojis/sparkleEmoji.ts b/src/icons/emojis/sparkleEmoji.ts new file mode 100644 index 000000000..a4a366432 --- /dev/null +++ b/src/icons/emojis/sparkleEmoji.ts @@ -0,0 +1,4 @@ +import { SparkleEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SparkleEmoji, SparkleEmoji, props); diff --git a/src/icons/emojis/sparkleSelectedEmoji.ts b/src/icons/emojis/sparkleSelectedEmoji.ts new file mode 100644 index 000000000..0fb531a1e --- /dev/null +++ b/src/icons/emojis/sparkleSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { SparkleSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SparkleSelectedEmoji, SparkleSelectedEmoji, props); diff --git a/src/icons/emojis/svgs/AnxiousEmoji.tsx b/src/icons/emojis/svgs/AnxiousEmoji.tsx new file mode 100644 index 000000000..8cdd98538 --- /dev/null +++ b/src/icons/emojis/svgs/AnxiousEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAnxiousEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAnxiousEmoji; diff --git a/src/icons/emojis/svgs/AnxiousSelectedEmoji.tsx b/src/icons/emojis/svgs/AnxiousSelectedEmoji.tsx new file mode 100644 index 000000000..8b28c0704 --- /dev/null +++ b/src/icons/emojis/svgs/AnxiousSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAnxiousSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAnxiousSelectedEmoji; diff --git a/src/icons/emojis/svgs/ConfusedEmoji.tsx b/src/icons/emojis/svgs/ConfusedEmoji.tsx new file mode 100644 index 000000000..333855b58 --- /dev/null +++ b/src/icons/emojis/svgs/ConfusedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgConfusedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgConfusedEmoji; diff --git a/src/icons/emojis/svgs/ConfusedSelectedEmoji.tsx b/src/icons/emojis/svgs/ConfusedSelectedEmoji.tsx new file mode 100644 index 000000000..a0aa0e635 --- /dev/null +++ b/src/icons/emojis/svgs/ConfusedSelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgConfusedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgConfusedSelectedEmoji; diff --git a/src/icons/emojis/svgs/ElatedEmoji.tsx b/src/icons/emojis/svgs/ElatedEmoji.tsx new file mode 100644 index 000000000..6f2337827 --- /dev/null +++ b/src/icons/emojis/svgs/ElatedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgElatedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgElatedEmoji; diff --git a/src/icons/emojis/svgs/ElatedSelectedEmoji.tsx b/src/icons/emojis/svgs/ElatedSelectedEmoji.tsx new file mode 100644 index 000000000..87d842e50 --- /dev/null +++ b/src/icons/emojis/svgs/ElatedSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgElatedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgElatedSelectedEmoji; diff --git a/src/icons/emojis/svgs/FuriousEmoji.tsx b/src/icons/emojis/svgs/FuriousEmoji.tsx new file mode 100644 index 000000000..4d52bd9af --- /dev/null +++ b/src/icons/emojis/svgs/FuriousEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgFuriousEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFuriousEmoji; diff --git a/src/icons/emojis/svgs/FuriousSelectedEmoji.tsx b/src/icons/emojis/svgs/FuriousSelectedEmoji.tsx new file mode 100644 index 000000000..68872d46c --- /dev/null +++ b/src/icons/emojis/svgs/FuriousSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgFuriousSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFuriousSelectedEmoji; diff --git a/src/icons/emojis/svgs/HeartEmoji.tsx b/src/icons/emojis/svgs/HeartEmoji.tsx new file mode 100644 index 000000000..366725192 --- /dev/null +++ b/src/icons/emojis/svgs/HeartEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgHeartEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHeartEmoji; diff --git a/src/icons/emojis/svgs/HeartSelectedEmoji.tsx b/src/icons/emojis/svgs/HeartSelectedEmoji.tsx new file mode 100644 index 000000000..e01fb76c8 --- /dev/null +++ b/src/icons/emojis/svgs/HeartSelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgHeartSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHeartSelectedEmoji; diff --git a/src/icons/emojis/svgs/HugEmoji.tsx b/src/icons/emojis/svgs/HugEmoji.tsx new file mode 100644 index 000000000..9a7de6a55 --- /dev/null +++ b/src/icons/emojis/svgs/HugEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgHugEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHugEmoji; diff --git a/src/icons/emojis/svgs/HugSelectedEmoji.tsx b/src/icons/emojis/svgs/HugSelectedEmoji.tsx new file mode 100644 index 000000000..14690e860 --- /dev/null +++ b/src/icons/emojis/svgs/HugSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgHugSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHugSelectedEmoji; diff --git a/src/icons/emojis/svgs/MildAcneEmoji.tsx b/src/icons/emojis/svgs/MildAcneEmoji.tsx new file mode 100644 index 000000000..7351f188c --- /dev/null +++ b/src/icons/emojis/svgs/MildAcneEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMildAcneEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMildAcneEmoji; diff --git a/src/icons/emojis/svgs/MildAcneSelectedEmoji.tsx b/src/icons/emojis/svgs/MildAcneSelectedEmoji.tsx new file mode 100644 index 000000000..f048bf89c --- /dev/null +++ b/src/icons/emojis/svgs/MildAcneSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMildAcneSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMildAcneSelectedEmoji; diff --git a/src/icons/emojis/svgs/NoticeableAcneEmoji.tsx b/src/icons/emojis/svgs/NoticeableAcneEmoji.tsx new file mode 100644 index 000000000..d50e28ab0 --- /dev/null +++ b/src/icons/emojis/svgs/NoticeableAcneEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgNoticeableAcneEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNoticeableAcneEmoji; diff --git a/src/icons/emojis/svgs/NoticeableAcneSelectedEmoji.tsx b/src/icons/emojis/svgs/NoticeableAcneSelectedEmoji.tsx new file mode 100644 index 000000000..e51a5cf18 --- /dev/null +++ b/src/icons/emojis/svgs/NoticeableAcneSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgNoticeableAcneSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNoticeableAcneSelectedEmoji; diff --git a/src/icons/emojis/svgs/OverwhelmedEmoji.tsx b/src/icons/emojis/svgs/OverwhelmedEmoji.tsx new file mode 100644 index 000000000..11a019fcf --- /dev/null +++ b/src/icons/emojis/svgs/OverwhelmedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgOverwhelmedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgOverwhelmedEmoji; diff --git a/src/icons/emojis/svgs/OverwhelmedSelectedEmoji.tsx b/src/icons/emojis/svgs/OverwhelmedSelectedEmoji.tsx new file mode 100644 index 000000000..da7726207 --- /dev/null +++ b/src/icons/emojis/svgs/OverwhelmedSelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgOverwhelmedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgOverwhelmedSelectedEmoji; diff --git a/src/icons/emojis/svgs/PreparedEmoji.tsx b/src/icons/emojis/svgs/PreparedEmoji.tsx new file mode 100644 index 000000000..7af0caf74 --- /dev/null +++ b/src/icons/emojis/svgs/PreparedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPreparedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPreparedEmoji; diff --git a/src/icons/emojis/svgs/PreparedSelectedEmoji.tsx b/src/icons/emojis/svgs/PreparedSelectedEmoji.tsx new file mode 100644 index 000000000..75f18ad62 --- /dev/null +++ b/src/icons/emojis/svgs/PreparedSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPreparedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPreparedSelectedEmoji; diff --git a/src/icons/emojis/svgs/SatisfiedEmoji.tsx b/src/icons/emojis/svgs/SatisfiedEmoji.tsx new file mode 100644 index 000000000..7aca4d78e --- /dev/null +++ b/src/icons/emojis/svgs/SatisfiedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSatisfiedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSatisfiedEmoji; diff --git a/src/icons/emojis/svgs/SatisfiedSelectedEmoji.tsx b/src/icons/emojis/svgs/SatisfiedSelectedEmoji.tsx new file mode 100644 index 000000000..2282a4917 --- /dev/null +++ b/src/icons/emojis/svgs/SatisfiedSelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSatisfiedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSatisfiedSelectedEmoji; diff --git a/src/icons/emojis/svgs/SevereAcneEmoji.tsx b/src/icons/emojis/svgs/SevereAcneEmoji.tsx new file mode 100644 index 000000000..2f48c7cca --- /dev/null +++ b/src/icons/emojis/svgs/SevereAcneEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSevereAcneEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSevereAcneEmoji; diff --git a/src/icons/emojis/svgs/SevereAcneSelectedEmoji.tsx b/src/icons/emojis/svgs/SevereAcneSelectedEmoji.tsx new file mode 100644 index 000000000..028723287 --- /dev/null +++ b/src/icons/emojis/svgs/SevereAcneSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSevereAcneSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSevereAcneSelectedEmoji; diff --git a/src/icons/emojis/svgs/SmileyEmoji.tsx b/src/icons/emojis/svgs/SmileyEmoji.tsx new file mode 100644 index 000000000..468c49cf5 --- /dev/null +++ b/src/icons/emojis/svgs/SmileyEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSmileyEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSmileyEmoji; diff --git a/src/icons/emojis/svgs/SmileySelectedEmoji.tsx b/src/icons/emojis/svgs/SmileySelectedEmoji.tsx new file mode 100644 index 000000000..a443b9c5f --- /dev/null +++ b/src/icons/emojis/svgs/SmileySelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSmileySelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSmileySelectedEmoji; diff --git a/src/icons/emojis/svgs/SparkleEmoji.tsx b/src/icons/emojis/svgs/SparkleEmoji.tsx new file mode 100644 index 000000000..ee52eea8f --- /dev/null +++ b/src/icons/emojis/svgs/SparkleEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSparkleEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSparkleEmoji; diff --git a/src/icons/emojis/svgs/SparkleSelectedEmoji.tsx b/src/icons/emojis/svgs/SparkleSelectedEmoji.tsx new file mode 100644 index 000000000..aebf3c267 --- /dev/null +++ b/src/icons/emojis/svgs/SparkleSelectedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSparkleSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSparkleSelectedEmoji; diff --git a/src/icons/emojis/svgs/UnsatisfiedEmoji.tsx b/src/icons/emojis/svgs/UnsatisfiedEmoji.tsx new file mode 100644 index 000000000..672bffe09 --- /dev/null +++ b/src/icons/emojis/svgs/UnsatisfiedEmoji.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgUnsatisfiedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgUnsatisfiedEmoji; diff --git a/src/icons/emojis/svgs/UnsatisfiedSelectedEmoji.tsx b/src/icons/emojis/svgs/UnsatisfiedSelectedEmoji.tsx new file mode 100644 index 000000000..03f4dcf8c --- /dev/null +++ b/src/icons/emojis/svgs/UnsatisfiedSelectedEmoji.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgUnsatisfiedSelectedEmoji(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgUnsatisfiedSelectedEmoji; diff --git a/src/icons/emojis/svgs/index.tsx b/src/icons/emojis/svgs/index.tsx new file mode 100644 index 000000000..789589561 --- /dev/null +++ b/src/icons/emojis/svgs/index.tsx @@ -0,0 +1,30 @@ +export { default as AnxiousEmoji } from './AnxiousEmoji' +export { default as AnxiousSelectedEmoji } from './AnxiousSelectedEmoji' +export { default as ConfusedEmoji } from './ConfusedEmoji' +export { default as ConfusedSelectedEmoji } from './ConfusedSelectedEmoji' +export { default as ElatedEmoji } from './ElatedEmoji' +export { default as ElatedSelectedEmoji } from './ElatedSelectedEmoji' +export { default as FuriousEmoji } from './FuriousEmoji' +export { default as FuriousSelectedEmoji } from './FuriousSelectedEmoji' +export { default as HeartEmoji } from './HeartEmoji' +export { default as HeartSelectedEmoji } from './HeartSelectedEmoji' +export { default as HugEmoji } from './HugEmoji' +export { default as HugSelectedEmoji } from './HugSelectedEmoji' +export { default as MildAcneEmoji } from './MildAcneEmoji' +export { default as MildAcneSelectedEmoji } from './MildAcneSelectedEmoji' +export { default as NoticeableAcneEmoji } from './NoticeableAcneEmoji' +export { default as NoticeableAcneSelectedEmoji } from './NoticeableAcneSelectedEmoji' +export { default as OverwhelmedEmoji } from './OverwhelmedEmoji' +export { default as OverwhelmedSelectedEmoji } from './OverwhelmedSelectedEmoji' +export { default as PreparedEmoji } from './PreparedEmoji' +export { default as PreparedSelectedEmoji } from './PreparedSelectedEmoji' +export { default as SatisfiedEmoji } from './SatisfiedEmoji' +export { default as SatisfiedSelectedEmoji } from './SatisfiedSelectedEmoji' +export { default as SevereAcneEmoji } from './SevereAcneEmoji' +export { default as SevereAcneSelectedEmoji } from './SevereAcneSelectedEmoji' +export { default as SmileyEmoji } from './SmileyEmoji' +export { default as SmileySelectedEmoji } from './SmileySelectedEmoji' +export { default as SparkleEmoji } from './SparkleEmoji' +export { default as SparkleSelectedEmoji } from './SparkleSelectedEmoji' +export { default as UnsatisfiedEmoji } from './UnsatisfiedEmoji' +export { default as UnsatisfiedSelectedEmoji } from './UnsatisfiedSelectedEmoji' \ No newline at end of file diff --git a/src/icons/emojis/unsatisfiedEmoji.ts b/src/icons/emojis/unsatisfiedEmoji.ts new file mode 100644 index 000000000..eedc2e1f2 --- /dev/null +++ b/src/icons/emojis/unsatisfiedEmoji.ts @@ -0,0 +1,5 @@ +import { UnsatisfiedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(UnsatisfiedEmoji, UnsatisfiedEmoji, props); diff --git a/src/icons/emojis/unsatisfiedSelectedEmoji.ts b/src/icons/emojis/unsatisfiedSelectedEmoji.ts new file mode 100644 index 000000000..99781026b --- /dev/null +++ b/src/icons/emojis/unsatisfiedSelectedEmoji.ts @@ -0,0 +1,5 @@ +import { UnsatisfiedSelectedEmoji } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(UnsatisfiedSelectedEmoji, UnsatisfiedSelectedEmoji, props); diff --git a/src/icons/glyphs/acneBodySprayGlyph.ts b/src/icons/glyphs/acneBodySprayGlyph.ts new file mode 100644 index 000000000..f5b27118e --- /dev/null +++ b/src/icons/glyphs/acneBodySprayGlyph.ts @@ -0,0 +1,5 @@ +import { AcneBodySprayGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AcneBodySprayGlyph, AcneBodySprayGlyph, props); diff --git a/src/icons/glyphs/acneBodyWashGlyph.ts b/src/icons/glyphs/acneBodyWashGlyph.ts new file mode 100644 index 000000000..c3e50116b --- /dev/null +++ b/src/icons/glyphs/acneBodyWashGlyph.ts @@ -0,0 +1,5 @@ +import { AcneBodyWashGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AcneBodyWashGlyph, AcneBodyWashGlyph, props); diff --git a/src/icons/glyphs/acneFiveGlyph.ts b/src/icons/glyphs/acneFiveGlyph.ts new file mode 100644 index 000000000..09eee2d5d --- /dev/null +++ b/src/icons/glyphs/acneFiveGlyph.ts @@ -0,0 +1,5 @@ +import { AcneFiveGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AcneFiveGlyph, AcneFiveGlyph, props); diff --git a/src/icons/glyphs/acneGlyph.ts b/src/icons/glyphs/acneGlyph.ts new file mode 100644 index 000000000..c854d1aec --- /dev/null +++ b/src/icons/glyphs/acneGlyph.ts @@ -0,0 +1,4 @@ +import { AcneGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(AcneGlyph, AcneGlyph, props); diff --git a/src/icons/glyphs/acneOneGlyph.ts b/src/icons/glyphs/acneOneGlyph.ts new file mode 100644 index 000000000..56aecc226 --- /dev/null +++ b/src/icons/glyphs/acneOneGlyph.ts @@ -0,0 +1,4 @@ +import { AcneOneGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(AcneOneGlyph, AcneOneGlyph, props); diff --git a/src/icons/glyphs/acneSevenGlyph.ts b/src/icons/glyphs/acneSevenGlyph.ts new file mode 100644 index 000000000..125fb50ab --- /dev/null +++ b/src/icons/glyphs/acneSevenGlyph.ts @@ -0,0 +1,5 @@ +import { AcneSevenGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AcneSevenGlyph, AcneSevenGlyph, props); diff --git a/src/icons/glyphs/acneThreeGlyph.ts b/src/icons/glyphs/acneThreeGlyph.ts new file mode 100644 index 000000000..ab32df9f1 --- /dev/null +++ b/src/icons/glyphs/acneThreeGlyph.ts @@ -0,0 +1,5 @@ +import { AcneThreeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AcneThreeGlyph, AcneThreeGlyph, props); diff --git a/src/icons/glyphs/ahaBhaTonerSolutionGlyph.ts b/src/icons/glyphs/ahaBhaTonerSolutionGlyph.ts new file mode 100644 index 000000000..b5c39fe4f --- /dev/null +++ b/src/icons/glyphs/ahaBhaTonerSolutionGlyph.ts @@ -0,0 +1,5 @@ +import { AhaBhaTonerSolutionGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AhaBhaTonerSolutionGlyph, AhaBhaTonerSolutionGlyph, props); diff --git a/src/icons/glyphs/azelaicAcidGlyph.ts b/src/icons/glyphs/azelaicAcidGlyph.ts new file mode 100644 index 000000000..4269fd4d5 --- /dev/null +++ b/src/icons/glyphs/azelaicAcidGlyph.ts @@ -0,0 +1,5 @@ +import { AzelaicAcidGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(AzelaicAcidGlyph, AzelaicAcidGlyph, props); diff --git a/src/icons/glyphs/bodySunscreenGlyph.ts b/src/icons/glyphs/bodySunscreenGlyph.ts new file mode 100644 index 000000000..15d343b27 --- /dev/null +++ b/src/icons/glyphs/bodySunscreenGlyph.ts @@ -0,0 +1,5 @@ +import { BodySunscreenGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(BodySunscreenGlyph, BodySunscreenGlyph, props); diff --git a/src/icons/glyphs/calendarAlwaysGlyph.ts b/src/icons/glyphs/calendarAlwaysGlyph.ts new file mode 100644 index 000000000..a24da4c3b --- /dev/null +++ b/src/icons/glyphs/calendarAlwaysGlyph.ts @@ -0,0 +1,5 @@ +import { CalendarAlwaysGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CalendarAlwaysGlyph, CalendarAlwaysGlyph, props); diff --git a/src/icons/glyphs/calendarMostOfTheTimeGlyph.ts b/src/icons/glyphs/calendarMostOfTheTimeGlyph.ts new file mode 100644 index 000000000..19d0750d6 --- /dev/null +++ b/src/icons/glyphs/calendarMostOfTheTimeGlyph.ts @@ -0,0 +1,5 @@ +import { CalendarMostOfTheTimeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CalendarMostOfTheTimeGlyph, CalendarMostOfTheTimeGlyph, props); diff --git a/src/icons/glyphs/calendarNeverGlyph.ts b/src/icons/glyphs/calendarNeverGlyph.ts new file mode 100644 index 000000000..717248d49 --- /dev/null +++ b/src/icons/glyphs/calendarNeverGlyph.ts @@ -0,0 +1,5 @@ +import { CalendarNeverGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CalendarNeverGlyph, CalendarNeverGlyph, props); diff --git a/src/icons/glyphs/calendarSometimesGlyph.ts b/src/icons/glyphs/calendarSometimesGlyph.ts new file mode 100644 index 000000000..8439805eb --- /dev/null +++ b/src/icons/glyphs/calendarSometimesGlyph.ts @@ -0,0 +1,5 @@ +import { CalendarSometimesGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CalendarSometimesGlyph, CalendarSometimesGlyph, props); diff --git a/src/icons/glyphs/checkBadgeGlyph.ts b/src/icons/glyphs/checkBadgeGlyph.ts new file mode 100644 index 000000000..7ebe68b7b --- /dev/null +++ b/src/icons/glyphs/checkBadgeGlyph.ts @@ -0,0 +1,5 @@ +import { CheckBadgeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CheckBadgeGlyph, CheckBadgeGlyph, props); diff --git a/src/icons/glyphs/chestGlyph.ts b/src/icons/glyphs/chestGlyph.ts new file mode 100644 index 000000000..d7c448409 --- /dev/null +++ b/src/icons/glyphs/chestGlyph.ts @@ -0,0 +1,4 @@ +import { ChestGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ChestGlyph, ChestGlyph, props); diff --git a/src/icons/glyphs/cleanserGlyph.ts b/src/icons/glyphs/cleanserGlyph.ts new file mode 100644 index 000000000..18e3f8d70 --- /dev/null +++ b/src/icons/glyphs/cleanserGlyph.ts @@ -0,0 +1,5 @@ +import { CleanserGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CleanserGlyph, CleanserGlyph, props); diff --git a/src/icons/glyphs/clindamycinGlyph.ts b/src/icons/glyphs/clindamycinGlyph.ts new file mode 100644 index 000000000..4bc3760b2 --- /dev/null +++ b/src/icons/glyphs/clindamycinGlyph.ts @@ -0,0 +1,5 @@ +import { ClindamycinGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ClindamycinGlyph, ClindamycinGlyph, props); diff --git a/src/icons/glyphs/cloggedPoresGlyph.ts b/src/icons/glyphs/cloggedPoresGlyph.ts new file mode 100644 index 000000000..5c78e5e4b --- /dev/null +++ b/src/icons/glyphs/cloggedPoresGlyph.ts @@ -0,0 +1,5 @@ +import { CloggedPoresGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CloggedPoresGlyph, CloggedPoresGlyph, props); diff --git a/src/icons/glyphs/combinationGlyph.ts b/src/icons/glyphs/combinationGlyph.ts new file mode 100644 index 000000000..2b3d9fbb4 --- /dev/null +++ b/src/icons/glyphs/combinationGlyph.ts @@ -0,0 +1,5 @@ +import { CombinationGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CombinationGlyph, CombinationGlyph, props); diff --git a/src/icons/glyphs/consultHistoryGlyph.ts b/src/icons/glyphs/consultHistoryGlyph.ts new file mode 100644 index 000000000..0da12d199 --- /dev/null +++ b/src/icons/glyphs/consultHistoryGlyph.ts @@ -0,0 +1,5 @@ +import { ConsultHistoryGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ConsultHistoryGlyph, ConsultHistoryGlyph, props); diff --git a/src/icons/glyphs/courseGlyph.ts b/src/icons/glyphs/courseGlyph.ts new file mode 100644 index 000000000..bdc0d1d45 --- /dev/null +++ b/src/icons/glyphs/courseGlyph.ts @@ -0,0 +1,4 @@ +import { CourseGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(CourseGlyph, CourseGlyph, props); diff --git a/src/icons/glyphs/darkSpotsGlyph.ts b/src/icons/glyphs/darkSpotsGlyph.ts new file mode 100644 index 000000000..813db8ef3 --- /dev/null +++ b/src/icons/glyphs/darkSpotsGlyph.ts @@ -0,0 +1,5 @@ +import { DarkSpotsGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(DarkSpotsGlyph, DarkSpotsGlyph, props); diff --git a/src/icons/glyphs/dropperGlyph.ts b/src/icons/glyphs/dropperGlyph.ts new file mode 100644 index 000000000..2d6d8bd7d --- /dev/null +++ b/src/icons/glyphs/dropperGlyph.ts @@ -0,0 +1,4 @@ +import { DropperGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(DropperGlyph, DropperGlyph, props); diff --git a/src/icons/glyphs/exfoliatingMaskGlyph.ts b/src/icons/glyphs/exfoliatingMaskGlyph.ts new file mode 100644 index 000000000..4486931ca --- /dev/null +++ b/src/icons/glyphs/exfoliatingMaskGlyph.ts @@ -0,0 +1,5 @@ +import { ExfoliatingMaskGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ExfoliatingMaskGlyph, ExfoliatingMaskGlyph, props); diff --git a/src/icons/glyphs/eyecreamGlyph.ts b/src/icons/glyphs/eyecreamGlyph.ts new file mode 100644 index 000000000..184643d1c --- /dev/null +++ b/src/icons/glyphs/eyecreamGlyph.ts @@ -0,0 +1,5 @@ +import { EyecreamGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(EyecreamGlyph, EyecreamGlyph, props); diff --git a/src/icons/glyphs/faceGlyph.ts b/src/icons/glyphs/faceGlyph.ts new file mode 100644 index 000000000..bb967334d --- /dev/null +++ b/src/icons/glyphs/faceGlyph.ts @@ -0,0 +1,4 @@ +import { FaceGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FaceGlyph, FaceGlyph, props); diff --git a/src/icons/glyphs/femaleGlyph.ts b/src/icons/glyphs/femaleGlyph.ts new file mode 100644 index 000000000..96e7ddbaa --- /dev/null +++ b/src/icons/glyphs/femaleGlyph.ts @@ -0,0 +1,4 @@ +import { FemaleGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FemaleGlyph, FemaleGlyph, props); diff --git a/src/icons/glyphs/fineLinesGlyph.ts b/src/icons/glyphs/fineLinesGlyph.ts new file mode 100644 index 000000000..c09d424d6 --- /dev/null +++ b/src/icons/glyphs/fineLinesGlyph.ts @@ -0,0 +1,5 @@ +import { FineLinesGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(FineLinesGlyph, FineLinesGlyph, props); diff --git a/src/icons/glyphs/firmnessGlyph.ts b/src/icons/glyphs/firmnessGlyph.ts new file mode 100644 index 000000000..5ca7d7712 --- /dev/null +++ b/src/icons/glyphs/firmnessGlyph.ts @@ -0,0 +1,5 @@ +import { FirmnessGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(FirmnessGlyph, FirmnessGlyph, props); diff --git a/src/icons/glyphs/flagCanadaGlyph.ts b/src/icons/glyphs/flagCanadaGlyph.ts new file mode 100644 index 000000000..f3b205dd3 --- /dev/null +++ b/src/icons/glyphs/flagCanadaGlyph.ts @@ -0,0 +1,5 @@ +import { FlagCanadaGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(FlagCanadaGlyph, FlagCanadaGlyph, props); diff --git a/src/icons/glyphs/flagUKGlyph.ts b/src/icons/glyphs/flagUKGlyph.ts new file mode 100644 index 000000000..f70316dc6 --- /dev/null +++ b/src/icons/glyphs/flagUKGlyph.ts @@ -0,0 +1,4 @@ +import { FlagUKGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FlagUKGlyph, FlagUKGlyph, props); diff --git a/src/icons/glyphs/flagUSAGlyph.ts b/src/icons/glyphs/flagUSAGlyph.ts new file mode 100644 index 000000000..c04f2cb68 --- /dev/null +++ b/src/icons/glyphs/flagUSAGlyph.ts @@ -0,0 +1,4 @@ +import { FlagUSAGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FlagUSAGlyph, FlagUSAGlyph, props); diff --git a/src/icons/glyphs/globeGlyph.ts b/src/icons/glyphs/globeGlyph.ts new file mode 100644 index 000000000..3e9f772d5 --- /dev/null +++ b/src/icons/glyphs/globeGlyph.ts @@ -0,0 +1,4 @@ +import { GlobeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(GlobeGlyph, GlobeGlyph, props); diff --git a/src/icons/glyphs/hydratingMaskGlyph.ts b/src/icons/glyphs/hydratingMaskGlyph.ts new file mode 100644 index 000000000..4e6a960fe --- /dev/null +++ b/src/icons/glyphs/hydratingMaskGlyph.ts @@ -0,0 +1,5 @@ +import { HydratingMaskGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(HydratingMaskGlyph, HydratingMaskGlyph, props); diff --git a/src/icons/glyphs/hydrocolloidBandageGlyph.ts b/src/icons/glyphs/hydrocolloidBandageGlyph.ts new file mode 100644 index 000000000..cd255bde9 --- /dev/null +++ b/src/icons/glyphs/hydrocolloidBandageGlyph.ts @@ -0,0 +1,5 @@ +import { HydrocolloidBandageGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(HydrocolloidBandageGlyph, HydrocolloidBandageGlyph, props); diff --git a/src/icons/glyphs/index.ts b/src/icons/glyphs/index.ts new file mode 100644 index 000000000..680fe1df5 --- /dev/null +++ b/src/icons/glyphs/index.ts @@ -0,0 +1,80 @@ +// @create-index + +export { default as AcneBodySprayGlyph } from './acneBodySprayGlyph'; +export { default as AcneBodyWashGlyph } from './acneBodyWashGlyph'; +export { default as AcneFiveGlyph } from './acneFiveGlyph'; +export { default as AcneGlyph } from './acneGlyph'; +export { default as AcneOneGlyph } from './acneOneGlyph'; +export { default as AcneSevenGlyph } from './acneSevenGlyph'; +export { default as AcneThreeGlyph } from './acneThreeGlyph'; +export { default as AhaBhaTonerSolutionGlyph } from './ahaBhaTonerSolutionGlyph'; +export { default as AzelaicAcidGlyph } from './azelaicAcidGlyph'; +export { default as BodySunscreenGlyph } from './bodySunscreenGlyph'; +export { default as CalendarAlwaysGlyph } from './calendarAlwaysGlyph'; +export { default as CalendarMostOfTheTimeGlyph } from './calendarMostOfTheTimeGlyph'; +export { default as CalendarNeverGlyph } from './calendarNeverGlyph'; +export { default as CalendarSometimesGlyph } from './calendarSometimesGlyph'; +export { default as CheckBadgeGlyph } from './checkBadgeGlyph'; +export { default as ChestGlyph } from './chestGlyph'; +export { default as CleanserGlyph } from './cleanserGlyph'; +export { default as ClindamycinGlyph } from './clindamycinGlyph'; +export { default as CloggedPoresGlyph } from './cloggedPoresGlyph'; +export { default as CombinationGlyph } from './combinationGlyph'; +export { default as ConsultHistoryGlyph } from './consultHistoryGlyph'; +export { default as CourseGlyph } from './courseGlyph'; +export { default as DarkSpotsGlyph } from './darkSpotsGlyph'; +export { default as DropperGlyph } from './dropperGlyph'; +export { default as ExfoliatingMaskGlyph } from './exfoliatingMaskGlyph'; +export { default as EyecreamGlyph } from './eyecreamGlyph'; +export { default as FaceGlyph } from './faceGlyph'; +export { default as FemaleGlyph } from './femaleGlyph'; +export { default as FineLinesGlyph } from './fineLinesGlyph'; +export { default as FirmnessGlyph } from './firmnessGlyph'; +export { default as FlagCanadaGlyph } from './flagCanadaGlyph'; +export { default as FlagUkGlyph } from './flagUKGlyph'; +export { default as FlagUsaGlyph } from './flagUSAGlyph'; +export { default as GlobeGlyph } from './globeGlyph'; +export { default as HydratingMaskGlyph } from './hydratingMaskGlyph'; +export { default as HydrocolloidBandageGlyph } from './hydrocolloidBandageGlyph'; +export { default as LipBalmGlyph } from './lipBalmGlyph'; +export { default as LockGlyph } from './lockGlyph'; +export { default as LunchGlyph } from './lunchGlyph'; +export { default as MaleGlyph } from './maleGlyph'; +export { default as MessageGlyph } from './messageGlyph'; +export { default as MicellarWaterGlyph } from './micellarWaterGlyph'; +export { default as MixIngredientsGlyph } from './mixIngredientsGlyph'; +export { default as MoisturizerGlyph } from './moisturizerGlyph'; +export { default as MortorGlyph } from './mortorGlyph'; +export { default as NeckGlyph } from './neckGlyph'; +export { default as NiacinamideGlyph } from './niacinamideGlyph'; +export { default as NoMakeupGlyph } from './noMakeupGlyph'; +export { default as NoneGlyph } from './noneGlyph'; +export { default as OftenDryGlyph } from './oftenDryGlyph'; +export { default as OftenOilyGlyph } from './oftenOilyGlyph'; +export { default as OilCleanserGlyph } from './oilCleanserGlyph'; +export { default as OtherGlyph } from './otherGlyph'; +export { default as PackagingGlyph } from './packagingGlyph'; +export { default as PalmTreeGlyph } from './palmTreeGlyph'; +export { default as PillsGlyph } from './pillsGlyph'; +export { default as RichMoisturizerGlyph } from './richMoisturizerGlyph'; +export { default as RocketshipGlyph } from './rocketshipGlyph'; +export { default as SelfieGlyph } from './selfieGlyph'; +export { default as SunGlyph } from './sunGlyph'; +export { default as SunblockGlyph } from './sunblockGlyph'; +export { default as SunscreenGlyph } from './sunscreenGlyph'; +export { default as SuperbottleGlyph } from './superbottleGlyph'; +export { default as SupportCenterGlyph } from './supportCenterGlyph'; +export { default as TextureGlyph } from './textureGlyph'; +export { default as TimeAlwaysGlyph } from './timeAlwaysGlyph'; +export { default as TimeMostOfTheTimeGlyph } from './timeMostOfTheTimeGlyph'; +export { default as TimeNeverGlyph } from './timeNeverGlyph'; +export { default as TimeSometimesGlyph } from './timeSometimesGlyph'; +export { default as TretinoinGlyph } from './tretinoinGlyph'; +export { default as VeryDryGlyph } from './veryDryGlyph'; +export { default as VeryOilyGlyph } from './veryOilyGlyph'; +export { default as VitaminCGlyph } from './vitaminCGlyph'; +export { default as VitaminCSerumGlyph } from './vitaminCSerumGlyph'; +export { default as WrinklesGlyph } from './wrinklesGlyph'; +export { default as YesGlyph } from './yesGlyph'; +export { default as ZincGlyph } from './zincGlyph'; +export { default as ZincSoapBarGlyph } from './zincSoapBarGlyph'; diff --git a/src/icons/glyphs/lipBalmGlyph.ts b/src/icons/glyphs/lipBalmGlyph.ts new file mode 100644 index 000000000..3ce68da02 --- /dev/null +++ b/src/icons/glyphs/lipBalmGlyph.ts @@ -0,0 +1,4 @@ +import { LipBalmGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LipBalmGlyph, LipBalmGlyph, props); diff --git a/src/icons/glyphs/lockGlyph.ts b/src/icons/glyphs/lockGlyph.ts new file mode 100644 index 000000000..c32a13dab --- /dev/null +++ b/src/icons/glyphs/lockGlyph.ts @@ -0,0 +1,4 @@ +import { LockGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LockGlyph, LockGlyph, props); diff --git a/src/icons/glyphs/lunchGlyph.ts b/src/icons/glyphs/lunchGlyph.ts new file mode 100644 index 000000000..c23c722a3 --- /dev/null +++ b/src/icons/glyphs/lunchGlyph.ts @@ -0,0 +1,4 @@ +import { LunchGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LunchGlyph, LunchGlyph, props); diff --git a/src/icons/glyphs/maleGlyph.ts b/src/icons/glyphs/maleGlyph.ts new file mode 100644 index 000000000..fb3a72dc3 --- /dev/null +++ b/src/icons/glyphs/maleGlyph.ts @@ -0,0 +1,4 @@ +import { MaleGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MaleGlyph, MaleGlyph, props); diff --git a/src/icons/glyphs/messageGlyph.ts b/src/icons/glyphs/messageGlyph.ts new file mode 100644 index 000000000..68b5e0a7a --- /dev/null +++ b/src/icons/glyphs/messageGlyph.ts @@ -0,0 +1,4 @@ +import { MessageGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MessageGlyph, MessageGlyph, props); diff --git a/src/icons/glyphs/micellarWaterGlyph.ts b/src/icons/glyphs/micellarWaterGlyph.ts new file mode 100644 index 000000000..99da349f8 --- /dev/null +++ b/src/icons/glyphs/micellarWaterGlyph.ts @@ -0,0 +1,5 @@ +import { MicellarWaterGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MicellarWaterGlyph, MicellarWaterGlyph, props); diff --git a/src/icons/glyphs/mixIngredientsGlyph.ts b/src/icons/glyphs/mixIngredientsGlyph.ts new file mode 100644 index 000000000..73d24512d --- /dev/null +++ b/src/icons/glyphs/mixIngredientsGlyph.ts @@ -0,0 +1,5 @@ +import { MixIngredientsGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MixIngredientsGlyph, MixIngredientsGlyph, props); diff --git a/src/icons/glyphs/moisturizerGlyph.ts b/src/icons/glyphs/moisturizerGlyph.ts new file mode 100644 index 000000000..3f8cfcea5 --- /dev/null +++ b/src/icons/glyphs/moisturizerGlyph.ts @@ -0,0 +1,5 @@ +import { MoisturizerGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MoisturizerGlyph, MoisturizerGlyph, props); diff --git a/src/icons/glyphs/mortorGlyph.ts b/src/icons/glyphs/mortorGlyph.ts new file mode 100644 index 000000000..02a61f25d --- /dev/null +++ b/src/icons/glyphs/mortorGlyph.ts @@ -0,0 +1,4 @@ +import { MortorGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MortorGlyph, MortorGlyph, props); diff --git a/src/icons/glyphs/neckGlyph.ts b/src/icons/glyphs/neckGlyph.ts new file mode 100644 index 000000000..0e2cbfacd --- /dev/null +++ b/src/icons/glyphs/neckGlyph.ts @@ -0,0 +1,4 @@ +import { NeckGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(NeckGlyph, NeckGlyph, props); diff --git a/src/icons/glyphs/niacinamideGlyph.ts b/src/icons/glyphs/niacinamideGlyph.ts new file mode 100644 index 000000000..a86c75505 --- /dev/null +++ b/src/icons/glyphs/niacinamideGlyph.ts @@ -0,0 +1,5 @@ +import { NiacinamideGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NiacinamideGlyph, NiacinamideGlyph, props); diff --git a/src/icons/glyphs/noMakeupGlyph.ts b/src/icons/glyphs/noMakeupGlyph.ts new file mode 100644 index 000000000..bb340997b --- /dev/null +++ b/src/icons/glyphs/noMakeupGlyph.ts @@ -0,0 +1,5 @@ +import { NoMakeupGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NoMakeupGlyph, NoMakeupGlyph, props); diff --git a/src/icons/glyphs/noneGlyph.ts b/src/icons/glyphs/noneGlyph.ts new file mode 100644 index 000000000..4cd9bf754 --- /dev/null +++ b/src/icons/glyphs/noneGlyph.ts @@ -0,0 +1,4 @@ +import { NoneGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(NoneGlyph, NoneGlyph, props); diff --git a/src/icons/glyphs/oftenDryGlyph.ts b/src/icons/glyphs/oftenDryGlyph.ts new file mode 100644 index 000000000..8046a4187 --- /dev/null +++ b/src/icons/glyphs/oftenDryGlyph.ts @@ -0,0 +1,5 @@ +import { OftenDryGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(OftenDryGlyph, OftenDryGlyph, props); diff --git a/src/icons/glyphs/oftenOilyGlyph.ts b/src/icons/glyphs/oftenOilyGlyph.ts new file mode 100644 index 000000000..605d31df0 --- /dev/null +++ b/src/icons/glyphs/oftenOilyGlyph.ts @@ -0,0 +1,5 @@ +import { OftenOilyGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(OftenOilyGlyph, OftenOilyGlyph, props); diff --git a/src/icons/glyphs/oilCleanserGlyph.ts b/src/icons/glyphs/oilCleanserGlyph.ts new file mode 100644 index 000000000..af76211b8 --- /dev/null +++ b/src/icons/glyphs/oilCleanserGlyph.ts @@ -0,0 +1,5 @@ +import { OilCleanserGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(OilCleanserGlyph, OilCleanserGlyph, props); diff --git a/src/icons/glyphs/otherGlyph.ts b/src/icons/glyphs/otherGlyph.ts new file mode 100644 index 000000000..565b26ad8 --- /dev/null +++ b/src/icons/glyphs/otherGlyph.ts @@ -0,0 +1,4 @@ +import { OtherGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(OtherGlyph, OtherGlyph, props); diff --git a/src/icons/glyphs/packagingGlyph.ts b/src/icons/glyphs/packagingGlyph.ts new file mode 100644 index 000000000..a5fa3cfcc --- /dev/null +++ b/src/icons/glyphs/packagingGlyph.ts @@ -0,0 +1,5 @@ +import { PackagingGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PackagingGlyph, PackagingGlyph, props); diff --git a/src/icons/glyphs/palmTreeGlyph.ts b/src/icons/glyphs/palmTreeGlyph.ts new file mode 100644 index 000000000..962f3ff18 --- /dev/null +++ b/src/icons/glyphs/palmTreeGlyph.ts @@ -0,0 +1,5 @@ +import { PalmTreeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PalmTreeGlyph, PalmTreeGlyph, props); diff --git a/src/icons/glyphs/pillsGlyph.ts b/src/icons/glyphs/pillsGlyph.ts new file mode 100644 index 000000000..f4a93fd7a --- /dev/null +++ b/src/icons/glyphs/pillsGlyph.ts @@ -0,0 +1,4 @@ +import { PillsGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PillsGlyph, PillsGlyph, props); diff --git a/src/icons/glyphs/richMoisturizerGlyph.ts b/src/icons/glyphs/richMoisturizerGlyph.ts new file mode 100644 index 000000000..b9af6e4b0 --- /dev/null +++ b/src/icons/glyphs/richMoisturizerGlyph.ts @@ -0,0 +1,5 @@ +import { RichMoisturizerGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(RichMoisturizerGlyph, RichMoisturizerGlyph, props); diff --git a/src/icons/glyphs/rocketshipGlyph.ts b/src/icons/glyphs/rocketshipGlyph.ts new file mode 100644 index 000000000..39334492f --- /dev/null +++ b/src/icons/glyphs/rocketshipGlyph.ts @@ -0,0 +1,5 @@ +import { RocketshipGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(RocketshipGlyph, RocketshipGlyph, props); diff --git a/src/icons/glyphs/selfieGlyph.ts b/src/icons/glyphs/selfieGlyph.ts new file mode 100644 index 000000000..9fe928141 --- /dev/null +++ b/src/icons/glyphs/selfieGlyph.ts @@ -0,0 +1,4 @@ +import { SelfieGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SelfieGlyph, SelfieGlyph, props); diff --git a/src/icons/glyphs/sunGlyph.ts b/src/icons/glyphs/sunGlyph.ts new file mode 100644 index 000000000..683bcab8d --- /dev/null +++ b/src/icons/glyphs/sunGlyph.ts @@ -0,0 +1,4 @@ +import { SunGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SunGlyph, SunGlyph, props); diff --git a/src/icons/glyphs/sunblockGlyph.ts b/src/icons/glyphs/sunblockGlyph.ts new file mode 100644 index 000000000..7e0482c4c --- /dev/null +++ b/src/icons/glyphs/sunblockGlyph.ts @@ -0,0 +1,5 @@ +import { SunblockGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SunblockGlyph, SunblockGlyph, props); diff --git a/src/icons/glyphs/sunscreenGlyph.ts b/src/icons/glyphs/sunscreenGlyph.ts new file mode 100644 index 000000000..8400e105f --- /dev/null +++ b/src/icons/glyphs/sunscreenGlyph.ts @@ -0,0 +1,5 @@ +import { SunscreenGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SunscreenGlyph, SunscreenGlyph, props); diff --git a/src/icons/glyphs/superbottleGlyph.ts b/src/icons/glyphs/superbottleGlyph.ts new file mode 100644 index 000000000..94cc7828f --- /dev/null +++ b/src/icons/glyphs/superbottleGlyph.ts @@ -0,0 +1,5 @@ +import { SuperbottleGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SuperbottleGlyph, SuperbottleGlyph, props); diff --git a/src/icons/glyphs/supportCenterGlyph.ts b/src/icons/glyphs/supportCenterGlyph.ts new file mode 100644 index 000000000..e3d4b2823 --- /dev/null +++ b/src/icons/glyphs/supportCenterGlyph.ts @@ -0,0 +1,5 @@ +import { SupportCenterGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(SupportCenterGlyph, SupportCenterGlyph, props); diff --git a/src/icons/glyphs/svgs/AcneBodySprayGlyph.tsx b/src/icons/glyphs/svgs/AcneBodySprayGlyph.tsx new file mode 100644 index 000000000..a1d986bcd --- /dev/null +++ b/src/icons/glyphs/svgs/AcneBodySprayGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgAcneBodySprayGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneBodySprayGlyph; diff --git a/src/icons/glyphs/svgs/AcneBodyWashGlyph.tsx b/src/icons/glyphs/svgs/AcneBodyWashGlyph.tsx new file mode 100644 index 000000000..982cd69dc --- /dev/null +++ b/src/icons/glyphs/svgs/AcneBodyWashGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgAcneBodyWashGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneBodyWashGlyph; diff --git a/src/icons/glyphs/svgs/AcneFiveGlyph.tsx b/src/icons/glyphs/svgs/AcneFiveGlyph.tsx new file mode 100644 index 000000000..c4e7e3726 --- /dev/null +++ b/src/icons/glyphs/svgs/AcneFiveGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAcneFiveGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneFiveGlyph; diff --git a/src/icons/glyphs/svgs/AcneGlyph.tsx b/src/icons/glyphs/svgs/AcneGlyph.tsx new file mode 100644 index 000000000..3c8ae9af2 --- /dev/null +++ b/src/icons/glyphs/svgs/AcneGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAcneGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneGlyph; diff --git a/src/icons/glyphs/svgs/AcneOneGlyph.tsx b/src/icons/glyphs/svgs/AcneOneGlyph.tsx new file mode 100644 index 000000000..4df5c828f --- /dev/null +++ b/src/icons/glyphs/svgs/AcneOneGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgAcneOneGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneOneGlyph; diff --git a/src/icons/glyphs/svgs/AcneSevenGlyph.tsx b/src/icons/glyphs/svgs/AcneSevenGlyph.tsx new file mode 100644 index 000000000..1ec130520 --- /dev/null +++ b/src/icons/glyphs/svgs/AcneSevenGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAcneSevenGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneSevenGlyph; diff --git a/src/icons/glyphs/svgs/AcneThreeGlyph.tsx b/src/icons/glyphs/svgs/AcneThreeGlyph.tsx new file mode 100644 index 000000000..9d72f27d7 --- /dev/null +++ b/src/icons/glyphs/svgs/AcneThreeGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAcneThreeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAcneThreeGlyph; diff --git a/src/icons/glyphs/svgs/AhaBhaTonerSolutionGlyph.tsx b/src/icons/glyphs/svgs/AhaBhaTonerSolutionGlyph.tsx new file mode 100644 index 000000000..518cde538 --- /dev/null +++ b/src/icons/glyphs/svgs/AhaBhaTonerSolutionGlyph.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; + +function SvgAhaBhaTonerSolutionGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgAhaBhaTonerSolutionGlyph; diff --git a/src/icons/glyphs/svgs/AzelaicAcidGlyph.tsx b/src/icons/glyphs/svgs/AzelaicAcidGlyph.tsx new file mode 100644 index 000000000..7bc58da53 --- /dev/null +++ b/src/icons/glyphs/svgs/AzelaicAcidGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgAzelaicAcidGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgAzelaicAcidGlyph; diff --git a/src/icons/glyphs/svgs/BodySunscreenGlyph.tsx b/src/icons/glyphs/svgs/BodySunscreenGlyph.tsx new file mode 100644 index 000000000..8e05a0201 --- /dev/null +++ b/src/icons/glyphs/svgs/BodySunscreenGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgBodySunscreenGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgBodySunscreenGlyph; diff --git a/src/icons/glyphs/svgs/CalendarAlwaysGlyph.tsx b/src/icons/glyphs/svgs/CalendarAlwaysGlyph.tsx new file mode 100644 index 000000000..f623018d5 --- /dev/null +++ b/src/icons/glyphs/svgs/CalendarAlwaysGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCalendarAlwaysGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCalendarAlwaysGlyph; diff --git a/src/icons/glyphs/svgs/CalendarMostOfTheTimeGlyph.tsx b/src/icons/glyphs/svgs/CalendarMostOfTheTimeGlyph.tsx new file mode 100644 index 000000000..bfe798e4e --- /dev/null +++ b/src/icons/glyphs/svgs/CalendarMostOfTheTimeGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCalendarMostOfTheTimeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCalendarMostOfTheTimeGlyph; diff --git a/src/icons/glyphs/svgs/CalendarNeverGlyph.tsx b/src/icons/glyphs/svgs/CalendarNeverGlyph.tsx new file mode 100644 index 000000000..e8c5d4bc3 --- /dev/null +++ b/src/icons/glyphs/svgs/CalendarNeverGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCalendarNeverGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCalendarNeverGlyph; diff --git a/src/icons/glyphs/svgs/CalendarSometimesGlyph.tsx b/src/icons/glyphs/svgs/CalendarSometimesGlyph.tsx new file mode 100644 index 000000000..4bfb43b6e --- /dev/null +++ b/src/icons/glyphs/svgs/CalendarSometimesGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCalendarSometimesGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCalendarSometimesGlyph; diff --git a/src/icons/glyphs/svgs/CheckBadgeGlyph.tsx b/src/icons/glyphs/svgs/CheckBadgeGlyph.tsx new file mode 100644 index 000000000..e51aa093a --- /dev/null +++ b/src/icons/glyphs/svgs/CheckBadgeGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCheckBadgeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCheckBadgeGlyph; diff --git a/src/icons/glyphs/svgs/ChestGlyph.tsx b/src/icons/glyphs/svgs/ChestGlyph.tsx new file mode 100644 index 000000000..dd8355da1 --- /dev/null +++ b/src/icons/glyphs/svgs/ChestGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgChestGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgChestGlyph; diff --git a/src/icons/glyphs/svgs/CleanserGlyph.tsx b/src/icons/glyphs/svgs/CleanserGlyph.tsx new file mode 100644 index 000000000..c513b6d64 --- /dev/null +++ b/src/icons/glyphs/svgs/CleanserGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCleanserGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCleanserGlyph; diff --git a/src/icons/glyphs/svgs/ClindamycinGlyph.tsx b/src/icons/glyphs/svgs/ClindamycinGlyph.tsx new file mode 100644 index 000000000..6e62a9245 --- /dev/null +++ b/src/icons/glyphs/svgs/ClindamycinGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgClindamycinGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgClindamycinGlyph; diff --git a/src/icons/glyphs/svgs/CloggedPoresGlyph.tsx b/src/icons/glyphs/svgs/CloggedPoresGlyph.tsx new file mode 100644 index 000000000..b600c6b17 --- /dev/null +++ b/src/icons/glyphs/svgs/CloggedPoresGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCloggedPoresGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCloggedPoresGlyph; diff --git a/src/icons/glyphs/svgs/CombinationGlyph.tsx b/src/icons/glyphs/svgs/CombinationGlyph.tsx new file mode 100644 index 000000000..9f0c13f37 --- /dev/null +++ b/src/icons/glyphs/svgs/CombinationGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCombinationGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCombinationGlyph; diff --git a/src/icons/glyphs/svgs/ConsultHistoryGlyph.tsx b/src/icons/glyphs/svgs/ConsultHistoryGlyph.tsx new file mode 100644 index 000000000..f493a6436 --- /dev/null +++ b/src/icons/glyphs/svgs/ConsultHistoryGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgConsultHistoryGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgConsultHistoryGlyph; diff --git a/src/icons/glyphs/svgs/CourseGlyph.tsx b/src/icons/glyphs/svgs/CourseGlyph.tsx new file mode 100644 index 000000000..6d51468d3 --- /dev/null +++ b/src/icons/glyphs/svgs/CourseGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCourseGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCourseGlyph; diff --git a/src/icons/glyphs/svgs/DarkSpotsGlyph.tsx b/src/icons/glyphs/svgs/DarkSpotsGlyph.tsx new file mode 100644 index 000000000..a5ea84a68 --- /dev/null +++ b/src/icons/glyphs/svgs/DarkSpotsGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgDarkSpotsGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgDarkSpotsGlyph; diff --git a/src/icons/glyphs/svgs/DropperGlyph.tsx b/src/icons/glyphs/svgs/DropperGlyph.tsx new file mode 100644 index 000000000..d32d66aa3 --- /dev/null +++ b/src/icons/glyphs/svgs/DropperGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgDropperGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgDropperGlyph; diff --git a/src/icons/glyphs/svgs/ExfoliatingMaskGlyph.tsx b/src/icons/glyphs/svgs/ExfoliatingMaskGlyph.tsx new file mode 100644 index 000000000..52f8d81e9 --- /dev/null +++ b/src/icons/glyphs/svgs/ExfoliatingMaskGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgExfoliatingMaskGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgExfoliatingMaskGlyph; diff --git a/src/icons/glyphs/svgs/EyecreamGlyph.tsx b/src/icons/glyphs/svgs/EyecreamGlyph.tsx new file mode 100644 index 000000000..4dc26a6f0 --- /dev/null +++ b/src/icons/glyphs/svgs/EyecreamGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgEyecreamGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgEyecreamGlyph; diff --git a/src/icons/glyphs/svgs/FaceGlyph.tsx b/src/icons/glyphs/svgs/FaceGlyph.tsx new file mode 100644 index 000000000..c7296391c --- /dev/null +++ b/src/icons/glyphs/svgs/FaceGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgFaceGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFaceGlyph; diff --git a/src/icons/glyphs/svgs/FemaleGlyph.tsx b/src/icons/glyphs/svgs/FemaleGlyph.tsx new file mode 100644 index 000000000..efd2e0f33 --- /dev/null +++ b/src/icons/glyphs/svgs/FemaleGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgFemaleGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFemaleGlyph; diff --git a/src/icons/glyphs/svgs/FineLinesGlyph.tsx b/src/icons/glyphs/svgs/FineLinesGlyph.tsx new file mode 100644 index 000000000..e4e2ee74d --- /dev/null +++ b/src/icons/glyphs/svgs/FineLinesGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgFineLinesGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFineLinesGlyph; diff --git a/src/icons/glyphs/svgs/FirmnessGlyph.tsx b/src/icons/glyphs/svgs/FirmnessGlyph.tsx new file mode 100644 index 000000000..258456805 --- /dev/null +++ b/src/icons/glyphs/svgs/FirmnessGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgFirmnessGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFirmnessGlyph; diff --git a/src/icons/glyphs/svgs/FlagCanadaGlyph.tsx b/src/icons/glyphs/svgs/FlagCanadaGlyph.tsx new file mode 100644 index 000000000..1c8828d51 --- /dev/null +++ b/src/icons/glyphs/svgs/FlagCanadaGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgFlagCanadaGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgFlagCanadaGlyph; diff --git a/src/icons/glyphs/svgs/FlagUKGlyph.tsx b/src/icons/glyphs/svgs/FlagUKGlyph.tsx new file mode 100644 index 000000000..ff230e322 --- /dev/null +++ b/src/icons/glyphs/svgs/FlagUKGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgFlagUKGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFlagUKGlyph; diff --git a/src/icons/glyphs/svgs/FlagUSAGlyph.tsx b/src/icons/glyphs/svgs/FlagUSAGlyph.tsx new file mode 100644 index 000000000..2b35b1cd9 --- /dev/null +++ b/src/icons/glyphs/svgs/FlagUSAGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgFlagUSAGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgFlagUSAGlyph; diff --git a/src/icons/glyphs/svgs/GlobeGlyph.tsx b/src/icons/glyphs/svgs/GlobeGlyph.tsx new file mode 100644 index 000000000..5996d8e7e --- /dev/null +++ b/src/icons/glyphs/svgs/GlobeGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgGlobeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgGlobeGlyph; diff --git a/src/icons/glyphs/svgs/HydratingMaskGlyph.tsx b/src/icons/glyphs/svgs/HydratingMaskGlyph.tsx new file mode 100644 index 000000000..5c7c2a6af --- /dev/null +++ b/src/icons/glyphs/svgs/HydratingMaskGlyph.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; + +function SvgHydratingMaskGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgHydratingMaskGlyph; diff --git a/src/icons/glyphs/svgs/HydrocolloidBandageGlyph.tsx b/src/icons/glyphs/svgs/HydrocolloidBandageGlyph.tsx new file mode 100644 index 000000000..f0552af31 --- /dev/null +++ b/src/icons/glyphs/svgs/HydrocolloidBandageGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgHydrocolloidBandageGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHydrocolloidBandageGlyph; diff --git a/src/icons/glyphs/svgs/LipBalmGlyph.tsx b/src/icons/glyphs/svgs/LipBalmGlyph.tsx new file mode 100644 index 000000000..492d49ee0 --- /dev/null +++ b/src/icons/glyphs/svgs/LipBalmGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgLipBalmGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLipBalmGlyph; diff --git a/src/icons/glyphs/svgs/LockGlyph.tsx b/src/icons/glyphs/svgs/LockGlyph.tsx new file mode 100644 index 000000000..f7235234e --- /dev/null +++ b/src/icons/glyphs/svgs/LockGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgLockGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLockGlyph; diff --git a/src/icons/glyphs/svgs/LunchGlyph.tsx b/src/icons/glyphs/svgs/LunchGlyph.tsx new file mode 100644 index 000000000..9c822b906 --- /dev/null +++ b/src/icons/glyphs/svgs/LunchGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgLunchGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLunchGlyph; diff --git a/src/icons/glyphs/svgs/MaleGlyph.tsx b/src/icons/glyphs/svgs/MaleGlyph.tsx new file mode 100644 index 000000000..f9fd141c1 --- /dev/null +++ b/src/icons/glyphs/svgs/MaleGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMaleGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMaleGlyph; diff --git a/src/icons/glyphs/svgs/MessageGlyph.tsx b/src/icons/glyphs/svgs/MessageGlyph.tsx new file mode 100644 index 000000000..e591a01cc --- /dev/null +++ b/src/icons/glyphs/svgs/MessageGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMessageGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMessageGlyph; diff --git a/src/icons/glyphs/svgs/MicellarWaterGlyph.tsx b/src/icons/glyphs/svgs/MicellarWaterGlyph.tsx new file mode 100644 index 000000000..27df6620c --- /dev/null +++ b/src/icons/glyphs/svgs/MicellarWaterGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMicellarWaterGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMicellarWaterGlyph; diff --git a/src/icons/glyphs/svgs/MixIngredientsGlyph.tsx b/src/icons/glyphs/svgs/MixIngredientsGlyph.tsx new file mode 100644 index 000000000..db4fc18e5 --- /dev/null +++ b/src/icons/glyphs/svgs/MixIngredientsGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMixIngredientsGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMixIngredientsGlyph; diff --git a/src/icons/glyphs/svgs/MoisturizerGlyph.tsx b/src/icons/glyphs/svgs/MoisturizerGlyph.tsx new file mode 100644 index 000000000..486645e6b --- /dev/null +++ b/src/icons/glyphs/svgs/MoisturizerGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMoisturizerGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMoisturizerGlyph; diff --git a/src/icons/glyphs/svgs/MortorGlyph.tsx b/src/icons/glyphs/svgs/MortorGlyph.tsx new file mode 100644 index 000000000..f5192ebb0 --- /dev/null +++ b/src/icons/glyphs/svgs/MortorGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMortorGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMortorGlyph; diff --git a/src/icons/glyphs/svgs/NeckGlyph.tsx b/src/icons/glyphs/svgs/NeckGlyph.tsx new file mode 100644 index 000000000..37c3f06f7 --- /dev/null +++ b/src/icons/glyphs/svgs/NeckGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgNeckGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNeckGlyph; diff --git a/src/icons/glyphs/svgs/NiacinamideGlyph.tsx b/src/icons/glyphs/svgs/NiacinamideGlyph.tsx new file mode 100644 index 000000000..89a8fcec8 --- /dev/null +++ b/src/icons/glyphs/svgs/NiacinamideGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgNiacinamideGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNiacinamideGlyph; diff --git a/src/icons/glyphs/svgs/NoMakeupGlyph.tsx b/src/icons/glyphs/svgs/NoMakeupGlyph.tsx new file mode 100644 index 000000000..4de111641 --- /dev/null +++ b/src/icons/glyphs/svgs/NoMakeupGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgNoMakeupGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNoMakeupGlyph; diff --git a/src/icons/glyphs/svgs/NoneGlyph.tsx b/src/icons/glyphs/svgs/NoneGlyph.tsx new file mode 100644 index 000000000..ddda51709 --- /dev/null +++ b/src/icons/glyphs/svgs/NoneGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgNoneGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNoneGlyph; diff --git a/src/icons/glyphs/svgs/OftenDryGlyph.tsx b/src/icons/glyphs/svgs/OftenDryGlyph.tsx new file mode 100644 index 000000000..bf94aeb17 --- /dev/null +++ b/src/icons/glyphs/svgs/OftenDryGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgOftenDryGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgOftenDryGlyph; diff --git a/src/icons/glyphs/svgs/OftenOilyGlyph.tsx b/src/icons/glyphs/svgs/OftenOilyGlyph.tsx new file mode 100644 index 000000000..ae3b0d032 --- /dev/null +++ b/src/icons/glyphs/svgs/OftenOilyGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgOftenOilyGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgOftenOilyGlyph; diff --git a/src/icons/glyphs/svgs/OilCleanserGlyph.tsx b/src/icons/glyphs/svgs/OilCleanserGlyph.tsx new file mode 100644 index 000000000..b20beebd8 --- /dev/null +++ b/src/icons/glyphs/svgs/OilCleanserGlyph.tsx @@ -0,0 +1,27 @@ +import * as React from 'react'; + +function SvgOilCleanserGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgOilCleanserGlyph; diff --git a/src/icons/glyphs/svgs/OtherGlyph.tsx b/src/icons/glyphs/svgs/OtherGlyph.tsx new file mode 100644 index 000000000..6867bb05c --- /dev/null +++ b/src/icons/glyphs/svgs/OtherGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgOtherGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgOtherGlyph; diff --git a/src/icons/glyphs/svgs/PackagingGlyph.tsx b/src/icons/glyphs/svgs/PackagingGlyph.tsx new file mode 100644 index 000000000..5d03619e4 --- /dev/null +++ b/src/icons/glyphs/svgs/PackagingGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPackagingGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPackagingGlyph; diff --git a/src/icons/glyphs/svgs/PalmTreeGlyph.tsx b/src/icons/glyphs/svgs/PalmTreeGlyph.tsx new file mode 100644 index 000000000..646f767e5 --- /dev/null +++ b/src/icons/glyphs/svgs/PalmTreeGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPalmTreeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPalmTreeGlyph; diff --git a/src/icons/glyphs/svgs/PillsGlyph.tsx b/src/icons/glyphs/svgs/PillsGlyph.tsx new file mode 100644 index 000000000..d282f34a3 --- /dev/null +++ b/src/icons/glyphs/svgs/PillsGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPillsGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPillsGlyph; diff --git a/src/icons/glyphs/svgs/RichMoisturizerGlyph.tsx b/src/icons/glyphs/svgs/RichMoisturizerGlyph.tsx new file mode 100644 index 000000000..d8dc41464 --- /dev/null +++ b/src/icons/glyphs/svgs/RichMoisturizerGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgRichMoisturizerGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgRichMoisturizerGlyph; diff --git a/src/icons/glyphs/svgs/RocketshipGlyph.tsx b/src/icons/glyphs/svgs/RocketshipGlyph.tsx new file mode 100644 index 000000000..f1dfe9d47 --- /dev/null +++ b/src/icons/glyphs/svgs/RocketshipGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgRocketshipGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgRocketshipGlyph; diff --git a/src/icons/glyphs/svgs/SelfieGlyph.tsx b/src/icons/glyphs/svgs/SelfieGlyph.tsx new file mode 100644 index 000000000..37ddae77d --- /dev/null +++ b/src/icons/glyphs/svgs/SelfieGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSelfieGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSelfieGlyph; diff --git a/src/icons/glyphs/svgs/SunGlyph.tsx b/src/icons/glyphs/svgs/SunGlyph.tsx new file mode 100644 index 000000000..aa6d11e8f --- /dev/null +++ b/src/icons/glyphs/svgs/SunGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSunGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSunGlyph; diff --git a/src/icons/glyphs/svgs/SunblockGlyph.tsx b/src/icons/glyphs/svgs/SunblockGlyph.tsx new file mode 100644 index 000000000..4f263b1f3 --- /dev/null +++ b/src/icons/glyphs/svgs/SunblockGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSunblockGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSunblockGlyph; diff --git a/src/icons/glyphs/svgs/SunscreenGlyph.tsx b/src/icons/glyphs/svgs/SunscreenGlyph.tsx new file mode 100644 index 000000000..46eddb9c3 --- /dev/null +++ b/src/icons/glyphs/svgs/SunscreenGlyph.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; + +function SvgSunscreenGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgSunscreenGlyph; diff --git a/src/icons/glyphs/svgs/SuperbottleGlyph.tsx b/src/icons/glyphs/svgs/SuperbottleGlyph.tsx new file mode 100644 index 000000000..a1d76edb1 --- /dev/null +++ b/src/icons/glyphs/svgs/SuperbottleGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSuperbottleGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSuperbottleGlyph; diff --git a/src/icons/glyphs/svgs/SupportCenterGlyph.tsx b/src/icons/glyphs/svgs/SupportCenterGlyph.tsx new file mode 100644 index 000000000..4652d3005 --- /dev/null +++ b/src/icons/glyphs/svgs/SupportCenterGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSupportCenterGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSupportCenterGlyph; diff --git a/src/icons/glyphs/svgs/TextureGlyph.tsx b/src/icons/glyphs/svgs/TextureGlyph.tsx new file mode 100644 index 000000000..95aef2f60 --- /dev/null +++ b/src/icons/glyphs/svgs/TextureGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTextureGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTextureGlyph; diff --git a/src/icons/glyphs/svgs/TimeAlwaysGlyph.tsx b/src/icons/glyphs/svgs/TimeAlwaysGlyph.tsx new file mode 100644 index 000000000..a6dd8214c --- /dev/null +++ b/src/icons/glyphs/svgs/TimeAlwaysGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTimeAlwaysGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTimeAlwaysGlyph; diff --git a/src/icons/glyphs/svgs/TimeMostOfTheTimeGlyph.tsx b/src/icons/glyphs/svgs/TimeMostOfTheTimeGlyph.tsx new file mode 100644 index 000000000..f47255d01 --- /dev/null +++ b/src/icons/glyphs/svgs/TimeMostOfTheTimeGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTimeMostOfTheTimeGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTimeMostOfTheTimeGlyph; diff --git a/src/icons/glyphs/svgs/TimeNeverGlyph.tsx b/src/icons/glyphs/svgs/TimeNeverGlyph.tsx new file mode 100644 index 000000000..394ca0e6d --- /dev/null +++ b/src/icons/glyphs/svgs/TimeNeverGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTimeNeverGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTimeNeverGlyph; diff --git a/src/icons/glyphs/svgs/TimeSometimesGlyph.tsx b/src/icons/glyphs/svgs/TimeSometimesGlyph.tsx new file mode 100644 index 000000000..d8d8fac51 --- /dev/null +++ b/src/icons/glyphs/svgs/TimeSometimesGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTimeSometimesGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTimeSometimesGlyph; diff --git a/src/icons/glyphs/svgs/TretinoinGlyph.tsx b/src/icons/glyphs/svgs/TretinoinGlyph.tsx new file mode 100644 index 000000000..ad97f3950 --- /dev/null +++ b/src/icons/glyphs/svgs/TretinoinGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTretinoinGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTretinoinGlyph; diff --git a/src/icons/glyphs/svgs/VeryDryGlyph.tsx b/src/icons/glyphs/svgs/VeryDryGlyph.tsx new file mode 100644 index 000000000..6c0c6f09e --- /dev/null +++ b/src/icons/glyphs/svgs/VeryDryGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgVeryDryGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgVeryDryGlyph; diff --git a/src/icons/glyphs/svgs/VeryOilyGlyph.tsx b/src/icons/glyphs/svgs/VeryOilyGlyph.tsx new file mode 100644 index 000000000..6797fe3c1 --- /dev/null +++ b/src/icons/glyphs/svgs/VeryOilyGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgVeryOilyGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgVeryOilyGlyph; diff --git a/src/icons/glyphs/svgs/VitaminCGlyph.tsx b/src/icons/glyphs/svgs/VitaminCGlyph.tsx new file mode 100644 index 000000000..7956fc039 --- /dev/null +++ b/src/icons/glyphs/svgs/VitaminCGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgVitaminCGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgVitaminCGlyph; diff --git a/src/icons/glyphs/svgs/VitaminCSerumGlyph.tsx b/src/icons/glyphs/svgs/VitaminCSerumGlyph.tsx new file mode 100644 index 000000000..73bb3ace1 --- /dev/null +++ b/src/icons/glyphs/svgs/VitaminCSerumGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgVitaminCSerumGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgVitaminCSerumGlyph; diff --git a/src/icons/glyphs/svgs/WrinklesGlyph.tsx b/src/icons/glyphs/svgs/WrinklesGlyph.tsx new file mode 100644 index 000000000..467e2f463 --- /dev/null +++ b/src/icons/glyphs/svgs/WrinklesGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgWrinklesGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgWrinklesGlyph; diff --git a/src/icons/glyphs/svgs/YesGlyph.tsx b/src/icons/glyphs/svgs/YesGlyph.tsx new file mode 100644 index 000000000..34fc1efd5 --- /dev/null +++ b/src/icons/glyphs/svgs/YesGlyph.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgYesGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgYesGlyph; diff --git a/src/icons/glyphs/svgs/ZincGlyph.tsx b/src/icons/glyphs/svgs/ZincGlyph.tsx new file mode 100644 index 000000000..d467ae7db --- /dev/null +++ b/src/icons/glyphs/svgs/ZincGlyph.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgZincGlyph(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgZincGlyph; diff --git a/src/icons/glyphs/svgs/ZincSoapBarGlyph.tsx b/src/icons/glyphs/svgs/ZincSoapBarGlyph.tsx new file mode 100644 index 000000000..7c43b9e13 --- /dev/null +++ b/src/icons/glyphs/svgs/ZincSoapBarGlyph.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgZincSoapBarGlyph(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgZincSoapBarGlyph; diff --git a/src/icons/glyphs/svgs/index.tsx b/src/icons/glyphs/svgs/index.tsx new file mode 100644 index 000000000..722cc9932 --- /dev/null +++ b/src/icons/glyphs/svgs/index.tsx @@ -0,0 +1,78 @@ +export { default as AcneBodySprayGlyph } from './AcneBodySprayGlyph' +export { default as AcneBodyWashGlyph } from './AcneBodyWashGlyph' +export { default as AcneFiveGlyph } from './AcneFiveGlyph' +export { default as AcneGlyph } from './AcneGlyph' +export { default as AcneOneGlyph } from './AcneOneGlyph' +export { default as AcneSevenGlyph } from './AcneSevenGlyph' +export { default as AcneThreeGlyph } from './AcneThreeGlyph' +export { default as AhaBhaTonerSolutionGlyph } from './AhaBhaTonerSolutionGlyph' +export { default as AzelaicAcidGlyph } from './AzelaicAcidGlyph' +export { default as BodySunscreenGlyph } from './BodySunscreenGlyph' +export { default as CalendarAlwaysGlyph } from './CalendarAlwaysGlyph' +export { default as CalendarMostOfTheTimeGlyph } from './CalendarMostOfTheTimeGlyph' +export { default as CalendarNeverGlyph } from './CalendarNeverGlyph' +export { default as CalendarSometimesGlyph } from './CalendarSometimesGlyph' +export { default as CheckBadgeGlyph } from './CheckBadgeGlyph' +export { default as ChestGlyph } from './ChestGlyph' +export { default as CleanserGlyph } from './CleanserGlyph' +export { default as ClindamycinGlyph } from './ClindamycinGlyph' +export { default as CloggedPoresGlyph } from './CloggedPoresGlyph' +export { default as CombinationGlyph } from './CombinationGlyph' +export { default as ConsultHistoryGlyph } from './ConsultHistoryGlyph' +export { default as CourseGlyph } from './CourseGlyph' +export { default as DarkSpotsGlyph } from './DarkSpotsGlyph' +export { default as DropperGlyph } from './DropperGlyph' +export { default as ExfoliatingMaskGlyph } from './ExfoliatingMaskGlyph' +export { default as EyecreamGlyph } from './EyecreamGlyph' +export { default as FaceGlyph } from './FaceGlyph' +export { default as FemaleGlyph } from './FemaleGlyph' +export { default as FineLinesGlyph } from './FineLinesGlyph' +export { default as FirmnessGlyph } from './FirmnessGlyph' +export { default as FlagCanadaGlyph } from './FlagCanadaGlyph' +export { default as FlagUKGlyph } from './FlagUKGlyph' +export { default as FlagUSAGlyph } from './FlagUSAGlyph' +export { default as GlobeGlyph } from './GlobeGlyph' +export { default as HydratingMaskGlyph } from './HydratingMaskGlyph' +export { default as HydrocolloidBandageGlyph } from './HydrocolloidBandageGlyph' +export { default as LipBalmGlyph } from './LipBalmGlyph' +export { default as LockGlyph } from './LockGlyph' +export { default as LunchGlyph } from './LunchGlyph' +export { default as MaleGlyph } from './MaleGlyph' +export { default as MessageGlyph } from './MessageGlyph' +export { default as MicellarWaterGlyph } from './MicellarWaterGlyph' +export { default as MixIngredientsGlyph } from './MixIngredientsGlyph' +export { default as MoisturizerGlyph } from './MoisturizerGlyph' +export { default as MortorGlyph } from './MortorGlyph' +export { default as NeckGlyph } from './NeckGlyph' +export { default as NiacinamideGlyph } from './NiacinamideGlyph' +export { default as NoMakeupGlyph } from './NoMakeupGlyph' +export { default as NoneGlyph } from './NoneGlyph' +export { default as OftenDryGlyph } from './OftenDryGlyph' +export { default as OftenOilyGlyph } from './OftenOilyGlyph' +export { default as OilCleanserGlyph } from './OilCleanserGlyph' +export { default as OtherGlyph } from './OtherGlyph' +export { default as PackagingGlyph } from './PackagingGlyph' +export { default as PalmTreeGlyph } from './PalmTreeGlyph' +export { default as PillsGlyph } from './PillsGlyph' +export { default as RichMoisturizerGlyph } from './RichMoisturizerGlyph' +export { default as RocketshipGlyph } from './RocketshipGlyph' +export { default as SelfieGlyph } from './SelfieGlyph' +export { default as SunGlyph } from './SunGlyph' +export { default as SunblockGlyph } from './SunblockGlyph' +export { default as SunscreenGlyph } from './SunscreenGlyph' +export { default as SuperbottleGlyph } from './SuperbottleGlyph' +export { default as SupportCenterGlyph } from './SupportCenterGlyph' +export { default as TextureGlyph } from './TextureGlyph' +export { default as TimeAlwaysGlyph } from './TimeAlwaysGlyph' +export { default as TimeMostOfTheTimeGlyph } from './TimeMostOfTheTimeGlyph' +export { default as TimeNeverGlyph } from './TimeNeverGlyph' +export { default as TimeSometimesGlyph } from './TimeSometimesGlyph' +export { default as TretinoinGlyph } from './TretinoinGlyph' +export { default as VeryDryGlyph } from './VeryDryGlyph' +export { default as VeryOilyGlyph } from './VeryOilyGlyph' +export { default as VitaminCGlyph } from './VitaminCGlyph' +export { default as VitaminCSerumGlyph } from './VitaminCSerumGlyph' +export { default as WrinklesGlyph } from './WrinklesGlyph' +export { default as YesGlyph } from './YesGlyph' +export { default as ZincGlyph } from './ZincGlyph' +export { default as ZincSoapBarGlyph } from './ZincSoapBarGlyph' \ No newline at end of file diff --git a/src/icons/glyphs/textureGlyph.ts b/src/icons/glyphs/textureGlyph.ts new file mode 100644 index 000000000..e290f5b8d --- /dev/null +++ b/src/icons/glyphs/textureGlyph.ts @@ -0,0 +1,4 @@ +import { TextureGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TextureGlyph, TextureGlyph, props); diff --git a/src/icons/glyphs/timeAlwaysGlyph.ts b/src/icons/glyphs/timeAlwaysGlyph.ts new file mode 100644 index 000000000..4bdedda70 --- /dev/null +++ b/src/icons/glyphs/timeAlwaysGlyph.ts @@ -0,0 +1,5 @@ +import { TimeAlwaysGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TimeAlwaysGlyph, TimeAlwaysGlyph, props); diff --git a/src/icons/glyphs/timeMostOfTheTimeGlyph.ts b/src/icons/glyphs/timeMostOfTheTimeGlyph.ts new file mode 100644 index 000000000..1b8ae996a --- /dev/null +++ b/src/icons/glyphs/timeMostOfTheTimeGlyph.ts @@ -0,0 +1,5 @@ +import { TimeMostOfTheTimeGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TimeMostOfTheTimeGlyph, TimeMostOfTheTimeGlyph, props); diff --git a/src/icons/glyphs/timeNeverGlyph.ts b/src/icons/glyphs/timeNeverGlyph.ts new file mode 100644 index 000000000..b310755ee --- /dev/null +++ b/src/icons/glyphs/timeNeverGlyph.ts @@ -0,0 +1,5 @@ +import { TimeNeverGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TimeNeverGlyph, TimeNeverGlyph, props); diff --git a/src/icons/glyphs/timeSometimesGlyph.ts b/src/icons/glyphs/timeSometimesGlyph.ts new file mode 100644 index 000000000..54f45912d --- /dev/null +++ b/src/icons/glyphs/timeSometimesGlyph.ts @@ -0,0 +1,5 @@ +import { TimeSometimesGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TimeSometimesGlyph, TimeSometimesGlyph, props); diff --git a/src/icons/glyphs/tretinoinGlyph.ts b/src/icons/glyphs/tretinoinGlyph.ts new file mode 100644 index 000000000..fed959e05 --- /dev/null +++ b/src/icons/glyphs/tretinoinGlyph.ts @@ -0,0 +1,5 @@ +import { TretinoinGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TretinoinGlyph, TretinoinGlyph, props); diff --git a/src/icons/glyphs/veryDryGlyph.ts b/src/icons/glyphs/veryDryGlyph.ts new file mode 100644 index 000000000..60b5a7fa9 --- /dev/null +++ b/src/icons/glyphs/veryDryGlyph.ts @@ -0,0 +1,4 @@ +import { VeryDryGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(VeryDryGlyph, VeryDryGlyph, props); diff --git a/src/icons/glyphs/veryOilyGlyph.ts b/src/icons/glyphs/veryOilyGlyph.ts new file mode 100644 index 000000000..a91511731 --- /dev/null +++ b/src/icons/glyphs/veryOilyGlyph.ts @@ -0,0 +1,5 @@ +import { VeryOilyGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(VeryOilyGlyph, VeryOilyGlyph, props); diff --git a/src/icons/glyphs/vitaminCGlyph.ts b/src/icons/glyphs/vitaminCGlyph.ts new file mode 100644 index 000000000..1c4ef09cb --- /dev/null +++ b/src/icons/glyphs/vitaminCGlyph.ts @@ -0,0 +1,5 @@ +import { VitaminCGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(VitaminCGlyph, VitaminCGlyph, props); diff --git a/src/icons/glyphs/vitaminCSerumGlyph.ts b/src/icons/glyphs/vitaminCSerumGlyph.ts new file mode 100644 index 000000000..a8872cfbd --- /dev/null +++ b/src/icons/glyphs/vitaminCSerumGlyph.ts @@ -0,0 +1,5 @@ +import { VitaminCSerumGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(VitaminCSerumGlyph, VitaminCSerumGlyph, props); diff --git a/src/icons/glyphs/wrinklesGlyph.ts b/src/icons/glyphs/wrinklesGlyph.ts new file mode 100644 index 000000000..9b4514d17 --- /dev/null +++ b/src/icons/glyphs/wrinklesGlyph.ts @@ -0,0 +1,5 @@ +import { WrinklesGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(WrinklesGlyph, WrinklesGlyph, props); diff --git a/src/icons/glyphs/yesGlyph.ts b/src/icons/glyphs/yesGlyph.ts new file mode 100644 index 000000000..db97e4da1 --- /dev/null +++ b/src/icons/glyphs/yesGlyph.ts @@ -0,0 +1,4 @@ +import { YesGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(YesGlyph, YesGlyph, props); diff --git a/src/icons/glyphs/zincGlyph.ts b/src/icons/glyphs/zincGlyph.ts new file mode 100644 index 000000000..c99b99d2c --- /dev/null +++ b/src/icons/glyphs/zincGlyph.ts @@ -0,0 +1,4 @@ +import { ZincGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ZincGlyph, ZincGlyph, props); diff --git a/src/icons/glyphs/zincSoapBarGlyph.ts b/src/icons/glyphs/zincSoapBarGlyph.ts new file mode 100644 index 000000000..0c8997244 --- /dev/null +++ b/src/icons/glyphs/zincSoapBarGlyph.ts @@ -0,0 +1,5 @@ +import { ZincSoapBarGlyph } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ZincSoapBarGlyph, ZincSoapBarGlyph, props); diff --git a/src/icons/icons/arrow.ts b/src/icons/icons/arrow.ts new file mode 100644 index 000000000..d141b1576 --- /dev/null +++ b/src/icons/icons/arrow.ts @@ -0,0 +1,4 @@ +import { Arrow } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(Arrow, Arrow, props); diff --git a/src/icons/icons/arrowLeftIcon.ts b/src/icons/icons/arrowLeftIcon.ts new file mode 100644 index 000000000..225692307 --- /dev/null +++ b/src/icons/icons/arrowLeftIcon.ts @@ -0,0 +1,5 @@ +import { ArrowLeftIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ArrowLeftIcon, ArrowLeftIcon, props); diff --git a/src/icons/icons/arrowRightIcon.ts b/src/icons/icons/arrowRightIcon.ts new file mode 100644 index 000000000..5d885d8fd --- /dev/null +++ b/src/icons/icons/arrowRightIcon.ts @@ -0,0 +1,5 @@ +import { ArrowRightIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ArrowRightIcon, ArrowRightIcon, props); diff --git a/src/icons/icons/bagIcon.ts b/src/icons/icons/bagIcon.ts new file mode 100644 index 000000000..d6eeaff52 --- /dev/null +++ b/src/icons/icons/bagIcon.ts @@ -0,0 +1,4 @@ +import { BagIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(BagIcon, BagIcon, props); diff --git a/src/icons/icons/bellIcon.ts b/src/icons/icons/bellIcon.ts new file mode 100644 index 000000000..8d3f653d2 --- /dev/null +++ b/src/icons/icons/bellIcon.ts @@ -0,0 +1,4 @@ +import { BellIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(BellIcon, BellIcon, props); diff --git a/src/icons/icons/calendarIcon.ts b/src/icons/icons/calendarIcon.ts new file mode 100644 index 000000000..da0542db8 --- /dev/null +++ b/src/icons/icons/calendarIcon.ts @@ -0,0 +1,4 @@ +import { CalendarIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(CalendarIcon, CalendarIcon, props); diff --git a/src/icons/icons/cameraIcon.ts b/src/icons/icons/cameraIcon.ts new file mode 100644 index 000000000..c9724246d --- /dev/null +++ b/src/icons/icons/cameraIcon.ts @@ -0,0 +1,4 @@ +import { CameraIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(CameraIcon, CameraIcon, props); diff --git a/src/icons/icons/chatBubbleIcon.ts b/src/icons/icons/chatBubbleIcon.ts new file mode 100644 index 000000000..b72e24628 --- /dev/null +++ b/src/icons/icons/chatBubbleIcon.ts @@ -0,0 +1,5 @@ +import { ChatBubbleIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ChatBubbleIcon, ChatBubbleIcon, props); diff --git a/src/icons/icons/checkmarkIcon.ts b/src/icons/icons/checkmarkIcon.ts new file mode 100644 index 000000000..cdc9bc22c --- /dev/null +++ b/src/icons/icons/checkmarkIcon.ts @@ -0,0 +1,5 @@ +import { CheckmarkIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CheckmarkIcon, CheckmarkIcon, props); diff --git a/src/icons/icons/chevronIcon.ts b/src/icons/icons/chevronIcon.ts new file mode 100644 index 000000000..c76665911 --- /dev/null +++ b/src/icons/icons/chevronIcon.ts @@ -0,0 +1,4 @@ +import { ChevronIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ChevronIcon, ChevronIcon, props); diff --git a/src/icons/icons/circleCheckmarkIcon.ts b/src/icons/icons/circleCheckmarkIcon.ts new file mode 100644 index 000000000..7e9ec77c4 --- /dev/null +++ b/src/icons/icons/circleCheckmarkIcon.ts @@ -0,0 +1,5 @@ +import { CircleCheckmarkIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CircleCheckmarkIcon, CircleCheckmarkIcon, props); diff --git a/src/icons/icons/circleMinusIcon.ts b/src/icons/icons/circleMinusIcon.ts new file mode 100644 index 000000000..51c70058e --- /dev/null +++ b/src/icons/icons/circleMinusIcon.ts @@ -0,0 +1,5 @@ +import { CircleMinusIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CircleMinusIcon, CircleMinusIcon, props); diff --git a/src/icons/icons/circlePlusIcon.ts b/src/icons/icons/circlePlusIcon.ts new file mode 100644 index 000000000..d80566b18 --- /dev/null +++ b/src/icons/icons/circlePlusIcon.ts @@ -0,0 +1,5 @@ +import { CirclePlusIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CirclePlusIcon, CirclePlusIcon, props); diff --git a/src/icons/icons/circleSolidIcon.ts b/src/icons/icons/circleSolidIcon.ts new file mode 100644 index 000000000..f961acb0a --- /dev/null +++ b/src/icons/icons/circleSolidIcon.ts @@ -0,0 +1,5 @@ +import { CircleSolidIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CircleSolidIcon, CircleSolidIcon, props); diff --git a/src/icons/icons/clipboardIcon.ts b/src/icons/icons/clipboardIcon.ts new file mode 100644 index 000000000..cd41c8d6f --- /dev/null +++ b/src/icons/icons/clipboardIcon.ts @@ -0,0 +1,5 @@ +import { ClipboardIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ClipboardIcon, ClipboardIcon, props); diff --git a/src/icons/icons/clockIcon.ts b/src/icons/icons/clockIcon.ts new file mode 100644 index 000000000..abffb1466 --- /dev/null +++ b/src/icons/icons/clockIcon.ts @@ -0,0 +1,4 @@ +import { ClockIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ClockIcon, ClockIcon, props); diff --git a/src/icons/icons/cloudIcon.ts b/src/icons/icons/cloudIcon.ts new file mode 100644 index 000000000..35d40b4ed --- /dev/null +++ b/src/icons/icons/cloudIcon.ts @@ -0,0 +1,4 @@ +import { CloudIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(CloudIcon, CloudIcon, props); diff --git a/src/icons/icons/contrastIcon.ts b/src/icons/icons/contrastIcon.ts new file mode 100644 index 000000000..3a30ba8ca --- /dev/null +++ b/src/icons/icons/contrastIcon.ts @@ -0,0 +1,4 @@ +import { ContrastIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ContrastIcon, ContrastIcon, props); diff --git a/src/icons/icons/crossIcon.ts b/src/icons/icons/crossIcon.ts new file mode 100644 index 000000000..e052cf0fa --- /dev/null +++ b/src/icons/icons/crossIcon.ts @@ -0,0 +1,4 @@ +import { CrossIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(CrossIcon, CrossIcon, props); diff --git a/src/icons/icons/downloadIcon.ts b/src/icons/icons/downloadIcon.ts new file mode 100644 index 000000000..d349e8eb2 --- /dev/null +++ b/src/icons/icons/downloadIcon.ts @@ -0,0 +1,4 @@ +import { DownloadIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(DownloadIcon, DownloadIcon, props); diff --git a/src/icons/icons/dropIcon.ts b/src/icons/icons/dropIcon.ts new file mode 100644 index 000000000..26b4deab7 --- /dev/null +++ b/src/icons/icons/dropIcon.ts @@ -0,0 +1,4 @@ +import { DropIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(DropIcon, DropIcon, props); diff --git a/src/icons/icons/editIcon.ts b/src/icons/icons/editIcon.ts new file mode 100644 index 000000000..b6d3ebeeb --- /dev/null +++ b/src/icons/icons/editIcon.ts @@ -0,0 +1,4 @@ +import { EditIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(EditIcon, EditIcon, props); diff --git a/src/icons/icons/equalsIcon.ts b/src/icons/icons/equalsIcon.ts new file mode 100644 index 000000000..621ffbc0c --- /dev/null +++ b/src/icons/icons/equalsIcon.ts @@ -0,0 +1,4 @@ +import { EqualsIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(EqualsIcon, EqualsIcon, props); diff --git a/src/icons/icons/errorIcon.ts b/src/icons/icons/errorIcon.ts new file mode 100644 index 000000000..c7a5f8d71 --- /dev/null +++ b/src/icons/icons/errorIcon.ts @@ -0,0 +1,4 @@ +import { ErrorIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ErrorIcon, ErrorIcon, props); diff --git a/src/icons/icons/eyeClosedIcon.ts b/src/icons/icons/eyeClosedIcon.ts new file mode 100644 index 000000000..3a9392463 --- /dev/null +++ b/src/icons/icons/eyeClosedIcon.ts @@ -0,0 +1,5 @@ +import { EyeClosedIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(EyeClosedIcon, EyeClosedIcon, props); diff --git a/src/icons/icons/facebookIcon.ts b/src/icons/icons/facebookIcon.ts new file mode 100644 index 000000000..ec0345af6 --- /dev/null +++ b/src/icons/icons/facebookIcon.ts @@ -0,0 +1,4 @@ +import { FacebookIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FacebookIcon, FacebookIcon, props); diff --git a/src/icons/icons/flagIcon.ts b/src/icons/icons/flagIcon.ts new file mode 100644 index 000000000..ce9224dcf --- /dev/null +++ b/src/icons/icons/flagIcon.ts @@ -0,0 +1,4 @@ +import { FlagIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(FlagIcon, FlagIcon, props); diff --git a/src/icons/icons/giftIcon.ts b/src/icons/icons/giftIcon.ts new file mode 100644 index 000000000..2c20a98ec --- /dev/null +++ b/src/icons/icons/giftIcon.ts @@ -0,0 +1,4 @@ +import { GiftIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(GiftIcon, GiftIcon, props); diff --git a/src/icons/icons/googleIcon.ts b/src/icons/icons/googleIcon.ts new file mode 100644 index 000000000..07e3f4d50 --- /dev/null +++ b/src/icons/icons/googleIcon.ts @@ -0,0 +1,4 @@ +import { GoogleIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(GoogleIcon, GoogleIcon, props); diff --git a/src/icons/icons/gridIcon.ts b/src/icons/icons/gridIcon.ts new file mode 100644 index 000000000..2294914c8 --- /dev/null +++ b/src/icons/icons/gridIcon.ts @@ -0,0 +1,4 @@ +import { GridIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(GridIcon, GridIcon, props); diff --git a/src/icons/icons/heartIcon.ts b/src/icons/icons/heartIcon.ts new file mode 100644 index 000000000..293d2e7b4 --- /dev/null +++ b/src/icons/icons/heartIcon.ts @@ -0,0 +1,4 @@ +import { HeartIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HeartIcon, HeartIcon, props); diff --git a/src/icons/icons/helpIcon.ts b/src/icons/icons/helpIcon.ts new file mode 100644 index 000000000..b77b3cd7d --- /dev/null +++ b/src/icons/icons/helpIcon.ts @@ -0,0 +1,4 @@ +import { HelpIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HelpIcon, HelpIcon, props); diff --git a/src/icons/icons/homeIcon.ts b/src/icons/icons/homeIcon.ts new file mode 100644 index 000000000..daa4cba27 --- /dev/null +++ b/src/icons/icons/homeIcon.ts @@ -0,0 +1,4 @@ +import { HomeIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HomeIcon, HomeIcon, props); diff --git a/src/icons/icons/imageIcon.ts b/src/icons/icons/imageIcon.ts new file mode 100644 index 000000000..4cdf41f2b --- /dev/null +++ b/src/icons/icons/imageIcon.ts @@ -0,0 +1,4 @@ +import { ImageIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ImageIcon, ImageIcon, props); diff --git a/src/icons/icons/index.ts b/src/icons/icons/index.ts new file mode 100644 index 000000000..5df9ce32e --- /dev/null +++ b/src/icons/icons/index.ts @@ -0,0 +1,84 @@ +// @create-index + +export { default as Arrow } from './arrow'; +export { default as ArrowLeftIcon } from './arrowLeftIcon'; +export { default as ArrowRightIcon } from './arrowRightIcon'; +export { default as BagIcon } from './bagIcon'; +export { default as BellIcon } from './bellIcon'; +export { default as CalendarIcon } from './calendarIcon'; +export { default as CameraIcon } from './cameraIcon'; +export { default as ChatBubbleIcon } from './chatBubbleIcon'; +export { default as CheckmarkIcon } from './checkmarkIcon'; +export { default as ChevronIcon } from './chevronIcon'; +export { default as CircleCheckmarkIcon } from './circleCheckmarkIcon'; +export { default as CircleMinusIcon } from './circleMinusIcon'; +export { default as CirclePlusIcon } from './circlePlusIcon'; +export { default as CircleSolidIcon } from './circleSolidIcon'; +export { default as ClipboardIcon } from './clipboardIcon'; +export { default as ClockIcon } from './clockIcon'; +export { default as CloudIcon } from './cloudIcon'; +export { default as ContrastIcon } from './contrastIcon'; +export { default as CrossIcon } from './crossIcon'; +export { default as DownloadIcon } from './downloadIcon'; +export { default as DropIcon } from './dropIcon'; +export { default as EditIcon } from './editIcon'; +export { default as EqualsIcon } from './equalsIcon'; +export { default as ErrorIcon } from './errorIcon'; +export { default as EyeClosedIcon } from './eyeClosedIcon'; +export { default as FacebookIcon } from './facebookIcon'; +export { default as FlagIcon } from './flagIcon'; +export { default as GiftIcon } from './giftIcon'; +export { default as GoogleIcon } from './googleIcon'; +export { default as GridIcon } from './gridIcon'; +export { default as HeartIcon } from './heartIcon'; +export { default as HelpIcon } from './helpIcon'; +export { default as HomeIcon } from './homeIcon'; +export { default as ImageIcon } from './imageIcon'; +export { default as InfoIcon } from './infoIcon'; +export { default as InstagramIcon } from './instagramIcon'; +export { default as LightningIcon } from './lightningIcon'; +export { default as LocationIcon } from './locationIcon'; +export { default as LockIcon } from './lockIcon'; +export { default as LogoutIcon } from './logoutIcon'; +export { default as MailIcon } from './mailIcon'; +export { default as MenuIcon } from './menuIcon'; +export { default as MicIcon } from './micIcon'; +export { default as MinusIcon } from './minusIcon'; +export { default as MoreIcon } from './moreIcon'; +export { default as NextIcon } from './nextIcon'; +export { default as PaperclipIcon } from './paperclipIcon'; +export { default as PauseIcon } from './pauseIcon'; +export { default as PaymentIcon } from './paymentIcon'; +export { default as PhoneIcon } from './phoneIcon'; +export { default as PinterestIcon } from './pinterestIcon'; +export { default as PlanIcon } from './planIcon'; +export { default as PlayIcon } from './playIcon'; +export { default as PlusIcon } from './plusIcon'; +export { default as PostcardIcon } from './postcardIcon'; +export { default as PreviousIcon } from './previousIcon'; +export { default as ProviderIcon } from './providerIcon'; +export { default as RefreshIcon } from './refreshIcon'; +export { default as RotateIcon } from './rotateIcon'; +export { default as SearchIcon } from './searchIcon'; +export { default as SettingsIcon } from './settingsIcon'; +export { default as ShuffleIcon } from './shuffleIcon'; +export { default as SmileIcon } from './smileIcon'; +export { default as SnapchatIcon } from './snapchatIcon'; +export { default as StarFilledIcon } from './starFilledIcon'; +export { default as StarIcon } from './starIcon'; +export { default as SunIcon } from './sunIcon'; +export { default as TemperatureIcon } from './temperatureIcon'; +export { default as ThumbsDownIcon } from './thumbsDownIcon'; +export { default as ThumbsUpIcon } from './thumbsUpIcon'; +export { default as TimerIcon } from './timerIcon'; +export { default as TransferIcon } from './transferIcon'; +export { default as TrashIcon } from './trashIcon'; +export { default as TreatmentIcon } from './treatmentIcon'; +export { default as TreatmentPlanIcon } from './treatmentPlanIcon'; +export { default as TruckIcon } from './truckIcon'; +export { default as TungstenIcon } from './tungstenIcon'; +export { default as TwitterIcon } from './twitterIcon'; +export { default as UploadIcon } from './uploadIcon'; +export { default as UserIcon } from './userIcon'; +export { default as VideoIcon } from './videoIcon'; +export { default as YouTubeIcon } from './youTubeIcon'; diff --git a/src/icons/icons/infoIcon.ts b/src/icons/icons/infoIcon.ts new file mode 100644 index 000000000..3a94bc2f9 --- /dev/null +++ b/src/icons/icons/infoIcon.ts @@ -0,0 +1,4 @@ +import { InfoIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(InfoIcon, InfoIcon, props); diff --git a/src/icons/icons/instagramIcon.ts b/src/icons/icons/instagramIcon.ts new file mode 100644 index 000000000..b55385009 --- /dev/null +++ b/src/icons/icons/instagramIcon.ts @@ -0,0 +1,5 @@ +import { InstagramIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(InstagramIcon, InstagramIcon, props); diff --git a/src/icons/icons/lightningIcon.ts b/src/icons/icons/lightningIcon.ts new file mode 100644 index 000000000..3bc2d1d50 --- /dev/null +++ b/src/icons/icons/lightningIcon.ts @@ -0,0 +1,5 @@ +import { LightningIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(LightningIcon, LightningIcon, props); diff --git a/src/icons/icons/locationIcon.ts b/src/icons/icons/locationIcon.ts new file mode 100644 index 000000000..9f71731d2 --- /dev/null +++ b/src/icons/icons/locationIcon.ts @@ -0,0 +1,4 @@ +import { LocationIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LocationIcon, LocationIcon, props); diff --git a/src/icons/icons/lockIcon.ts b/src/icons/icons/lockIcon.ts new file mode 100644 index 000000000..05eac0e04 --- /dev/null +++ b/src/icons/icons/lockIcon.ts @@ -0,0 +1,4 @@ +import { LockIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LockIcon, LockIcon, props); diff --git a/src/icons/icons/logoutIcon.ts b/src/icons/icons/logoutIcon.ts new file mode 100644 index 000000000..8ef43d3ee --- /dev/null +++ b/src/icons/icons/logoutIcon.ts @@ -0,0 +1,4 @@ +import { LogoutIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LogoutIcon, LogoutIcon, props); diff --git a/src/icons/icons/mailIcon.ts b/src/icons/icons/mailIcon.ts new file mode 100644 index 000000000..6d9fbc26f --- /dev/null +++ b/src/icons/icons/mailIcon.ts @@ -0,0 +1,4 @@ +import { MailIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MailIcon, MailIcon, props); diff --git a/src/icons/icons/menuIcon.ts b/src/icons/icons/menuIcon.ts new file mode 100644 index 000000000..41e0fed67 --- /dev/null +++ b/src/icons/icons/menuIcon.ts @@ -0,0 +1,4 @@ +import { MenuIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MenuIcon, MenuIcon, props); diff --git a/src/icons/icons/micIcon.ts b/src/icons/icons/micIcon.ts new file mode 100644 index 000000000..b32f4a8e8 --- /dev/null +++ b/src/icons/icons/micIcon.ts @@ -0,0 +1,4 @@ +import { MicIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MicIcon, MicIcon, props); diff --git a/src/icons/icons/minusIcon.ts b/src/icons/icons/minusIcon.ts new file mode 100644 index 000000000..48b8edc40 --- /dev/null +++ b/src/icons/icons/minusIcon.ts @@ -0,0 +1,4 @@ +import { MinusIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MinusIcon, MinusIcon, props); diff --git a/src/icons/icons/moreIcon.ts b/src/icons/icons/moreIcon.ts new file mode 100644 index 000000000..3fff95147 --- /dev/null +++ b/src/icons/icons/moreIcon.ts @@ -0,0 +1,4 @@ +import { MoreIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MoreIcon, MoreIcon, props); diff --git a/src/icons/icons/nextIcon.ts b/src/icons/icons/nextIcon.ts new file mode 100644 index 000000000..53cdc454e --- /dev/null +++ b/src/icons/icons/nextIcon.ts @@ -0,0 +1,4 @@ +import { NextIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(NextIcon, NextIcon, props); diff --git a/src/icons/icons/paperclipIcon.ts b/src/icons/icons/paperclipIcon.ts new file mode 100644 index 000000000..031185415 --- /dev/null +++ b/src/icons/icons/paperclipIcon.ts @@ -0,0 +1,5 @@ +import { PaperclipIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PaperclipIcon, PaperclipIcon, props); diff --git a/src/icons/icons/pauseIcon.ts b/src/icons/icons/pauseIcon.ts new file mode 100644 index 000000000..61d694dfb --- /dev/null +++ b/src/icons/icons/pauseIcon.ts @@ -0,0 +1,4 @@ +import { PauseIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PauseIcon, PauseIcon, props); diff --git a/src/icons/icons/paymentIcon.ts b/src/icons/icons/paymentIcon.ts new file mode 100644 index 000000000..08a2f0689 --- /dev/null +++ b/src/icons/icons/paymentIcon.ts @@ -0,0 +1,4 @@ +import { PaymentIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PaymentIcon, PaymentIcon, props); diff --git a/src/icons/icons/phoneIcon.ts b/src/icons/icons/phoneIcon.ts new file mode 100644 index 000000000..3dd4f9761 --- /dev/null +++ b/src/icons/icons/phoneIcon.ts @@ -0,0 +1,4 @@ +import { PhoneIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PhoneIcon, PhoneIcon, props); diff --git a/src/icons/icons/pinterestIcon.ts b/src/icons/icons/pinterestIcon.ts new file mode 100644 index 000000000..d5e1a11c4 --- /dev/null +++ b/src/icons/icons/pinterestIcon.ts @@ -0,0 +1,5 @@ +import { PinterestIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(PinterestIcon, PinterestIcon, props); diff --git a/src/icons/icons/planIcon.ts b/src/icons/icons/planIcon.ts new file mode 100644 index 000000000..959168c76 --- /dev/null +++ b/src/icons/icons/planIcon.ts @@ -0,0 +1,4 @@ +import { PlanIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PlanIcon, PlanIcon, props); diff --git a/src/icons/icons/playIcon.ts b/src/icons/icons/playIcon.ts new file mode 100644 index 000000000..baa40f79b --- /dev/null +++ b/src/icons/icons/playIcon.ts @@ -0,0 +1,4 @@ +import { PlayIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PlayIcon, PlayIcon, props); diff --git a/src/icons/icons/plusIcon.ts b/src/icons/icons/plusIcon.ts new file mode 100644 index 000000000..86ffa2212 --- /dev/null +++ b/src/icons/icons/plusIcon.ts @@ -0,0 +1,4 @@ +import { PlusIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PlusIcon, PlusIcon, props); diff --git a/src/icons/icons/postcardIcon.ts b/src/icons/icons/postcardIcon.ts new file mode 100644 index 000000000..1cbda44e1 --- /dev/null +++ b/src/icons/icons/postcardIcon.ts @@ -0,0 +1,4 @@ +import { PostcardIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PostcardIcon, PostcardIcon, props); diff --git a/src/icons/icons/previousIcon.ts b/src/icons/icons/previousIcon.ts new file mode 100644 index 000000000..af6259a5c --- /dev/null +++ b/src/icons/icons/previousIcon.ts @@ -0,0 +1,4 @@ +import { PreviousIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(PreviousIcon, PreviousIcon, props); diff --git a/src/icons/icons/providerIcon.ts b/src/icons/icons/providerIcon.ts new file mode 100644 index 000000000..a6003d666 --- /dev/null +++ b/src/icons/icons/providerIcon.ts @@ -0,0 +1,4 @@ +import { ProviderIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ProviderIcon, ProviderIcon, props); diff --git a/src/icons/icons/refreshIcon.ts b/src/icons/icons/refreshIcon.ts new file mode 100644 index 000000000..5101e6385 --- /dev/null +++ b/src/icons/icons/refreshIcon.ts @@ -0,0 +1,4 @@ +import { RefreshIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(RefreshIcon, RefreshIcon, props); diff --git a/src/icons/icons/rotateIcon.ts b/src/icons/icons/rotateIcon.ts new file mode 100644 index 000000000..490298d2f --- /dev/null +++ b/src/icons/icons/rotateIcon.ts @@ -0,0 +1,4 @@ +import { RotateIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(RotateIcon, RotateIcon, props); diff --git a/src/icons/icons/searchIcon.ts b/src/icons/icons/searchIcon.ts new file mode 100644 index 000000000..bcbfc6d5c --- /dev/null +++ b/src/icons/icons/searchIcon.ts @@ -0,0 +1,4 @@ +import { SearchIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SearchIcon, SearchIcon, props); diff --git a/src/icons/icons/settingsIcon.ts b/src/icons/icons/settingsIcon.ts new file mode 100644 index 000000000..9419d351d --- /dev/null +++ b/src/icons/icons/settingsIcon.ts @@ -0,0 +1,4 @@ +import { SettingsIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SettingsIcon, SettingsIcon, props); diff --git a/src/icons/icons/shuffleIcon.ts b/src/icons/icons/shuffleIcon.ts new file mode 100644 index 000000000..2642de0f1 --- /dev/null +++ b/src/icons/icons/shuffleIcon.ts @@ -0,0 +1,4 @@ +import { ShuffleIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ShuffleIcon, ShuffleIcon, props); diff --git a/src/icons/icons/smileIcon.ts b/src/icons/icons/smileIcon.ts new file mode 100644 index 000000000..6b3f564d3 --- /dev/null +++ b/src/icons/icons/smileIcon.ts @@ -0,0 +1,4 @@ +import { SmileIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SmileIcon, SmileIcon, props); diff --git a/src/icons/icons/snapchatIcon.ts b/src/icons/icons/snapchatIcon.ts new file mode 100644 index 000000000..012f1ef14 --- /dev/null +++ b/src/icons/icons/snapchatIcon.ts @@ -0,0 +1,4 @@ +import { SnapchatIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SnapchatIcon, SnapchatIcon, props); diff --git a/src/icons/icons/starFilledIcon.ts b/src/icons/icons/starFilledIcon.ts new file mode 100644 index 000000000..ee0970816 --- /dev/null +++ b/src/icons/icons/starFilledIcon.ts @@ -0,0 +1,5 @@ +import { StarFilledIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(StarFilledIcon, StarFilledIcon, props); diff --git a/src/icons/icons/starIcon.ts b/src/icons/icons/starIcon.ts new file mode 100644 index 000000000..0933ebf40 --- /dev/null +++ b/src/icons/icons/starIcon.ts @@ -0,0 +1,4 @@ +import { StarIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(StarIcon, StarIcon, props); diff --git a/src/icons/icons/sunIcon.ts b/src/icons/icons/sunIcon.ts new file mode 100644 index 000000000..4ae2c1c1b --- /dev/null +++ b/src/icons/icons/sunIcon.ts @@ -0,0 +1,4 @@ +import { SunIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(SunIcon, SunIcon, props); diff --git a/src/icons/icons/svgs/Arrow.tsx b/src/icons/icons/svgs/Arrow.tsx new file mode 100644 index 000000000..21a765596 --- /dev/null +++ b/src/icons/icons/svgs/Arrow.tsx @@ -0,0 +1,16 @@ +import * as React from 'react'; + +function SvgArrow(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgArrow; diff --git a/src/icons/icons/svgs/ArrowLeftIcon.tsx b/src/icons/icons/svgs/ArrowLeftIcon.tsx new file mode 100644 index 000000000..8910fd748 --- /dev/null +++ b/src/icons/icons/svgs/ArrowLeftIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgArrowLeftIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgArrowLeftIcon; diff --git a/src/icons/icons/svgs/ArrowRightIcon.tsx b/src/icons/icons/svgs/ArrowRightIcon.tsx new file mode 100644 index 000000000..763676741 --- /dev/null +++ b/src/icons/icons/svgs/ArrowRightIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgArrowRightIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgArrowRightIcon; diff --git a/src/icons/icons/svgs/BagIcon.tsx b/src/icons/icons/svgs/BagIcon.tsx new file mode 100644 index 000000000..1a5bd0362 --- /dev/null +++ b/src/icons/icons/svgs/BagIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgBagIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgBagIcon; diff --git a/src/icons/icons/svgs/BellIcon.tsx b/src/icons/icons/svgs/BellIcon.tsx new file mode 100644 index 000000000..929e59dad --- /dev/null +++ b/src/icons/icons/svgs/BellIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgBellIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgBellIcon; diff --git a/src/icons/icons/svgs/CalendarIcon.tsx b/src/icons/icons/svgs/CalendarIcon.tsx new file mode 100644 index 000000000..5484415a0 --- /dev/null +++ b/src/icons/icons/svgs/CalendarIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCalendarIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCalendarIcon; diff --git a/src/icons/icons/svgs/CameraIcon.tsx b/src/icons/icons/svgs/CameraIcon.tsx new file mode 100644 index 000000000..848f7883b --- /dev/null +++ b/src/icons/icons/svgs/CameraIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgCameraIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgCameraIcon; diff --git a/src/icons/icons/svgs/ChatBubbleIcon.tsx b/src/icons/icons/svgs/ChatBubbleIcon.tsx new file mode 100644 index 000000000..da2af88f6 --- /dev/null +++ b/src/icons/icons/svgs/ChatBubbleIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgChatBubbleIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgChatBubbleIcon; diff --git a/src/icons/icons/svgs/CheckmarkIcon.tsx b/src/icons/icons/svgs/CheckmarkIcon.tsx new file mode 100644 index 000000000..f37f6d3a4 --- /dev/null +++ b/src/icons/icons/svgs/CheckmarkIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCheckmarkIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCheckmarkIcon; diff --git a/src/icons/icons/svgs/ChevronIcon.tsx b/src/icons/icons/svgs/ChevronIcon.tsx new file mode 100644 index 000000000..5e6a560aa --- /dev/null +++ b/src/icons/icons/svgs/ChevronIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgChevronIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgChevronIcon; diff --git a/src/icons/icons/svgs/CircleCheckmarkIcon.tsx b/src/icons/icons/svgs/CircleCheckmarkIcon.tsx new file mode 100644 index 000000000..1fbef8224 --- /dev/null +++ b/src/icons/icons/svgs/CircleCheckmarkIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgCircleCheckmarkIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCircleCheckmarkIcon; diff --git a/src/icons/icons/svgs/CircleMinusIcon.tsx b/src/icons/icons/svgs/CircleMinusIcon.tsx new file mode 100644 index 000000000..677bc7833 --- /dev/null +++ b/src/icons/icons/svgs/CircleMinusIcon.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; + +function SvgCircleMinusIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgCircleMinusIcon; diff --git a/src/icons/icons/svgs/CirclePlusIcon.tsx b/src/icons/icons/svgs/CirclePlusIcon.tsx new file mode 100644 index 000000000..20cad6d62 --- /dev/null +++ b/src/icons/icons/svgs/CirclePlusIcon.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; + +function SvgCirclePlusIcon(props: React.SVGProps) { + return ( + + + + + + ); +} + +export default SvgCirclePlusIcon; diff --git a/src/icons/icons/svgs/CircleSolidIcon.tsx b/src/icons/icons/svgs/CircleSolidIcon.tsx new file mode 100644 index 000000000..43953b966 --- /dev/null +++ b/src/icons/icons/svgs/CircleSolidIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgCircleSolidIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCircleSolidIcon; diff --git a/src/icons/icons/svgs/ClipboardIcon.tsx b/src/icons/icons/svgs/ClipboardIcon.tsx new file mode 100644 index 000000000..7d450537b --- /dev/null +++ b/src/icons/icons/svgs/ClipboardIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgClipboardIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgClipboardIcon; diff --git a/src/icons/icons/svgs/ClockIcon.tsx b/src/icons/icons/svgs/ClockIcon.tsx new file mode 100644 index 000000000..e8b6a7823 --- /dev/null +++ b/src/icons/icons/svgs/ClockIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgClockIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgClockIcon; diff --git a/src/icons/icons/svgs/CloudIcon.tsx b/src/icons/icons/svgs/CloudIcon.tsx new file mode 100644 index 000000000..623fb2619 --- /dev/null +++ b/src/icons/icons/svgs/CloudIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCloudIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCloudIcon; diff --git a/src/icons/icons/svgs/ContrastIcon.tsx b/src/icons/icons/svgs/ContrastIcon.tsx new file mode 100644 index 000000000..bb0f61dab --- /dev/null +++ b/src/icons/icons/svgs/ContrastIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgContrastIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgContrastIcon; diff --git a/src/icons/icons/svgs/CrossIcon.tsx b/src/icons/icons/svgs/CrossIcon.tsx new file mode 100644 index 000000000..d4db631b0 --- /dev/null +++ b/src/icons/icons/svgs/CrossIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgCrossIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgCrossIcon; diff --git a/src/icons/icons/svgs/DownloadIcon.tsx b/src/icons/icons/svgs/DownloadIcon.tsx new file mode 100644 index 000000000..da46654cc --- /dev/null +++ b/src/icons/icons/svgs/DownloadIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgDownloadIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgDownloadIcon; diff --git a/src/icons/icons/svgs/DropIcon.tsx b/src/icons/icons/svgs/DropIcon.tsx new file mode 100644 index 000000000..70910171f --- /dev/null +++ b/src/icons/icons/svgs/DropIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgDropIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgDropIcon; diff --git a/src/icons/icons/svgs/EditIcon.tsx b/src/icons/icons/svgs/EditIcon.tsx new file mode 100644 index 000000000..81417eaf2 --- /dev/null +++ b/src/icons/icons/svgs/EditIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgEditIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgEditIcon; diff --git a/src/icons/icons/svgs/EqualsIcon.tsx b/src/icons/icons/svgs/EqualsIcon.tsx new file mode 100644 index 000000000..262825de4 --- /dev/null +++ b/src/icons/icons/svgs/EqualsIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgEqualsIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgEqualsIcon; diff --git a/src/icons/icons/svgs/ErrorIcon.tsx b/src/icons/icons/svgs/ErrorIcon.tsx new file mode 100644 index 000000000..5a32ce873 --- /dev/null +++ b/src/icons/icons/svgs/ErrorIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgErrorIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgErrorIcon; diff --git a/src/icons/icons/svgs/EyeClosedIcon.tsx b/src/icons/icons/svgs/EyeClosedIcon.tsx new file mode 100644 index 000000000..402f18eb9 --- /dev/null +++ b/src/icons/icons/svgs/EyeClosedIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgEyeClosedIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgEyeClosedIcon; diff --git a/src/icons/icons/svgs/FacebookIcon.tsx b/src/icons/icons/svgs/FacebookIcon.tsx new file mode 100644 index 000000000..a6179a059 --- /dev/null +++ b/src/icons/icons/svgs/FacebookIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgFacebookIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFacebookIcon; diff --git a/src/icons/icons/svgs/FlagIcon.tsx b/src/icons/icons/svgs/FlagIcon.tsx new file mode 100644 index 000000000..ae5c55637 --- /dev/null +++ b/src/icons/icons/svgs/FlagIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgFlagIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgFlagIcon; diff --git a/src/icons/icons/svgs/GiftIcon.tsx b/src/icons/icons/svgs/GiftIcon.tsx new file mode 100644 index 000000000..f6690cfd9 --- /dev/null +++ b/src/icons/icons/svgs/GiftIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgGiftIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgGiftIcon; diff --git a/src/icons/icons/svgs/GoogleIcon.tsx b/src/icons/icons/svgs/GoogleIcon.tsx new file mode 100644 index 000000000..bb758ea40 --- /dev/null +++ b/src/icons/icons/svgs/GoogleIcon.tsx @@ -0,0 +1,39 @@ +import * as React from 'react'; + +function SvgGoogleIcon(props: React.SVGProps) { + return ( + + + + + + + ); +} + +export default SvgGoogleIcon; diff --git a/src/icons/icons/svgs/GridIcon.tsx b/src/icons/icons/svgs/GridIcon.tsx new file mode 100644 index 000000000..6bdf2c875 --- /dev/null +++ b/src/icons/icons/svgs/GridIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgGridIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgGridIcon; diff --git a/src/icons/icons/svgs/HeartIcon.tsx b/src/icons/icons/svgs/HeartIcon.tsx new file mode 100644 index 000000000..ea516ed24 --- /dev/null +++ b/src/icons/icons/svgs/HeartIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgHeartIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHeartIcon; diff --git a/src/icons/icons/svgs/HelpIcon.tsx b/src/icons/icons/svgs/HelpIcon.tsx new file mode 100644 index 000000000..546391c13 --- /dev/null +++ b/src/icons/icons/svgs/HelpIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgHelpIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHelpIcon; diff --git a/src/icons/icons/svgs/HomeIcon.tsx b/src/icons/icons/svgs/HomeIcon.tsx new file mode 100644 index 000000000..0ab7ed378 --- /dev/null +++ b/src/icons/icons/svgs/HomeIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgHomeIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHomeIcon; diff --git a/src/icons/icons/svgs/ImageIcon.tsx b/src/icons/icons/svgs/ImageIcon.tsx new file mode 100644 index 000000000..dc871b67a --- /dev/null +++ b/src/icons/icons/svgs/ImageIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgImageIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgImageIcon; diff --git a/src/icons/icons/svgs/InfoIcon.tsx b/src/icons/icons/svgs/InfoIcon.tsx new file mode 100644 index 000000000..5efa8591b --- /dev/null +++ b/src/icons/icons/svgs/InfoIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgInfoIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgInfoIcon; diff --git a/src/icons/icons/svgs/InstagramIcon.tsx b/src/icons/icons/svgs/InstagramIcon.tsx new file mode 100644 index 000000000..0f2a524d3 --- /dev/null +++ b/src/icons/icons/svgs/InstagramIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgInstagramIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgInstagramIcon; diff --git a/src/icons/icons/svgs/LightningIcon.tsx b/src/icons/icons/svgs/LightningIcon.tsx new file mode 100644 index 000000000..5137755d6 --- /dev/null +++ b/src/icons/icons/svgs/LightningIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgLightningIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLightningIcon; diff --git a/src/icons/icons/svgs/LocationIcon.tsx b/src/icons/icons/svgs/LocationIcon.tsx new file mode 100644 index 000000000..244cd0b0d --- /dev/null +++ b/src/icons/icons/svgs/LocationIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgLocationIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLocationIcon; diff --git a/src/icons/icons/svgs/LockIcon.tsx b/src/icons/icons/svgs/LockIcon.tsx new file mode 100644 index 000000000..c31112efd --- /dev/null +++ b/src/icons/icons/svgs/LockIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgLockIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLockIcon; diff --git a/src/icons/icons/svgs/LogoutIcon.tsx b/src/icons/icons/svgs/LogoutIcon.tsx new file mode 100644 index 000000000..dfaadd7be --- /dev/null +++ b/src/icons/icons/svgs/LogoutIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgLogoutIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLogoutIcon; diff --git a/src/icons/icons/svgs/MailIcon.tsx b/src/icons/icons/svgs/MailIcon.tsx new file mode 100644 index 000000000..5311e7af4 --- /dev/null +++ b/src/icons/icons/svgs/MailIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMailIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMailIcon; diff --git a/src/icons/icons/svgs/MenuIcon.tsx b/src/icons/icons/svgs/MenuIcon.tsx new file mode 100644 index 000000000..a305a1c13 --- /dev/null +++ b/src/icons/icons/svgs/MenuIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMenuIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMenuIcon; diff --git a/src/icons/icons/svgs/MicIcon.tsx b/src/icons/icons/svgs/MicIcon.tsx new file mode 100644 index 000000000..611ce2b1c --- /dev/null +++ b/src/icons/icons/svgs/MicIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgMicIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMicIcon; diff --git a/src/icons/icons/svgs/MinusIcon.tsx b/src/icons/icons/svgs/MinusIcon.tsx new file mode 100644 index 000000000..5fb33a8c4 --- /dev/null +++ b/src/icons/icons/svgs/MinusIcon.tsx @@ -0,0 +1,16 @@ +import * as React from 'react'; + +function SvgMinusIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMinusIcon; diff --git a/src/icons/icons/svgs/MoreIcon.tsx b/src/icons/icons/svgs/MoreIcon.tsx new file mode 100644 index 000000000..74883fafe --- /dev/null +++ b/src/icons/icons/svgs/MoreIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMoreIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMoreIcon; diff --git a/src/icons/icons/svgs/NextIcon.tsx b/src/icons/icons/svgs/NextIcon.tsx new file mode 100644 index 000000000..6050d2918 --- /dev/null +++ b/src/icons/icons/svgs/NextIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgNextIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNextIcon; diff --git a/src/icons/icons/svgs/PaperclipIcon.tsx b/src/icons/icons/svgs/PaperclipIcon.tsx new file mode 100644 index 000000000..4a10a26c6 --- /dev/null +++ b/src/icons/icons/svgs/PaperclipIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPaperclipIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPaperclipIcon; diff --git a/src/icons/icons/svgs/PauseIcon.tsx b/src/icons/icons/svgs/PauseIcon.tsx new file mode 100644 index 000000000..6e8e6eaa2 --- /dev/null +++ b/src/icons/icons/svgs/PauseIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPauseIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPauseIcon; diff --git a/src/icons/icons/svgs/PaymentIcon.tsx b/src/icons/icons/svgs/PaymentIcon.tsx new file mode 100644 index 000000000..36b146211 --- /dev/null +++ b/src/icons/icons/svgs/PaymentIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPaymentIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPaymentIcon; diff --git a/src/icons/icons/svgs/PhoneIcon.tsx b/src/icons/icons/svgs/PhoneIcon.tsx new file mode 100644 index 000000000..2744d5c0e --- /dev/null +++ b/src/icons/icons/svgs/PhoneIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPhoneIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPhoneIcon; diff --git a/src/icons/icons/svgs/PinterestIcon.tsx b/src/icons/icons/svgs/PinterestIcon.tsx new file mode 100644 index 000000000..4b16446ad --- /dev/null +++ b/src/icons/icons/svgs/PinterestIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPinterestIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPinterestIcon; diff --git a/src/icons/icons/svgs/PlanIcon.tsx b/src/icons/icons/svgs/PlanIcon.tsx new file mode 100644 index 000000000..21d178bbb --- /dev/null +++ b/src/icons/icons/svgs/PlanIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPlanIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPlanIcon; diff --git a/src/icons/icons/svgs/PlayIcon.tsx b/src/icons/icons/svgs/PlayIcon.tsx new file mode 100644 index 000000000..6b2a09520 --- /dev/null +++ b/src/icons/icons/svgs/PlayIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPlayIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPlayIcon; diff --git a/src/icons/icons/svgs/PlusIcon.tsx b/src/icons/icons/svgs/PlusIcon.tsx new file mode 100644 index 000000000..73ee3c07d --- /dev/null +++ b/src/icons/icons/svgs/PlusIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgPlusIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPlusIcon; diff --git a/src/icons/icons/svgs/PostcardIcon.tsx b/src/icons/icons/svgs/PostcardIcon.tsx new file mode 100644 index 000000000..f5dac1ebd --- /dev/null +++ b/src/icons/icons/svgs/PostcardIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPostcardIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPostcardIcon; diff --git a/src/icons/icons/svgs/PreviousIcon.tsx b/src/icons/icons/svgs/PreviousIcon.tsx new file mode 100644 index 000000000..90af78a13 --- /dev/null +++ b/src/icons/icons/svgs/PreviousIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgPreviousIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgPreviousIcon; diff --git a/src/icons/icons/svgs/ProviderIcon.tsx b/src/icons/icons/svgs/ProviderIcon.tsx new file mode 100644 index 000000000..bd6cf81d3 --- /dev/null +++ b/src/icons/icons/svgs/ProviderIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgProviderIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgProviderIcon; diff --git a/src/icons/icons/svgs/RefreshIcon.tsx b/src/icons/icons/svgs/RefreshIcon.tsx new file mode 100644 index 000000000..d540f0167 --- /dev/null +++ b/src/icons/icons/svgs/RefreshIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgRefreshIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgRefreshIcon; diff --git a/src/icons/icons/svgs/RotateIcon.tsx b/src/icons/icons/svgs/RotateIcon.tsx new file mode 100644 index 000000000..a363691f3 --- /dev/null +++ b/src/icons/icons/svgs/RotateIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgRotateIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgRotateIcon; diff --git a/src/icons/icons/svgs/SearchIcon.tsx b/src/icons/icons/svgs/SearchIcon.tsx new file mode 100644 index 000000000..f625da881 --- /dev/null +++ b/src/icons/icons/svgs/SearchIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSearchIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSearchIcon; diff --git a/src/icons/icons/svgs/SettingsIcon.tsx b/src/icons/icons/svgs/SettingsIcon.tsx new file mode 100644 index 000000000..808ce5378 --- /dev/null +++ b/src/icons/icons/svgs/SettingsIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSettingsIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSettingsIcon; diff --git a/src/icons/icons/svgs/ShuffleIcon.tsx b/src/icons/icons/svgs/ShuffleIcon.tsx new file mode 100644 index 000000000..80422c995 --- /dev/null +++ b/src/icons/icons/svgs/ShuffleIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgShuffleIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgShuffleIcon; diff --git a/src/icons/icons/svgs/SmileIcon.tsx b/src/icons/icons/svgs/SmileIcon.tsx new file mode 100644 index 000000000..74e807866 --- /dev/null +++ b/src/icons/icons/svgs/SmileIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSmileIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSmileIcon; diff --git a/src/icons/icons/svgs/SnapchatIcon.tsx b/src/icons/icons/svgs/SnapchatIcon.tsx new file mode 100644 index 000000000..66862efce --- /dev/null +++ b/src/icons/icons/svgs/SnapchatIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgSnapchatIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSnapchatIcon; diff --git a/src/icons/icons/svgs/StarFilledIcon.tsx b/src/icons/icons/svgs/StarFilledIcon.tsx new file mode 100644 index 000000000..2fbd0a964 --- /dev/null +++ b/src/icons/icons/svgs/StarFilledIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgStarFilledIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgStarFilledIcon; diff --git a/src/icons/icons/svgs/StarIcon.tsx b/src/icons/icons/svgs/StarIcon.tsx new file mode 100644 index 000000000..67436c62d --- /dev/null +++ b/src/icons/icons/svgs/StarIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgStarIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgStarIcon; diff --git a/src/icons/icons/svgs/SunIcon.tsx b/src/icons/icons/svgs/SunIcon.tsx new file mode 100644 index 000000000..3d7601740 --- /dev/null +++ b/src/icons/icons/svgs/SunIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgSunIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgSunIcon; diff --git a/src/icons/icons/svgs/TemperatureIcon.tsx b/src/icons/icons/svgs/TemperatureIcon.tsx new file mode 100644 index 000000000..3508166ae --- /dev/null +++ b/src/icons/icons/svgs/TemperatureIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTemperatureIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTemperatureIcon; diff --git a/src/icons/icons/svgs/ThumbsDownIcon.tsx b/src/icons/icons/svgs/ThumbsDownIcon.tsx new file mode 100644 index 000000000..9f16125d3 --- /dev/null +++ b/src/icons/icons/svgs/ThumbsDownIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgThumbsDownIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgThumbsDownIcon; diff --git a/src/icons/icons/svgs/ThumbsUpIcon.tsx b/src/icons/icons/svgs/ThumbsUpIcon.tsx new file mode 100644 index 000000000..a59155332 --- /dev/null +++ b/src/icons/icons/svgs/ThumbsUpIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgThumbsUpIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgThumbsUpIcon; diff --git a/src/icons/icons/svgs/TimerIcon.tsx b/src/icons/icons/svgs/TimerIcon.tsx new file mode 100644 index 000000000..e185e78a4 --- /dev/null +++ b/src/icons/icons/svgs/TimerIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTimerIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTimerIcon; diff --git a/src/icons/icons/svgs/TransferIcon.tsx b/src/icons/icons/svgs/TransferIcon.tsx new file mode 100644 index 000000000..a525565a5 --- /dev/null +++ b/src/icons/icons/svgs/TransferIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTransferIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTransferIcon; diff --git a/src/icons/icons/svgs/TrashIcon.tsx b/src/icons/icons/svgs/TrashIcon.tsx new file mode 100644 index 000000000..5b509f8f1 --- /dev/null +++ b/src/icons/icons/svgs/TrashIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTrashIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTrashIcon; diff --git a/src/icons/icons/svgs/TreatmentIcon.tsx b/src/icons/icons/svgs/TreatmentIcon.tsx new file mode 100644 index 000000000..1546d7f46 --- /dev/null +++ b/src/icons/icons/svgs/TreatmentIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTreatmentIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTreatmentIcon; diff --git a/src/icons/icons/svgs/TreatmentPlanIcon.tsx b/src/icons/icons/svgs/TreatmentPlanIcon.tsx new file mode 100644 index 000000000..40272e06f --- /dev/null +++ b/src/icons/icons/svgs/TreatmentPlanIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTreatmentPlanIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTreatmentPlanIcon; diff --git a/src/icons/icons/svgs/TruckIcon.tsx b/src/icons/icons/svgs/TruckIcon.tsx new file mode 100644 index 000000000..a9d96acd0 --- /dev/null +++ b/src/icons/icons/svgs/TruckIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTruckIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTruckIcon; diff --git a/src/icons/icons/svgs/TungstenIcon.tsx b/src/icons/icons/svgs/TungstenIcon.tsx new file mode 100644 index 000000000..50c817331 --- /dev/null +++ b/src/icons/icons/svgs/TungstenIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgTungstenIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTungstenIcon; diff --git a/src/icons/icons/svgs/TwitterIcon.tsx b/src/icons/icons/svgs/TwitterIcon.tsx new file mode 100644 index 000000000..305bf62f6 --- /dev/null +++ b/src/icons/icons/svgs/TwitterIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgTwitterIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgTwitterIcon; diff --git a/src/icons/icons/svgs/UploadIcon.tsx b/src/icons/icons/svgs/UploadIcon.tsx new file mode 100644 index 000000000..69d37b4a1 --- /dev/null +++ b/src/icons/icons/svgs/UploadIcon.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +function SvgUploadIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgUploadIcon; diff --git a/src/icons/icons/svgs/UserIcon.tsx b/src/icons/icons/svgs/UserIcon.tsx new file mode 100644 index 000000000..cdb23eb2e --- /dev/null +++ b/src/icons/icons/svgs/UserIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgUserIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgUserIcon; diff --git a/src/icons/icons/svgs/VideoIcon.tsx b/src/icons/icons/svgs/VideoIcon.tsx new file mode 100644 index 000000000..64b8b2c96 --- /dev/null +++ b/src/icons/icons/svgs/VideoIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgVideoIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgVideoIcon; diff --git a/src/icons/icons/svgs/YouTubeIcon.tsx b/src/icons/icons/svgs/YouTubeIcon.tsx new file mode 100644 index 000000000..2f9297144 --- /dev/null +++ b/src/icons/icons/svgs/YouTubeIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgYouTubeIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgYouTubeIcon; diff --git a/src/icons/icons/svgs/index.tsx b/src/icons/icons/svgs/index.tsx new file mode 100644 index 000000000..c0f935162 --- /dev/null +++ b/src/icons/icons/svgs/index.tsx @@ -0,0 +1,82 @@ +export { default as ArrowLeftIcon } from './ArrowLeftIcon' +export { default as ArrowRightIcon } from './ArrowRightIcon' +export { default as Arrow } from './Arrow' +export { default as BagIcon } from './BagIcon' +export { default as BellIcon } from './BellIcon' +export { default as CalendarIcon } from './CalendarIcon' +export { default as CameraIcon } from './CameraIcon' +export { default as ChatBubbleIcon } from './ChatBubbleIcon' +export { default as CheckmarkIcon } from './CheckmarkIcon' +export { default as ChevronIcon } from './ChevronIcon' +export { default as CircleCheckmarkIcon } from './CircleCheckmarkIcon' +export { default as CircleMinusIcon } from './CircleMinusIcon' +export { default as CirclePlusIcon } from './CirclePlusIcon' +export { default as CircleSolidIcon } from './CircleSolidIcon' +export { default as ClipboardIcon } from './ClipboardIcon' +export { default as ClockIcon } from './ClockIcon' +export { default as CloudIcon } from './CloudIcon' +export { default as ContrastIcon } from './ContrastIcon' +export { default as CrossIcon } from './CrossIcon' +export { default as DownloadIcon } from './DownloadIcon' +export { default as DropIcon } from './DropIcon' +export { default as EditIcon } from './EditIcon' +export { default as EqualsIcon } from './EqualsIcon' +export { default as ErrorIcon } from './ErrorIcon' +export { default as EyeClosedIcon } from './EyeClosedIcon' +export { default as FacebookIcon } from './FacebookIcon' +export { default as FlagIcon } from './FlagIcon' +export { default as GiftIcon } from './GiftIcon' +export { default as GoogleIcon } from './GoogleIcon' +export { default as GridIcon } from './GridIcon' +export { default as HeartIcon } from './HeartIcon' +export { default as HelpIcon } from './HelpIcon' +export { default as HomeIcon } from './HomeIcon' +export { default as ImageIcon } from './ImageIcon' +export { default as InfoIcon } from './InfoIcon' +export { default as InstagramIcon } from './InstagramIcon' +export { default as LightningIcon } from './LightningIcon' +export { default as LocationIcon } from './LocationIcon' +export { default as LockIcon } from './LockIcon' +export { default as LogoutIcon } from './LogoutIcon' +export { default as MailIcon } from './MailIcon' +export { default as MenuIcon } from './MenuIcon' +export { default as MicIcon } from './MicIcon' +export { default as MinusIcon } from './MinusIcon' +export { default as MoreIcon } from './MoreIcon' +export { default as NextIcon } from './NextIcon' +export { default as PaperclipIcon } from './PaperclipIcon' +export { default as PauseIcon } from './PauseIcon' +export { default as PaymentIcon } from './PaymentIcon' +export { default as PhoneIcon } from './PhoneIcon' +export { default as PinterestIcon } from './PinterestIcon' +export { default as PlanIcon } from './PlanIcon' +export { default as PlayIcon } from './PlayIcon' +export { default as PlusIcon } from './PlusIcon' +export { default as PostcardIcon } from './PostcardIcon' +export { default as PreviousIcon } from './PreviousIcon' +export { default as ProviderIcon } from './ProviderIcon' +export { default as RefreshIcon } from './RefreshIcon' +export { default as RotateIcon } from './RotateIcon' +export { default as SearchIcon } from './SearchIcon' +export { default as SettingsIcon } from './SettingsIcon' +export { default as ShuffleIcon } from './ShuffleIcon' +export { default as SmileIcon } from './SmileIcon' +export { default as SnapchatIcon } from './SnapchatIcon' +export { default as StarFilledIcon } from './StarFilledIcon' +export { default as StarIcon } from './StarIcon' +export { default as SunIcon } from './SunIcon' +export { default as TemperatureIcon } from './TemperatureIcon' +export { default as ThumbsDownIcon } from './ThumbsDownIcon' +export { default as ThumbsUpIcon } from './ThumbsUpIcon' +export { default as TimerIcon } from './TimerIcon' +export { default as TransferIcon } from './TransferIcon' +export { default as TrashIcon } from './TrashIcon' +export { default as TreatmentIcon } from './TreatmentIcon' +export { default as TreatmentPlanIcon } from './TreatmentPlanIcon' +export { default as TruckIcon } from './TruckIcon' +export { default as TungstenIcon } from './TungstenIcon' +export { default as TwitterIcon } from './TwitterIcon' +export { default as UploadIcon } from './UploadIcon' +export { default as UserIcon } from './UserIcon' +export { default as VideoIcon } from './VideoIcon' +export { default as YouTubeIcon } from './YouTubeIcon' \ No newline at end of file diff --git a/src/icons/icons/temperatureIcon.ts b/src/icons/icons/temperatureIcon.ts new file mode 100644 index 000000000..b61cdf1bc --- /dev/null +++ b/src/icons/icons/temperatureIcon.ts @@ -0,0 +1,5 @@ +import { TemperatureIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TemperatureIcon, TemperatureIcon, props); diff --git a/src/icons/icons/thumbsDownIcon.ts b/src/icons/icons/thumbsDownIcon.ts new file mode 100644 index 000000000..1cdd30706 --- /dev/null +++ b/src/icons/icons/thumbsDownIcon.ts @@ -0,0 +1,5 @@ +import { ThumbsDownIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ThumbsDownIcon, ThumbsDownIcon, props); diff --git a/src/icons/icons/thumbsUpIcon.ts b/src/icons/icons/thumbsUpIcon.ts new file mode 100644 index 000000000..49420e520 --- /dev/null +++ b/src/icons/icons/thumbsUpIcon.ts @@ -0,0 +1,4 @@ +import { ThumbsUpIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(ThumbsUpIcon, ThumbsUpIcon, props); diff --git a/src/icons/icons/timerIcon.ts b/src/icons/icons/timerIcon.ts new file mode 100644 index 000000000..62760a404 --- /dev/null +++ b/src/icons/icons/timerIcon.ts @@ -0,0 +1,4 @@ +import { TimerIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TimerIcon, TimerIcon, props); diff --git a/src/icons/icons/transferIcon.ts b/src/icons/icons/transferIcon.ts new file mode 100644 index 000000000..3df0e268d --- /dev/null +++ b/src/icons/icons/transferIcon.ts @@ -0,0 +1,4 @@ +import { TransferIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TransferIcon, TransferIcon, props); diff --git a/src/icons/icons/trashIcon.ts b/src/icons/icons/trashIcon.ts new file mode 100644 index 000000000..5c3c68efa --- /dev/null +++ b/src/icons/icons/trashIcon.ts @@ -0,0 +1,4 @@ +import { TrashIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TrashIcon, TrashIcon, props); diff --git a/src/icons/icons/treatmentIcon.ts b/src/icons/icons/treatmentIcon.ts new file mode 100644 index 000000000..15a46b006 --- /dev/null +++ b/src/icons/icons/treatmentIcon.ts @@ -0,0 +1,5 @@ +import { TreatmentIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TreatmentIcon, TreatmentIcon, props); diff --git a/src/icons/icons/treatmentPlanIcon.ts b/src/icons/icons/treatmentPlanIcon.ts new file mode 100644 index 000000000..8382b05c8 --- /dev/null +++ b/src/icons/icons/treatmentPlanIcon.ts @@ -0,0 +1,5 @@ +import { TreatmentPlanIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(TreatmentPlanIcon, TreatmentPlanIcon, props); diff --git a/src/icons/icons/truckIcon.ts b/src/icons/icons/truckIcon.ts new file mode 100644 index 000000000..d4007e14b --- /dev/null +++ b/src/icons/icons/truckIcon.ts @@ -0,0 +1,4 @@ +import { TruckIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TruckIcon, TruckIcon, props); diff --git a/src/icons/icons/tungstenIcon.ts b/src/icons/icons/tungstenIcon.ts new file mode 100644 index 000000000..525779d5e --- /dev/null +++ b/src/icons/icons/tungstenIcon.ts @@ -0,0 +1,4 @@ +import { TungstenIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TungstenIcon, TungstenIcon, props); diff --git a/src/icons/icons/twitterIcon.ts b/src/icons/icons/twitterIcon.ts new file mode 100644 index 000000000..c3b232b7c --- /dev/null +++ b/src/icons/icons/twitterIcon.ts @@ -0,0 +1,4 @@ +import { TwitterIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(TwitterIcon, TwitterIcon, props); diff --git a/src/icons/icons/uploadIcon.ts b/src/icons/icons/uploadIcon.ts new file mode 100644 index 000000000..52b05c795 --- /dev/null +++ b/src/icons/icons/uploadIcon.ts @@ -0,0 +1,4 @@ +import { UploadIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(UploadIcon, UploadIcon, props); diff --git a/src/icons/icons/userIcon.ts b/src/icons/icons/userIcon.ts new file mode 100644 index 000000000..bae8edbad --- /dev/null +++ b/src/icons/icons/userIcon.ts @@ -0,0 +1,4 @@ +import { UserIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(UserIcon, UserIcon, props); diff --git a/src/icons/icons/videoIcon.ts b/src/icons/icons/videoIcon.ts new file mode 100644 index 000000000..fafcb8d9d --- /dev/null +++ b/src/icons/icons/videoIcon.ts @@ -0,0 +1,4 @@ +import { VideoIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(VideoIcon, VideoIcon, props); diff --git a/src/icons/icons/youTubeIcon.ts b/src/icons/icons/youTubeIcon.ts new file mode 100644 index 000000000..7133a6b2d --- /dev/null +++ b/src/icons/icons/youTubeIcon.ts @@ -0,0 +1,4 @@ +import { YouTubeIcon } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(YouTubeIcon, YouTubeIcon, props); diff --git a/src/icons/index.ts b/src/icons/index.ts new file mode 100644 index 000000000..74c72dba9 --- /dev/null +++ b/src/icons/index.ts @@ -0,0 +1,8 @@ +// Note: this file has to be manually updated if we add more types of icons. +// We do not generate it via create-index + +export * from './emojis'; +export * from './glyphs'; +export * from './icons'; +export * from './logos'; +export * from './navIcons'; diff --git a/src/icons/logos/index.ts b/src/icons/logos/index.ts new file mode 100644 index 000000000..113119fa9 --- /dev/null +++ b/src/icons/logos/index.ts @@ -0,0 +1,4 @@ +// @create-index + +export { default as Logo } from './logo'; +export { default as Wordmark } from './wordmark'; diff --git a/src/icons/logos/logo.ts b/src/icons/logos/logo.ts new file mode 100644 index 000000000..8b1ccca46 --- /dev/null +++ b/src/icons/logos/logo.ts @@ -0,0 +1,4 @@ +import { LogoPrimary } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(LogoPrimary, LogoPrimary, props); diff --git a/src/icons/logos/svgs/LogoPrimary.tsx b/src/icons/logos/svgs/LogoPrimary.tsx new file mode 100644 index 000000000..8706fd798 --- /dev/null +++ b/src/icons/logos/svgs/LogoPrimary.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgLogoPrimary(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgLogoPrimary; diff --git a/src/icons/logos/svgs/WordmarkPrimary.tsx b/src/icons/logos/svgs/WordmarkPrimary.tsx new file mode 100644 index 000000000..ed4092213 --- /dev/null +++ b/src/icons/logos/svgs/WordmarkPrimary.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgWordmarkPrimary(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgWordmarkPrimary; diff --git a/src/icons/logos/svgs/index.tsx b/src/icons/logos/svgs/index.tsx new file mode 100644 index 000000000..e2b9eada9 --- /dev/null +++ b/src/icons/logos/svgs/index.tsx @@ -0,0 +1,2 @@ +export { default as LogoPrimary } from './LogoPrimary' +export { default as WordmarkPrimary } from './WordmarkPrimary' \ No newline at end of file diff --git a/src/icons/logos/wordmark.ts b/src/icons/logos/wordmark.ts new file mode 100644 index 000000000..0a65c330a --- /dev/null +++ b/src/icons/logos/wordmark.ts @@ -0,0 +1,5 @@ +import { WordmarkPrimary } from './svgs'; +import { IconProps, useIcon } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(WordmarkPrimary, WordmarkPrimary, props); diff --git a/src/icons/navIcons/cameraNavIcon.ts b/src/icons/navIcons/cameraNavIcon.ts new file mode 100644 index 000000000..8f0039bc7 --- /dev/null +++ b/src/icons/navIcons/cameraNavIcon.ts @@ -0,0 +1,5 @@ +import { CameraNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CameraNavIcon, CameraNavIcon, props); diff --git a/src/icons/navIcons/cameraSelectedNavIcon.ts b/src/icons/navIcons/cameraSelectedNavIcon.ts new file mode 100644 index 000000000..674a53a76 --- /dev/null +++ b/src/icons/navIcons/cameraSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { CameraSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(CameraSelectedNavIcon, CameraSelectedNavIcon, props); diff --git a/src/icons/navIcons/homeNavIcon.ts b/src/icons/navIcons/homeNavIcon.ts new file mode 100644 index 000000000..25f9174d0 --- /dev/null +++ b/src/icons/navIcons/homeNavIcon.ts @@ -0,0 +1,4 @@ +import { HomeNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(HomeNavIcon, HomeNavIcon, props); diff --git a/src/icons/navIcons/homeSelectedNavIcon.ts b/src/icons/navIcons/homeSelectedNavIcon.ts new file mode 100644 index 000000000..9920a72d1 --- /dev/null +++ b/src/icons/navIcons/homeSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { HomeSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(HomeSelectedNavIcon, HomeSelectedNavIcon, props); diff --git a/src/icons/navIcons/index.ts b/src/icons/navIcons/index.ts new file mode 100644 index 000000000..4237e650e --- /dev/null +++ b/src/icons/navIcons/index.ts @@ -0,0 +1,14 @@ +// @create-index + +export { default as CameraNavIcon } from './cameraNavIcon'; +export { default as CameraSelectedNavIcon } from './cameraSelectedNavIcon'; +export { default as HomeNavIcon } from './homeNavIcon'; +export { default as HomeSelectedNavIcon } from './homeSelectedNavIcon'; +export { default as MessagesNavIcon } from './messagesNavIcon'; +export { default as MessagesSelectedNavIcon } from './messagesSelectedNavIcon'; +export { default as MoreNavIcon } from './moreNavIcon'; +export { default as MoreSelectedNavIcon } from './moreSelectedNavIcon'; +export { default as NotificationsNavIcon } from './notificationsNavIcon'; +export { default as NotificationsSelectedNavIcon } from './notificationsSelectedNavIcon'; +export { default as ProfileNavIcon } from './profileNavIcon'; +export { default as ProfileSelectedNavIcon } from './profileSelectedNavIcon'; diff --git a/src/icons/navIcons/messagesNavIcon.ts b/src/icons/navIcons/messagesNavIcon.ts new file mode 100644 index 000000000..5a53707d6 --- /dev/null +++ b/src/icons/navIcons/messagesNavIcon.ts @@ -0,0 +1,5 @@ +import { MessagesNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MessagesNavIcon, MessagesNavIcon, props); diff --git a/src/icons/navIcons/messagesSelectedNavIcon.ts b/src/icons/navIcons/messagesSelectedNavIcon.ts new file mode 100644 index 000000000..52a0529f4 --- /dev/null +++ b/src/icons/navIcons/messagesSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { MessagesSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MessagesSelectedNavIcon, MessagesSelectedNavIcon, props); diff --git a/src/icons/navIcons/moreNavIcon.ts b/src/icons/navIcons/moreNavIcon.ts new file mode 100644 index 000000000..8d89f2a9d --- /dev/null +++ b/src/icons/navIcons/moreNavIcon.ts @@ -0,0 +1,4 @@ +import { MoreNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => useIcon(MoreNavIcon, MoreNavIcon, props); diff --git a/src/icons/navIcons/moreSelectedNavIcon.ts b/src/icons/navIcons/moreSelectedNavIcon.ts new file mode 100644 index 000000000..b1ed91ae2 --- /dev/null +++ b/src/icons/navIcons/moreSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { MoreSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(MoreSelectedNavIcon, MoreSelectedNavIcon, props); diff --git a/src/icons/navIcons/notificationsNavIcon.ts b/src/icons/navIcons/notificationsNavIcon.ts new file mode 100644 index 000000000..c9fbf5e98 --- /dev/null +++ b/src/icons/navIcons/notificationsNavIcon.ts @@ -0,0 +1,5 @@ +import { NotificationsNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NotificationsNavIcon, NotificationsNavIcon, props); diff --git a/src/icons/navIcons/notificationsSelectedNavIcon.ts b/src/icons/navIcons/notificationsSelectedNavIcon.ts new file mode 100644 index 000000000..bfca3b624 --- /dev/null +++ b/src/icons/navIcons/notificationsSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { NotificationsSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(NotificationsSelectedNavIcon, NotificationsSelectedNavIcon, props); diff --git a/src/icons/navIcons/profileNavIcon.ts b/src/icons/navIcons/profileNavIcon.ts new file mode 100644 index 000000000..3714f7783 --- /dev/null +++ b/src/icons/navIcons/profileNavIcon.ts @@ -0,0 +1,5 @@ +import { ProfileNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ProfileNavIcon, ProfileNavIcon, props); diff --git a/src/icons/navIcons/profileSelectedNavIcon.ts b/src/icons/navIcons/profileSelectedNavIcon.ts new file mode 100644 index 000000000..9adab6f7f --- /dev/null +++ b/src/icons/navIcons/profileSelectedNavIcon.ts @@ -0,0 +1,5 @@ +import { ProfileSelectedNavIcon } from './svgs'; +import { useIcon, IconProps } from '../../shared-components/icon'; + +export default (props: IconProps) => + useIcon(ProfileSelectedNavIcon, ProfileSelectedNavIcon, props); diff --git a/src/icons/navIcons/svgs/CameraNavIcon.tsx b/src/icons/navIcons/svgs/CameraNavIcon.tsx new file mode 100644 index 000000000..af68c9783 --- /dev/null +++ b/src/icons/navIcons/svgs/CameraNavIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgCameraNavIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgCameraNavIcon; diff --git a/src/icons/navIcons/svgs/CameraSelectedNavIcon.tsx b/src/icons/navIcons/svgs/CameraSelectedNavIcon.tsx new file mode 100644 index 000000000..a63dbf34e --- /dev/null +++ b/src/icons/navIcons/svgs/CameraSelectedNavIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgCameraSelectedNavIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgCameraSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/HomeNavIcon.tsx b/src/icons/navIcons/svgs/HomeNavIcon.tsx new file mode 100644 index 000000000..130eda344 --- /dev/null +++ b/src/icons/navIcons/svgs/HomeNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgHomeNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHomeNavIcon; diff --git a/src/icons/navIcons/svgs/HomeSelectedNavIcon.tsx b/src/icons/navIcons/svgs/HomeSelectedNavIcon.tsx new file mode 100644 index 000000000..e91b300f8 --- /dev/null +++ b/src/icons/navIcons/svgs/HomeSelectedNavIcon.tsx @@ -0,0 +1,16 @@ +import * as React from 'react'; + +function SvgHomeSelectedNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgHomeSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/MessagesNavIcon.tsx b/src/icons/navIcons/svgs/MessagesNavIcon.tsx new file mode 100644 index 000000000..1534e9dcb --- /dev/null +++ b/src/icons/navIcons/svgs/MessagesNavIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgMessagesNavIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgMessagesNavIcon; diff --git a/src/icons/navIcons/svgs/MessagesSelectedNavIcon.tsx b/src/icons/navIcons/svgs/MessagesSelectedNavIcon.tsx new file mode 100644 index 000000000..8c0c24c2e --- /dev/null +++ b/src/icons/navIcons/svgs/MessagesSelectedNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMessagesSelectedNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMessagesSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/MoreNavIcon.tsx b/src/icons/navIcons/svgs/MoreNavIcon.tsx new file mode 100644 index 000000000..c51490b50 --- /dev/null +++ b/src/icons/navIcons/svgs/MoreNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMoreNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMoreNavIcon; diff --git a/src/icons/navIcons/svgs/MoreSelectedNavIcon.tsx b/src/icons/navIcons/svgs/MoreSelectedNavIcon.tsx new file mode 100644 index 000000000..2145aac87 --- /dev/null +++ b/src/icons/navIcons/svgs/MoreSelectedNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgMoreSelectedNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgMoreSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/NotificationsNavIcon.tsx b/src/icons/navIcons/svgs/NotificationsNavIcon.tsx new file mode 100644 index 000000000..f7a7b7169 --- /dev/null +++ b/src/icons/navIcons/svgs/NotificationsNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgNotificationsNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNotificationsNavIcon; diff --git a/src/icons/navIcons/svgs/NotificationsSelectedNavIcon.tsx b/src/icons/navIcons/svgs/NotificationsSelectedNavIcon.tsx new file mode 100644 index 000000000..1d5aea1cc --- /dev/null +++ b/src/icons/navIcons/svgs/NotificationsSelectedNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgNotificationsSelectedNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgNotificationsSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/ProfileNavIcon.tsx b/src/icons/navIcons/svgs/ProfileNavIcon.tsx new file mode 100644 index 000000000..8c6f785a7 --- /dev/null +++ b/src/icons/navIcons/svgs/ProfileNavIcon.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +function SvgProfileNavIcon(props: React.SVGProps) { + return ( + + + + ); +} + +export default SvgProfileNavIcon; diff --git a/src/icons/navIcons/svgs/ProfileSelectedNavIcon.tsx b/src/icons/navIcons/svgs/ProfileSelectedNavIcon.tsx new file mode 100644 index 000000000..7e75fb57c --- /dev/null +++ b/src/icons/navIcons/svgs/ProfileSelectedNavIcon.tsx @@ -0,0 +1,23 @@ +import * as React from 'react'; + +function SvgProfileSelectedNavIcon(props: React.SVGProps) { + return ( + + + + + ); +} + +export default SvgProfileSelectedNavIcon; diff --git a/src/icons/navIcons/svgs/index.tsx b/src/icons/navIcons/svgs/index.tsx new file mode 100644 index 000000000..c9637d51a --- /dev/null +++ b/src/icons/navIcons/svgs/index.tsx @@ -0,0 +1,12 @@ +export { default as CameraNavIcon } from './CameraNavIcon' +export { default as CameraSelectedNavIcon } from './CameraSelectedNavIcon' +export { default as HomeNavIcon } from './HomeNavIcon' +export { default as HomeSelectedNavIcon } from './HomeSelectedNavIcon' +export { default as MessagesNavIcon } from './MessagesNavIcon' +export { default as MessagesSelectedNavIcon } from './MessagesSelectedNavIcon' +export { default as MoreNavIcon } from './MoreNavIcon' +export { default as MoreSelectedNavIcon } from './MoreSelectedNavIcon' +export { default as NotificationsNavIcon } from './NotificationsNavIcon' +export { default as NotificationsSelectedNavIcon } from './NotificationsSelectedNavIcon' +export { default as ProfileNavIcon } from './ProfileNavIcon' +export { default as ProfileSelectedNavIcon } from './ProfileSelectedNavIcon' \ No newline at end of file diff --git a/src/icons/test.ts b/src/icons/test.ts new file mode 100644 index 000000000..ca5927a73 --- /dev/null +++ b/src/icons/test.ts @@ -0,0 +1,93 @@ +import path from 'path'; +import fs from 'fs'; + +/** + * Transform to help us compare name equality between icon components and their themed export complement: + * + * @example + * transformFileName("SomeIconPrimary.tsx") === "someicon" + * transformFileName("SomeIconSecondary.tsx") === "someicon" + * transformFileName("someIcon.ts") === "someicon" + */ +const transformIconFileNames = (fileName: string) => + fileName.toLowerCase().replace(/(-|.tsx$|.ts$|primary|secondary)/g, ''); + +const transformSvgFileNames = (fileName: string) => + fileName.toLowerCase().replace(/(-|.tsx$|.ts$|.svg$)/g, ''); + +const SVG_DIRECTORY_NAME = 'svgs'; + +const testIconDirectory = (directory: string) => { + /** + * Pairings meaning the below scenarios are equally valid: + * 1. someIcon.ts: `import { SomeIcon } from './svgs'; + * 2. someOtherIcon.ts: `import { SomeOtherIconPrimary, SomeOtherIconSecondary } from './svgs'; + */ + it(`should have the same number of svg-generated ${directory} pairings, with complementary naming`, () => { + const iconFilenames = fs + .readdirSync(path.resolve(__dirname, directory)) + // Ignore svg directory, handled below (svgFilenames) + .filter((file) => file !== SVG_DIRECTORY_NAME) + .map(transformIconFileNames) + .sort(); + + const svgFilenames = fs.readdirSync( + path.resolve(__dirname, `${directory}/${SVG_DIRECTORY_NAME}`), + ); + + const associatedSvgIconFilenames = Array.from(new Set(svgFilenames)) + .map(transformIconFileNames) + .sort(); + + expect(iconFilenames).toEqual(associatedSvgIconFilenames); + }); +}; + +const testSvgDirectory = (directory: string) => { + // There should be a 1:1 mapping of icons in `src/svgs/${directory}` and components in `src/icons/${directory}/svgs` + it(`should have the same number of ${directory} svgs as svg-generated components, with complementary naming`, () => { + const iconFilenames = fs + .readdirSync( + path.resolve(__dirname, `${directory}/${SVG_DIRECTORY_NAME}`), + ) + // Ignore index export, not present among svg files + .filter((file) => file !== 'index.tsx') + .map(transformSvgFileNames) + .sort(); + + const svgFilenames = fs + .readdirSync( + path.resolve(__dirname, `../${SVG_DIRECTORY_NAME}/${directory}`), + ) + .map(transformSvgFileNames) + .sort(); + + expect(iconFilenames).toEqual(svgFilenames); + }); +}; + +const ICONS_MAP = { + emojis: 'emojis', + glyphs: 'glyphs', + icons: 'icons', + logos: 'logos', + navIcons: 'navIcons', +}; + +describe('icons', () => { + describe('exported icons', () => { + describe(ICONS_MAP.emojis, () => testIconDirectory(ICONS_MAP.emojis)); + describe(ICONS_MAP.glyphs, () => testIconDirectory(ICONS_MAP.glyphs)); + describe(ICONS_MAP.icons, () => testIconDirectory(ICONS_MAP.icons)); + describe(ICONS_MAP.logos, () => testIconDirectory(ICONS_MAP.logos)); + describe(ICONS_MAP.navIcons, () => testIconDirectory(ICONS_MAP.navIcons)); + }); + + describe('generated icons', () => { + describe(ICONS_MAP.emojis, () => testSvgDirectory(ICONS_MAP.emojis)); + describe(ICONS_MAP.glyphs, () => testSvgDirectory(ICONS_MAP.glyphs)); + describe(ICONS_MAP.icons, () => testSvgDirectory(ICONS_MAP.icons)); + describe(ICONS_MAP.logos, () => testSvgDirectory(ICONS_MAP.logos)); + describe(ICONS_MAP.navIcons, () => testSvgDirectory(ICONS_MAP.navIcons)); + }); +}); diff --git a/src/shared-components/accordion/__snapshots__/test.tsx.snap b/src/shared-components/accordion/__snapshots__/test.tsx.snap index 888db0d05..0a06112d0 100644 --- a/src/shared-components/accordion/__snapshots__/test.tsx.snap +++ b/src/shared-components/accordion/__snapshots__/test.tsx.snap @@ -8,7 +8,7 @@ exports[` renders disabled accordion 1`] = ` width: 100%; } -.emotion-2 { +.emotion-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -20,14 +20,25 @@ exports[` renders disabled accordion 1`] = ` padding: 0 1rem; } -.emotion-6 { +.emotion-2 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + color: #332e54; + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} + +.emotion-7 { max-height: 0px; overflow: hidden; -webkit-transition: max-height 350ms ease-in-out; transition: max-height 350ms ease-in-out; } -.emotion-8 { +.emotion-9 { border: 1px solid #ededf0; width: 100%; opacity: 0.4; @@ -35,11 +46,11 @@ exports[` renders disabled accordion 1`] = ` border-color: #c3c0cd; } -.emotion-8:not(:last-child) { +.emotion-9:not(:last-child) { border-bottom: none; } -.emotion-4 { +.emotion-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -51,24 +62,24 @@ exports[` renders disabled accordion 1`] = ` cursor: not-allowed; } -.emotion-4:focus { +.emotion-5:focus { outline: none; box-shadow: inset 0px 0px 0px 2px #332e54; } -.emotion-9:last-of-type .emotion-4:focus { +.emotion-10:last-of-type .emotion-5:focus { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
renders disabled accordion 1`] = `
+ xmlns="http://www.w3.org/2000/svg" + > + +
@@ -108,7 +126,7 @@ exports[` renders disabled accordion 1`] = ` `; exports[` renders no border accordion 1`] = ` -.emotion-4 { +.emotion-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -120,12 +138,12 @@ exports[` renders no border accordion 1`] = ` cursor: pointer; } -.emotion-4:focus { +.emotion-5:focus { outline: none; box-shadow: inset 0px 0px 0px 2px #332e54; } -.emotion-9:last-of-type .emotion-4:focus { +.emotion-10:last-of-type .emotion-5:focus { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @@ -137,7 +155,7 @@ exports[` renders no border accordion 1`] = ` width: 100%; } -.emotion-2 { +.emotion-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -149,29 +167,40 @@ exports[` renders no border accordion 1`] = ` padding: 0 1rem; } -.emotion-6 { +.emotion-2 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + color: #332e54; + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} + +.emotion-7 { max-height: 0px; overflow: hidden; -webkit-transition: max-height 350ms ease-in-out; transition: max-height 350ms ease-in-out; } -.emotion-8 { +.emotion-9 { width: 100%; } -.emotion-8:not(:last-child) { +.emotion-9:not(:last-child) { border-bottom: none; }
renders no border accordion 1`] = `
+ xmlns="http://www.w3.org/2000/svg" + > + +
@@ -211,16 +247,16 @@ exports[` renders no border accordion 1`] = ` `; exports[` renders regular accordion 1`] = ` -.emotion-8 { +.emotion-9 { border: 1px solid #ededf0; width: 100%; } -.emotion-8:not(:last-child) { +.emotion-9:not(:last-child) { border-bottom: none; } -.emotion-4 { +.emotion-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -232,12 +268,12 @@ exports[` renders regular accordion 1`] = ` cursor: pointer; } -.emotion-4:focus { +.emotion-5:focus { outline: none; box-shadow: inset 0px 0px 0px 2px #332e54; } -.emotion-9:last-of-type .emotion-4:focus { +.emotion-10:last-of-type .emotion-5:focus { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @@ -249,7 +285,7 @@ exports[` renders regular accordion 1`] = ` width: 100%; } -.emotion-2 { +.emotion-3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -261,7 +297,18 @@ exports[` renders regular accordion 1`] = ` padding: 0 1rem; } -.emotion-6 { +.emotion-2 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + color: #332e54; + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} + +.emotion-7 { max-height: 0px; overflow: hidden; -webkit-transition: max-height 350ms ease-in-out; @@ -269,13 +316,13 @@ exports[` renders regular accordion 1`] = ` }
renders regular accordion 1`] = `
+ xmlns="http://www.w3.org/2000/svg" + > + +
diff --git a/src/shared-components/accordion/index.tsx b/src/shared-components/accordion/index.tsx index 56078c75c..deaa5c736 100644 --- a/src/shared-components/accordion/index.tsx +++ b/src/shared-components/accordion/index.tsx @@ -1,8 +1,8 @@ import PropTypes from 'prop-types'; import React, { useEffect, useState, useRef } from 'react'; -import ChevronIcon from 'src/svgs/icons/chevron-icon.svg'; import { useTheme } from 'emotion-theming'; +import { ChevronIcon } from '../../icons'; import Thumbnails from './thumbnails'; import { AccordionBox, diff --git a/src/shared-components/alert/__snapshots__/test.tsx.snap b/src/shared-components/alert/__snapshots__/test.tsx.snap index 4f6addf26..4448a361a 100644 --- a/src/shared-components/alert/__snapshots__/test.tsx.snap +++ b/src/shared-components/alert/__snapshots__/test.tsx.snap @@ -33,7 +33,7 @@ exports[`Alert UI snapshots renders a default alert 1`] = ` } } -.emotion-6 { +.emotion-7 { border: none; text-align: left; cursor: pointer; @@ -54,13 +54,13 @@ exports[`Alert UI snapshots renders a default alert 1`] = ` box-shadow: 0px 8px 24px rgba(51,46,84,0.05); } -.emotion-6:focus { +.emotion-7:focus { outline: none; box-shadow: 0px 0px 0px 2px #ffffff,0px 0px 0px 4px #332e54; } @media (min-width:768px) { - .emotion-6 { + .emotion-7 { -webkit-animation: animation-1 350ms 1; animation: animation-1 350ms 1; margin: 0 auto 1rem; @@ -70,7 +70,7 @@ exports[`Alert UI snapshots renders a default alert 1`] = ` } } -.emotion-4 { +.emotion-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -91,33 +91,54 @@ exports[`Alert UI snapshots renders a default alert 1`] = ` padding: 1rem; } -.emotion-0 svg { +.emotion-1 svg { height: 1rem; width: 1rem; fill: #ffffff; } -.emotion-2 { +.emotion-0 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + color: #ffffff; + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} + +.emotion-3 { margin: -3px 0 0 1rem; max-height: none; }

Button Text

diff --git a/src/shared-components/button/components/roundButton/test.tsx b/src/shared-components/button/components/roundButton/test.tsx index 955e4593b..2cf26f6c1 100644 --- a/src/shared-components/button/components/roundButton/test.tsx +++ b/src/shared-components/button/components/roundButton/test.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { mount } from 'src/tests/enzymeHelpers'; import { renderer } from 'src/tests/reactTestRendererHelpers'; -import CameraIcon from '../../../../svgs/icons/camera-icon.svg'; +import { CameraIcon } from '../../../../icons'; import { RoundButton } from './index'; diff --git a/src/shared-components/button/test.tsx b/src/shared-components/button/test.tsx index b864f1625..84d955275 100644 --- a/src/shared-components/button/test.tsx +++ b/src/shared-components/button/test.tsx @@ -3,7 +3,7 @@ import { mount } from 'src/tests/enzymeHelpers'; import { renderer } from 'src/tests/reactTestRendererHelpers'; import { primaryTheme } from 'src/constants/themes'; -import CameraIcon from '../../svgs/icons/camera-icon.svg'; +import { CameraIcon } from '../../icons'; import { Button } from './index'; diff --git a/src/shared-components/callout/__snapshots__/test.tsx.snap b/src/shared-components/callout/__snapshots__/test.tsx.snap index 943cff4af..2381159ec 100644 --- a/src/shared-components/callout/__snapshots__/test.tsx.snap +++ b/src/shared-components/callout/__snapshots__/test.tsx.snap @@ -42,7 +42,7 @@ exports[` UI snapshots renders a simple callout 1`] = ` `; exports[` UI snapshots renders callout with custom color and icon 1`] = ` -.emotion-4 { +.emotion-5 { background-color: #EEEDF7; padding: 1rem; border-radius: 8px; @@ -68,20 +68,30 @@ exports[` UI snapshots renders callout with custom color and icon 1`] font-size: 0.875rem; } -.emotion-2 { +.emotion-3 { margin-left: 0.5rem; } -.emotion-2 svg { +.emotion-3 svg { fill: #706D87; } -.emotion-2 svg path { +.emotion-3 svg path { fill: #706D87; } +.emotion-2 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} +
UI snapshots renders callout with custom color and icon 1`] and icon.
+ xmlns="http://www.w3.org/2000/svg" + > + +
`; diff --git a/src/shared-components/callout/index.tsx b/src/shared-components/callout/index.tsx index da65dca20..2161e524b 100644 --- a/src/shared-components/callout/index.tsx +++ b/src/shared-components/callout/index.tsx @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useTheme } from 'emotion-theming'; -import { CalloutContainer, Text, Icon, ParentContainer } from './style'; +import Style from './style'; import { COLORS_PROP_TYPES, ThemeColors } from '../../constants'; type CalloutProps = { @@ -32,14 +32,14 @@ export const Callout = ({ children, color, icon = null }: CalloutProps) => { const colorWithTheme = color || theme.COLORS.primary; return ( - - {children} - {icon && {icon}} - + + {children} + {icon && {icon}} + ); }; -Callout.Container = ParentContainer; +Callout.Container = Style.ParentContainer; Callout.propTypes = { children: PropTypes.node.isRequired, diff --git a/src/shared-components/callout/style.ts b/src/shared-components/callout/style.ts index 1b731f0ae..a922b0beb 100644 --- a/src/shared-components/callout/style.ts +++ b/src/shared-components/callout/style.ts @@ -2,11 +2,11 @@ import styled from '@emotion/styled'; import { SPACER, TYPOGRAPHY_CONSTANTS } from '../../constants'; -export const ParentContainer = styled.div` +const ParentContainer = styled.div` max-width: 327px; `; -export const CalloutContainer = styled.div` +const CalloutContainer = styled.div` background-color: ${({ theme }) => theme.COLORS.infoBackground}; padding: ${SPACER.medium}; border-radius: 8px; @@ -16,14 +16,14 @@ export const CalloutContainer = styled.div` align-items: center; `; -export const Text = styled.div<{ +const Text = styled.div<{ textColor: string; }>` color: ${({ textColor }) => textColor}; font-size: ${TYPOGRAPHY_CONSTANTS.fontSize.caption}; `; -export const Icon = styled.div<{ +const Icon = styled.div<{ iconColor: string; }>` margin-left: ${SPACER.small}; @@ -36,3 +36,10 @@ export const Icon = styled.div<{ } } `; + +export default { + CalloutContainer, + Icon, + ParentContainer, + Text, +}; diff --git a/src/shared-components/callout/test.tsx b/src/shared-components/callout/test.tsx index 47f03c0ff..3fc95a9bb 100644 --- a/src/shared-components/callout/test.tsx +++ b/src/shared-components/callout/test.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { renderer } from 'src/tests/reactTestRendererHelpers'; import { primaryTheme } from 'src/constants/themes'; -import NeckGlyph from '../../svgs/glyphs/neck-glyph.svg'; +import { NeckGlyph } from '../../icons'; import { Callout } from './index'; diff --git a/src/shared-components/carousel/arrow/__snapshots__/test.tsx.snap b/src/shared-components/carousel/arrow/__snapshots__/test.tsx.snap index 7875e8934..ddc94e7fd 100644 --- a/src/shared-components/carousel/arrow/__snapshots__/test.tsx.snap +++ b/src/shared-components/carousel/arrow/__snapshots__/test.tsx.snap @@ -181,7 +181,7 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` } } -.emotion-4 { +.emotion-5 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -199,7 +199,17 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` justify-content: center; } -.emotion-6 { +.emotion-0 { + display: block; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: color 350ms,-webkit-transform 350ms; + -webkit-transition: color 350ms,transform 350ms; + transition: color 350ms,transform 350ms; +} + +.emotion-7 { display: block; -webkit-align-self: flex-end; -ms-flex-item-align: end; @@ -211,17 +221,17 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` margin-left: auto; } -.emotion-6 button { +.emotion-7 button { background-color: none; border-color: #332e54; color: #332e54; } -.emotion-6 button:hover { +.emotion-7 button:hover { color: #332e54; } -.emotion-2 { +.emotion-3 { color: #524D6E; font-size: 0.75rem; line-height: 1.67; @@ -267,31 +277,31 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` padding: 0; } -.emotion-2:hover { +.emotion-3:hover { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } -.emotion-2:active, -.emotion-2:focus { +.emotion-3:active, +.emotion-3:focus { outline: none; box-shadow: 0px 0px 0px 2px #ffffff,0px 0px 0px 4px #332e54; } -.emotion-2:visited, -.emotion-2:hover { +.emotion-3:visited, +.emotion-3:hover { opacity: 1; color: #c3c0cd; } -.emotion-2 > svg { +.emotion-3 > svg { opacity: 1; -webkit-transition: opacity 350ms; transition: opacity 350ms; margin: 0 auto; } -.emotion-0 { +.emotion-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -315,7 +325,7 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` margin: -3px -3px 0 0; } -.emotion-0 span { +.emotion-1 span { border-radius: 50%; display: inline-block; height: 4px; @@ -323,41 +333,53 @@ exports[` UI snapshots renders with bottom right alignment 1`] = ` position: absolute; } -.emotion-0 span:nth-of-type(1) { +.emotion-1 span:nth-of-type(1) { -webkit-animation: animation-0 1750ms infinite linear; animation: animation-0 1750ms infinite linear; } -.emotion-0 span:nth-of-type(2) { +.emotion-1 span:nth-of-type(2) { -webkit-animation: animation-0 1750ms infinite linear -300ms; animation: animation-0 1750ms infinite linear -300ms; } -.emotion-0 span:nth-of-type(3) { +.emotion-1 span:nth-of-type(3) { -webkit-animation: animation-0 1750ms infinite linear -600ms; animation: animation-0 1750ms infinite linear -600ms; } -.emotion-0 span { +.emotion-1 span { background-color: #ffffff; }