diff --git a/.gitignore b/.gitignore index 62639cd0..dbba5fab 100644 --- a/.gitignore +++ b/.gitignore @@ -30,4 +30,6 @@ dist-ssr !.yarn/plugins !.yarn/releases !.yarn/sdks -!.yarn/versions \ No newline at end of file +!.yarn/versions +.yarn/install-state.gz +.pnp.* \ No newline at end of file diff --git a/.pnp.cjs b/.pnp.cjs index fa0a9de4..d868e940 100755 --- a/.pnp.cjs +++ b/.pnp.cjs @@ -29,11 +29,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "packageLocation": "./",\ "packageDependencies": [\ ["@emotion/react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:11.11.1"],\ + ["@emotion/serialize", "npm:1.1.2"],\ ["@emotion/styled", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:11.11.0"],\ ["@storybook/addon-actions", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.24"],\ ["@storybook/addon-essentials", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/addon-interactions", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/addon-links", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ + ["@storybook/addon-styling", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:1.3.4"],\ + ["@storybook/addons", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.27"],\ ["@storybook/blocks", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/builder-vite", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.22"],\ ["@storybook/react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ @@ -51,6 +54,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["@vitejs/plugin-react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:4.0.0"],\ ["chromatic", "npm:6.19.9"],\ ["emotion-reset", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:3.0.1"],\ + ["emotion-theming", "npm:11.0.0"],\ ["eslint", "npm:8.43.0"],\ ["eslint-config-prettier", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:8.8.0"],\ ["eslint-import-resolver-typescript", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:3.5.5"],\ @@ -5350,6 +5354,62 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["@storybook/addon-styling", [\ + ["npm:1.3.4", {\ + "packageLocation": "./.yarn/cache/@storybook-addon-styling-npm-1.3.4-26fe56a6af-0ec9270747.zip/node_modules/@storybook/addon-styling/",\ + "packageDependencies": [\ + ["@storybook/addon-styling", "npm:1.3.4"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:1.3.4", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-addon-styling-virtual-cce73ba425/0/cache/@storybook-addon-styling-npm-1.3.4-26fe56a6af-0ec9270747.zip/node_modules/@storybook/addon-styling/",\ + "packageDependencies": [\ + ["@storybook/addon-styling", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:1.3.4"],\ + ["@babel/template", "npm:7.21.9"],\ + ["@babel/types", "npm:7.22.4"],\ + ["@storybook/api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/components", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/core-common", "npm:7.0.27"],\ + ["@storybook/core-events", "npm:7.0.27"],\ + ["@storybook/manager-api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/node-logger", "npm:7.0.27"],\ + ["@storybook/preview-api", "npm:7.0.27"],\ + ["@storybook/theming", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/less", null],\ + ["@types/postcss", null],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["@types/webpack", null],\ + ["css-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:6.8.1"],\ + ["less", null],\ + ["less-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:11.1.3"],\ + ["postcss", null],\ + ["postcss-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.3.3"],\ + ["prettier", "npm:2.8.8"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"],\ + ["resolve-url-loader", "npm:5.0.0"],\ + ["sass-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:13.3.2"],\ + ["style-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:3.3.3"],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/less",\ + "@types/postcss",\ + "@types/react-dom",\ + "@types/react",\ + "@types/webpack",\ + "less",\ + "postcss",\ + "react-dom",\ + "react",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["@storybook/addon-toolbars", [\ ["npm:7.0.18", {\ "packageLocation": "./.yarn/cache/@storybook-addon-toolbars-npm-7.0.18-1a275d259c-eacabdb93d.zip/node_modules/@storybook/addon-toolbars/",\ @@ -5416,6 +5476,63 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["@storybook/addons", [\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-addons-npm-7.0.27-60317ca6d2-96cb7edfd0.zip/node_modules/@storybook/addons/",\ + "packageDependencies": [\ + ["@storybook/addons", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-addons-virtual-628200175f/0/cache/@storybook-addons-npm-7.0.27-60317ca6d2-96cb7edfd0.zip/node_modules/@storybook/addons/",\ + "packageDependencies": [\ + ["@storybook/addons", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.27"],\ + ["@storybook/manager-api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/preview-api", "npm:7.0.27"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["@storybook/api", [\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-api-npm-7.0.27-bc919e5d89-13e31c0a52.zip/node_modules/@storybook/api/",\ + "packageDependencies": [\ + ["@storybook/api", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-api-virtual-ba39a5412e/0/cache/@storybook-api-npm-7.0.27-bc919e5d89-13e31c0a52.zip/node_modules/@storybook/api/",\ + "packageDependencies": [\ + ["@storybook/api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/manager-api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["@storybook/blocks", [\ ["npm:7.0.18", {\ "packageLocation": "./.yarn/cache/@storybook-blocks-npm-7.0.18-7b0943a611-7c841fc70b.zip/node_modules/@storybook/blocks/",\ @@ -5634,6 +5751,19 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["telejson", "npm:7.1.0"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-channel-postmessage-npm-7.0.27-572509173c-f5d10bec68.zip/node_modules/@storybook/channel-postmessage/",\ + "packageDependencies": [\ + ["@storybook/channel-postmessage", "npm:7.0.27"],\ + ["@storybook/channels", "npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/core-events", "npm:7.0.27"],\ + ["@storybook/global", "npm:5.0.0"],\ + ["qs", "npm:6.11.2"],\ + ["telejson", "npm:7.1.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/channel-websocket", [\ @@ -5681,6 +5811,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["@storybook/channels", "npm:7.0.24"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-channels-npm-7.0.27-2cfed21b58-a6d10ccc93.zip/node_modules/@storybook/channels/",\ + "packageDependencies": [\ + ["@storybook/channels", "npm:7.0.27"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/cli", [\ @@ -5755,6 +5892,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["@storybook/global", "npm:5.0.0"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-client-logger-npm-7.0.27-1f9a1997e4-ee611ffd34.zip/node_modules/@storybook/client-logger/",\ + "packageDependencies": [\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/global", "npm:5.0.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/codemod", [\ @@ -5794,6 +5939,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ],\ "linkType": "SOFT"\ }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-components-npm-7.0.27-4297ce24e2-2e345fd5a6.zip/node_modules/@storybook/components/",\ + "packageDependencies": [\ + ["@storybook/components", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ ["virtual:3b600233929228f20591c88ef675b7517d20f558aa309b77fa14a0e798f1aaee9dd6aabb1751249056dc6d0d0347cb7e39cbe5879a606aeb47debd37fc14c1d7#npm:7.0.24", {\ "packageLocation": "./.yarn/__virtual__/@storybook-components-virtual-48ed8dde01/0/cache/@storybook-components-npm-7.0.24-334425b6c7-7fbaf208f3.zip/node_modules/@storybook/components/",\ "packageDependencies": [\ @@ -5843,6 +5995,31 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "react"\ ],\ "linkType": "HARD"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-components-virtual-18a99751d4/0/cache/@storybook-components-npm-7.0.27-4297ce24e2-2e345fd5a6.zip/node_modules/@storybook/components/",\ + "packageDependencies": [\ + ["@storybook/components", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/csf", "npm:0.1.1"],\ + ["@storybook/global", "npm:5.0.0"],\ + ["@storybook/theming", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["memoizerific", "npm:1.11.3"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"],\ + ["use-resize-observer", "virtual:48ed8dde01379177bcc6e79e20a63bb7ab218f74c9e90f6ba410af4037726e48a9420bb566834c0bfed3540a9af1820cc9e47b07265f082b785a672cf9b29cd6#npm:9.1.0"],\ + ["util-deprecate", "npm:1.0.2"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/core-client", [\ @@ -5910,6 +6087,34 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["ts-dedent", "npm:2.2.0"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-core-common-npm-7.0.27-f3b9371dbe-456b5d1035.zip/node_modules/@storybook/core-common/",\ + "packageDependencies": [\ + ["@storybook/core-common", "npm:7.0.27"],\ + ["@storybook/node-logger", "npm:7.0.27"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/node", "npm:16.18.34"],\ + ["@types/node-fetch", "npm:2.6.4"],\ + ["@types/pretty-hrtime", "npm:1.0.1"],\ + ["chalk", "npm:4.1.2"],\ + ["esbuild", "npm:0.17.19"],\ + ["esbuild-register", "virtual:abcb0fcc68018bde0774b406b7d9ad66f97c61cfa91e62b56852f09428b6124b568b430c2f67ebfd48bd7d213cd0fc3fe3a9eccad71ea8f86468e431469e2769#npm:3.4.2"],\ + ["file-system-cache", "npm:2.3.0"],\ + ["find-up", "npm:5.0.0"],\ + ["fs-extra", "npm:11.1.1"],\ + ["glob", "npm:8.1.0"],\ + ["glob-promise", "virtual:abcb0fcc68018bde0774b406b7d9ad66f97c61cfa91e62b56852f09428b6124b568b430c2f67ebfd48bd7d213cd0fc3fe3a9eccad71ea8f86468e431469e2769#npm:6.0.2"],\ + ["handlebars", "npm:4.7.7"],\ + ["lazy-universal-dotenv", "npm:4.0.0"],\ + ["node-fetch", "virtual:001a51c96ce37a97cf30fc526c6f9fb47f465af86bde09772059c3ed8c47512dac2528879b10b46a196f19ffb613ae2a7fc96758c4dd43cdcc1260aceb7e1779#npm:2.6.11"],\ + ["picomatch", "npm:2.3.1"],\ + ["pkg-dir", "npm:5.0.0"],\ + ["pretty-hrtime", "npm:1.0.3"],\ + ["resolve-from", "npm:5.0.0"],\ + ["ts-dedent", "npm:2.2.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/core-events", [\ @@ -5933,6 +6138,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["@storybook/core-events", "npm:7.0.24"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-core-events-npm-7.0.27-a120140f76-ca5fe8e791.zip/node_modules/@storybook/core-events/",\ + "packageDependencies": [\ + ["@storybook/core-events", "npm:7.0.27"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/core-server", [\ @@ -6130,6 +6342,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ],\ "linkType": "SOFT"\ }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-manager-api-npm-7.0.27-13ac7bb40b-18b4e74f4d.zip/node_modules/@storybook/manager-api/",\ + "packageDependencies": [\ + ["@storybook/manager-api", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ ["virtual:3b600233929228f20591c88ef675b7517d20f558aa309b77fa14a0e798f1aaee9dd6aabb1751249056dc6d0d0347cb7e39cbe5879a606aeb47debd37fc14c1d7#npm:7.0.24", {\ "packageLocation": "./.yarn/__virtual__/@storybook-manager-api-virtual-57cdae74bc/0/cache/@storybook-manager-api-npm-7.0.24-0f30513b33-2938f7848b.zip/node_modules/@storybook/manager-api/",\ "packageDependencies": [\ @@ -6193,6 +6412,38 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "react"\ ],\ "linkType": "HARD"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-manager-api-virtual-c2184fc378/0/cache/@storybook-manager-api-npm-7.0.27-13ac7bb40b-18b4e74f4d.zip/node_modules/@storybook/manager-api/",\ + "packageDependencies": [\ + ["@storybook/manager-api", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/channels", "npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/core-events", "npm:7.0.27"],\ + ["@storybook/csf", "npm:0.1.1"],\ + ["@storybook/global", "npm:5.0.0"],\ + ["@storybook/router", "virtual:c2184fc3787b526220dc8a044ac19ca6eaad2bce50f262e574df85915cb83f729da60010c304461f1f219999698eae5a85e6198f26ca04ad1b8261026b95c08d#npm:7.0.27"],\ + ["@storybook/theming", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["dequal", "npm:2.0.3"],\ + ["lodash", "npm:4.17.21"],\ + ["memoizerific", "npm:1.11.3"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"],\ + ["semver", "npm:7.5.1"],\ + ["store2", "npm:2.14.2"],\ + ["telejson", "npm:7.1.0"],\ + ["ts-dedent", "npm:2.2.0"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/mdx2-csf", [\ @@ -6226,6 +6477,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["pretty-hrtime", "npm:1.0.3"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-node-logger-npm-7.0.27-a9eefd8f72-d055dd00c6.zip/node_modules/@storybook/node-logger/",\ + "packageDependencies": [\ + ["@storybook/node-logger", "npm:7.0.27"],\ + ["@types/npmlog", "npm:4.1.4"],\ + ["chalk", "npm:4.1.2"],\ + ["npmlog", "npm:5.0.1"],\ + ["pretty-hrtime", "npm:1.0.3"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/postinstall", [\ @@ -6319,6 +6581,28 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["util-deprecate", "npm:1.0.2"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-preview-api-npm-7.0.27-1622dcf38d-f82f22f2c4.zip/node_modules/@storybook/preview-api/",\ + "packageDependencies": [\ + ["@storybook/preview-api", "npm:7.0.27"],\ + ["@storybook/channel-postmessage", "npm:7.0.27"],\ + ["@storybook/channels", "npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/core-events", "npm:7.0.27"],\ + ["@storybook/csf", "npm:0.1.1"],\ + ["@storybook/global", "npm:5.0.0"],\ + ["@storybook/types", "npm:7.0.27"],\ + ["@types/qs", "npm:6.9.7"],\ + ["dequal", "npm:2.0.3"],\ + ["lodash", "npm:4.17.21"],\ + ["memoizerific", "npm:1.11.3"],\ + ["qs", "npm:6.11.2"],\ + ["synchronous-promise", "npm:2.0.17"],\ + ["ts-dedent", "npm:2.2.0"],\ + ["util-deprecate", "npm:1.0.2"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/react", [\ @@ -6493,6 +6777,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ],\ "linkType": "SOFT"\ }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-router-npm-7.0.27-6650e6f22f-2ab89f268c.zip/node_modules/@storybook/router/",\ + "packageDependencies": [\ + ["@storybook/router", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ ["virtual:119934f8567bbb6983875cdc037af2f3c4e9c9f89aeb31b43b6f2fc825074ad6caf87fe4a329a6dc22c606eea6423bc21c0f65d8a774f1d630ef9bd875c28623#npm:7.0.18", {\ "packageLocation": "./.yarn/__virtual__/@storybook-router-virtual-690f55d15e/0/cache/@storybook-router-npm-7.0.18-367d91268d-b92687d1b9.zip/node_modules/@storybook/router/",\ "packageDependencies": [\ @@ -6532,6 +6823,26 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "react"\ ],\ "linkType": "HARD"\ + }],\ + ["virtual:c2184fc3787b526220dc8a044ac19ca6eaad2bce50f262e574df85915cb83f729da60010c304461f1f219999698eae5a85e6198f26ca04ad1b8261026b95c08d#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-router-virtual-e18db40e3e/0/cache/@storybook-router-npm-7.0.27-6650e6f22f-2ab89f268c.zip/node_modules/@storybook/router/",\ + "packageDependencies": [\ + ["@storybook/router", "virtual:c2184fc3787b526220dc8a044ac19ca6eaad2bce50f262e574df85915cb83f729da60010c304461f1f219999698eae5a85e6198f26ca04ad1b8261026b95c08d#npm:7.0.27"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["memoizerific", "npm:1.11.3"],\ + ["qs", "npm:6.11.2"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/storybook-deployer", [\ @@ -6595,6 +6906,13 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ],\ "linkType": "SOFT"\ }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-theming-npm-7.0.27-7851401597-48b128595c.zip/node_modules/@storybook/theming/",\ + "packageDependencies": [\ + ["@storybook/theming", "npm:7.0.27"]\ + ],\ + "linkType": "SOFT"\ + }],\ ["virtual:3b600233929228f20591c88ef675b7517d20f558aa309b77fa14a0e798f1aaee9dd6aabb1751249056dc6d0d0347cb7e39cbe5879a606aeb47debd37fc14c1d7#npm:7.0.24", {\ "packageLocation": "./.yarn/__virtual__/@storybook-theming-virtual-a122d9a7af/0/cache/@storybook-theming-npm-7.0.24-a5d0a1b670-f44edb7f71.zip/node_modules/@storybook/theming/",\ "packageDependencies": [\ @@ -6636,6 +6954,27 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "react"\ ],\ "linkType": "HARD"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27", {\ + "packageLocation": "./.yarn/__virtual__/@storybook-theming-virtual-673ac9836f/0/cache/@storybook-theming-npm-7.0.27-7851401597-48b128595c.zip/node_modules/@storybook/theming/",\ + "packageDependencies": [\ + ["@storybook/theming", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.0.27"],\ + ["@emotion/use-insertion-effect-with-fallbacks", "virtual:7f103644f036760cfb9fb470fe99546d8697ff206fc5b0b2d669692562f4ec078c77f61b92a2b95e908c4977f3e28e1181ddc01d2e12d847d4521ed60587593d#npm:1.0.1"],\ + ["@storybook/client-logger", "npm:7.0.27"],\ + ["@storybook/global", "npm:5.0.0"],\ + ["@types/react", "npm:18.2.8"],\ + ["@types/react-dom", "npm:18.2.4"],\ + ["memoizerific", "npm:1.11.3"],\ + ["react", "npm:18.2.0"],\ + ["react-dom", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:18.2.0"]\ + ],\ + "packagePeers": [\ + "@types/react-dom",\ + "@types/react",\ + "react-dom",\ + "react"\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@storybook/types", [\ @@ -6671,6 +7010,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["file-system-cache", "npm:2.3.0"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.0.27", {\ + "packageLocation": "./.yarn/cache/@storybook-types-npm-7.0.27-4939c20fbf-ca7588554a.zip/node_modules/@storybook/types/",\ + "packageDependencies": [\ + ["@storybook/types", "npm:7.0.27"],\ + ["@storybook/channels", "npm:7.0.27"],\ + ["@types/babel__core", "npm:7.20.1"],\ + ["@types/express", "npm:4.17.17"],\ + ["file-system-cache", "npm:2.3.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["@tanstack/match-sorter-utils", [\ @@ -7744,6 +8094,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["adjust-sourcemap-loader", [\ + ["npm:4.0.0", {\ + "packageLocation": "./.yarn/cache/adjust-sourcemap-loader-npm-4.0.0-c8b560af8c-d524ae2358.zip/node_modules/adjust-sourcemap-loader/",\ + "packageDependencies": [\ + ["adjust-sourcemap-loader", "npm:4.0.0"],\ + ["loader-utils", "npm:2.0.4"],\ + ["regex-parser", "npm:2.2.11"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["agent-base", [\ ["npm:5.1.1", {\ "packageLocation": "./.yarn/cache/agent-base-npm-5.1.1-d451a4ad62-61ae789f30.zip/node_modules/agent-base/",\ @@ -8284,6 +8645,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["big.js", [\ + ["npm:5.2.2", {\ + "packageLocation": "./.yarn/cache/big.js-npm-5.2.2-e147c30820-b89b6e8419.zip/node_modules/big.js/",\ + "packageDependencies": [\ + ["big.js", "npm:5.2.2"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["binary-extensions", [\ ["npm:2.2.0", {\ "packageLocation": "./.yarn/cache/binary-extensions-npm-2.2.0-180c33fec7-ccd267956c.zip/node_modules/binary-extensions/",\ @@ -8973,6 +9343,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["yaml", "npm:1.10.2"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:8.2.0", {\ + "packageLocation": "./.yarn/cache/cosmiconfig-npm-8.2.0-9b42f8a44e-836d5d8efa.zip/node_modules/cosmiconfig/",\ + "packageDependencies": [\ + ["cosmiconfig", "npm:8.2.0"],\ + ["import-fresh", "npm:3.3.0"],\ + ["js-yaml", "npm:4.1.0"],\ + ["parse-json", "npm:5.2.0"],\ + ["path-type", "npm:4.0.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["cross-spawn", [\ @@ -8996,6 +9377,45 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["css-loader", [\ + ["npm:6.8.1", {\ + "packageLocation": "./.yarn/cache/css-loader-npm-6.8.1-30d84b4cf1-7c1784247b.zip/node_modules/css-loader/",\ + "packageDependencies": [\ + ["css-loader", "npm:6.8.1"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:6.8.1", {\ + "packageLocation": "./.yarn/__virtual__/css-loader-virtual-0027018dcb/0/cache/css-loader-npm-6.8.1-30d84b4cf1-7c1784247b.zip/node_modules/css-loader/",\ + "packageDependencies": [\ + ["css-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:6.8.1"],\ + ["@types/webpack", null],\ + ["icss-utils", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:5.1.0"],\ + ["postcss", "npm:8.4.26"],\ + ["postcss-modules-extract-imports", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0"],\ + ["postcss-modules-local-by-default", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.3"],\ + ["postcss-modules-scope", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0"],\ + ["postcss-modules-values", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.0"],\ + ["postcss-value-parser", "npm:4.2.0"],\ + ["semver", "npm:7.5.4"],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/webpack",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["cssesc", [\ + ["npm:3.0.0", {\ + "packageLocation": "./.yarn/cache/cssesc-npm-3.0.0-15ec56f86f-f8c4ababff.zip/node_modules/cssesc/",\ + "packageDependencies": [\ + ["cssesc", "npm:3.0.0"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["csstype", [\ ["npm:3.1.2", {\ "packageLocation": "./.yarn/cache/csstype-npm-3.1.2-cead7d99b2-e1a52e6c25.zip/node_modules/csstype/",\ @@ -9382,6 +9802,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["emojis-list", [\ + ["npm:3.0.0", {\ + "packageLocation": "./.yarn/cache/emojis-list-npm-3.0.0-7faa48e6fd-ddaaa02542.zip/node_modules/emojis-list/",\ + "packageDependencies": [\ + ["emojis-list", "npm:3.0.0"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["emotion-reset", [\ ["npm:3.0.1", {\ "packageLocation": "./.yarn/cache/emotion-reset-npm-3.0.1-061e1e27b7-788cfbf6f3.zip/node_modules/emotion-reset/",\ @@ -9404,6 +9833,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["emotion-theming", [\ + ["npm:11.0.0", {\ + "packageLocation": "./.yarn/cache/emotion-theming-npm-11.0.0-7f788216f2-d823a50c4d.zip/node_modules/emotion-theming/",\ + "packageDependencies": [\ + ["emotion-theming", "npm:11.0.0"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["encodeurl", [\ ["npm:1.0.2", {\ "packageLocation": "./.yarn/cache/encodeurl-npm-1.0.2-f8c8454c41-e50e3d508c.zip/node_modules/encodeurl/",\ @@ -11227,6 +11665,28 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["icss-utils", [\ + ["npm:5.1.0", {\ + "packageLocation": "./.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip/node_modules/icss-utils/",\ + "packageDependencies": [\ + ["icss-utils", "npm:5.1.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:5.1.0", {\ + "packageLocation": "./.yarn/__virtual__/icss-utils-virtual-759512bda1/0/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip/node_modules/icss-utils/",\ + "packageDependencies": [\ + ["icss-utils", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:5.1.0"],\ + ["@types/postcss", null],\ + ["postcss", "npm:8.4.26"]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "postcss"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["ieee754", [\ ["npm:1.2.1", {\ "packageLocation": "./.yarn/cache/ieee754-npm-1.2.1-fb63b3caeb-5144c0c981.zip/node_modules/ieee754/",\ @@ -11947,6 +12407,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["jiti", [\ + ["npm:1.19.1", {\ + "packageLocation": "./.yarn/cache/jiti-npm-1.19.1-eef2f0ec29-fdf55e315f.zip/node_modules/jiti/",\ + "packageDependencies": [\ + ["jiti", "npm:1.19.1"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["js-tokens", [\ ["npm:4.0.0", {\ "packageLocation": "./.yarn/cache/js-tokens-npm-4.0.0-0ac852e9e2-8a95213a5a.zip/node_modules/js-tokens/",\ @@ -12149,6 +12618,32 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["less-loader", [\ + ["npm:11.1.3", {\ + "packageLocation": "./.yarn/cache/less-loader-npm-11.1.3-597c0b1bf3-fe0de6b5ab.zip/node_modules/less-loader/",\ + "packageDependencies": [\ + ["less-loader", "npm:11.1.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:11.1.3", {\ + "packageLocation": "./.yarn/__virtual__/less-loader-virtual-a36363bcec/0/cache/less-loader-npm-11.1.3-597c0b1bf3-fe0de6b5ab.zip/node_modules/less-loader/",\ + "packageDependencies": [\ + ["less-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:11.1.3"],\ + ["@types/less", null],\ + ["@types/webpack", null],\ + ["less", null],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/less",\ + "@types/webpack",\ + "less",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["leven", [\ ["npm:3.1.0", {\ "packageLocation": "./.yarn/cache/leven-npm-3.1.0-b7697736a3-638401d534.zip/node_modules/leven/",\ @@ -12187,6 +12682,18 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["loader-utils", [\ + ["npm:2.0.4", {\ + "packageLocation": "./.yarn/cache/loader-utils-npm-2.0.4-ba3800585b-a5281f5fff.zip/node_modules/loader-utils/",\ + "packageDependencies": [\ + ["loader-utils", "npm:2.0.4"],\ + ["big.js", "npm:5.2.2"],\ + ["emojis-list", "npm:3.0.0"],\ + ["json5", "npm:2.2.3"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["locate-path", [\ ["npm:3.0.0", {\ "packageLocation": "./.yarn/cache/locate-path-npm-3.0.0-991671ae9f-53db399667.zip/node_modules/locate-path/",\ @@ -13420,6 +13927,158 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["source-map-js", "npm:1.0.2"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:8.4.26", {\ + "packageLocation": "./.yarn/cache/postcss-npm-8.4.26-69b2393d4b-1cf08ee10d.zip/node_modules/postcss/",\ + "packageDependencies": [\ + ["postcss", "npm:8.4.26"],\ + ["nanoid", "npm:3.3.6"],\ + ["picocolors", "npm:1.0.0"],\ + ["source-map-js", "npm:1.0.2"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-loader", [\ + ["npm:7.3.3", {\ + "packageLocation": "./.yarn/cache/postcss-loader-npm-7.3.3-df90db4d0c-c724044d6a.zip/node_modules/postcss-loader/",\ + "packageDependencies": [\ + ["postcss-loader", "npm:7.3.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.3.3", {\ + "packageLocation": "./.yarn/__virtual__/postcss-loader-virtual-75abff9d50/0/cache/postcss-loader-npm-7.3.3-df90db4d0c-c724044d6a.zip/node_modules/postcss-loader/",\ + "packageDependencies": [\ + ["postcss-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:7.3.3"],\ + ["@types/postcss", null],\ + ["@types/webpack", null],\ + ["cosmiconfig", "npm:8.2.0"],\ + ["jiti", "npm:1.19.1"],\ + ["postcss", null],\ + ["semver", "npm:7.5.4"],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "@types/webpack",\ + "postcss",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-modules-extract-imports", [\ + ["npm:3.0.0", {\ + "packageLocation": "./.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip/node_modules/postcss-modules-extract-imports/",\ + "packageDependencies": [\ + ["postcss-modules-extract-imports", "npm:3.0.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0", {\ + "packageLocation": "./.yarn/__virtual__/postcss-modules-extract-imports-virtual-0bc512d11d/0/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip/node_modules/postcss-modules-extract-imports/",\ + "packageDependencies": [\ + ["postcss-modules-extract-imports", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0"],\ + ["@types/postcss", null],\ + ["postcss", "npm:8.4.26"]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "postcss"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-modules-local-by-default", [\ + ["npm:4.0.3", {\ + "packageLocation": "./.yarn/cache/postcss-modules-local-by-default-npm-4.0.3-f6674d7148-2f8083687f.zip/node_modules/postcss-modules-local-by-default/",\ + "packageDependencies": [\ + ["postcss-modules-local-by-default", "npm:4.0.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.3", {\ + "packageLocation": "./.yarn/__virtual__/postcss-modules-local-by-default-virtual-13dd75dd8b/0/cache/postcss-modules-local-by-default-npm-4.0.3-f6674d7148-2f8083687f.zip/node_modules/postcss-modules-local-by-default/",\ + "packageDependencies": [\ + ["postcss-modules-local-by-default", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.3"],\ + ["@types/postcss", null],\ + ["icss-utils", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:5.1.0"],\ + ["postcss", "npm:8.4.26"],\ + ["postcss-selector-parser", "npm:6.0.13"],\ + ["postcss-value-parser", "npm:4.2.0"]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "postcss"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-modules-scope", [\ + ["npm:3.0.0", {\ + "packageLocation": "./.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip/node_modules/postcss-modules-scope/",\ + "packageDependencies": [\ + ["postcss-modules-scope", "npm:3.0.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0", {\ + "packageLocation": "./.yarn/__virtual__/postcss-modules-scope-virtual-5a3bae63a9/0/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip/node_modules/postcss-modules-scope/",\ + "packageDependencies": [\ + ["postcss-modules-scope", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:3.0.0"],\ + ["@types/postcss", null],\ + ["postcss", "npm:8.4.26"],\ + ["postcss-selector-parser", "npm:6.0.13"]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "postcss"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-modules-values", [\ + ["npm:4.0.0", {\ + "packageLocation": "./.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip/node_modules/postcss-modules-values/",\ + "packageDependencies": [\ + ["postcss-modules-values", "npm:4.0.0"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.0", {\ + "packageLocation": "./.yarn/__virtual__/postcss-modules-values-virtual-2e0b5232c9/0/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip/node_modules/postcss-modules-values/",\ + "packageDependencies": [\ + ["postcss-modules-values", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:4.0.0"],\ + ["@types/postcss", null],\ + ["icss-utils", "virtual:0027018dcb2601344fe9dbc8c6433964de012fb1cbbe11af1494c520f08aae026651850f86d80b7d742216b31484632510d0dbb82dd2a9b542568556fd8b61bb#npm:5.1.0"],\ + ["postcss", "npm:8.4.26"]\ + ],\ + "packagePeers": [\ + "@types/postcss",\ + "postcss"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-selector-parser", [\ + ["npm:6.0.13", {\ + "packageLocation": "./.yarn/cache/postcss-selector-parser-npm-6.0.13-f732d92326-f89163338a.zip/node_modules/postcss-selector-parser/",\ + "packageDependencies": [\ + ["postcss-selector-parser", "npm:6.0.13"],\ + ["cssesc", "npm:3.0.0"],\ + ["util-deprecate", "npm:1.0.2"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ + ["postcss-value-parser", [\ + ["npm:4.2.0", {\ + "packageLocation": "./.yarn/cache/postcss-value-parser-npm-4.2.0-3cef602a6a-819ffab0c9.zip/node_modules/postcss-value-parser/",\ + "packageDependencies": [\ + ["postcss-value-parser", "npm:4.2.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["prelude-ls", [\ @@ -14115,6 +14774,15 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["regex-parser", [\ + ["npm:2.2.11", {\ + "packageLocation": "./.yarn/cache/regex-parser-npm-2.2.11-946d73634f-78200331ec.zip/node_modules/regex-parser/",\ + "packageDependencies": [\ + ["regex-parser", "npm:2.2.11"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["regexp.prototype.flags", [\ ["npm:1.5.0", {\ "packageLocation": "./.yarn/cache/regexp.prototype.flags-npm-1.5.0-5623b9e07f-c541687cdb.zip/node_modules/regexp.prototype.flags/",\ @@ -14251,6 +14919,20 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["resolve-url-loader", [\ + ["npm:5.0.0", {\ + "packageLocation": "./.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip/node_modules/resolve-url-loader/",\ + "packageDependencies": [\ + ["resolve-url-loader", "npm:5.0.0"],\ + ["adjust-sourcemap-loader", "npm:4.0.0"],\ + ["convert-source-map", "npm:1.9.0"],\ + ["loader-utils", "npm:2.0.4"],\ + ["postcss", "npm:8.4.26"],\ + ["source-map", "npm:0.6.1"]\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["restore-cursor", [\ ["npm:3.1.0", {\ "packageLocation": "./.yarn/cache/restore-cursor-npm-3.1.0-52c5a4c98f-f877dd8741.zip/node_modules/restore-cursor/",\ @@ -14380,6 +15062,45 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["sass-loader", [\ + ["npm:13.3.2", {\ + "packageLocation": "./.yarn/cache/sass-loader-npm-13.3.2-82bfeae746-7394a8d1b8.zip/node_modules/sass-loader/",\ + "packageDependencies": [\ + ["sass-loader", "npm:13.3.2"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:13.3.2", {\ + "packageLocation": "./.yarn/__virtual__/sass-loader-virtual-0e6f62e5ac/0/cache/sass-loader-npm-13.3.2-82bfeae746-7394a8d1b8.zip/node_modules/sass-loader/",\ + "packageDependencies": [\ + ["sass-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:13.3.2"],\ + ["@types/fibers", null],\ + ["@types/node-sass", null],\ + ["@types/sass", null],\ + ["@types/sass-embedded", null],\ + ["@types/webpack", null],\ + ["fibers", null],\ + ["neo-async", "npm:2.6.2"],\ + ["node-sass", null],\ + ["sass", null],\ + ["sass-embedded", null],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/fibers",\ + "@types/node-sass",\ + "@types/sass-embedded",\ + "@types/sass",\ + "@types/webpack",\ + "fibers",\ + "node-sass",\ + "sass-embedded",\ + "sass",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["scheduler", [\ ["npm:0.23.0", {\ "packageLocation": "./.yarn/cache/scheduler-npm-0.23.0-a379a6bc3b-d79192eeaa.zip/node_modules/scheduler/",\ @@ -14419,6 +15140,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["lru-cache", "npm:6.0.0"]\ ],\ "linkType": "HARD"\ + }],\ + ["npm:7.5.4", {\ + "packageLocation": "./.yarn/cache/semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip/node_modules/semver/",\ + "packageDependencies": [\ + ["semver", "npm:7.5.4"],\ + ["lru-cache", "npm:6.0.0"]\ + ],\ + "linkType": "HARD"\ }]\ ]],\ ["send", [\ @@ -14888,6 +15617,28 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "linkType": "HARD"\ }]\ ]],\ + ["style-loader", [\ + ["npm:3.3.3", {\ + "packageLocation": "./.yarn/cache/style-loader-npm-3.3.3-2e8bbeeac4-f59c953f56.zip/node_modules/style-loader/",\ + "packageDependencies": [\ + ["style-loader", "npm:3.3.3"]\ + ],\ + "linkType": "SOFT"\ + }],\ + ["virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:3.3.3", {\ + "packageLocation": "./.yarn/__virtual__/style-loader-virtual-de2fcc0366/0/cache/style-loader-npm-3.3.3-2e8bbeeac4-f59c953f56.zip/node_modules/style-loader/",\ + "packageDependencies": [\ + ["style-loader", "virtual:cce73ba4255b4b761762bb7ecc28ba6a56d08a5926d30095a6659a8c2eb3f86e7ccae85b8f63fccae317fe054df92b43291e5b978cb28df69a31dfd5a9c3b20b#npm:3.3.3"],\ + ["@types/webpack", null],\ + ["webpack", null]\ + ],\ + "packagePeers": [\ + "@types/webpack",\ + "webpack"\ + ],\ + "linkType": "HARD"\ + }]\ + ]],\ ["stylis", [\ ["npm:4.2.0", {\ "packageLocation": "./.yarn/cache/stylis-npm-4.2.0-6b07f11c99-0eb6cc1b86.zip/node_modules/stylis/",\ @@ -15094,11 +15845,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { "packageDependencies": [\ ["tify-client", "workspace:."],\ ["@emotion/react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:11.11.1"],\ + ["@emotion/serialize", "npm:1.1.2"],\ ["@emotion/styled", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:11.11.0"],\ ["@storybook/addon-actions", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.24"],\ ["@storybook/addon-essentials", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/addon-interactions", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/addon-links", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ + ["@storybook/addon-styling", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:1.3.4"],\ + ["@storybook/addons", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.27"],\ ["@storybook/blocks", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ ["@storybook/builder-vite", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.22"],\ ["@storybook/react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:7.0.18"],\ @@ -15116,6 +15870,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) { ["@vitejs/plugin-react", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:4.0.0"],\ ["chromatic", "npm:6.19.9"],\ ["emotion-reset", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:3.0.1"],\ + ["emotion-theming", "npm:11.0.0"],\ ["eslint", "npm:8.43.0"],\ ["eslint-config-prettier", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:8.8.0"],\ ["eslint-import-resolver-typescript", "virtual:4e45c0fc66fcea691a6899704877c01ef5db8b206163e1bbedea31dcc437239f0f7b8715d5370a3fca234bafb04ae08706f0cd583bd4645634ee000ae7b4548c#npm:3.5.5"],\ diff --git a/.storybook/main.ts b/.storybook/main.ts index c0e2c492..af9d324f 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -26,14 +26,3 @@ const config: StorybookConfig = { }, }; export default config; - - - - - - // framework: { - // name: path.dirname( - // require.resolve(path.join("@storybook/react-vite", "package.json")) - // ), - // options: {}, - // }, diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 8c2a141c..22a31992 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -1,15 +1,42 @@ -import type { Preview } from '@storybook/react'; +import { Preview } from '@storybook/react'; +import { BrowserRouter } from 'react-router-dom'; +import './style.css'; + +const customViewports = { + iPhone13: { + name: 'iPhone 13', + styles: { + width: '390px', + height: '844px' + }, + type: 'mobile' + }, + tablet: { + name: 'iPad Pro 11', + styles: { + width: '834px', + height: '1194px', + }, + type: 'tablet', + }, +} const preview: Preview = { parameters: { - actions: { argTypesRegex: '^on[A-Z].*' }, + layout: 'fullscreen', + actions: { argTypesRegex: '^on.*' }, controls: { matchers: { color: /(background|color)$/i, date: /Date$/, }, }, + viewport: { + viewports: customViewports, + defaultViewport: 'iPhone13' + }, }, }; + export default preview; diff --git a/.storybook/style.css b/.storybook/style.css new file mode 100644 index 00000000..2a161ecf --- /dev/null +++ b/.storybook/style.css @@ -0,0 +1,76 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + font-family: 'SpoqaHanSansNeo', SpoqaHanSansNeo, -apple-system, BlinkMacSystemFont, + system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', + 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', + 'Segoe UI Symbol', sans-serif !important; + box-sizing: border-box; + + -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + background-color:#17171C; +} +div{ + box-sizing: border-box; +} +button { + background: inherit; + border: none; + box-shadow: none; + border-radius: 0; + padding: 0; + overflow: visible; + cursor: pointer; +} +button:focus { + outline: none; +} +input:focus { + outline: none; +} +textarea:focus { + outline: none; +} diff --git a/.yarn/cache/@storybook-addon-styling-npm-1.3.4-26fe56a6af-0ec9270747.zip b/.yarn/cache/@storybook-addon-styling-npm-1.3.4-26fe56a6af-0ec9270747.zip new file mode 100644 index 00000000..52b1d6f8 Binary files /dev/null and b/.yarn/cache/@storybook-addon-styling-npm-1.3.4-26fe56a6af-0ec9270747.zip differ diff --git a/.yarn/cache/@storybook-addons-npm-7.0.27-60317ca6d2-96cb7edfd0.zip b/.yarn/cache/@storybook-addons-npm-7.0.27-60317ca6d2-96cb7edfd0.zip new file mode 100644 index 00000000..ea27a8c3 Binary files /dev/null and b/.yarn/cache/@storybook-addons-npm-7.0.27-60317ca6d2-96cb7edfd0.zip differ diff --git a/.yarn/cache/@storybook-api-npm-7.0.27-bc919e5d89-13e31c0a52.zip b/.yarn/cache/@storybook-api-npm-7.0.27-bc919e5d89-13e31c0a52.zip new file mode 100644 index 00000000..2d999339 Binary files /dev/null and b/.yarn/cache/@storybook-api-npm-7.0.27-bc919e5d89-13e31c0a52.zip differ diff --git a/.yarn/cache/@storybook-channel-postmessage-npm-7.0.27-572509173c-f5d10bec68.zip b/.yarn/cache/@storybook-channel-postmessage-npm-7.0.27-572509173c-f5d10bec68.zip new file mode 100644 index 00000000..c10fb90c Binary files /dev/null and b/.yarn/cache/@storybook-channel-postmessage-npm-7.0.27-572509173c-f5d10bec68.zip differ diff --git a/.yarn/cache/@storybook-channels-npm-7.0.27-2cfed21b58-a6d10ccc93.zip b/.yarn/cache/@storybook-channels-npm-7.0.27-2cfed21b58-a6d10ccc93.zip new file mode 100644 index 00000000..36426402 Binary files /dev/null and b/.yarn/cache/@storybook-channels-npm-7.0.27-2cfed21b58-a6d10ccc93.zip differ diff --git a/.yarn/cache/@storybook-client-logger-npm-7.0.27-1f9a1997e4-ee611ffd34.zip b/.yarn/cache/@storybook-client-logger-npm-7.0.27-1f9a1997e4-ee611ffd34.zip new file mode 100644 index 00000000..40e66f18 Binary files /dev/null and b/.yarn/cache/@storybook-client-logger-npm-7.0.27-1f9a1997e4-ee611ffd34.zip differ diff --git a/.yarn/cache/@storybook-components-npm-7.0.27-4297ce24e2-2e345fd5a6.zip b/.yarn/cache/@storybook-components-npm-7.0.27-4297ce24e2-2e345fd5a6.zip new file mode 100644 index 00000000..4c984443 Binary files /dev/null and b/.yarn/cache/@storybook-components-npm-7.0.27-4297ce24e2-2e345fd5a6.zip differ diff --git a/.yarn/cache/@storybook-core-common-npm-7.0.27-f3b9371dbe-456b5d1035.zip b/.yarn/cache/@storybook-core-common-npm-7.0.27-f3b9371dbe-456b5d1035.zip new file mode 100644 index 00000000..9861ba9e Binary files /dev/null and b/.yarn/cache/@storybook-core-common-npm-7.0.27-f3b9371dbe-456b5d1035.zip differ diff --git a/.yarn/cache/@storybook-core-events-npm-7.0.27-a120140f76-ca5fe8e791.zip b/.yarn/cache/@storybook-core-events-npm-7.0.27-a120140f76-ca5fe8e791.zip new file mode 100644 index 00000000..ce195600 Binary files /dev/null and b/.yarn/cache/@storybook-core-events-npm-7.0.27-a120140f76-ca5fe8e791.zip differ diff --git a/.yarn/cache/@storybook-manager-api-npm-7.0.27-13ac7bb40b-18b4e74f4d.zip b/.yarn/cache/@storybook-manager-api-npm-7.0.27-13ac7bb40b-18b4e74f4d.zip new file mode 100644 index 00000000..5fc3544b Binary files /dev/null and b/.yarn/cache/@storybook-manager-api-npm-7.0.27-13ac7bb40b-18b4e74f4d.zip differ diff --git a/.yarn/cache/@storybook-node-logger-npm-7.0.27-a9eefd8f72-d055dd00c6.zip b/.yarn/cache/@storybook-node-logger-npm-7.0.27-a9eefd8f72-d055dd00c6.zip new file mode 100644 index 00000000..1f5944c5 Binary files /dev/null and b/.yarn/cache/@storybook-node-logger-npm-7.0.27-a9eefd8f72-d055dd00c6.zip differ diff --git a/.yarn/cache/@storybook-preview-api-npm-7.0.27-1622dcf38d-f82f22f2c4.zip b/.yarn/cache/@storybook-preview-api-npm-7.0.27-1622dcf38d-f82f22f2c4.zip new file mode 100644 index 00000000..681a040b Binary files /dev/null and b/.yarn/cache/@storybook-preview-api-npm-7.0.27-1622dcf38d-f82f22f2c4.zip differ diff --git a/.yarn/cache/@storybook-router-npm-7.0.27-6650e6f22f-2ab89f268c.zip b/.yarn/cache/@storybook-router-npm-7.0.27-6650e6f22f-2ab89f268c.zip new file mode 100644 index 00000000..b1f36c67 Binary files /dev/null and b/.yarn/cache/@storybook-router-npm-7.0.27-6650e6f22f-2ab89f268c.zip differ diff --git a/.yarn/cache/@storybook-theming-npm-7.0.27-7851401597-48b128595c.zip b/.yarn/cache/@storybook-theming-npm-7.0.27-7851401597-48b128595c.zip new file mode 100644 index 00000000..c1b75342 Binary files /dev/null and b/.yarn/cache/@storybook-theming-npm-7.0.27-7851401597-48b128595c.zip differ diff --git a/.yarn/cache/@storybook-types-npm-7.0.27-4939c20fbf-ca7588554a.zip b/.yarn/cache/@storybook-types-npm-7.0.27-4939c20fbf-ca7588554a.zip new file mode 100644 index 00000000..2c96715a Binary files /dev/null and b/.yarn/cache/@storybook-types-npm-7.0.27-4939c20fbf-ca7588554a.zip differ diff --git a/.yarn/cache/adjust-sourcemap-loader-npm-4.0.0-c8b560af8c-d524ae2358.zip b/.yarn/cache/adjust-sourcemap-loader-npm-4.0.0-c8b560af8c-d524ae2358.zip new file mode 100644 index 00000000..30e67c0a Binary files /dev/null and b/.yarn/cache/adjust-sourcemap-loader-npm-4.0.0-c8b560af8c-d524ae2358.zip differ diff --git a/.yarn/cache/big.js-npm-5.2.2-e147c30820-b89b6e8419.zip b/.yarn/cache/big.js-npm-5.2.2-e147c30820-b89b6e8419.zip new file mode 100644 index 00000000..7e587ac0 Binary files /dev/null and b/.yarn/cache/big.js-npm-5.2.2-e147c30820-b89b6e8419.zip differ diff --git a/.yarn/cache/cosmiconfig-npm-8.2.0-9b42f8a44e-836d5d8efa.zip b/.yarn/cache/cosmiconfig-npm-8.2.0-9b42f8a44e-836d5d8efa.zip new file mode 100644 index 00000000..2c7d356b Binary files /dev/null and b/.yarn/cache/cosmiconfig-npm-8.2.0-9b42f8a44e-836d5d8efa.zip differ diff --git a/.yarn/cache/css-loader-npm-6.8.1-30d84b4cf1-7c1784247b.zip b/.yarn/cache/css-loader-npm-6.8.1-30d84b4cf1-7c1784247b.zip new file mode 100644 index 00000000..e81bb3c6 Binary files /dev/null and b/.yarn/cache/css-loader-npm-6.8.1-30d84b4cf1-7c1784247b.zip differ diff --git a/.yarn/cache/cssesc-npm-3.0.0-15ec56f86f-f8c4ababff.zip b/.yarn/cache/cssesc-npm-3.0.0-15ec56f86f-f8c4ababff.zip new file mode 100644 index 00000000..ba053ede Binary files /dev/null and b/.yarn/cache/cssesc-npm-3.0.0-15ec56f86f-f8c4ababff.zip differ diff --git a/.yarn/cache/emojis-list-npm-3.0.0-7faa48e6fd-ddaaa02542.zip b/.yarn/cache/emojis-list-npm-3.0.0-7faa48e6fd-ddaaa02542.zip new file mode 100644 index 00000000..977d62da Binary files /dev/null and b/.yarn/cache/emojis-list-npm-3.0.0-7faa48e6fd-ddaaa02542.zip differ diff --git a/.yarn/cache/emotion-theming-npm-11.0.0-7f788216f2-d823a50c4d.zip b/.yarn/cache/emotion-theming-npm-11.0.0-7f788216f2-d823a50c4d.zip new file mode 100644 index 00000000..4816ae73 Binary files /dev/null and b/.yarn/cache/emotion-theming-npm-11.0.0-7f788216f2-d823a50c4d.zip differ diff --git a/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip b/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip new file mode 100644 index 00000000..4cdd1bce Binary files /dev/null and b/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip differ diff --git a/.yarn/cache/jiti-npm-1.19.1-eef2f0ec29-fdf55e315f.zip b/.yarn/cache/jiti-npm-1.19.1-eef2f0ec29-fdf55e315f.zip new file mode 100644 index 00000000..a73fed26 Binary files /dev/null and b/.yarn/cache/jiti-npm-1.19.1-eef2f0ec29-fdf55e315f.zip differ diff --git a/.yarn/cache/less-loader-npm-11.1.3-597c0b1bf3-fe0de6b5ab.zip b/.yarn/cache/less-loader-npm-11.1.3-597c0b1bf3-fe0de6b5ab.zip new file mode 100644 index 00000000..46acad89 Binary files /dev/null and b/.yarn/cache/less-loader-npm-11.1.3-597c0b1bf3-fe0de6b5ab.zip differ diff --git a/.yarn/cache/loader-utils-npm-2.0.4-ba3800585b-a5281f5fff.zip b/.yarn/cache/loader-utils-npm-2.0.4-ba3800585b-a5281f5fff.zip new file mode 100644 index 00000000..4600246f Binary files /dev/null and b/.yarn/cache/loader-utils-npm-2.0.4-ba3800585b-a5281f5fff.zip differ diff --git a/.yarn/cache/postcss-loader-npm-7.3.3-df90db4d0c-c724044d6a.zip b/.yarn/cache/postcss-loader-npm-7.3.3-df90db4d0c-c724044d6a.zip new file mode 100644 index 00000000..f4832479 Binary files /dev/null and b/.yarn/cache/postcss-loader-npm-7.3.3-df90db4d0c-c724044d6a.zip differ diff --git a/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip b/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip new file mode 100644 index 00000000..ea8421f1 Binary files /dev/null and b/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip differ diff --git a/.yarn/cache/postcss-modules-local-by-default-npm-4.0.3-f6674d7148-2f8083687f.zip b/.yarn/cache/postcss-modules-local-by-default-npm-4.0.3-f6674d7148-2f8083687f.zip new file mode 100644 index 00000000..74b9a722 Binary files /dev/null and b/.yarn/cache/postcss-modules-local-by-default-npm-4.0.3-f6674d7148-2f8083687f.zip differ diff --git a/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip b/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip new file mode 100644 index 00000000..b7c2fbfd Binary files /dev/null and b/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip differ diff --git a/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip b/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip new file mode 100644 index 00000000..4c8516fd Binary files /dev/null and b/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip differ diff --git a/.yarn/cache/postcss-npm-8.4.26-69b2393d4b-1cf08ee10d.zip b/.yarn/cache/postcss-npm-8.4.26-69b2393d4b-1cf08ee10d.zip new file mode 100644 index 00000000..35d669e8 Binary files /dev/null and b/.yarn/cache/postcss-npm-8.4.26-69b2393d4b-1cf08ee10d.zip differ diff --git a/.yarn/cache/postcss-selector-parser-npm-6.0.13-f732d92326-f89163338a.zip b/.yarn/cache/postcss-selector-parser-npm-6.0.13-f732d92326-f89163338a.zip new file mode 100644 index 00000000..1623d46c Binary files /dev/null and b/.yarn/cache/postcss-selector-parser-npm-6.0.13-f732d92326-f89163338a.zip differ diff --git a/.yarn/cache/postcss-value-parser-npm-4.2.0-3cef602a6a-819ffab0c9.zip b/.yarn/cache/postcss-value-parser-npm-4.2.0-3cef602a6a-819ffab0c9.zip new file mode 100644 index 00000000..8f7cb96c Binary files /dev/null and b/.yarn/cache/postcss-value-parser-npm-4.2.0-3cef602a6a-819ffab0c9.zip differ diff --git a/.yarn/cache/regex-parser-npm-2.2.11-946d73634f-78200331ec.zip b/.yarn/cache/regex-parser-npm-2.2.11-946d73634f-78200331ec.zip new file mode 100644 index 00000000..49c616a1 Binary files /dev/null and b/.yarn/cache/regex-parser-npm-2.2.11-946d73634f-78200331ec.zip differ diff --git a/.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip b/.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip new file mode 100644 index 00000000..11b5ec3d Binary files /dev/null and b/.yarn/cache/resolve-url-loader-npm-5.0.0-9b441067c9-6d483733a4.zip differ diff --git a/.yarn/cache/sass-loader-npm-13.3.2-82bfeae746-7394a8d1b8.zip b/.yarn/cache/sass-loader-npm-13.3.2-82bfeae746-7394a8d1b8.zip new file mode 100644 index 00000000..d9fca4d9 Binary files /dev/null and b/.yarn/cache/sass-loader-npm-13.3.2-82bfeae746-7394a8d1b8.zip differ diff --git a/.yarn/cache/semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip b/.yarn/cache/semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip new file mode 100644 index 00000000..f8689471 Binary files /dev/null and b/.yarn/cache/semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip differ diff --git a/.yarn/cache/style-loader-npm-3.3.3-2e8bbeeac4-f59c953f56.zip b/.yarn/cache/style-loader-npm-3.3.3-2e8bbeeac4-f59c953f56.zip new file mode 100644 index 00000000..ac5d989a Binary files /dev/null and b/.yarn/cache/style-loader-npm-3.3.3-2e8bbeeac4-f59c953f56.zip differ diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz index 5ecb2a86..fe8f99b1 100644 Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ diff --git a/package.json b/package.json index 56286622..5314f270 100644 --- a/package.json +++ b/package.json @@ -15,8 +15,10 @@ }, "dependencies": { "@emotion/react": "^11.11.1", + "@emotion/serialize": "^1.1.2", "@emotion/styled": "^11.11.0", "@storybook/addon-actions": "^7.0.24", + "@storybook/addons": "^7.0.27", "@tanstack/react-query": "^4.29.15", "@tanstack/react-query-devtools": "^4.29.15", "@types/react-router-dom": "^5.3.3", @@ -29,6 +31,7 @@ "@storybook/addon-essentials": "^7.0.18", "@storybook/addon-interactions": "^7.0.18", "@storybook/addon-links": "^7.0.18", + "@storybook/addon-styling": "^1.3.4", "@storybook/blocks": "^7.0.18", "@storybook/builder-vite": "^7.0.22", "@storybook/react": "^7.0.18", @@ -43,6 +46,7 @@ "@vitejs/plugin-react": "^4.0.0", "chromatic": "^6.19.9", "emotion-reset": "^3.0.1", + "emotion-theming": "^11.0.0", "eslint": "^8.43.0", "eslint-config-prettier": "^8.8.0", "eslint-import-resolver-typescript": "^3.5.5", diff --git a/src/assets/icons/alert.svg b/src/assets/icons/alert.svg new file mode 100644 index 00000000..61b607c0 --- /dev/null +++ b/src/assets/icons/alert.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/day_leftdown_dayafter.svg b/src/assets/icons/day_leftdown_dayafter.svg similarity index 100% rename from src/assets/day_leftdown_dayafter.svg rename to src/assets/icons/day_leftdown_dayafter.svg diff --git a/src/assets/day_leftdown_daybefore.svg b/src/assets/icons/day_leftdown_daybefore.svg similarity index 100% rename from src/assets/day_leftdown_daybefore.svg rename to src/assets/icons/day_leftdown_daybefore.svg diff --git a/src/assets/day_leftdown_selected.svg b/src/assets/icons/day_leftdown_selected.svg similarity index 100% rename from src/assets/day_leftdown_selected.svg rename to src/assets/icons/day_leftdown_selected.svg diff --git a/src/assets/day_rightup_dayafter.svg b/src/assets/icons/day_rightup_dayafter.svg similarity index 100% rename from src/assets/day_rightup_dayafter.svg rename to src/assets/icons/day_rightup_dayafter.svg diff --git a/src/assets/day_rightup_daybefore.svg b/src/assets/icons/day_rightup_daybefore.svg similarity index 100% rename from src/assets/day_rightup_daybefore.svg rename to src/assets/icons/day_rightup_daybefore.svg diff --git a/src/assets/day_rightup_selected.svg b/src/assets/icons/day_rightup_selected.svg similarity index 100% rename from src/assets/day_rightup_selected.svg rename to src/assets/icons/day_rightup_selected.svg diff --git a/src/assets/icons/left_arrow.svg b/src/assets/icons/left_arrow.svg new file mode 100644 index 00000000..7bc6a9d2 --- /dev/null +++ b/src/assets/icons/left_arrow.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/icons/three_dots.svg b/src/assets/icons/three_dots.svg new file mode 100644 index 00000000..44ab5120 --- /dev/null +++ b/src/assets/icons/three_dots.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/icons/tify_logo.svg b/src/assets/icons/tify_logo.svg new file mode 100644 index 00000000..794b96f2 --- /dev/null +++ b/src/assets/icons/tify_logo.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/components/atoms/AppBar/AppBar.stories.tsx b/src/components/atoms/AppBar/AppBar.stories.tsx new file mode 100644 index 00000000..416eea1c --- /dev/null +++ b/src/components/atoms/AppBar/AppBar.stories.tsx @@ -0,0 +1,42 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { BrowserRouter, Routes, Route } from 'react-router-dom'; +import { AppBar } from '.'; + +const meta = { + title: 'Atom/AppBar', + component: AppBar, + tags: ['autodocs'], + argTypes: { onClickOption: {action: 'clicked'}}, + decorators: [ + (Story) => ( + + + }/> + + + ), + ], +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const LogoWithAlarm: Story = { + args: { + variant:'logoWithAlarm', + }, +}; + +export const BackPushWithMenu: Story = { + args: { + variant:'backPushWithMenu', + label: '데일리 질문', + }, +}; + +export const backPush: Story = { + args: { + variant:'backPush', + label: '친구 목록 편집', + }, +}; diff --git a/src/components/atoms/AppBar/index.tsx b/src/components/atoms/AppBar/index.tsx new file mode 100644 index 00000000..5099c8ad --- /dev/null +++ b/src/components/atoms/AppBar/index.tsx @@ -0,0 +1,80 @@ +import { FlexBox } from "@components/layouts/FlexBox"; +import { Text } from "../Text"; +import styled from "@emotion/styled"; +import { theme, media } from "@styles/theme"; +import tify_logo from '../../../assets/icons/tify_logo.svg'; +import three_dots from '../../../assets/icons/three_dots.svg'; +import alert_icon from '../../../assets/icons/alert.svg'; +import left_arrow from '../../../assets/icons/left_arrow.svg'; +import { useNavigate } from "react-router-dom"; + +type AppBarType = 'logoWithAlarm' | 'backPush' | 'backPushWithMenu' + +/** + * @param variant AppBar의 type을 나타냄 'logoWithAlarm' | 'backPush' | 'backPushWithMenu' + * @param label 'backPush' | 'backPushWithMenu' 사용 시 Appbar에 나타날 문구 + * @param beforeUrl (optional) BackArrow를 통하여 이동할 url (기본값은 뒤로가기) + * @param onClickOption 두번째 버튼을 눌렀을 때 발생할 이벤트를 넘겨주는 함수 + */ + +interface AppBarProps { + variant : AppBarType; + label?: string; + beforeUrl?: string; + onClickOption?: () => void; +} + +export const AppBar = ({ + variant='logoWithAlarm', + label, + beforeUrl, + onClickOption +}: AppBarProps) => { + const navigate = useNavigate(); + const onClickBackBar = () => { + beforeUrl ? navigate(beforeUrl) : navigate(-1) + } + const onClickLogo = () => { + navigate('/') + } + return( + + {variant === 'logoWithAlarm' ? + : + + + {label} + + } + + {variant === 'logoWithAlarm' ? + : + (variant === 'backPushWithMenu' ? + + : null)} + +)} + +const Wrapper = styled(FlexBox)` + height: 80px; + width: 100%; + justify-content: space-between; + top: 0; + padding: 40px 16px 16px 16px; + background-color: ${theme.palette.background}; + position: fixed; + z-index: 1; + ${media.pc} { + position: sticky; + } +` + +const FirstElement = styled(FlexBox)` + justify-content: center; + align-items: center; + gap: 8px; + & > h1:nth-of-type(1){ + padding-top: 3px; + } +` + diff --git a/src/components/atoms/Header/Header.stories.ts b/src/components/atoms/Header/Header.stories.ts deleted file mode 100644 index b0766a5a..00000000 --- a/src/components/atoms/Header/Header.stories.ts +++ /dev/null @@ -1,26 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react'; -import { Header } from './Header'; - -const meta = { - title: 'Example/Header', - component: Header, - // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs - tags: ['autodocs'], - parameters: { - // More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout - layout: 'fullscreen', - }, -} satisfies Meta; - -export default meta; -type Story = StoryObj; - -export const LoggedIn: Story = { - args: { - user: { - name: 'Jane Doe', - }, - }, -}; - -export const LoggedOut: Story = {}; diff --git a/src/components/atoms/Header/Header.tsx b/src/components/atoms/Header/Header.tsx deleted file mode 100644 index 2106134e..00000000 --- a/src/components/atoms/Header/Header.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import React from 'react'; - -import { Button } from '../Button'; -import './header.css'; - -type User = { - name: string; -}; - -interface HeaderProps { - user?: User; - onLogin: () => void; - onLogout: () => void; - onCreateAccount: () => void; -} - -export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => ( -
-
-
- - - - - - - -

Acme

-
-
- {user ? ( - <> - - Welcome, {user.name}! - -
-
-
-); diff --git a/src/components/atoms/Header/header.css b/src/components/atoms/Header/header.css deleted file mode 100644 index d9a70528..00000000 --- a/src/components/atoms/Header/header.css +++ /dev/null @@ -1,32 +0,0 @@ -.storybook-header { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; -} - -.storybook-header svg { - display: inline-block; - vertical-align: top; -} - -.storybook-header h1 { - font-weight: 700; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; -} - -.storybook-header button + button { - margin-left: 10px; -} - -.storybook-header .welcome { - color: #333; - font-size: 14px; - margin-right: 10px; -} diff --git a/src/components/atoms/Navigationbar/index.tsx b/src/components/atoms/Navigationbar/index.tsx new file mode 100644 index 00000000..c8ad04c5 --- /dev/null +++ b/src/components/atoms/Navigationbar/index.tsx @@ -0,0 +1,57 @@ +import styled from "@emotion/styled" +import { theme } from "@styles/theme" +import { NavLink } from "react-router-dom" +import openEye from "../../../assets/icons/openEye.svg"; + +export const Navigationbar = () => { + return ( + + + + + + + + + + + + + + + + + ) +} + +const Wrapper = styled.nav` + display: flex; + border-radius: 30px; + width: 200px; + height: 50px; + position: relative; + background-color: ${theme.palette.background}; + border: 1px solid ${theme.palette.gray_800}; + filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.12)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.24)); +` +const NavBtn = styled.button` + flex-grow: 1 + z-index: 1; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + position : relative; + .active{ + transform: translate3d(0, -.8em , 0); + } +` + +const NavBorder = styled.div` + position: absolute; + background-color: ${theme.palette.background}; + left:0; + bottom: 99%; + +` \ No newline at end of file diff --git a/src/components/atoms/Navigationbar/navigation.stories.ts b/src/components/atoms/Navigationbar/navigation.stories.ts new file mode 100644 index 00000000..c8d22a6a --- /dev/null +++ b/src/components/atoms/Navigationbar/navigation.stories.ts @@ -0,0 +1,16 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { BrowserRouter, Routes } from 'react-router-dom'; +import { Navigationbar } from '.'; + +const meta = { + title: 'Atom/Navigationbar', + component: Navigationbar, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Navigation: Story = { + +}; \ No newline at end of file diff --git a/src/components/atoms/Text/index.tsx b/src/components/atoms/Text/index.tsx index 3bb38c8b..a283a5db 100644 --- a/src/components/atoms/Text/index.tsx +++ b/src/components/atoms/Text/index.tsx @@ -20,7 +20,7 @@ export type TextPropsKey = 'typo' | 'color'; export const Text = ({ typo = 'Body_14', as = 'h1', - color, + color = 'white', children, ...props }: TextProps) => { diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx index 3483c020..b6c9367e 100644 --- a/src/pages/home/Home.tsx +++ b/src/pages/home/Home.tsx @@ -1,8 +1,15 @@ import React from 'react'; import styled from '@emotion/styled'; +import { AppBar } from '@components/atoms/AppBar'; const Home = () => { - return 메인페이지입니다.; + return ( + <> + + + 메인페이지입니다. + + ); }; export default Home; diff --git a/src/styles/theme/global.ts b/src/styles/theme/global.ts index e9eb2f4f..f99f461b 100644 --- a/src/styles/theme/global.ts +++ b/src/styles/theme/global.ts @@ -54,6 +54,9 @@ export const globalStyle = css` -ms-overflow-style: none; } } + div{ + box-sizing: border-box; + } button { background: inherit; border: none; diff --git a/src/styles/theme/palette.ts b/src/styles/theme/palette.ts index 88a32144..16d39fe6 100644 --- a/src/styles/theme/palette.ts +++ b/src/styles/theme/palette.ts @@ -6,7 +6,7 @@ export const palette = { gray_500: '#63626D', gray_600: '#4E4D59', gray_700: '#3D3C47', - gray_800: '#2D2C35', + gray_800: '#262631', gray_900: '#202027', purple_100: '#F1E5FF', purple_200: '#E3CCFF', @@ -17,7 +17,7 @@ export const palette = { purple_700: '#432499', purple_800: '#2E2159', pink_100: '#FEE6F2', - pink_300: '#FD9BCF', + pink_300: '#EA95F8', pink_500: '#F74AA6', lemon_300: '#FFFFB9', red_100: '#FFE5E7', @@ -29,8 +29,9 @@ export const palette = { dim_800: 'rgba(32, 32, 39, 0.2)', teal_100: '#DAF9FB', teal_500: '#18D0DC', - aqua_100: '#DBEDFF', - aqua_500: '#4EA3F8', + aqua_100: '#CEDFFF', + aqua_300: '#7EAAFF', + aqua_500: '#4F85F7', background: '#17171C', white: '#FFFFFF', } as const; diff --git a/src/styles/theme/typo.ts b/src/styles/theme/typo.ts index 9a34190f..dd5cd7e8 100644 --- a/src/styles/theme/typo.ts +++ b/src/styles/theme/typo.ts @@ -25,47 +25,53 @@ export const typo = { font-size: ${calcRem(16)}; line-height: 24px; font-weight: 500; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Subhead_14: css` font-family: 'SpoqaHanSansNeo'; font-size: ${calcRem(14)}; line-height: 20px; font-weight: 500; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Body_16: css` font-family: 'SpoqaHanSansNeo'; font-size: ${calcRem(16)}; line-height: 24px; font-weight: 400; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Body_14: css` font-family: 'SpoqaHanSansNeo'; font-size: ${calcRem(14)}; line-height: 20px; font-weight: 400; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Caption_12M: css` font-family: 'SpoqaHanSansNeo'; font-size: ${calcRem(12)}; line-height: 20px; font-weight: 500; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Caption_10: css` font-family: 'SpoqaHanSansNeo'; font-size: ${calcRem(10)}; line-height: 16px; font-weight: 500; - letter-spacing: -1.1%; + letter-spacing: -0.011em; `, Mont_Caption_12SB: css` font-family: 'Montserrat'; font-size: ${calcRem(12)}; line-height: 12px; font-weight: 600; + `, + Mont_Caption_12M: css` + font-family: 'Montserrat'; + font-size: ${calcRem(12)}; + line-height: 12px; + font-weight: 500; ` } as const; \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 06ce648b..662e9cec 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2820,6 +2820,51 @@ __metadata: languageName: node linkType: hard +"@storybook/addon-styling@npm:^1.3.4": + version: 1.3.4 + resolution: "@storybook/addon-styling@npm:1.3.4" + dependencies: + "@babel/template": ^7.20.7 + "@babel/types": ^7.21.5 + "@storybook/api": ^7.0.12 + "@storybook/components": ^7.0.12 + "@storybook/core-common": ^7.0.12 + "@storybook/core-events": ^7.0.12 + "@storybook/manager-api": ^7.0.12 + "@storybook/node-logger": ^7.0.12 + "@storybook/preview-api": ^7.0.12 + "@storybook/theming": ^7.0.12 + "@storybook/types": ^7.0.12 + css-loader: ^6.7.3 + less-loader: ^11.1.0 + postcss-loader: ^7.2.4 + prettier: ^2.8.0 + resolve-url-loader: ^5.0.0 + sass-loader: ^13.2.2 + style-loader: ^3.3.2 + peerDependencies: + less: ^3.5.0 || ^4.0.0 + postcss: ^7.0.0 || ^8.0.1 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + webpack: ^5.0.0 + peerDependenciesMeta: + less: + optional: true + postcss: + optional: true + react: + optional: true + react-dom: + optional: true + webpack: + optional: true + bin: + addon-styling-setup: postinstall.js + checksum: 0ec9270747205fea83a99a9c30b6f6928c495035ac209b248a6d92e4ef74cf880742343f8c1100354070368ae3becc61b3ba6bd31ab5c7e92784daaead0c1716 + languageName: node + linkType: hard + "@storybook/addon-toolbars@npm:7.0.18": version: 7.0.18 resolution: "@storybook/addon-toolbars@npm:7.0.18" @@ -2866,6 +2911,38 @@ __metadata: languageName: node linkType: hard +"@storybook/addons@npm:^7.0.27": + version: 7.0.27 + resolution: "@storybook/addons@npm:7.0.27" + dependencies: + "@storybook/manager-api": 7.0.27 + "@storybook/preview-api": 7.0.27 + "@storybook/types": 7.0.27 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 96cb7edfd04fdf7dba072ccbdc88f9f3ae2e0e36120c94eff88b58774c6794577ac4779c1bfc590dde9cafcf7c0218e5f8a02c793afaa816a8b6029f7757cad0 + languageName: node + linkType: hard + +"@storybook/api@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/api@npm:7.0.27" + dependencies: + "@storybook/client-logger": 7.0.27 + "@storybook/manager-api": 7.0.27 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + peerDependenciesMeta: + react: + optional: true + react-dom: + optional: true + checksum: 13e31c0a5293d681b930efdcc42730eccd7d1fd4893cecfb3eb6d44ff7656ad8e86a43edbb44648ba98a3c5b557833d7293deb02f8b1f09c3430f98567a00861 + languageName: node + linkType: hard + "@storybook/blocks@npm:7.0.18, @storybook/blocks@npm:^7.0.18": version: 7.0.18 resolution: "@storybook/blocks@npm:7.0.18" @@ -3045,6 +3122,20 @@ __metadata: languageName: node linkType: hard +"@storybook/channel-postmessage@npm:7.0.27": + version: 7.0.27 + resolution: "@storybook/channel-postmessage@npm:7.0.27" + dependencies: + "@storybook/channels": 7.0.27 + "@storybook/client-logger": 7.0.27 + "@storybook/core-events": 7.0.27 + "@storybook/global": ^5.0.0 + qs: ^6.10.0 + telejson: ^7.0.3 + checksum: f5d10bec685f3d3116691e198068fad7bd037257e62daad7e0668c77e301b5bb8699c059487db7262ff99a9430bd0354a84860700c59149b65bd2108f5dc71ea + languageName: node + linkType: hard + "@storybook/channel-websocket@npm:7.0.18": version: 7.0.18 resolution: "@storybook/channel-websocket@npm:7.0.18" @@ -3090,6 +3181,13 @@ __metadata: languageName: node linkType: hard +"@storybook/channels@npm:7.0.27": + version: 7.0.27 + resolution: "@storybook/channels@npm:7.0.27" + checksum: a6d10ccc93e9849410e0c000e36ffa0621b35e79f8f7d293329e71f3fc98e74f47083ca415c49a5a94990168f6fe2cdaf2b964129bf9948a5dc95561cf80055b + languageName: node + linkType: hard + "@storybook/cli@npm:7.0.18": version: 7.0.18 resolution: "@storybook/cli@npm:7.0.18" @@ -3167,6 +3265,15 @@ __metadata: languageName: node linkType: hard +"@storybook/client-logger@npm:7.0.27": + version: 7.0.27 + resolution: "@storybook/client-logger@npm:7.0.27" + dependencies: + "@storybook/global": ^5.0.0 + checksum: ee611ffd340da045a8af4ad9bc8e1885cda23df3be0f1c3f126df3620b81e01b1f870dc198f3fa05b5b75c501c35c2e34d22cc47e1005e1dbea3cd8789c20563 + languageName: node + linkType: hard + "@storybook/codemod@npm:7.0.18": version: 7.0.18 resolution: "@storybook/codemod@npm:7.0.18" @@ -3226,6 +3333,25 @@ __metadata: languageName: node linkType: hard +"@storybook/components@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/components@npm:7.0.27" + dependencies: + "@storybook/client-logger": 7.0.27 + "@storybook/csf": ^0.1.0 + "@storybook/global": ^5.0.0 + "@storybook/theming": 7.0.27 + "@storybook/types": 7.0.27 + memoizerific: ^1.11.3 + use-resize-observer: ^9.1.0 + util-deprecate: ^1.0.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 2e345fd5a618067603f4258262d90665cd7c1f4228a45f8d9c95b7dbeda99342711698b4d3b67f132cfafa622b04702dacfbfae5978c3bab4f91bf6928f56599 + languageName: node + linkType: hard + "@storybook/core-client@npm:7.0.18": version: 7.0.18 resolution: "@storybook/core-client@npm:7.0.18" @@ -3292,6 +3418,35 @@ __metadata: languageName: node linkType: hard +"@storybook/core-common@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/core-common@npm:7.0.27" + dependencies: + "@storybook/node-logger": 7.0.27 + "@storybook/types": 7.0.27 + "@types/node": ^16.0.0 + "@types/node-fetch": ^2.6.4 + "@types/pretty-hrtime": ^1.0.0 + chalk: ^4.1.0 + esbuild: ^0.17.0 + esbuild-register: ^3.4.0 + file-system-cache: 2.3.0 + find-up: ^5.0.0 + fs-extra: ^11.1.0 + glob: ^8.1.0 + glob-promise: ^6.0.2 + handlebars: ^4.7.7 + lazy-universal-dotenv: ^4.0.0 + node-fetch: ^2.0.0 + picomatch: ^2.3.0 + pkg-dir: ^5.0.0 + pretty-hrtime: ^1.0.3 + resolve-from: ^5.0.0 + ts-dedent: ^2.0.0 + checksum: 456b5d10355eef23b41441c24e6e4b86d690177b1075b6ea2829f96b1501b5536312ebe140e718076cce2e53121eb930b99d6f158caa46eca4f120ef1e93eae1 + languageName: node + linkType: hard + "@storybook/core-events@npm:7.0.18": version: 7.0.18 resolution: "@storybook/core-events@npm:7.0.18" @@ -3313,6 +3468,13 @@ __metadata: languageName: node linkType: hard +"@storybook/core-events@npm:7.0.27, @storybook/core-events@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/core-events@npm:7.0.27" + checksum: ca5fe8e791fc307d767968f3dea1310d700cafb9134496d2e148a14394e264cafc3496f6784b7293a1d21679e5660dfed1f557051046814341916ae9755a9872 + languageName: node + linkType: hard + "@storybook/core-server@npm:7.0.18": version: 7.0.18 resolution: "@storybook/core-server@npm:7.0.18" @@ -3529,6 +3691,32 @@ __metadata: languageName: node linkType: hard +"@storybook/manager-api@npm:7.0.27, @storybook/manager-api@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/manager-api@npm:7.0.27" + dependencies: + "@storybook/channels": 7.0.27 + "@storybook/client-logger": 7.0.27 + "@storybook/core-events": 7.0.27 + "@storybook/csf": ^0.1.0 + "@storybook/global": ^5.0.0 + "@storybook/router": 7.0.27 + "@storybook/theming": 7.0.27 + "@storybook/types": 7.0.27 + dequal: ^2.0.2 + lodash: ^4.17.21 + memoizerific: ^1.11.3 + semver: ^7.3.7 + store2: ^2.14.2 + telejson: ^7.0.3 + ts-dedent: ^2.0.0 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 18b4e74f4d1aa3068cc591a07dfe0ac1825c03f8063bc6a1b8a6bb35d6aeb7529b4f64d82cdf363ac9629c126686c040feb94d5daa9eb53f461cca0aba7537d6 + languageName: node + linkType: hard + "@storybook/manager@npm:7.0.18": version: 7.0.18 resolution: "@storybook/manager@npm:7.0.18" @@ -3567,6 +3755,18 @@ __metadata: languageName: node linkType: hard +"@storybook/node-logger@npm:7.0.27, @storybook/node-logger@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/node-logger@npm:7.0.27" + dependencies: + "@types/npmlog": ^4.1.2 + chalk: ^4.1.0 + npmlog: ^5.0.1 + pretty-hrtime: ^1.0.3 + checksum: d055dd00c655770d7231799ee870cb3925477193932518239c8e951fd0b2c820b298ebdccb54cda88ffad4e18b4960420cf184f612b651d009ba9760c028127e + languageName: node + linkType: hard + "@storybook/postinstall@npm:7.0.18": version: 7.0.18 resolution: "@storybook/postinstall@npm:7.0.18" @@ -3643,6 +3843,29 @@ __metadata: languageName: node linkType: hard +"@storybook/preview-api@npm:7.0.27, @storybook/preview-api@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/preview-api@npm:7.0.27" + dependencies: + "@storybook/channel-postmessage": 7.0.27 + "@storybook/channels": 7.0.27 + "@storybook/client-logger": 7.0.27 + "@storybook/core-events": 7.0.27 + "@storybook/csf": ^0.1.0 + "@storybook/global": ^5.0.0 + "@storybook/types": 7.0.27 + "@types/qs": ^6.9.5 + dequal: ^2.0.2 + lodash: ^4.17.21 + memoizerific: ^1.11.3 + qs: ^6.10.0 + synchronous-promise: ^2.0.15 + ts-dedent: ^2.0.0 + util-deprecate: ^1.0.2 + checksum: f82f22f2c4889ce16fe81ec7671f9693ba3ec616aa7dad74991c6141c07b6481ce90dd318a821317a0b413cd808f3863f24a27465aba087c828fee8d3c8303db + languageName: node + linkType: hard + "@storybook/preview@npm:7.0.18": version: 7.0.18 resolution: "@storybook/preview@npm:7.0.18" @@ -3750,6 +3973,20 @@ __metadata: languageName: node linkType: hard +"@storybook/router@npm:7.0.27": + version: 7.0.27 + resolution: "@storybook/router@npm:7.0.27" + dependencies: + "@storybook/client-logger": 7.0.27 + memoizerific: ^1.11.3 + qs: ^6.10.0 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 2ab89f268c2ec282b568f6a5afe83bef3c9ae340a1841955dd39b2f3523c94d726fc243511c7c7018efc35ccc0c67fef0133a065a37c9bda83f148316921143a + languageName: node + linkType: hard + "@storybook/storybook-deployer@npm:^2.8.16": version: 2.8.16 resolution: "@storybook/storybook-deployer@npm:2.8.16" @@ -3826,6 +4063,21 @@ __metadata: languageName: node linkType: hard +"@storybook/theming@npm:7.0.27, @storybook/theming@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/theming@npm:7.0.27" + dependencies: + "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0 + "@storybook/client-logger": 7.0.27 + "@storybook/global": ^5.0.0 + memoizerific: ^1.11.3 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 48b128595c2098608bbd881315b4cd8b6055e5d70b0a2c4310f86428bb062ab47fef85b352d569067128c7480ad35e07ed950658d396fbd12045b4f30c0afb1b + languageName: node + linkType: hard + "@storybook/types@npm:7.0.18": version: 7.0.18 resolution: "@storybook/types@npm:7.0.18" @@ -3862,6 +4114,18 @@ __metadata: languageName: node linkType: hard +"@storybook/types@npm:7.0.27, @storybook/types@npm:^7.0.12": + version: 7.0.27 + resolution: "@storybook/types@npm:7.0.27" + dependencies: + "@storybook/channels": 7.0.27 + "@types/babel__core": ^7.0.0 + "@types/express": ^4.7.0 + file-system-cache: 2.3.0 + checksum: ca7588554a80792f3fdbae85bf149de71b5a75135324ddaa1e26160f3af0cd7800d0e95b066ebf7802bb7cd748403ab33521ebd4d4b2b9857aae79132cf5f288 + languageName: node + linkType: hard + "@tanstack/match-sorter-utils@npm:^8.7.0": version: 8.8.4 resolution: "@tanstack/match-sorter-utils@npm:8.8.4" @@ -4647,6 +4911,16 @@ __metadata: languageName: node linkType: hard +"adjust-sourcemap-loader@npm:^4.0.0": + version: 4.0.0 + resolution: "adjust-sourcemap-loader@npm:4.0.0" + dependencies: + loader-utils: ^2.0.0 + regex-parser: ^2.2.11 + checksum: d524ae23582f41e2275af5d88faab7a9dc09770ed588244e0a76d3196d0d6a90bf02760c71bc6213dbfef3aef4a86232ac9521bfd629752c32b7af37bc74c660 + languageName: node + linkType: hard + "agent-base@npm:5": version: 5.1.1 resolution: "agent-base@npm:5.1.1" @@ -5069,6 +5343,13 @@ __metadata: languageName: node linkType: hard +"big.js@npm:^5.2.2": + version: 5.2.2 + resolution: "big.js@npm:5.2.2" + checksum: b89b6e8419b097a8fb4ed2399a1931a68c612bce3cfd5ca8c214b2d017531191070f990598de2fc6f3f993d91c0f08aa82697717f6b3b8732c9731866d233c9e + languageName: node + linkType: hard + "binary-extensions@npm:^2.0.0": version: 2.2.0 resolution: "binary-extensions@npm:2.2.0" @@ -5697,6 +5978,18 @@ __metadata: languageName: node linkType: hard +"cosmiconfig@npm:^8.2.0": + version: 8.2.0 + resolution: "cosmiconfig@npm:8.2.0" + dependencies: + import-fresh: ^3.2.1 + js-yaml: ^4.1.0 + parse-json: ^5.0.0 + path-type: ^4.0.0 + checksum: 836d5d8efa750f3fb17b03d6ca74cd3154ed025dffd045304b3ef59637f662bde1e5dc88f8830080d180ec60841719cf4ea2ce73fb21ec694b16865c478ff297 + languageName: node + linkType: hard + "cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3": version: 7.0.3 resolution: "cross-spawn@npm:7.0.3" @@ -5715,6 +6008,33 @@ __metadata: languageName: node linkType: hard +"css-loader@npm:^6.7.3": + version: 6.8.1 + resolution: "css-loader@npm:6.8.1" + dependencies: + icss-utils: ^5.1.0 + postcss: ^8.4.21 + postcss-modules-extract-imports: ^3.0.0 + postcss-modules-local-by-default: ^4.0.3 + postcss-modules-scope: ^3.0.0 + postcss-modules-values: ^4.0.0 + postcss-value-parser: ^4.2.0 + semver: ^7.3.8 + peerDependencies: + webpack: ^5.0.0 + checksum: 7c1784247bdbe76dc5c55fb1ac84f1d4177a74c47259942c9cfdb7a8e6baef11967a0bc85ac285f26bd26d5059decb848af8154a03fdb4f4894f41212f45eef3 + languageName: node + linkType: hard + +"cssesc@npm:^3.0.0": + version: 3.0.0 + resolution: "cssesc@npm:3.0.0" + bin: + cssesc: bin/cssesc + checksum: f8c4ababffbc5e2ddf2fa9957dda1ee4af6048e22aeda1869d0d00843223c1b13ad3f5d88b51caa46c994225eacb636b764eb807a8883e2fb6f99b4f4e8c48b2 + languageName: node + linkType: hard + "csstype@npm:^3.0.2": version: 3.1.2 resolution: "csstype@npm:3.1.2" @@ -6026,6 +6346,13 @@ __metadata: languageName: node linkType: hard +"emojis-list@npm:^3.0.0": + version: 3.0.0 + resolution: "emojis-list@npm:3.0.0" + checksum: ddaaa02542e1e9436c03970eeed445f4ed29a5337dfba0fe0c38dfdd2af5da2429c2a0821304e8a8d1cadf27fdd5b22ff793571fa803ae16852a6975c65e8e70 + languageName: node + linkType: hard + "emotion-reset@npm:^3.0.1": version: 3.0.1 resolution: "emotion-reset@npm:3.0.1" @@ -6035,6 +6362,13 @@ __metadata: languageName: node linkType: hard +"emotion-theming@npm:^11.0.0": + version: 11.0.0 + resolution: "emotion-theming@npm:11.0.0" + checksum: d823a50c4d3df3d9a4c21574c354cdbddbe06ad1d07b7fc2807cdc2eaf5d765ea1486d9d3292ea1855d9fb18b29edd39a7e3a784da4afa54ef5f1c02970142ed + languageName: node + linkType: hard + "encodeurl@npm:~1.0.2": version: 1.0.2 resolution: "encodeurl@npm:1.0.2" @@ -7597,6 +7931,15 @@ __metadata: languageName: node linkType: hard +"icss-utils@npm:^5.0.0, icss-utils@npm:^5.1.0": + version: 5.1.0 + resolution: "icss-utils@npm:5.1.0" + peerDependencies: + postcss: ^8.1.0 + checksum: 5c324d283552b1269cfc13a503aaaa172a280f914e5b81544f3803bc6f06a3b585fb79f66f7c771a2c052db7982c18bf92d001e3b47282e3abbbb4c4cc488d68 + languageName: node + linkType: hard + "ieee754@npm:^1.1.13": version: 1.2.1 resolution: "ieee754@npm:1.2.1" @@ -8226,6 +8569,15 @@ __metadata: languageName: node linkType: hard +"jiti@npm:^1.18.2": + version: 1.19.1 + resolution: "jiti@npm:1.19.1" + bin: + jiti: bin/jiti.js + checksum: fdf55e315f9e81c04ae902416642062851d92c6cdcc17a59d5d1d35e1a0842e4e79be38da86613c5776fa18c579954542a441b93d1c347a50137dee2e558cbd0 + languageName: node + linkType: hard + "js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0": version: 4.0.0 resolution: "js-tokens@npm:4.0.0" @@ -8337,7 +8689,7 @@ __metadata: languageName: node linkType: hard -"json5@npm:^2.2.2": +"json5@npm:^2.1.2, json5@npm:^2.2.2": version: 2.2.3 resolution: "json5@npm:2.2.3" bin: @@ -8384,6 +8736,16 @@ __metadata: languageName: node linkType: hard +"less-loader@npm:^11.1.0": + version: 11.1.3 + resolution: "less-loader@npm:11.1.3" + peerDependencies: + less: ^3.5.0 || ^4.0.0 + webpack: ^5.0.0 + checksum: fe0de6b5ab930a4521d04555d9bd77723164bfa0f71eb5724d91c45090af544000e2d7f598cd83ec4e1445e6b943cc0c0dd1445fb2e83fd7c12f4ad3a0db05c5 + languageName: node + linkType: hard + "leven@npm:^3.1.0": version: 3.1.0 resolution: "leven@npm:3.1.0" @@ -8418,6 +8780,17 @@ __metadata: languageName: node linkType: hard +"loader-utils@npm:^2.0.0": + version: 2.0.4 + resolution: "loader-utils@npm:2.0.4" + dependencies: + big.js: ^5.2.2 + emojis-list: ^3.0.0 + json5: ^2.1.2 + checksum: a5281f5fff1eaa310ad5e1164095689443630f3411e927f95031ab4fb83b4a98f388185bb1fe949e8ab8d4247004336a625e9255c22122b815bb9a4c5d8fc3b7 + languageName: node + linkType: hard + "locate-path@npm:^3.0.0": version: 3.0.0 resolution: "locate-path@npm:3.0.0" @@ -8918,7 +9291,7 @@ __metadata: languageName: node linkType: hard -"neo-async@npm:^2.5.0, neo-async@npm:^2.6.0, neo-async@npm:^2.6.1": +"neo-async@npm:^2.5.0, neo-async@npm:^2.6.0, neo-async@npm:^2.6.1, neo-async@npm:^2.6.2": version: 2.6.2 resolution: "neo-async@npm:2.6.2" checksum: deac9f8d00eda7b2e5cd1b2549e26e10a0faa70adaa6fdadca701cc55f49ee9018e427f424bac0c790b7c7e2d3068db97f3093f1093975f2acb8f8818b936ed9 @@ -9512,6 +9885,92 @@ __metadata: languageName: node linkType: hard +"postcss-loader@npm:^7.2.4": + version: 7.3.3 + resolution: "postcss-loader@npm:7.3.3" + dependencies: + cosmiconfig: ^8.2.0 + jiti: ^1.18.2 + semver: ^7.3.8 + peerDependencies: + postcss: ^7.0.0 || ^8.0.1 + webpack: ^5.0.0 + checksum: c724044d6ae56334535c26bb4efc9c151431d44d60bc8300157c760747281a242757d8dab32db72738434531175b38a408cb0b270bb96207c07584dcfcd899ff + languageName: node + linkType: hard + +"postcss-modules-extract-imports@npm:^3.0.0": + version: 3.0.0 + resolution: "postcss-modules-extract-imports@npm:3.0.0" + peerDependencies: + postcss: ^8.1.0 + checksum: 4b65f2f1382d89c4bc3c0a1bdc5942f52f3cb19c110c57bd591ffab3a5fee03fcf831604168205b0c1b631a3dce2255c70b61aaae3ef39d69cd7eb450c2552d2 + languageName: node + linkType: hard + +"postcss-modules-local-by-default@npm:^4.0.3": + version: 4.0.3 + resolution: "postcss-modules-local-by-default@npm:4.0.3" + dependencies: + icss-utils: ^5.0.0 + postcss-selector-parser: ^6.0.2 + postcss-value-parser: ^4.1.0 + peerDependencies: + postcss: ^8.1.0 + checksum: 2f8083687f3d6067885f8863dd32dbbb4f779cfcc7e52c17abede9311d84faf6d3ed8760e7c54c6380281732ae1f78e5e56a28baf3c271b33f450a11c9e30485 + languageName: node + linkType: hard + +"postcss-modules-scope@npm:^3.0.0": + version: 3.0.0 + resolution: "postcss-modules-scope@npm:3.0.0" + dependencies: + postcss-selector-parser: ^6.0.4 + peerDependencies: + postcss: ^8.1.0 + checksum: 330b9398dbd44c992c92b0dc612c0626135e2cc840fee41841eb61247a6cfed95af2bd6f67ead9dd9d0bb41f5b0367129d93c6e434fa3e9c58ade391d9a5a138 + languageName: node + linkType: hard + +"postcss-modules-values@npm:^4.0.0": + version: 4.0.0 + resolution: "postcss-modules-values@npm:4.0.0" + dependencies: + icss-utils: ^5.0.0 + peerDependencies: + postcss: ^8.1.0 + checksum: f7f2cdf14a575b60e919ad5ea52fed48da46fe80db2733318d71d523fc87db66c835814940d7d05b5746b0426e44661c707f09bdb83592c16aea06e859409db6 + languageName: node + linkType: hard + +"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4": + version: 6.0.13 + resolution: "postcss-selector-parser@npm:6.0.13" + dependencies: + cssesc: ^3.0.0 + util-deprecate: ^1.0.2 + checksum: f89163338a1ce3b8ece8e9055cd5a3165e79a15e1c408e18de5ad8f87796b61ec2d48a2902d179ae0c4b5de10fccd3a325a4e660596549b040bc5ad1b465f096 + languageName: node + linkType: hard + +"postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0": + version: 4.2.0 + resolution: "postcss-value-parser@npm:4.2.0" + checksum: 819ffab0c9d51cf0acbabf8996dffbfafbafa57afc0e4c98db88b67f2094cb44488758f06e5da95d7036f19556a4a732525e84289a425f4f6fd8e412a9d7442f + languageName: node + linkType: hard + +"postcss@npm:^8.2.14, postcss@npm:^8.4.21": + version: 8.4.26 + resolution: "postcss@npm:8.4.26" + dependencies: + nanoid: ^3.3.6 + picocolors: ^1.0.0 + source-map-js: ^1.0.2 + checksum: 1cf08ee10d58cbe98f94bf12ac49a5e5ed1588507d333d2642aacc24369ca987274e1f60ff4cbf0081f70d2ab18a5cd3a4a273f188d835b8e7f3ba381b184e57 + languageName: node + linkType: hard + "postcss@npm:^8.4.23": version: 8.4.24 resolution: "postcss@npm:8.4.24" @@ -10047,6 +10506,13 @@ __metadata: languageName: node linkType: hard +"regex-parser@npm:^2.2.11": + version: 2.2.11 + resolution: "regex-parser@npm:2.2.11" + checksum: 78200331ec0cc372302d287a4946c38681eb5fe435453fca572cb53cac0ba579e5eb3b9e25eac24c0c80a555fb3ea7a637814a35da1e9bc88e8819110ae5de24 + languageName: node + linkType: hard + "regexp.prototype.flags@npm:^1.4.3, regexp.prototype.flags@npm:^1.5.0": version: 1.5.0 resolution: "regexp.prototype.flags@npm:1.5.0" @@ -10156,6 +10622,19 @@ __metadata: languageName: node linkType: hard +"resolve-url-loader@npm:^5.0.0": + version: 5.0.0 + resolution: "resolve-url-loader@npm:5.0.0" + dependencies: + adjust-sourcemap-loader: ^4.0.0 + convert-source-map: ^1.7.0 + loader-utils: ^2.0.0 + postcss: ^8.2.14 + source-map: 0.6.1 + checksum: 6d483733a4c26f75ce930a61943113bf730b5ba33a7186791cf1ae9c2ca02c3e94610bc6484ca008a372ee9e31750eccea74856a89daf1a29b8437ff564d27f2 + languageName: node + linkType: hard + "resolve@npm:^1.1.6, resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.17.0, resolve@npm:^1.19.0, resolve@npm:^1.22.1": version: 1.22.3 resolution: "resolve@npm:1.22.3" @@ -10310,6 +10789,30 @@ __metadata: languageName: node linkType: hard +"sass-loader@npm:^13.2.2": + version: 13.3.2 + resolution: "sass-loader@npm:13.3.2" + dependencies: + neo-async: ^2.6.2 + peerDependencies: + fibers: ">= 3.1.0" + node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 + sass: ^1.3.0 + sass-embedded: "*" + webpack: ^5.0.0 + peerDependenciesMeta: + fibers: + optional: true + node-sass: + optional: true + sass: + optional: true + sass-embedded: + optional: true + checksum: 7394a8d1b818a289b9caabd979543c907b83e28ae08bc80ccb836e0ccabc4ae574c077ab2fa520ba5fb8abb2ec3e7c9822a1cbd8c58a28ff30018be9d1dc6c27 + languageName: node + linkType: hard + "scheduler@npm:^0.23.0": version: 0.23.0 resolution: "scheduler@npm:0.23.0" @@ -10348,6 +10851,17 @@ __metadata: languageName: node linkType: hard +"semver@npm:^7.3.8": + version: 7.5.4 + resolution: "semver@npm:7.5.4" + dependencies: + lru-cache: ^6.0.0 + bin: + semver: bin/semver.js + checksum: 12d8ad952fa353b0995bf180cdac205a4068b759a140e5d3c608317098b3575ac2f1e09182206bf2eb26120e1c0ed8fb92c48c592f6099680de56bb071423ca3 + languageName: node + linkType: hard + "semver@npm:~7.0.0": version: 7.0.0 resolution: "semver@npm:7.0.0" @@ -10548,6 +11062,13 @@ __metadata: languageName: node linkType: hard +"source-map@npm:0.6.1, source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.1": + version: 0.6.1 + resolution: "source-map@npm:0.6.1" + checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2 + languageName: node + linkType: hard + "source-map@npm:^0.5.7": version: 0.5.7 resolution: "source-map@npm:0.5.7" @@ -10555,13 +11076,6 @@ __metadata: languageName: node linkType: hard -"source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.1": - version: 0.6.1 - resolution: "source-map@npm:0.6.1" - checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2 - languageName: node - linkType: hard - "space-separated-tokens@npm:^1.0.0": version: 1.1.5 resolution: "space-separated-tokens@npm:1.1.5" @@ -10769,6 +11283,15 @@ __metadata: languageName: node linkType: hard +"style-loader@npm:^3.3.2": + version: 3.3.3 + resolution: "style-loader@npm:3.3.3" + peerDependencies: + webpack: ^5.0.0 + checksum: f59c953f56f6a935bd6a1dfa409f1128fed2b66b48ce4a7a75b85862a7156e5e90ab163878962762f528ec4d510903d828da645e143fbffd26f055dc1c094078 + languageName: node + linkType: hard + "stylis@npm:4.2.0": version: 4.2.0 resolution: "stylis@npm:4.2.0" @@ -10953,11 +11476,14 @@ __metadata: resolution: "tify-client@workspace:." dependencies: "@emotion/react": ^11.11.1 + "@emotion/serialize": ^1.1.2 "@emotion/styled": ^11.11.0 "@storybook/addon-actions": ^7.0.24 "@storybook/addon-essentials": ^7.0.18 "@storybook/addon-interactions": ^7.0.18 "@storybook/addon-links": ^7.0.18 + "@storybook/addon-styling": ^1.3.4 + "@storybook/addons": ^7.0.27 "@storybook/blocks": ^7.0.18 "@storybook/builder-vite": ^7.0.22 "@storybook/react": ^7.0.18 @@ -10975,6 +11501,7 @@ __metadata: "@vitejs/plugin-react": ^4.0.0 chromatic: ^6.19.9 emotion-reset: ^3.0.1 + emotion-theming: ^11.0.0 eslint: ^8.43.0 eslint-config-prettier: ^8.8.0 eslint-import-resolver-typescript: ^3.5.5