From c9d9ef40c4f5a0dae090638d57698742393480bc Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 01:02:11 +0900 Subject: [PATCH 1/6] =?UTF-8?q?=F0=9F=94=A8=20settings:=20svgr/webpack=20?= =?UTF-8?q?=EC=84=A4=EC=B9=98=20#13?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + pnpm-lock.yaml | 328 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 329 insertions(+) diff --git a/package.json b/package.json index aacaeb6..b19cacb 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,7 @@ "@storybook/nextjs": "^8.2.6", "@storybook/react": "^8.2.6", "@storybook/test": "^8.2.6", + "@svgr/webpack": "^8.1.0", "@t3-oss/env-nextjs": "^0.10.1", "@tanstack/eslint-plugin-query": "^5.50.1", "@types/node": "^20", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 54585ba..aea3470 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -78,6 +78,9 @@ importers: '@storybook/test': specifier: ^8.2.6 version: 8.2.6(storybook@8.2.6(@babel/preset-env@7.25.2(@babel/core@7.25.2))) + '@svgr/webpack': + specifier: ^8.1.0 + version: 8.1.0(typescript@5.5.3) '@t3-oss/env-nextjs': specifier: ^0.10.1 version: 0.10.1(typescript@5.5.3)(zod@3.23.8) @@ -684,6 +687,12 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 + '@babel/plugin-transform-react-constant-elements@7.25.1': + resolution: {integrity: sha512-SLV/giH/V4SmloZ6Dt40HjTGTAIkxn33TVIHxNGNvo8ezMhrxBkzisj4op1KZYPIOHFLqhv60OHvX+YRu4xbmQ==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0-0 + '@babel/plugin-transform-react-display-name@7.24.7': resolution: {integrity: sha512-H/Snz9PFxKsS1JLI4dJLtnJgCJRoo0AUm3chP6NYr+9En1JMKloheEiLIhlp5MDVznWo+H3AAC1Mc8lmUEpsgg==} engines: {node: '>=6.9.0'} @@ -2110,6 +2119,84 @@ packages: peerDependencies: storybook: ^8.2.6 + '@svgr/babel-plugin-add-jsx-attribute@8.0.0': + resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-remove-jsx-attribute@8.0.0': + resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0': + resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0': + resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-svg-dynamic-title@8.0.0': + resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-svg-em-dimensions@8.0.0': + resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-transform-react-native-svg@8.1.0': + resolution: {integrity: sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-plugin-transform-svg-component@8.0.0': + resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==} + engines: {node: '>=12'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/babel-preset@8.1.0': + resolution: {integrity: sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==} + engines: {node: '>=14'} + peerDependencies: + '@babel/core': ^7.0.0-0 + + '@svgr/core@8.1.0': + resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==} + engines: {node: '>=14'} + + '@svgr/hast-util-to-babel-ast@8.0.0': + resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==} + engines: {node: '>=14'} + + '@svgr/plugin-jsx@8.1.0': + resolution: {integrity: sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==} + engines: {node: '>=14'} + peerDependencies: + '@svgr/core': '*' + + '@svgr/plugin-svgo@8.1.0': + resolution: {integrity: sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==} + engines: {node: '>=14'} + peerDependencies: + '@svgr/core': '*' + + '@svgr/webpack@8.1.0': + resolution: {integrity: sha512-LnhVjMWyMQV9ZmeEy26maJk+8HTIbd59cH4F2MJ439k9DqejRisfFNGAPvRYlKETuh9LrImlS8aKsBgKjMA8WA==} + engines: {node: '>=14'} + '@swc/counter@0.1.3': resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==} @@ -2187,6 +2274,10 @@ packages: peerDependencies: '@testing-library/dom': '>=7.21.4' + '@trysound/sax@0.2.0': + resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} + engines: {node: '>=10.13.0'} + '@types/aria-query@5.0.4': resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} @@ -2875,6 +2966,10 @@ packages: resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==} engines: {node: '>= 6'} + camelcase@6.3.0: + resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==} + engines: {node: '>=10'} + caniuse-lite@1.0.30001640: resolution: {integrity: sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==} @@ -3023,6 +3118,10 @@ packages: resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==} engines: {node: '>= 6'} + commander@7.2.0: + resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==} + engines: {node: '>= 10'} + commander@8.3.0: resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==} engines: {node: '>= 12'} @@ -3099,6 +3198,15 @@ packages: resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==} engines: {node: '>=10'} + cosmiconfig@8.3.6: + resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==} + engines: {node: '>=14'} + peerDependencies: + typescript: '>=4.9.5' + peerDependenciesMeta: + typescript: + optional: true + cosmiconfig@9.0.0: resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==} engines: {node: '>=14'} @@ -3143,6 +3251,17 @@ packages: css-select@4.3.0: resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==} + css-select@5.1.0: + resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==} + + css-tree@2.2.1: + resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + + css-tree@2.3.1: + resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} + css-what@6.1.0: resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==} engines: {node: '>= 6'} @@ -3155,6 +3274,10 @@ packages: engines: {node: '>=4'} hasBin: true + csso@5.0.5: + resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + csstype@3.1.3: resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} @@ -3305,6 +3428,9 @@ packages: dom-serializer@1.4.1: resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==} + dom-serializer@2.0.0: + resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==} + domain-browser@4.23.0: resolution: {integrity: sha512-ArzcM/II1wCCujdCNyQjXrAFwS4mrLh4C7DZWlaI8mdh7h3BfKdNd3bKXITfl2PT9FtfQqaGvhi1vPRQPimjGA==} engines: {node: '>=10'} @@ -3316,9 +3442,16 @@ packages: resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==} engines: {node: '>= 4'} + domhandler@5.0.3: + resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==} + engines: {node: '>= 4'} + domutils@2.8.0: resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==} + domutils@3.1.0: + resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==} + dot-case@3.0.4: resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==} @@ -3361,6 +3494,10 @@ packages: entities@2.2.0: resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==} + entities@4.5.0: + resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} + engines: {node: '>=0.12'} + env-paths@2.2.1: resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==} engines: {node: '>=6'} @@ -4487,6 +4624,12 @@ packages: md5.js@1.3.5: resolution: {integrity: sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==} + mdn-data@2.0.28: + resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==} + + mdn-data@2.0.30: + resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==} + media-typer@0.3.0: resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==} engines: {node: '>= 0.6'} @@ -5476,6 +5619,9 @@ packages: resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==} engines: {node: '>=14.16'} + snake-case@3.0.4: + resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==} + source-map-js@1.2.0: resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==} engines: {node: '>=0.10.0'} @@ -5639,6 +5785,14 @@ packages: resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} engines: {node: '>= 0.4'} + svg-parser@2.0.4: + resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==} + + svgo@3.3.2: + resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==} + engines: {node: '>=14.0.0'} + hasBin: true + synckit@0.8.8: resolution: {integrity: sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==} engines: {node: ^14.18.0 || >=16.0.0} @@ -6714,6 +6868,11 @@ snapshots: '@babel/core': 7.25.2 '@babel/helper-plugin-utils': 7.24.8 + '@babel/plugin-transform-react-constant-elements@7.25.1(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + '@babel/helper-plugin-utils': 7.24.8 + '@babel/plugin-transform-react-display-name@7.24.7(@babel/core@7.25.2)': dependencies: '@babel/core': 7.25.2 @@ -8439,6 +8598,99 @@ snapshots: dependencies: storybook: 8.2.6(@babel/preset-env@7.25.2(@babel/core@7.25.2)) + '@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-transform-react-native-svg@8.1.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + + '@svgr/babel-preset@8.1.0(@babel/core@7.25.2)': + dependencies: + '@babel/core': 7.25.2 + '@svgr/babel-plugin-add-jsx-attribute': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-replace-jsx-attribute-value': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-svg-dynamic-title': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-svg-em-dimensions': 8.0.0(@babel/core@7.25.2) + '@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.25.2) + '@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.25.2) + + '@svgr/core@8.1.0(typescript@5.5.3)': + dependencies: + '@babel/core': 7.25.2 + '@svgr/babel-preset': 8.1.0(@babel/core@7.25.2) + camelcase: 6.3.0 + cosmiconfig: 8.3.6(typescript@5.5.3) + snake-case: 3.0.4 + transitivePeerDependencies: + - supports-color + - typescript + + '@svgr/hast-util-to-babel-ast@8.0.0': + dependencies: + '@babel/types': 7.25.2 + entities: 4.5.0 + + '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@5.5.3))': + dependencies: + '@babel/core': 7.25.2 + '@svgr/babel-preset': 8.1.0(@babel/core@7.25.2) + '@svgr/core': 8.1.0(typescript@5.5.3) + '@svgr/hast-util-to-babel-ast': 8.0.0 + svg-parser: 2.0.4 + transitivePeerDependencies: + - supports-color + + '@svgr/plugin-svgo@8.1.0(@svgr/core@8.1.0(typescript@5.5.3))(typescript@5.5.3)': + dependencies: + '@svgr/core': 8.1.0(typescript@5.5.3) + cosmiconfig: 8.3.6(typescript@5.5.3) + deepmerge: 4.3.1 + svgo: 3.3.2 + transitivePeerDependencies: + - typescript + + '@svgr/webpack@8.1.0(typescript@5.5.3)': + dependencies: + '@babel/core': 7.25.2 + '@babel/plugin-transform-react-constant-elements': 7.25.1(@babel/core@7.25.2) + '@babel/preset-env': 7.25.2(@babel/core@7.25.2) + '@babel/preset-react': 7.24.7(@babel/core@7.25.2) + '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2) + '@svgr/core': 8.1.0(typescript@5.5.3) + '@svgr/plugin-jsx': 8.1.0(@svgr/core@8.1.0(typescript@5.5.3)) + '@svgr/plugin-svgo': 8.1.0(@svgr/core@8.1.0(typescript@5.5.3))(typescript@5.5.3) + transitivePeerDependencies: + - supports-color + - typescript + '@swc/counter@0.1.3': {} '@swc/helpers@0.5.5': @@ -8508,6 +8760,8 @@ snapshots: dependencies: '@testing-library/dom': 10.1.0 + '@trysound/sax@0.2.0': {} + '@types/aria-query@5.0.4': {} '@types/babel__core@7.20.5': @@ -9369,6 +9623,8 @@ snapshots: camelcase-css@2.0.1: {} + camelcase@6.3.0: {} + caniuse-lite@1.0.30001640: {} case-sensitive-paths-webpack-plugin@2.4.0: {} @@ -9507,6 +9763,8 @@ snapshots: commander@6.2.1: {} + commander@7.2.0: {} + commander@8.3.0: {} commitizen@4.3.0(@types/node@20.14.10)(typescript@5.5.3): @@ -9583,6 +9841,15 @@ snapshots: path-type: 4.0.0 yaml: 1.10.2 + cosmiconfig@8.3.6(typescript@5.5.3): + dependencies: + import-fresh: 3.3.0 + js-yaml: 4.1.0 + parse-json: 5.2.0 + path-type: 4.0.0 + optionalDependencies: + typescript: 5.5.3 + cosmiconfig@9.0.0(typescript@5.5.3): dependencies: env-paths: 2.2.1 @@ -9659,12 +9926,34 @@ snapshots: domutils: 2.8.0 nth-check: 2.1.1 + css-select@5.1.0: + dependencies: + boolbase: 1.0.0 + css-what: 6.1.0 + domhandler: 5.0.3 + domutils: 3.1.0 + nth-check: 2.1.1 + + css-tree@2.2.1: + dependencies: + mdn-data: 2.0.28 + source-map-js: 1.2.0 + + css-tree@2.3.1: + dependencies: + mdn-data: 2.0.30 + source-map-js: 1.2.0 + css-what@6.1.0: {} css.escape@1.5.1: {} cssesc@3.0.0: {} + csso@5.0.5: + dependencies: + css-tree: 2.2.1 + csstype@3.1.3: {} cz-conventional-changelog@3.3.0(@types/node@20.14.10)(typescript@5.5.3): @@ -9829,6 +10118,12 @@ snapshots: domhandler: 4.3.1 entities: 2.2.0 + dom-serializer@2.0.0: + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + entities: 4.5.0 + domain-browser@4.23.0: {} domelementtype@2.3.0: {} @@ -9837,12 +10132,22 @@ snapshots: dependencies: domelementtype: 2.3.0 + domhandler@5.0.3: + dependencies: + domelementtype: 2.3.0 + domutils@2.8.0: dependencies: dom-serializer: 1.4.1 domelementtype: 2.3.0 domhandler: 4.3.1 + domutils@3.1.0: + dependencies: + dom-serializer: 2.0.0 + domelementtype: 2.3.0 + domhandler: 5.0.3 + dot-case@3.0.4: dependencies: no-case: 3.0.4 @@ -9887,6 +10192,8 @@ snapshots: entities@2.2.0: {} + entities@4.5.0: {} + env-paths@2.2.1: {} envinfo@7.13.0: {} @@ -11282,6 +11589,10 @@ snapshots: inherits: 2.0.4 safe-buffer: 5.2.1 + mdn-data@2.0.28: {} + + mdn-data@2.0.30: {} + media-typer@0.3.0: {} memfs@3.5.3: @@ -12347,6 +12658,11 @@ snapshots: slash@5.1.0: {} + snake-case@3.0.4: + dependencies: + dot-case: 3.0.4 + tslib: 2.6.3 + source-map-js@1.2.0: {} source-map-support@0.5.21: @@ -12551,6 +12867,18 @@ snapshots: supports-preserve-symlinks-flag@1.0.0: {} + svg-parser@2.0.4: {} + + svgo@3.3.2: + dependencies: + '@trysound/sax': 0.2.0 + commander: 7.2.0 + css-select: 5.1.0 + css-tree: 2.3.1 + css-what: 6.1.0 + csso: 5.0.5 + picocolors: 1.0.1 + synckit@0.8.8: dependencies: '@pkgr/core': 0.1.1 From 4ae869b3333b9a165b5f1e55d5a09a9772adb39c Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 01:03:54 +0900 Subject: [PATCH 2/6] =?UTF-8?q?=F0=9F=94=A8=20settings:=20svg=20setting=20?= =?UTF-8?q?in=20nextjs.config=20#13?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- next.config.mjs | 32 ++++++++++++++++++++++++++++++-- 1 file changed, 30 insertions(+), 2 deletions(-) diff --git a/next.config.mjs b/next.config.mjs index 65bc706..0cb182d 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -5,9 +5,37 @@ import { fileURLToPath } from "node:url"; import createJiti from "jiti"; const jiti = createJiti(fileURLToPath(import.meta.url)); -// Import env here to validate during build. Using jiti we can import .ts files :) +// 빌드 중에 검증을 위해 여기에서 env를 가져옵니다. jiti를 사용하여 .ts 파일을 가져올 수 있습니다 :) jiti("./src/env"); -const nextConfig = {}; +const nextConfig = { + webpack(config) { + // SVG 가져오기를 처리하는 기존 규칙을 가져옵니다. + const fileLoaderRule = config.module.rules.find((rule) => + rule.test?.test?.(".svg"), + ); + + config.module.rules.push( + // 기존 규칙을 다시 적용하지만, ?url로 끝나는 svg 가져오기만 해당합니다. + { + ...fileLoaderRule, + test: /\.svg$/i, + resourceQuery: /url/, // *.svg?url + }, + // 다른 모든 *.svg 가져오기를 React 컴포넌트로 변환합니다. + { + test: /\.svg$/i, + issuer: fileLoaderRule.issuer, + resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url + use: ["@svgr/webpack"], + }, + ); + + // 이제 우리가 처리했으므로 *.svg를 무시하도록 파일 로더 규칙을 수정합니다. + fileLoaderRule.exclude = /\.svg$/i; + + return config; + }, +}; export default nextConfig; From ac2f9afca77f298431049888d4bf2ee24850a854 Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 01:06:11 +0900 Subject: [PATCH 3/6] =?UTF-8?q?=F0=9F=94=A8=20settings:=20svgr=20=EA=B8=80?= =?UTF-8?q?=EB=A1=9C=EB=B2=8C=20=ED=83=80=EC=9E=85=20=EC=84=A0=EC=96=B8=20?= =?UTF-8?q?#13?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tsconfig.json | 3 +-- types/svgr.d.ts | 5 +++++ 2 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 types/svgr.d.ts diff --git a/tsconfig.json b/tsconfig.json index 2860c64..9caa7db 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -19,12 +19,11 @@ ], "paths": { "@/*": ["./src/*"], - "@env": ["./src/env/index.ts"], "@font": ["./src/app/fonts/index.ts"] } }, "include": [ - "next-env.d.ts", + "./types/*.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", diff --git a/types/svgr.d.ts b/types/svgr.d.ts new file mode 100644 index 0000000..a4df759 --- /dev/null +++ b/types/svgr.d.ts @@ -0,0 +1,5 @@ +declare module "*.svg" { + import React from "react"; + const svg: React.FC>; + export default svg; +} From 333d2cdf00d925593b09ab48678a88fc8417b65b Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 01:10:53 +0900 Subject: [PATCH 4/6] =?UTF-8?q?=F0=9F=92=85=20style:=20svg=20=ED=8C=8C?= =?UTF-8?q?=EC=9D=BC=20fill=3D"currentColor"=20=EC=84=A4=EC=A0=95=20?= =?UTF-8?q?=EB=B0=8F=20re-export=20=ED=8C=8C=EC=9D=BC=20=EC=83=9D=EC=84=B1?= =?UTF-8?q?=20#13?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.tsx | 11 ++++++- src/components/icons/ALARM_ICON.svg | 5 +++ .../icons/ARROW_BACK_ANDROID_ICON.svg | 3 ++ src/components/icons/ARROW_DECREASE_ICON.svg | 3 ++ src/components/icons/ARROW_INCREASE_ICON.svg | 3 ++ .../icons/ARROW_LEFT_SMALL_ICON.svg | 3 ++ .../icons/ARROW_RIGHT_ANDROID_ICON.svg | 3 ++ .../icons/ARROW_RIGHT_SMALL_ICON.svg | 3 ++ src/components/icons/CALENDAR_CHECK_ICON.svg | 3 ++ src/components/icons/CAMERA_ICON.svg | 4 +++ .../icons/CHAT_BUBBLE_DOTS_ICON.svg | 3 ++ src/components/icons/CHAT_BUBBLE_ICON.svg | 3 ++ src/components/icons/CHECK_ICON.svg | 3 ++ src/components/icons/CLOCK_ICON.svg | 3 ++ src/components/icons/DOTS_ICON.svg | 3 ++ src/components/icons/DOWNLOAD_ICON.svg | 4 +++ src/components/icons/FILTER_ICON.svg | 3 ++ src/components/icons/HEART_ICON.svg | 3 ++ src/components/icons/HOME_ICON.svg | 3 ++ src/components/icons/LOCK_ICON.svg | 3 ++ src/components/icons/PICTURE_ICON.svg | 3 ++ src/components/icons/PIN_LOCATION_ICON.svg | 3 ++ src/components/icons/PLUS_ICON.svg | 3 ++ src/components/icons/SEARCH_ICON.svg | 3 ++ src/components/icons/SETTING_ICON.svg | 3 ++ src/components/icons/SHARE_ICON.svg | 4 +++ src/components/icons/STACK_UP_SQUARE_ICON.svg | 5 +++ src/components/icons/STAR_ICON.svg | 3 ++ src/components/icons/TRASH_ICON.svg | 3 ++ src/components/icons/TWINKLE_CIRCLE_ICON.svg | 3 ++ src/components/icons/USER_ICON.svg | 3 ++ src/components/icons/USER_SQUARE_ICON.svg | 3 ++ .../icons/WARNING_TRIANGLE_ICON.svg | 3 ++ src/components/icons/X_ICON.svg | 3 ++ src/components/icons/index.ts | 33 +++++++++++++++++++ 35 files changed, 149 insertions(+), 1 deletion(-) create mode 100644 src/components/icons/ALARM_ICON.svg create mode 100644 src/components/icons/ARROW_BACK_ANDROID_ICON.svg create mode 100644 src/components/icons/ARROW_DECREASE_ICON.svg create mode 100644 src/components/icons/ARROW_INCREASE_ICON.svg create mode 100644 src/components/icons/ARROW_LEFT_SMALL_ICON.svg create mode 100644 src/components/icons/ARROW_RIGHT_ANDROID_ICON.svg create mode 100644 src/components/icons/ARROW_RIGHT_SMALL_ICON.svg create mode 100644 src/components/icons/CALENDAR_CHECK_ICON.svg create mode 100644 src/components/icons/CAMERA_ICON.svg create mode 100644 src/components/icons/CHAT_BUBBLE_DOTS_ICON.svg create mode 100644 src/components/icons/CHAT_BUBBLE_ICON.svg create mode 100644 src/components/icons/CHECK_ICON.svg create mode 100644 src/components/icons/CLOCK_ICON.svg create mode 100644 src/components/icons/DOTS_ICON.svg create mode 100644 src/components/icons/DOWNLOAD_ICON.svg create mode 100644 src/components/icons/FILTER_ICON.svg create mode 100644 src/components/icons/HEART_ICON.svg create mode 100644 src/components/icons/HOME_ICON.svg create mode 100644 src/components/icons/LOCK_ICON.svg create mode 100644 src/components/icons/PICTURE_ICON.svg create mode 100644 src/components/icons/PIN_LOCATION_ICON.svg create mode 100644 src/components/icons/PLUS_ICON.svg create mode 100644 src/components/icons/SEARCH_ICON.svg create mode 100644 src/components/icons/SETTING_ICON.svg create mode 100644 src/components/icons/SHARE_ICON.svg create mode 100644 src/components/icons/STACK_UP_SQUARE_ICON.svg create mode 100644 src/components/icons/STAR_ICON.svg create mode 100644 src/components/icons/TRASH_ICON.svg create mode 100644 src/components/icons/TWINKLE_CIRCLE_ICON.svg create mode 100644 src/components/icons/USER_ICON.svg create mode 100644 src/components/icons/USER_SQUARE_ICON.svg create mode 100644 src/components/icons/WARNING_TRIANGLE_ICON.svg create mode 100644 src/components/icons/X_ICON.svg create mode 100644 src/components/icons/index.ts diff --git a/src/app/page.tsx b/src/app/page.tsx index 43caf5f..7607c07 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,7 +1,16 @@ +import { CAMERA_ICON } from "@/components/icons"; + export default function Home() { return ( -
+
+
+ +
diff --git a/src/components/icons/ALARM_ICON.svg b/src/components/icons/ALARM_ICON.svg new file mode 100644 index 0000000..9fac115 --- /dev/null +++ b/src/components/icons/ALARM_ICON.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/icons/ARROW_BACK_ANDROID_ICON.svg b/src/components/icons/ARROW_BACK_ANDROID_ICON.svg new file mode 100644 index 0000000..55b8629 --- /dev/null +++ b/src/components/icons/ARROW_BACK_ANDROID_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/ARROW_DECREASE_ICON.svg b/src/components/icons/ARROW_DECREASE_ICON.svg new file mode 100644 index 0000000..1b30978 --- /dev/null +++ b/src/components/icons/ARROW_DECREASE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/ARROW_INCREASE_ICON.svg b/src/components/icons/ARROW_INCREASE_ICON.svg new file mode 100644 index 0000000..3f867e2 --- /dev/null +++ b/src/components/icons/ARROW_INCREASE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/ARROW_LEFT_SMALL_ICON.svg b/src/components/icons/ARROW_LEFT_SMALL_ICON.svg new file mode 100644 index 0000000..684708d --- /dev/null +++ b/src/components/icons/ARROW_LEFT_SMALL_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/ARROW_RIGHT_ANDROID_ICON.svg b/src/components/icons/ARROW_RIGHT_ANDROID_ICON.svg new file mode 100644 index 0000000..244a11a --- /dev/null +++ b/src/components/icons/ARROW_RIGHT_ANDROID_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/ARROW_RIGHT_SMALL_ICON.svg b/src/components/icons/ARROW_RIGHT_SMALL_ICON.svg new file mode 100644 index 0000000..f467c91 --- /dev/null +++ b/src/components/icons/ARROW_RIGHT_SMALL_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/CALENDAR_CHECK_ICON.svg b/src/components/icons/CALENDAR_CHECK_ICON.svg new file mode 100644 index 0000000..a2ab2df --- /dev/null +++ b/src/components/icons/CALENDAR_CHECK_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/CAMERA_ICON.svg b/src/components/icons/CAMERA_ICON.svg new file mode 100644 index 0000000..f64aa80 --- /dev/null +++ b/src/components/icons/CAMERA_ICON.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/icons/CHAT_BUBBLE_DOTS_ICON.svg b/src/components/icons/CHAT_BUBBLE_DOTS_ICON.svg new file mode 100644 index 0000000..469a99b --- /dev/null +++ b/src/components/icons/CHAT_BUBBLE_DOTS_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/CHAT_BUBBLE_ICON.svg b/src/components/icons/CHAT_BUBBLE_ICON.svg new file mode 100644 index 0000000..0f4d6e8 --- /dev/null +++ b/src/components/icons/CHAT_BUBBLE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/CHECK_ICON.svg b/src/components/icons/CHECK_ICON.svg new file mode 100644 index 0000000..38fca3b --- /dev/null +++ b/src/components/icons/CHECK_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/CLOCK_ICON.svg b/src/components/icons/CLOCK_ICON.svg new file mode 100644 index 0000000..874ca95 --- /dev/null +++ b/src/components/icons/CLOCK_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/DOTS_ICON.svg b/src/components/icons/DOTS_ICON.svg new file mode 100644 index 0000000..3080c71 --- /dev/null +++ b/src/components/icons/DOTS_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/DOWNLOAD_ICON.svg b/src/components/icons/DOWNLOAD_ICON.svg new file mode 100644 index 0000000..4888f03 --- /dev/null +++ b/src/components/icons/DOWNLOAD_ICON.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/icons/FILTER_ICON.svg b/src/components/icons/FILTER_ICON.svg new file mode 100644 index 0000000..f0da049 --- /dev/null +++ b/src/components/icons/FILTER_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/HEART_ICON.svg b/src/components/icons/HEART_ICON.svg new file mode 100644 index 0000000..991f35b --- /dev/null +++ b/src/components/icons/HEART_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/HOME_ICON.svg b/src/components/icons/HOME_ICON.svg new file mode 100644 index 0000000..986816b --- /dev/null +++ b/src/components/icons/HOME_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/LOCK_ICON.svg b/src/components/icons/LOCK_ICON.svg new file mode 100644 index 0000000..35f7443 --- /dev/null +++ b/src/components/icons/LOCK_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/PICTURE_ICON.svg b/src/components/icons/PICTURE_ICON.svg new file mode 100644 index 0000000..67979bd --- /dev/null +++ b/src/components/icons/PICTURE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/PIN_LOCATION_ICON.svg b/src/components/icons/PIN_LOCATION_ICON.svg new file mode 100644 index 0000000..6e4e2ef --- /dev/null +++ b/src/components/icons/PIN_LOCATION_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/PLUS_ICON.svg b/src/components/icons/PLUS_ICON.svg new file mode 100644 index 0000000..a3731c3 --- /dev/null +++ b/src/components/icons/PLUS_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/SEARCH_ICON.svg b/src/components/icons/SEARCH_ICON.svg new file mode 100644 index 0000000..1cc27b8 --- /dev/null +++ b/src/components/icons/SEARCH_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/SETTING_ICON.svg b/src/components/icons/SETTING_ICON.svg new file mode 100644 index 0000000..be676be --- /dev/null +++ b/src/components/icons/SETTING_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/SHARE_ICON.svg b/src/components/icons/SHARE_ICON.svg new file mode 100644 index 0000000..c6f75e0 --- /dev/null +++ b/src/components/icons/SHARE_ICON.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/icons/STACK_UP_SQUARE_ICON.svg b/src/components/icons/STACK_UP_SQUARE_ICON.svg new file mode 100644 index 0000000..2a15dc9 --- /dev/null +++ b/src/components/icons/STACK_UP_SQUARE_ICON.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/icons/STAR_ICON.svg b/src/components/icons/STAR_ICON.svg new file mode 100644 index 0000000..30eb54d --- /dev/null +++ b/src/components/icons/STAR_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/TRASH_ICON.svg b/src/components/icons/TRASH_ICON.svg new file mode 100644 index 0000000..47804ce --- /dev/null +++ b/src/components/icons/TRASH_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/TWINKLE_CIRCLE_ICON.svg b/src/components/icons/TWINKLE_CIRCLE_ICON.svg new file mode 100644 index 0000000..49585d2 --- /dev/null +++ b/src/components/icons/TWINKLE_CIRCLE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/USER_ICON.svg b/src/components/icons/USER_ICON.svg new file mode 100644 index 0000000..4b04df8 --- /dev/null +++ b/src/components/icons/USER_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/USER_SQUARE_ICON.svg b/src/components/icons/USER_SQUARE_ICON.svg new file mode 100644 index 0000000..aae3ad5 --- /dev/null +++ b/src/components/icons/USER_SQUARE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/WARNING_TRIANGLE_ICON.svg b/src/components/icons/WARNING_TRIANGLE_ICON.svg new file mode 100644 index 0000000..e8fbc9e --- /dev/null +++ b/src/components/icons/WARNING_TRIANGLE_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/X_ICON.svg b/src/components/icons/X_ICON.svg new file mode 100644 index 0000000..f5dff90 --- /dev/null +++ b/src/components/icons/X_ICON.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts new file mode 100644 index 0000000..cae8515 --- /dev/null +++ b/src/components/icons/index.ts @@ -0,0 +1,33 @@ +export { default as ALARM_ICON } from "./ALARM_ICON.svg"; +export { default as ARROW_BACK_ANDROID_ICON } from "./ARROW_BACK_ANDROID_ICON.svg"; +export { default as ARROW_DECREASE_ICON } from "./ARROW_DECREASE_ICON.svg"; +export { default as ARROW_INCREASE_ICON } from "./ARROW_INCREASE_ICON.svg"; +export { default as ARROW_LEFT_SMALL_ICON } from "./ARROW_LEFT_SMALL_ICON.svg"; +export { default as ARROW_RIGHT_ANDROID_ICON } from "./ARROW_RIGHT_ANDROID_ICON.svg"; +export { default as ARROW_RIGHT_SMALL_ICON } from "./ARROW_RIGHT_SMALL_ICON.svg"; +export { default as CALENDAR_CHECK_ICON } from "./CALENDAR_CHECK_ICON.svg"; +export { default as CAMERA_ICON } from "./CAMERA_ICON.svg"; +export { default as CHAT_BUBBLE_DOTS_ICON } from "./CHAT_BUBBLE_DOTS_ICON.svg"; +export { default as CHAT_BUBBLE_ICON } from "./CHAT_BUBBLE_ICON.svg"; +export { default as CHECK_ICON } from "./CHECK_ICON.svg"; +export { default as CLOCK_ICON } from "./CLOCK_ICON.svg"; +export { default as DOTS_ICON } from "./DOTS_ICON.svg"; +export { default as DOWNLOAD_ICON } from "./DOWNLOAD_ICON.svg"; +export { default as FILTER_ICON } from "./FILTER_ICON.svg"; +export { default as HEART_ICON } from "./HEART_ICON.svg"; +export { default as HOME_ICON } from "./HOME_ICON.svg"; +export { default as LOCK_ICON } from "./LOCK_ICON.svg"; +export { default as PICTURE_ICON } from "./PICTURE_ICON.svg"; +export { default as PIN_LOCATION_ICON } from "./PIN_LOCATION_ICON.svg"; +export { default as PLUS_ICON } from "./PLUS_ICON.svg"; +export { default as SEARCH_ICON } from "./SEARCH_ICON.svg"; +export { default as SETTING_ICON } from "./SETTING_ICON.svg"; +export { default as SHARE_ICON } from "./SHARE_ICON.svg"; +export { default as STACK_UP_SQUARE_ICON } from "./STACK_UP_SQUARE_ICON.svg"; +export { default as STAR_ICON } from "./STAR_ICON.svg"; +export { default as TRASH_ICON } from "./TRASH_ICON.svg"; +export { default as TWINKLE_CIRCLE_ICON } from "./TWINKLE_CIRCLE_ICON.svg"; +export { default as USER_ICON } from "./USER_ICON.svg"; +export { default as USER_SQUARE_ICON } from "./USER_SQUARE_ICON.svg"; +export { default as WARNING_TRIANGLE_ICON } from "./WARNING_TRIANGLE_ICON.svg"; +export { default as X_ICON } from "./X_ICON.svg"; From a676927e50dbe250e6b0897c3a807d542ba49eaa Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 03:19:17 +0900 Subject: [PATCH 5/6] =?UTF-8?q?=F0=9F=94=A7=20chore:=20.keep=20=EC=82=AD?= =?UTF-8?q?=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/.keep | 0 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 src/components/.keep diff --git a/src/components/.keep b/src/components/.keep deleted file mode 100644 index e69de29..0000000 From ce50437d73b0334fca028d02342e3cd86a66f713 Mon Sep 17 00:00:00 2001 From: Jeongmin Lee Date: Fri, 2 Aug 2024 03:49:55 +0900 Subject: [PATCH 6/6] =?UTF-8?q?=F0=9F=92=85=20style:=20add=20dummy=20stori?= =?UTF-8?q?es=20for=20chromatic=20build?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .storybook/preview.tsx | 2 -- .../button/SquareTabButton.stories.tsx | 28 +++++++++++++++++++ src/components/button/SquareTabButton.tsx | 25 +++++++++++++++++ 3 files changed, 53 insertions(+), 2 deletions(-) create mode 100644 src/components/button/SquareTabButton.stories.tsx create mode 100644 src/components/button/SquareTabButton.tsx diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index 7f9c15d..ed8f18d 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,10 +1,8 @@ import type { Preview } from "@storybook/react"; import React from "react"; -import { Pretendard } from "../src/app/fonts/index"; import "../src/styles/globals.css"; import "../src/styles/theme.css"; -import { cn } from "../src/utils/cn"; const preview: Preview = { parameters: { diff --git a/src/components/button/SquareTabButton.stories.tsx b/src/components/button/SquareTabButton.stories.tsx new file mode 100644 index 0000000..40a3e28 --- /dev/null +++ b/src/components/button/SquareTabButton.stories.tsx @@ -0,0 +1,28 @@ +import type { Meta, StoryObj } from "@storybook/react"; + +import SquareTabButton from "./SquareTabButton"; + +const meta: Meta = { + title: "SquareTabButton", + component: SquareTabButton, + parameters: { + layout: "centered", + }, + + argTypes: { + active: { + control: { + type: "boolean", + }, + }, + }, +}; + +export default meta; +type Story = StoryObj; + +export const Typographys: Story = { + args: { + active: false, + }, +}; diff --git a/src/components/button/SquareTabButton.tsx b/src/components/button/SquareTabButton.tsx new file mode 100644 index 0000000..e4e3004 --- /dev/null +++ b/src/components/button/SquareTabButton.tsx @@ -0,0 +1,25 @@ +import { Button, ButtonProps } from "@radix-ui/themes"; +import { FC } from "react"; + +import { cn } from "@/utils/cn"; + +export interface Props extends ButtonProps { + active: boolean; +} + +const SquareTabButton: FC = ({ active = false, ...props }) => { + return ( + + ); +}; + +export default SquareTabButton;