diff --git a/.changeset/flat-lamps-glow.md b/.changeset/flat-lamps-glow.md new file mode 100644 index 0000000000..6ff9e6ee01 --- /dev/null +++ b/.changeset/flat-lamps-glow.md @@ -0,0 +1,7 @@ +--- +'@sumup/design-tokens': major +'@sumup/circuit-ui': major +'@sumup/icons': major +--- + +Raised the minimum Node.js version to 16+. This is the first maintained version with support for ES modules. diff --git a/.changeset/grumpy-donuts-flash.md b/.changeset/grumpy-donuts-flash.md new file mode 100644 index 0000000000..176f00947c --- /dev/null +++ b/.changeset/grumpy-donuts-flash.md @@ -0,0 +1,10 @@ +--- +'@sumup/design-tokens': major +'@sumup/circuit-ui': major +'@sumup/icons': major +--- + +**This package is now pure ESM**. Please [read this](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c). + +- If you use TypeScript, you need to use TypeScript 4.7 or later ([ref](https://github.com/microsoft/TypeScript/issues/46452)). +- If you use a bundler, make sure it supports ESM and that you have correctly configured it for ESM. (Next.js supports ESM packages out of the box since [v12](https://nextjs.org/blog/next-12#es-modules-support-and-url-imports)). diff --git a/.changeset/red-experts-lie.md b/.changeset/red-experts-lie.md new file mode 100644 index 0000000000..2d752d9fb6 --- /dev/null +++ b/.changeset/red-experts-lie.md @@ -0,0 +1,7 @@ +--- +'@sumup/design-tokens': major +'@sumup/circuit-ui': major +'@sumup/icons': major +--- + +Switched to the `"exports"` field to configure the package entry points. Files that are not explicitly defined in `"exports"` can no longer be imported. diff --git a/.eslintrc.js b/.eslintrc.js index 2cf7b0890e..e534fed5ce 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,5 +1,16 @@ module.exports = require('@sumup/foundry/eslint')({ plugins: ['@sumup/circuit-ui'], + settings: { + 'import/parsers': { + '@typescript-eslint/parser': ['.ts', '.tsx'], + }, + 'import/resolver': { + typescript: { + alwaysTryTypes: true, + project: ['./packages/*/tsconfig.json', './tsconfig.eslint.json'], + }, + }, + }, rules: { '@sumup/circuit-ui/no-invalid-custom-properties': 'error', 'react/no-unknown-property': ['error', { ignore: ['css'] }], diff --git a/.storybook/main.ts b/.storybook/main.ts index 428ea02415..bb9cbd500e 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,7 +1,8 @@ -import type { StorybookConfig } from '@storybook/react-webpack5'; -import type { PluginItem } from '@babel/core'; +import type { StorybookConfig } from '@storybook/react-vite'; import path from 'path'; import remarkGfm from 'remark-gfm'; +import { mergeConfig } from 'vite'; +import turbosnap from 'vite-plugin-turbosnap'; const toPath = (_path: string) => path.join(process.cwd(), _path); @@ -35,24 +36,17 @@ const config: StorybookConfig = { disableTelemetry: true, }, framework: { - name: '@storybook/react-webpack5', + name: '@storybook/react-vite', options: {}, }, - babel: async (options) => ({ - ...options, - presets: [ - ...(options.presets as PluginItem[]), - // HACK: Storybook includes `@babel/preset-react` by default, which - // overrides the custom preset configuration in `babel.config.json`. - // This override overrides the override. - [ - '@babel/preset-react', - { runtime: 'automatic', importSource: '@emotion/react' }, - 'preset-jsx-import-source', - ], - '@babel/preset-typescript', - ], - }), + async viteFinal(config, { configType }) { + return mergeConfig(config, { + plugins: + configType === 'PRODUCTION' + ? [turbosnap({ rootDir: config.root ?? process.cwd() })] + : [], + }); + }, }; export default config; diff --git a/babel.config.json b/babel.config.json deleted file mode 100644 index b3d981533c..0000000000 --- a/babel.config.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "presets": [ - "@babel/preset-env", - [ - "@babel/preset-react", - { "runtime": "automatic", "importSource": "@emotion/react" } - ] - ], - "plugins": ["@emotion"], - "env": { - "test": { - "plugins": ["react-docgen"], - "presets": [ - "@babel/preset-typescript", - [ - "@babel/preset-env", - { - "targets": { - "node": "current" - } - } - ] - ] - } - } -} diff --git a/package-lock.json b/package-lock.json index 828eb3b738..bda6637f4c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,39 +10,30 @@ "packages/*" ], "devDependencies": { - "@babel/cli": "^7.21.0", - "@babel/core": "^7.21.4", - "@babel/node": "^7.20.7", - "@babel/preset-env": "^7.20.2", - "@babel/preset-react": "^7.18.6", - "@babel/preset-typescript": "^7.21.4", "@changesets/changelog-github": "^0.4.8", "@changesets/cli": "^2.26.1", - "@storybook/addon-a11y": "^7.0.5", - "@storybook/addon-actions": "^7.0.5", - "@storybook/addon-controls": "^7.0.5", - "@storybook/addon-docs": "^7.0.5", - "@storybook/addon-interactions": "^7.0.5", - "@storybook/addon-links": "^7.0.5", - "@storybook/addon-storysource": "^7.0.5", - "@storybook/addon-toolbars": "^7.0.5", - "@storybook/addon-viewport": "^7.0.5", - "@storybook/addons": "^7.0.5", - "@storybook/react": "^7.0.5", - "@storybook/react-webpack5": "^7.0.5", - "@storybook/source-loader": "^7.0.5", + "@storybook/addon-a11y": "^7.0.7", + "@storybook/addon-actions": "^7.0.7", + "@storybook/addon-controls": "^7.0.7", + "@storybook/addon-docs": "^7.0.7", + "@storybook/addon-interactions": "^7.0.7", + "@storybook/addon-links": "^7.0.7", + "@storybook/addon-storysource": "^7.0.7", + "@storybook/addon-toolbars": "^7.0.7", + "@storybook/addon-viewport": "^7.0.7", + "@storybook/addons": "^7.0.7", + "@storybook/react": "^7.0.7", + "@storybook/react-vite": "^7.0.7", + "@storybook/source-loader": "^7.0.7", "@storybook/testing-library": "^0.1.0", - "@storybook/theming": "^7.0.5", + "@storybook/theming": "^7.0.7", "@sumup/eslint-plugin-circuit-ui": "^0.0.1", "@sumup/foundry": "^6.0.0", "@types/node": "^18.15.11", "@vitejs/plugin-react": "^4.0.0", "@vitest/coverage-c8": "^0.30.1", "audit-ci": "^6.6.1", - "babel-loader": "^9.1.2", - "babel-plugin-dynamic-import-node": "^2.2.0", - "babel-plugin-module-resolver": "^5.0.0", - "babel-plugin-react-docgen": "^4.2.1", + "eslint-import-resolver-typescript": "^3.5.5", "eslint-plugin-prettier": "^4.2.1", "jsdom": "^21.1.1", "lerna": "^6.6.1", @@ -50,12 +41,12 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "remark-gfm": "^3.0.1", - "storybook": "^7.0.5", + "storybook": "^7.0.7", "svgo": "^3.0.2", "typescript": "^5.0.4", + "vite-plugin-turbosnap": "^1.0.2", "vitest": "^0.30.1", - "vitest-github-actions-reporter": "^0.10.0", - "webpack": "^5.80.0" + "vitest-github-actions-reporter": "^0.10.0" } }, "node_modules/@actions/core": { @@ -124,49 +115,6 @@ "x-default-browser": "bin/x-default-browser.js" } }, - "node_modules/@babel/cli": { - "version": "7.21.0", - "resolved": "https://registry.yarnpkg.com/@babel/cli/-/cli-7.21.0.tgz", - "integrity": "sha1-GGjrcOmCS0J/xgdhDM6OnniJ5+E= sha512-xi7CxyS8XjSyiwUGCfwf+brtJxjW1/ZTcBUkP10xawIEXLX5HzLn+3aXkgxozcP2UhRhtKTmQurw9Uaes7jZrA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/trace-mapping": "^0.3.17", - "commander": "^4.0.1", - "convert-source-map": "^1.1.0", - "fs-readdir-recursive": "^1.1.0", - "glob": "^7.2.0", - "make-dir": "^2.1.0", - "slash": "^2.0.0" - }, - "bin": { - "babel": "bin/babel.js", - "babel-external-helpers": "bin/babel-external-helpers.js" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/cli/node_modules/commander": { - "version": "4.1.1", - "resolved": "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz", - "integrity": "sha1-n9YCvZNilOnp70aj9NaWQESxgGg= sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" - } - }, - "node_modules/@babel/cli/node_modules/slash": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz", - "integrity": "sha1-3lUoUaF1nfOo8gZTVEL17E3eq0Q= sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/@babel/code-frame": { "version": "7.21.4", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz", @@ -750,37 +698,6 @@ "node": ">=4" } }, - "node_modules/@babel/node": { - "version": "7.20.7", - "resolved": "https://registry.yarnpkg.com/@babel/node/-/node-7.20.7.tgz", - "integrity": "sha1-YJvn+EGJPiSTG3kQJjur/ehAQKk= sha512-AQt3gVcP+fpFuoFn4FmIW/+5JovvEoA9og4Y1LrRw0pv3jkl4tujZMMy3X/3ugjLrEy3k1aNywo3JIl3g+jVXQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/register": "^7.18.9", - "commander": "^4.0.1", - "core-js": "^3.26.0", - "node-environment-flags": "^1.0.5", - "regenerator-runtime": "^0.13.11", - "v8flags": "^3.1.1" - }, - "bin": { - "babel-node": "bin/babel-node.js" - }, - "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/node/node_modules/commander": { - "version": "4.1.1", - "resolved": "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz", - "integrity": "sha1-n9YCvZNilOnp70aj9NaWQESxgGg= sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6" - } - }, "node_modules/@babel/parser": { "version": "7.21.4", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz", @@ -3094,28 +3011,14 @@ "node": ">= 4.0.0" } }, - "node_modules/@cspotcode/source-map-support": { - "version": "0.8.1", - "resolved": "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz", - "integrity": "sha1-AGKcNaaI4FqIsc2mhPudXnPwAKE= sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==", + "node_modules/@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/trace-mapping": "0.3.9" - }, + "optional": true, "engines": { - "node": ">=12" - } - }, - "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": { - "version": "0.3.9", - "resolved": "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz", - "integrity": "sha1-ZTT9WTOlO6fL86F2FeJzoNEnP/k= sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/resolve-uri": "^3.0.3", - "@jridgewell/sourcemap-codec": "^1.4.10" + "node": ">=0.1.90" } }, "node_modules/@discoveryjs/json-ext": { @@ -3323,6 +3226,36 @@ "dev": true, "license": "MIT" }, + "node_modules/@esbuild-kit/cjs-loader": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/@esbuild-kit/cjs-loader/-/cjs-loader-2.4.2.tgz", + "integrity": "sha512-BDXFbYOJzT/NBEtp71cvsrGPwGAMGRB/349rwKuoxNSiKjPraNNnlK6MIIabViCjqZugu6j+xeMDlEkWdHHJSg==", + "dev": true, + "dependencies": { + "@esbuild-kit/core-utils": "^3.0.0", + "get-tsconfig": "^4.4.0" + } + }, + "node_modules/@esbuild-kit/core-utils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@esbuild-kit/core-utils/-/core-utils-3.1.0.tgz", + "integrity": "sha512-Uuk8RpCg/7fdHSceR1M6XbSZFSuMrxcePFuGgyvsBn+u339dk5OeL4jv2EojwTN2st/unJGsVm4qHWjWNmJ/tw==", + "dev": true, + "dependencies": { + "esbuild": "~0.17.6", + "source-map-support": "^0.5.21" + } + }, + "node_modules/@esbuild-kit/esm-loader": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/@esbuild-kit/esm-loader/-/esm-loader-2.5.5.tgz", + "integrity": "sha512-Qwfvj/qoPbClxCRNuac1Du01r9gvNOT+pMYtJDapfB1eoGN1YlJ1BixLyL9WVENRx5RXgNLdfYdx/CuswlGhMw==", + "dev": true, + "dependencies": { + "@esbuild-kit/core-utils": "^3.0.0", + "get-tsconfig": "^4.4.0" + } + }, "node_modules/@esbuild/android-arm": { "version": "0.17.15", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.15.tgz", @@ -4004,6 +3937,39 @@ "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, + "node_modules/@joshwooding/vite-plugin-react-docgen-typescript": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.2.1.tgz", + "integrity": "sha512-ou4ZJSXMMWHqGS4g8uNRbC5TiTWxAgQZiVucoUrOCWuPrTbkpJbmVyIi9jU72SBry7gQtuMEDp4YR8EEXAg7VQ==", + "dev": true, + "dependencies": { + "glob": "^7.2.0", + "glob-promise": "^4.2.0", + "magic-string": "^0.27.0", + "react-docgen-typescript": "^2.2.2" + }, + "peerDependencies": { + "typescript": ">= 4.3.x", + "vite": "^3.0.0 || ^4.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@joshwooding/vite-plugin-react-docgen-typescript/node_modules/magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.13" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.2", "resolved": "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", @@ -4045,6 +4011,8 @@ "integrity": "sha1-9FNRqu1FJ6KYUS7HL4EEDJmFgPs= sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==", "dev": true, "license": "MIT", + "optional": true, + "peer": true, "dependencies": { "@jridgewell/gen-mapping": "^0.3.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -6704,6 +6672,19 @@ "url": "https://opencollective.com/unts" } }, + "node_modules/@rollup/pluginutils": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz", + "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==", + "dev": true, + "dependencies": { + "estree-walker": "^2.0.1", + "picomatch": "^2.2.2" + }, + "engines": { + "node": ">= 8.0.0" + } + }, "node_modules/@rushstack/eslint-patch": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz", @@ -6740,21 +6721,21 @@ "license": "MIT" }, "node_modules/@storybook/addon-a11y": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.5.tgz", - "integrity": "sha512-MCEhw7AiXdYcRFRXk9ffy9AmMGDZ7FCqiOp03T74qm0VJotvdwZwMSNTRLsAOqMaF/hEK7pj7GeDaYsSKVKHPA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.7.tgz", + "integrity": "sha512-juLmRgUh1quGoqHyG7Ttpvj/2nIyIhcuidDKXo5ot7IbJ/g80e4o2BFPbMUT1Qdq9TL/ahbNxeP7QjV0oRJKxQ==", "dev": true, "dependencies": { - "@storybook/addon-highlight": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/addon-highlight": "7.0.7", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "axe-core": "^4.2.0", "lodash": "^4.17.21", "react-resize-detector": "^7.1.2" @@ -6777,19 +6758,19 @@ } }, "node_modules/@storybook/addon-actions": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.5.tgz", - "integrity": "sha512-+291rPr9Qms+93xdxejsGFPgZEAgdWlf/UkxEcpyhBkaY17haoFPkcEh2xxEpIx2pwWsTPEwHrd1Si8+Xz5nCQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.7.tgz", + "integrity": "sha512-WxsnSjAvdf6NhUfTqcwV+FJmsJV56gh2cY4QnGfqfwO5zoBWTUYnhz57TgxSMhJY0kspyX9Q1Kc//r1d5lt1qA==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "dequal": "^2.0.2", "lodash": "^4.17.21", "polished": "^4.2.2", @@ -6797,7 +6778,7 @@ "react-inspector": "^6.0.0", "telejson": "^7.0.3", "ts-dedent": "^2.0.0", - "uuid-browser": "^3.1.0" + "uuid": "^9.0.0" }, "funding": { "type": "opencollective", @@ -6816,21 +6797,30 @@ } } }, + "node_modules/@storybook/addon-actions/node_modules/uuid": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz", + "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==", + "dev": true, + "bin": { + "uuid": "dist/bin/uuid" + } + }, "node_modules/@storybook/addon-controls": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.5.tgz", - "integrity": "sha512-Fd3aUmFQ4iBfvpVrQ+rNi7PBgencxrvHx1CG6gtx27D8TKwb/y7iuel2ru6X1Qz/kvQcZl06ZB86zH+QljK9/w==", - "dev": true, - "dependencies": { - "@storybook/blocks": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.7.tgz", + "integrity": "sha512-/QEzleKoWRQ3i7KB32QvqDGcGMw4kG2BxEf0d+ymxd2SjoeL6kX2eHE0b4OxFPXiWUyTfXBFwmcI2Re3fRUJnQ==", + "dev": true, + "dependencies": { + "@storybook/blocks": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "lodash": "^4.17.21", "ts-dedent": "^2.0.0" }, @@ -6852,28 +6842,28 @@ } }, "node_modules/@storybook/addon-docs": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.5.tgz", - "integrity": "sha512-JAnV2wkRTs0raGoSJ4ufrZYCKe2jwcHDCUUUdRgRkI1oPsRZdXnaRscUgIJ2Eju6W4KK0Ibi/Qpe+8Wj+CpTpg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.7.tgz", + "integrity": "sha512-5PT7aiTD6QPH+4CZLcv4PiUgWucD9JNGHVMRbQMEyFW6qbs87dHmu1m1uXIvx3BF5h3mTo4FHNAf8IQIq5HH9w==", "dev": true, "dependencies": { "@babel/core": "^7.20.2", "@babel/plugin-transform-react-jsx": "^7.19.0", "@jest/transform": "^29.3.1", "@mdx-js/react": "^2.1.5", - "@storybook/blocks": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/csf-plugin": "7.0.5", - "@storybook/csf-tools": "7.0.5", + "@storybook/blocks": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/csf-plugin": "7.0.7", + "@storybook/csf-tools": "7.0.7", "@storybook/global": "^5.0.0", "@storybook/mdx2-csf": "^1.0.0", - "@storybook/node-logger": "7.0.5", - "@storybook/postinstall": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/react-dom-shim": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/node-logger": "7.0.7", + "@storybook/postinstall": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/react-dom-shim": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "fs-extra": "^11.1.0", "remark-external-links": "^8.0.0", "remark-slug": "^6.0.0", @@ -6889,14 +6879,14 @@ } }, "node_modules/@storybook/addon-highlight": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.5.tgz", - "integrity": "sha512-m52Yx2AfWdh+hYAHTjPPocOUd15IE5OAF2nx1rmRfp+caIwKE8UyAn2J4Tk2aVwybUM96B4Bioo8cmOj6znqPw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.7.tgz", + "integrity": "sha512-expme2GzzCXX7/lL7UjCDi1Tfj+4LeNsAdWiurVLH7glK7yKPPeXXkIldbLP/XjJv4NKlqCwnNRHQx0vDLlE6g==", "dev": true, "dependencies": { - "@storybook/core-events": "7.0.5", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5" + "@storybook/preview-api": "7.0.7" }, "funding": { "type": "opencollective", @@ -6904,21 +6894,21 @@ } }, "node_modules/@storybook/addon-interactions": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.0.5.tgz", - "integrity": "sha512-ATmZbM/EKkHMHUCXR+rMyxV5Kr1t6kStcmGxGxOw/dm68tbCAos3xqKJ+7PcrvjGhyzCYcbITMFpPMm8OnIz6A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.0.7.tgz", + "integrity": "sha512-jBl6O5sSbix0X1G9dFuWvvu4qefgLP9dAB/utVdDadZxlbPfa5B2C2q2YIqjcKZoX8DS8Fh8SUhlX1mdW5tu5w==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/instrumenter": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "jest-mock": "^27.0.6", "polished": "^4.2.2", "ts-dedent": "^2.2.0" @@ -6979,19 +6969,19 @@ } }, "node_modules/@storybook/addon-links": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.5.tgz", - "integrity": "sha512-XltdGrWWlyW9mxeyS11Khi963ajV6B+TWUMi/U5Ka/uTHzVoB2vsB7jzkVKLc0mSR7oIkP+aZmkzaWNZZq9v1A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.7.tgz", + "integrity": "sha512-DEjDxjHb3mT8Sdnx4In5Ev9gJ/XdjlHOq4iuy0wnMyrCV4wnzTQnIeSCx8nkrXFb314zc33JPnCcrb5pQoD5GQ==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/router": "7.0.7", + "@storybook/types": "7.0.7", "prop-types": "^15.7.2", "ts-dedent": "^2.0.0" }, @@ -7013,18 +7003,18 @@ } }, "node_modules/@storybook/addon-storysource": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-7.0.5.tgz", - "integrity": "sha512-f0v3zoIUrcIVf+s/4gZxVNRxamak0rQ0bQfUg4aeCbnFzEW0V7/BMGzYO+R9O9ccif7/6IyVvxUnYaDZNRb5sg==", - "dev": true, - "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/source-loader": "7.0.5", - "@storybook/theming": "7.0.5", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-7.0.7.tgz", + "integrity": "sha512-gRdnWN8H5BhQF3rkcfjEIzEsZ/kdlgjiA6YA3GRKlcRCkzWHHXtHDdT3BSUFPb/8mT8DftFZNP2PKWeKd1rZvQ==", + "dev": true, + "dependencies": { + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/router": "7.0.7", + "@storybook/source-loader": "7.0.7", + "@storybook/theming": "7.0.7", "estraverse": "^5.2.0", "prop-types": "^15.7.2", "react-syntax-highlighter": "^15.5.0" @@ -7047,16 +7037,16 @@ } }, "node_modules/@storybook/addon-toolbars": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.5.tgz", - "integrity": "sha512-0H5gO9vw8QuVYIUH4NyFj5MGOLXtubnZqtjJBeBIGxfg56EHbn9GB515g6o5Jzn4jwnSDq1X8PGLC62CDiTbzA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.7.tgz", + "integrity": "sha512-/NkYHhU1VAz5lXjWuV8+ADWB84HzktvZv4jfiKX7Zzu6JVzrBu7FotQSWh3pDqqVwCB50RClUGtcHmSSac9CAQ==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5" + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7" }, "funding": { "type": "opencollective", @@ -7076,18 +7066,18 @@ } }, "node_modules/@storybook/addon-viewport": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.5.tgz", - "integrity": "sha512-sonhnMHjw7qetokABAjC6r8VjDqDhCqjB1VJi1pQ7WJT/iwzxQpGmhbbUTsJhJFJokIlqV+s7w0sOBrgekR1Sw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.7.tgz", + "integrity": "sha512-znqhd8JFEFoXcAdwYhz1CwrCpVAzhuSyUVBUNDsDs+mgBEfGth4D4abIdWWGcfP6+CmI5ebFHtk443cExZebag==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", "memoizerific": "^1.11.3", "prop-types": "^15.7.2" }, @@ -7109,14 +7099,14 @@ } }, "node_modules/@storybook/addons": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.5.tgz", - "integrity": "sha512-Bkb56xL6R4s94VMHz1R4Bzo1qBjNclUPXO4DN9m3CAQDdCNuJVcj+JxDMBucs/m/FBjWm4hMM/saQeBCGk+Jpw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.7.tgz", + "integrity": "sha512-it8NWXsdm3dhjc237d9jj7dGJf6eHDfuDv12nirV64J1dzWrnW+lONeZMPMgxxdLlgYfxH52fLgjcw/dAC/E+Q==", "dev": true, "dependencies": { - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/types": "7.0.5" + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7" }, "funding": { "type": "opencollective", @@ -7127,49 +7117,23 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@storybook/api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.5.tgz", - "integrity": "sha512-0YftXdLOLPKnMtBxJrCitrG5BZUYUMs1KmFcjlLzLVbj+KOybvX1cTBkWPuoFY2YRS1FA79gHsth1Ed9oO3k1A==", - "dev": true, - "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/manager-api": "7.0.5" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "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 - } - } - }, "node_modules/@storybook/blocks": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.5.tgz", - "integrity": "sha512-cOWRqmgRMZ+pgnqRv6jC2ehvXiQxDJsTQAoWO2+5iUuBmciv6s9u7FQFkW9Wn1TUkkLwEvY5jnzMNvzZsEBx1w==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.7.tgz", + "integrity": "sha512-ehR0hAFWNHHqmrmbwYPKhLpgbIBKtyMbeoGClTRSnrVBGONciYJdmxegkCTReUklCY+HBJjtlwNowT+7+5sSaw==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", - "@storybook/docs-tools": "7.0.5", + "@storybook/docs-tools": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "@types/lodash": "^4.14.167", "color-convert": "^2.0.1", "dequal": "^2.0.2", @@ -7192,15 +7156,15 @@ } }, "node_modules/@storybook/builder-manager": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.5.tgz", - "integrity": "sha512-nSH5IWGsP+9OyZdh03i1yNvyViaF4099YpD9jDSQvn3H4I7UH8qsprFu3yoCax51lQqoxOadmlazS6P4DtLXMg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.7.tgz", + "integrity": "sha512-VI/0iEjAlzQDt1yKu8GXugNIz7t46IHIKgMNmltQ05KPypMgInUoMmbfP5AYOVddjLdSqjMLO7EK58pBLOInpw==", "dev": true, "dependencies": { "@fal-works/esbuild-plugin-global-externals": "^2.1.2", - "@storybook/core-common": "7.0.5", - "@storybook/manager": "7.0.5", - "@storybook/node-logger": "7.0.5", + "@storybook/core-common": "7.0.7", + "@storybook/manager": "7.0.7", + "@storybook/node-logger": "7.0.7", "@types/ejs": "^3.1.1", "@types/find-cache-dir": "^3.2.1", "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", @@ -7219,85 +7183,126 @@ "url": "https://opencollective.com/storybook" } }, - "node_modules/@storybook/builder-webpack5": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.0.5.tgz", - "integrity": "sha512-y0nryC0Ns5oM2rG8QmP9tUw2WCQ3O96kJWmVnjOxQ5XfD67IuuM/z+e3FMVMpluAYUeTFDc3BNmBqlra37FzMQ==", + "node_modules/@storybook/builder-vite": { + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.0.7.tgz", + "integrity": "sha512-2wL6fsFWzij+R155urOLc7EjZtlVWf4FLfaSlLGAuZwRQU40N04YdMaHMp9tjd9Vdr5fxEDwTB51PnVWJMlsEw==", "dev": true, "dependencies": { - "@babel/core": "^7.12.10", - "@storybook/addons": "7.0.5", - "@storybook/api": "7.0.5", - "@storybook/channel-postmessage": "7.0.5", - "@storybook/channel-websocket": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-api": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", - "@storybook/core-webpack": "7.0.5", - "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/store": "7.0.5", - "@storybook/theming": "7.0.5", - "@types/node": "^16.0.0", - "@types/semver": "^7.3.4", - "babel-loader": "^9.0.0", - "babel-plugin-named-exports-order": "^0.0.2", + "@storybook/channel-postmessage": "7.0.7", + "@storybook/channel-websocket": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/csf-plugin": "7.0.7", + "@storybook/mdx2-csf": "^1.0.0", + "@storybook/node-logger": "7.0.7", + "@storybook/preview": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7", "browser-assert": "^1.2.1", - "case-sensitive-paths-webpack-plugin": "^2.4.0", - "css-loader": "^6.7.1", + "es-module-lexer": "^0.9.3", "express": "^4.17.3", - "fork-ts-checker-webpack-plugin": "^7.2.8", "fs-extra": "^11.1.0", - "html-webpack-plugin": "^5.5.0", - "path-browserify": "^1.0.1", - "process": "^0.11.10", - "semver": "^7.3.7", - "style-loader": "^3.3.1", - "terser-webpack-plugin": "^5.3.1", - "ts-dedent": "^2.0.0", - "util": "^0.12.4", - "util-deprecate": "^1.0.2", - "webpack": "5", - "webpack-dev-middleware": "^5.3.1", - "webpack-hot-middleware": "^2.25.1", - "webpack-virtual-modules": "^0.4.3" + "glob": "^8.1.0", + "glob-promise": "^6.0.2", + "magic-string": "^0.27.0", + "remark-external-links": "^8.0.0", + "remark-slug": "^6.0.0", + "rollup": "^2.25.0 || ^3.3.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@preact/preset-vite": "*", + "typescript": ">= 4.3.x", + "vite": "^3.0.0 || ^4.0.0", + "vite-plugin-glimmerx": "*" }, "peerDependenciesMeta": { + "@preact/preset-vite": { + "optional": true + }, "typescript": { "optional": true + }, + "vite-plugin-glimmerx": { + "optional": true } } }, - "node_modules/@storybook/builder-webpack5/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true + "node_modules/@storybook/builder-vite/node_modules/glob": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz", + "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^5.0.1", + "once": "^1.3.0" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@storybook/builder-vite/node_modules/glob-promise": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-6.0.2.tgz", + "integrity": "sha512-Ni2aDyD1ekD6x8/+K4hDriRDbzzfuK4yKpqSymJ4P7IxbtARiOOuU+k40kbHM0sLIlbf1Qh0qdMkAHMZYE6XJQ==", + "dev": true, + "dependencies": { + "@types/glob": "^8.0.0" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "type": "individual", + "url": "https://github.com/sponsors/ahmadnassri" + }, + "peerDependencies": { + "glob": "^8.0.3" + } + }, + "node_modules/@storybook/builder-vite/node_modules/magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.13" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@storybook/builder-vite/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } }, "node_modules/@storybook/channel-postmessage": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.5.tgz", - "integrity": "sha512-Ri0188tHfvg2asdNOVUeLU1w1G/V485y/vatZ/vC3My9cG8P39t8ZKAJdA3hukc+7RZKZU+snqCz7de89/CF7Q==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.7.tgz", + "integrity": "sha512-XMtYfcaE0UoY/V7K1cTu9PcWETD4iyWb/Yswc4F9VrPw0Ui4UwGS1j4iaAu8DC06yyoJs4XvxYFBMlCQmKja6A==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", "qs": "^6.10.0", "telejson": "^7.0.3" @@ -7308,13 +7313,13 @@ } }, "node_modules/@storybook/channel-websocket": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.5.tgz", - "integrity": "sha512-QgvxAZjEdRzPZveUibErJbaqqe97DLscPeK5YHA1/xDCPqMKo0HaQKTyT0YSsSkeE3oKXbdz9IXFXEaPmIpjzw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.7.tgz", + "integrity": "sha512-KDbLiQts4/dCow3qk5WJSPA6SlaX3iP9RhF0Fjj03hoG2TRskrvo+AkUiJr8gF6dpkPndfuCYUCRsO2Ml8B+AA==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", "@storybook/global": "^5.0.0", "telejson": "^7.0.3" }, @@ -7324,9 +7329,9 @@ } }, "node_modules/@storybook/channels": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.5.tgz", - "integrity": "sha512-WiSPXgOK63jAlDDmbTs1sVXoYe3r/4VjpfwhEcxSPU544YQVARF1ePtiGjlp8HVFhZh1Q7afbVGJ9w96++u98A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.7.tgz", + "integrity": "sha512-Om4ovBLNw8pVrBu83MpOKgAuGO9Dpr1Coh2qp8t64WRPkejX1mxOY9IgH723//zH3igx8LCkf9rvBvcrsyaScQ==", "dev": true, "funding": { "type": "opencollective", @@ -7334,21 +7339,21 @@ } }, "node_modules/@storybook/cli": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.5.tgz", - "integrity": "sha512-VRrf4XG9H29FycNqthT6r4MjT0f4ynpwQAj039vUrt95rosV8ytuLFIrTwww1x/2o/VNpkWyL7MJwu6dejeZgw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.7.tgz", + "integrity": "sha512-koTkWr7wlaHF14T5moRP/tYM44+Jf4GEzQ/rqx/Jfn7EbNlVUOibdLJj4JnseMGRc7ZP6tKYku2n+B8g7hJX4w==", "dev": true, "dependencies": { "@babel/core": "^7.20.2", "@babel/preset-env": "^7.20.2", "@ndelangen/get-tarball": "^3.0.7", - "@storybook/codemod": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-server": "7.0.5", - "@storybook/csf-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/telemetry": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/codemod": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-server": "7.0.7", + "@storybook/csf-tools": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/telemetry": "7.0.7", + "@storybook/types": "7.0.7", "@types/semver": "^7.3.4", "boxen": "^5.1.2", "chalk": "^4.1.0", @@ -7396,24 +7401,10 @@ "node": ">= 6" } }, - "node_modules/@storybook/client-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-7.0.5.tgz", - "integrity": "sha512-T3QT+Y1CfPjPNHXfFfPiaGl+uepwfKGKwTsLPr5DDGXrDBe569omK9J+kTZptkJ1ZgFQBFcATPdnnHwIkb82kg==", - "dev": true, - "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - } - }, "node_modules/@storybook/client-logger": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.5.tgz", - "integrity": "sha512-p8Vtb5G/l3gePNDbNjqgGsikthRqDfsPAqFEsAvBWJVZ3vq/ZSU4IsCWSLO/kdkyJyhTXMqQZnOpQ0pDXlOPcQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.7.tgz", + "integrity": "sha512-EclHjDs5HwHMKB4X2orn/KKA0DTIDmp4AXAUJGRfxb5ArpKEb7tXLHsgrRBlaoz1j5LAwKTmEyZOONh9G3etjg==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0" @@ -7424,18 +7415,18 @@ } }, "node_modules/@storybook/codemod": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.5.tgz", - "integrity": "sha512-Hu9CiVBHhaPJHMVpiAjr7pEtL7/AUsKT/Xxn3xUM7Ngy7TYMa62XTIMkt2Z+tAAud0HzAz/6Wv+2q+IqPr7BeQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.7.tgz", + "integrity": "sha512-VlkDlkvfbzLe+NOmzs5zGrGb4jnaeAFZqpvIkXxevr6aGcOwgeelNv8gTmgBAcy+xbGW4Pp0XA2BlMweIvKEKA==", "dev": true, "dependencies": { "@babel/core": "~7.21.0", "@babel/preset-env": "~7.21.0", "@babel/types": "~7.21.2", "@storybook/csf": "^0.1.0", - "@storybook/csf-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/csf-tools": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/types": "7.0.7", "cross-spawn": "^7.0.3", "globby": "^11.0.2", "jscodeshift": "^0.14.0", @@ -7449,16 +7440,16 @@ } }, "node_modules/@storybook/components": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.5.tgz", - "integrity": "sha512-SHftxNH3FG3RZwJ5nbyBZwn5pkI3Ei2xjD7zDwxztI8bCp5hPnOTDwAnQZZCkeW7atSQUe7xFkYqlCgNmXR4PQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.7.tgz", + "integrity": "sha512-6PLs9LMkBuhH/w4bSJ72tYgICMbOOIHuoB/fQdVlzhsdnXL2fM/v4RVW2N7v+Oz3lYXp/JtV8V9Ub8h6eDQKXg==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "memoizerific": "^1.11.3", "use-resize-observer": "^9.1.0", "util-deprecate": "^1.0.2" @@ -7473,13 +7464,13 @@ } }, "node_modules/@storybook/core-client": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.5.tgz", - "integrity": "sha512-vN3jK0H4IRjdn/VP7E5dtY0MjytTFSosreSzschmSDTs/K9w52Zm+PkmDzQaBtrDo/VNjJCHnxDLDJZ1ewkoEw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.7.tgz", + "integrity": "sha512-eydcpR28qV3A3BwR5V6wsixoI1BRLA0SzFiwH/1ajrgX13inv+gV97gHv47Ojf/+YAZ3HqdVaUKFsUfMKwKieA==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" + "@storybook/client-logger": "7.0.7", + "@storybook/preview-api": "7.0.7" }, "funding": { "type": "opencollective", @@ -7487,13 +7478,13 @@ } }, "node_modules/@storybook/core-common": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.5.tgz", - "integrity": "sha512-MIvWwu2ntKK3A0FDWRhKcegIAKyJTyzTf5K4PiVgCT2X9Mj0r0GZ10L/OlyTrlnGHqgxNc4oS2rcN3uWjlwXaA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.7.tgz", + "integrity": "sha512-c8T24wex9bnCYdZVZFNX4VV+wfhrp47OLzVONZDqxMhq6G//Bgv5zH4Awcx5UfWf/05VcP7KGF1VKj8ebRyEEA==", "dev": true, "dependencies": { - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/node-logger": "7.0.7", + "@storybook/types": "7.0.7", "@types/node": "^16.0.0", "@types/pretty-hrtime": "^1.0.0", "chalk": "^4.1.0", @@ -7518,9 +7509,9 @@ } }, "node_modules/@storybook/core-common/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", + "version": "16.18.24", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.24.tgz", + "integrity": "sha512-zvSN2Esek1aeLdKDYuntKAYjti9Z2oT4I8bfkLLhIxHlv3dwZ5vvATxOc31820iYm4hQRCwjUgDpwSMFjfTUnw==", "dev": true }, "node_modules/@storybook/core-common/node_modules/glob": { @@ -7586,9 +7577,9 @@ } }, "node_modules/@storybook/core-events": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.5.tgz", - "integrity": "sha512-bYQFZlJR3n5gFk5GVIemuL3m6aYPF6DVnzj6n9UcMZDlHcOZ2B2WbTmAUrGy0bmtj/Fd6ZJKDpBhh3cRRsYkbA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.7.tgz", + "integrity": "sha512-XNsR2RgaL2vBwuqsu+KA1DzGmB1UFfrAhpxhmyWTKDCniwtTLlaXgfKbqwcrOrPu/o1YswgIup/9UHepRHaf4A==", "dev": true, "funding": { "type": "opencollective", @@ -7596,25 +7587,25 @@ } }, "node_modules/@storybook/core-server": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.5.tgz", - "integrity": "sha512-h3SVzwepHTyDxS7ZPuYfHStnWC0EC05axSPKb3yeO6bCsowf+CEXgY5VayUqP8GkgLBez859m172y6B+wVXZ3g==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.7.tgz", + "integrity": "sha512-PB4zoClH7aKG4XeJhxx43iK9n/C9gctXubNN5DSN6thPm4UITOas+/q4N7AHbCPyRbcMyoW7M31KtpzZu4Fjew==", "dev": true, "dependencies": { "@aw-web-design/x-default-browser": "1.4.88", "@discoveryjs/json-ext": "^0.5.3", - "@storybook/builder-manager": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/builder-manager": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", - "@storybook/csf-tools": "7.0.5", + "@storybook/csf-tools": "7.0.7", "@storybook/docs-mdx": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/telemetry": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/telemetry": "7.0.7", + "@storybook/types": "7.0.7", "@types/detect-port": "^1.3.0", "@types/node": "^16.0.0", "@types/node-fetch": "^2.5.7", @@ -7650,9 +7641,9 @@ } }, "node_modules/@storybook/core-server/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", + "version": "16.18.24", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.24.tgz", + "integrity": "sha512-zvSN2Esek1aeLdKDYuntKAYjti9Z2oT4I8bfkLLhIxHlv3dwZ5vvATxOc31820iYm4hQRCwjUgDpwSMFjfTUnw==", "dev": true }, "node_modules/@storybook/core-server/node_modules/ip": { @@ -7661,29 +7652,6 @@ "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==", "dev": true }, - "node_modules/@storybook/core-webpack": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.0.5.tgz", - "integrity": "sha512-314PdAt0XJsHq2Eyu3Gl6fqjMF7xGmrhWVvTf9Eczw58T+Gm2aoYnmAf0PP0CXNQwsdnlLx+LHoG2nVpHg9wCw==", - "dev": true, - "dependencies": { - "@storybook/core-common": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", - "@types/node": "^16.0.0", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - } - }, - "node_modules/@storybook/core-webpack/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true - }, "node_modules/@storybook/csf": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.0.tgz", @@ -7694,12 +7662,12 @@ } }, "node_modules/@storybook/csf-plugin": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.5.tgz", - "integrity": "sha512-TTM6l1i73ZGUSCJpAXitsd/KHWQbiuPsFSHKaikowK+pJ2hz4kfNG5JrajXKR5OltBAAbUudK25oJWsvo8FGpQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.7.tgz", + "integrity": "sha512-uhf2g077gXA6ZEMXIPQ0RnX+IoOTBJbj+6+VQfT7K5tvJeop1z0Fvk0FoknNXcUe7aUA0nzA/cUQ1v4vXqbY3Q==", "dev": true, "dependencies": { - "@storybook/csf-tools": "7.0.5", + "@storybook/csf-tools": "7.0.7", "unplugin": "^0.10.2" }, "funding": { @@ -7708,9 +7676,9 @@ } }, "node_modules/@storybook/csf-tools": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.5.tgz", - "integrity": "sha512-W83OAlYUyzbx3SuDGgsPunw8BeT5gkYJGqenC6wJH0B1Nc+MjYxjhffaMtnT2X8RgMKKgIIf7sB3QN22y+kN/Q==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.7.tgz", + "integrity": "sha512-KbO5K2RS0oFm94eR49bAPvoyXY3Q6+ozvBek/F05RP7iAV790icQc59Xci9YDM1ONgb3afS+gSJGFBsE0h4pmg==", "dev": true, "dependencies": { "@babel/generator": "~7.21.1", @@ -7718,7 +7686,7 @@ "@babel/traverse": "~7.21.2", "@babel/types": "~7.21.2", "@storybook/csf": "^0.1.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "fs-extra": "^11.1.0", "recast": "^0.23.1", "ts-dedent": "^2.0.0" @@ -7747,15 +7715,15 @@ "dev": true }, "node_modules/@storybook/docs-tools": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.5.tgz", - "integrity": "sha512-8e/9EIA9+1AhekJ8g81FgnjhJKWq8fNZK3AWYoDiPCjBFY3bLzisTLMAnxQILUG9DRbbX4aH2FZ3sMqvO9f3EQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.7.tgz", + "integrity": "sha512-VB4Qa33DYNxXALWcXyDid246r9Q6SGM+Q+pGWOuEJsxRxDmrUspXHaHG0CO1NIjMWfbqpOoz61vquZO0GZoAAg==", "dev": true, "dependencies": { "@babel/core": "^7.12.10", - "@storybook/core-common": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/core-common": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7", "@types/doctrine": "^0.0.3", "doctrine": "^3.0.0", "lodash": "^4.17.21" @@ -7772,16 +7740,16 @@ "dev": true }, "node_modules/@storybook/instrumenter": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.0.5.tgz", - "integrity": "sha512-A+uPQjA8JqR23efQbMHKnmeoltAJGYEV+855X3X27aie2B4mUo3KHELyeioaqTVuh1KZ/K0dTvjpfbGSQGscvg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.0.7.tgz", + "integrity": "sha512-0zE5lM3laKvCT4GW/XKKw8kakvI4catqK8PObZolRhfxbtGufW4VJZ2E8vXLtgA/+K3zikypjuWE6d45NLbh9w==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5" + "@storybook/preview-api": "7.0.7" }, "funding": { "type": "opencollective", @@ -7789,9 +7757,9 @@ } }, "node_modules/@storybook/manager": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.5.tgz", - "integrity": "sha512-EwgEXetNfpitkxJ+WCqVF71aqaLR+3exDfL088NalxLZOJIokodvbtEKdueJr7CzrqTdxMIm9um5YX1ZgxdUcg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.7.tgz", + "integrity": "sha512-FhquwUpUOHsjZROf6E6kzUnJ6EmMeJ9b+HYg6yYPyIMYVMjAhnkRKbIj0phGx2lhgKFlmxik+3pgchK5SLdcZA==", "dev": true, "funding": { "type": "opencollective", @@ -7799,19 +7767,19 @@ } }, "node_modules/@storybook/manager-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.5.tgz", - "integrity": "sha512-zZR5uL3vR5skNge0a8FZNZfnGuDYVLVBpNVi5/UpnVRA/Pr439NHXaJL8xzdT7Xcvs+qp1FHShMM4gZVIFHrKA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.7.tgz", + "integrity": "sha512-QTd/P72peAhofKqK+8yzIO9iWAEfPn8WUGGveV2KGaTlSlgbr87RLHEKilcXMZcYhBWC9izFRmjKum9ROdskrQ==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/router": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/router": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "dequal": "^2.0.2", "lodash": "^4.17.21", "memoizerific": "^1.11.3", @@ -7836,9 +7804,9 @@ "dev": true }, "node_modules/@storybook/node-logger": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.5.tgz", - "integrity": "sha512-REBIMItpBVn9tpo2JXP3eyHg9lsYSt1JqWFaEncdKEiXWArv5c8pN6/od7MB3sU3NdHwEDKwLel2fZaDbg3jBQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.7.tgz", + "integrity": "sha512-5Y4LLgKeCStq1ktCKZ5eNPzQQSQ+CYZAlkEdzQ3Pp//0KXaZvVxEvGtaYhAymP2HatLpI8Oneo4lHrJioRfgww==", "dev": true, "dependencies": { "@types/npmlog": "^4.1.2", @@ -7911,142 +7879,19 @@ } }, "node_modules/@storybook/postinstall": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.5.tgz", - "integrity": "sha512-JtHY04HYdVHj8zeCHE6K6BLKK63r1hk/bhB49u64WuPkNJG8b5rAe5XYXeImOiRbwNLshDRJTyaUhjoSqONskA==", - "dev": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - } - }, - "node_modules/@storybook/preset-react-webpack": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.5.tgz", - "integrity": "sha512-lW5XKPBALHubyZRm+xaVnjYBUkL79v4eHUZ8GnHI9ieLvKt3FmZJlloVYBEXYxI+5WAZ4AB5gP9xvAXujuAxzA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.7.tgz", + "integrity": "sha512-APcZ2KaR7z1aJje3pID4Ywmt1/aVcP3Sc4ltzNdH9mCkEsuq0fZHHQrYSa9Ya1IPRmSeLZ5/23q1iyqmGU3zoQ==", "dev": true, - "dependencies": { - "@babel/preset-flow": "^7.18.6", - "@babel/preset-react": "^7.18.6", - "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5", - "@storybook/core-webpack": "7.0.5", - "@storybook/docs-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/react": "7.0.5", - "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", - "@types/node": "^16.0.0", - "@types/semver": "^7.3.4", - "babel-plugin-add-react-displayname": "^0.0.5", - "babel-plugin-react-docgen": "^4.2.1", - "fs-extra": "^11.1.0", - "react-refresh": "^0.11.0", - "semver": "^7.3.7", - "webpack": "5" - }, - "engines": { - "node": ">=16.0.0" - }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "@babel/core": "^7.11.5", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" - }, - "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, - "typescript": { - "optional": true - } - } - }, - "node_modules/@storybook/preset-react-webpack/node_modules/@pmmmwh/react-refresh-webpack-plugin": { - "version": "0.5.10", - "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz", - "integrity": "sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==", - "dev": true, - "dependencies": { - "ansi-html-community": "^0.0.8", - "common-path-prefix": "^3.0.0", - "core-js-pure": "^3.23.3", - "error-stack-parser": "^2.0.6", - "find-up": "^5.0.0", - "html-entities": "^2.1.0", - "loader-utils": "^2.0.4", - "schema-utils": "^3.0.0", - "source-map": "^0.7.3" - }, - "engines": { - "node": ">= 10.13" - }, - "peerDependencies": { - "@types/webpack": "4.x || 5.x", - "react-refresh": ">=0.10.0 <1.0.0", - "sockjs-client": "^1.4.0", - "type-fest": ">=0.17.0 <4.0.0", - "webpack": ">=4.43.0 <6.0.0", - "webpack-dev-server": "3.x || 4.x", - "webpack-hot-middleware": "2.x", - "webpack-plugin-serve": "0.x || 1.x" - }, - "peerDependenciesMeta": { - "@types/webpack": { - "optional": true - }, - "sockjs-client": { - "optional": true - }, - "type-fest": { - "optional": true - }, - "webpack-dev-server": { - "optional": true - }, - "webpack-hot-middleware": { - "optional": true - }, - "webpack-plugin-serve": { - "optional": true - } - } - }, - "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true - }, - "node_modules/@storybook/preset-react-webpack/node_modules/source-map": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", - "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", - "dev": true, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@storybook/preset-react-webpack/node_modules/type-fest": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.8.0.tgz", - "integrity": "sha512-FVNSzGQz9Th+/9R6Lvv7WIAkstylfHN2/JYxkyhhmKFYh9At2DST8t6L6Lref9eYO8PXFTfG9Sg1Agg0K3vq3Q==", - "dev": true, - "optional": true, - "peer": true, - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/@storybook/preview": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.5.tgz", - "integrity": "sha512-N1IDKzmqnF+XAdACGnaWw22dmSUQHuHKyyQ/vV9upMf0hA+4gk9pc5RFEHOQO/sTbxblgfKm9Q1fIYkxgPVFxg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.7.tgz", + "integrity": "sha512-uL3ZcFao6UvxiSxCIcXKFakxEr9Nn0lvu0zzC2yQCVepzA7a+GDr1cK5VbZ6Mez38CnOvBmb5pkCbgRqSf/oug==", "dev": true, "funding": { "type": "opencollective", @@ -8054,18 +7899,18 @@ } }, "node_modules/@storybook/preview-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.5.tgz", - "integrity": "sha512-mZruATt5JXfLuXJfOo30WCXILXjK+hs0HwtUDGRVW/J4Ql8CdNPB+WF56ZgeWUnMAYRf392bN3uNwmZx4v4Fog==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.7.tgz", + "integrity": "sha512-R5pmGTodpu6hbwEg2RM2ulWtW3d426YzsisHrZJ+FT9lecWauN1y9xHCz7HdNzEFhT8r4YOa24L9ZS3mosZ7hA==", "dev": true, "dependencies": { - "@storybook/channel-postmessage": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channel-postmessage": "7.0.7", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "@types/qs": "^6.9.5", "dequal": "^2.0.2", "lodash": "^4.17.21", @@ -8081,18 +7926,18 @@ } }, "node_modules/@storybook/react": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.5.tgz", - "integrity": "sha512-VXLi/oZnYLXe61Bvfan1YY6cANbFgDb5MmCpu8COaYOGjT53o4gTh3zQoDubaN8wzTQfE0TyP9E+m4//KvZxow==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.7.tgz", + "integrity": "sha512-eEsIfAGumzo7KRi/WKFpn/PGFhwLv72oiEM/8l5MMX/6poIkiekunqJLfx2BoL4cCtiS4g7OYzOdWjN01DwVCg==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-client": "7.0.5", - "@storybook/docs-tools": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-client": "7.0.7", + "@storybook/docs-tools": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5", - "@storybook/react-dom-shim": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/preview-api": "7.0.7", + "@storybook/react-dom-shim": "7.0.7", + "@storybook/types": "7.0.7", "@types/escodegen": "^0.0.6", "@types/estree": "^0.0.51", "@types/node": "^16.0.0", @@ -8125,29 +7970,10 @@ } } }, - "node_modules/@storybook/react-docgen-typescript-plugin": { - "version": "1.0.6--canary.9.0c3f3b7.0", - "resolved": "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz", - "integrity": "sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==", - "dev": true, - "dependencies": { - "debug": "^4.1.1", - "endent": "^2.0.1", - "find-cache-dir": "^3.3.1", - "flat-cache": "^3.0.4", - "micromatch": "^4.0.2", - "react-docgen-typescript": "^2.2.2", - "tslib": "^2.0.0" - }, - "peerDependencies": { - "typescript": ">= 4.x", - "webpack": ">= 4" - } - }, "node_modules/@storybook/react-dom-shim": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.5.tgz", - "integrity": "sha512-iSdP73Af/d8RdNfa4rDHI3JuAakDqPl8Z1LT0cFcfzg29kihdmXIVaLvMcMqTrnqELU6VmzSiE86U+T1XOX95w==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.7.tgz", + "integrity": "sha512-INGwFeu9M+RzpvktSKuwy8Rk/70mXGqxxsb9lPtq7phmETvfpNX7GnLJqiVazTaQiB1DkB0iAPUsK2MNbBu+Kw==", "dev": true, "funding": { "type": "opencollective", @@ -8158,43 +7984,88 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@storybook/react-webpack5": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-7.0.5.tgz", - "integrity": "sha512-tTwUWp0px1tI4e6WRHq5jcIL5L8pPg0kooBsgln94hXEOTzMF33FT08Bs9knzwN76vkBUo37XfHJKR3vaNJtNA==", + "node_modules/@storybook/react-vite": { + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.0.7.tgz", + "integrity": "sha512-RuWfP/kiLpuHdcF9dWUUp9SOGMmO0FJ0HGV5yAOhGmi8KmTzvc8zjC+hJjj+sSgn2n71BO8pG/zqGl16FwfwVQ==", "dev": true, "dependencies": { - "@storybook/builder-webpack5": "7.0.5", - "@storybook/preset-react-webpack": "7.0.5", - "@storybook/react": "7.0.5", - "@types/node": "^16.0.0" + "@joshwooding/vite-plugin-react-docgen-typescript": "0.2.1", + "@rollup/pluginutils": "^4.2.0", + "@storybook/builder-vite": "7.0.7", + "@storybook/react": "7.0.7", + "@vitejs/plugin-react": "^3.0.1", + "ast-types": "^0.14.2", + "magic-string": "^0.27.0", + "react-docgen": "6.0.0-alpha.3" }, "engines": { - "node": ">=16.0.0" + "node": ">=16" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "@babel/core": "^7.11.5", "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0", + "vite": "^3.0.0 || ^4.0.0" + } + }, + "node_modules/@storybook/react-vite/node_modules/@vitejs/plugin-react": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz", + "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==", + "dev": true, + "dependencies": { + "@babel/core": "^7.20.12", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.27.0", + "react-refresh": "^0.14.0" }, - "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, - "typescript": { - "optional": true - } + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^4.1.0-beta.0" } }, - "node_modules/@storybook/react-webpack5/node_modules/@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true + "node_modules/@storybook/react-vite/node_modules/magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.4.13" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@storybook/react-vite/node_modules/react-docgen": { + "version": "6.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-6.0.0-alpha.3.tgz", + "integrity": "sha512-DDLvB5EV9As1/zoUsct6Iz2Cupw9FObEGD3DMcIs3EDFIoSKyz8FZtoWj3Wj+oodrU4/NfidN0BL5yrapIcTSA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.7.5", + "@babel/generator": "^7.12.11", + "ast-types": "^0.14.2", + "commander": "^2.19.0", + "doctrine": "^3.0.0", + "estree-to-babel": "^3.1.0", + "neo-async": "^2.6.1", + "node-dir": "^0.1.10", + "resolve": "^1.17.0", + "strip-indent": "^3.0.0" + }, + "bin": { + "react-docgen": "bin/react-docgen.js" + }, + "engines": { + "node": ">=12.0.0" + } }, "node_modules/@storybook/react/node_modules/@types/node": { "version": "16.18.23", @@ -8227,12 +8098,12 @@ } }, "node_modules/@storybook/router": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.5.tgz", - "integrity": "sha512-tvbSb+G3Ft5Z7McwUcMa13D8pM4pdoCu/pKCVMOlAI5TZF3lidLMq2RCsrztpHiYBrhZcp6dWfErosXa+BYvwQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.7.tgz", + "integrity": "sha512-/lM8/NHQKeshfnC3ayFuO8Y9TCSHnCAPRhIsVxvanBzcj+ILbCIyZ+TspvB3hT4MbX/Ez+JR8VrMbjXIGwmH8w==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "memoizerific": "^1.11.3", "qs": "^6.10.0" }, @@ -8246,13 +8117,13 @@ } }, "node_modules/@storybook/source-loader": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-7.0.5.tgz", - "integrity": "sha512-KUO9VbwTquH8BhM5KPoHgnVxIHrjmN0LlNSP5w0iL5/5aM4sAMGkF/KN9MCMbZ90m+IljLMBUgKk9ASkNH8tuw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-7.0.7.tgz", + "integrity": "sha512-vAURuD0WmafHe8XGbkwcOn1dCLcU4ociL5xakCw0upgW0cUczp4BMRfwmP0Az5YDhfoQRjBVmUaFfjONhTDawg==", "dev": true, "dependencies": { "@storybook/csf": "^0.1.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "estraverse": "^5.2.0", "lodash": "^4.17.21", "prettier": "^2.8.0" @@ -8266,28 +8137,14 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@storybook/store": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/store/-/store-7.0.5.tgz", - "integrity": "sha512-ZKp9dw3SfZLEmML7mvA5YUorjxr8WKYkefzVAyOECK9B3gra4x0tH0uzO6J8esauzNiURHG1I1UmyzgcrRNrqg==", - "dev": true, - "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - } - }, "node_modules/@storybook/telemetry": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.5.tgz", - "integrity": "sha512-eHf3JfMOBpy/QiErHfr4aIcqj/ADEqLOWxxoEICfwj4Nok/9dJKDXdjkHb0GAC2yRE2+iGlz7ipVL2XHZAIhIg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.7.tgz", + "integrity": "sha512-Ka6pwWr3sWs3A/6WQ0wsoSYzXx3Mhr7eByNZZKuuCu9jnw3I8AbIOqQX2iOVzaQBLZsvXEeqvYY8iZ+GuRbbGQ==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-common": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-common": "7.0.7", "chalk": "^4.1.0", "detect-package-manager": "^2.0.1", "fetch-retry": "^5.0.2", @@ -8391,13 +8248,13 @@ "dev": true }, "node_modules/@storybook/theming": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.5.tgz", - "integrity": "sha512-XgQXKktcVBOkJT5gXjqtjH7C2pjdreDy0BTVTaEmFzggyyw+cgFrkJ7tuB27oKwYe+svx26c/olVMSHYf+KqhA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.7.tgz", + "integrity": "sha512-InTZe+Sgco1NsxgiG+cyUKWQe3GsjlIyU/o5qDdtOTXcZ64HzyBuAZlAequSddqfDeMDqxRFPc2w1J28MAUHxA==", "dev": true, "dependencies": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "@storybook/global": "^5.0.0", "memoizerific": "^1.11.3" }, @@ -8411,12 +8268,12 @@ } }, "node_modules/@storybook/types": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.5.tgz", - "integrity": "sha512-By+tF3B30QiCnzEJ+Z73M2usSCqBWEmX4OGT1KbiEzWekkrsfCfpZwfzeMw1WwdQGlB1gLKTzB8wZ1zZB8oPtQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.7.tgz", + "integrity": "sha512-v9piuwp8FvTiHXIOOi5lEyTEJKhnbcbhVxgJ3VFhhXYFd0DTz6Bst0XIIgkgs21ITb3xhkfPbCRUueMcbXO1MA==", "dev": true, "dependencies": { - "@storybook/channels": "7.0.5", + "@storybook/channels": "7.0.7", "@types/babel__core": "^7.0.0", "@types/express": "^4.7.0", "file-system-cache": "^2.0.0" @@ -8708,33 +8565,12 @@ "node": ">=10.13.0" } }, - "node_modules/@tsconfig/node10": { - "version": "1.0.8", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.8.tgz", - "integrity": "sha1-weToDW+WT77LM1nEO9SLQPfK2tk= sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==", - "dev": true, - "license": "MIT" - }, - "node_modules/@tsconfig/node12": { - "version": "1.0.9", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.9.tgz", - "integrity": "sha1-YsH23uLr2a6tgNw6+laBDljhoEw= sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==", - "dev": true, - "license": "MIT" - }, "node_modules/@tsconfig/node14": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz", "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==", "dev": true }, - "node_modules/@tsconfig/node16": { - "version": "1.0.2", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.2.tgz", - "integrity": "sha1-Qjx3h30Fadsg4fyAiFrEEYMUAQ4= sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==", - "dev": true, - "license": "MIT" - }, "node_modules/@tsconfig/node18": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-2.0.0.tgz", @@ -8905,28 +8741,6 @@ "integrity": "sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==", "dev": true }, - "node_modules/@types/eslint": { - "version": "8.4.1", - "resolved": "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.1.tgz", - "integrity": "sha1-xIJRVT6HWdueZW3j78hGlUrDIwQ= sha512-GE44+DNEyxxh2Kc6ro/VkIj+9ma0pO0bwv9+uHSyBrikYOHr8zYcdPvnBOp1aw8s+CjRvuSx7CyWqRrNFQ59mA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/estree": "*", - "@types/json-schema": "*" - } - }, - "node_modules/@types/eslint-scope": { - "version": "3.7.3", - "resolved": "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.3.tgz", - "integrity": "sha1-EluIUEth48i8b4cIggAyUwBcMiQ= sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/eslint": "*", - "@types/estree": "*" - } - }, "node_modules/@types/estree": { "version": "0.0.51", "resolved": "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz", @@ -8998,12 +8812,6 @@ "@types/unist": "*" } }, - "node_modules/@types/html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==", - "dev": true - }, "node_modules/@types/is-ci": { "version": "3.0.0", "resolved": "https://registry.yarnpkg.com/@types/is-ci/-/is-ci-3.0.0.tgz", @@ -9317,20 +9125,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@types/strip-bom": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha1-FKjsOVbC6B7bdSB5CuzyHCkK69I=", - "dev": true, - "license": "MIT" - }, - "node_modules/@types/strip-json-comments": { - "version": "0.0.30", - "resolved": "https://registry.yarnpkg.com/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz", - "integrity": "sha1-mqMMBNshKpoGSdaub9UKzMQHSKE= sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==", - "dev": true, - "license": "MIT" - }, "node_modules/@types/testing-library__jest-dom": { "version": "5.14.5", "resolved": "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.5.tgz", @@ -9566,15 +9360,6 @@ "vite": "^4.2.0" } }, - "node_modules/@vitejs/plugin-react/node_modules/react-refresh": { - "version": "0.14.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", - "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/@vitest/coverage-c8": { "version": "0.30.1", "resolved": "https://registry.npmjs.org/@vitest/coverage-c8/-/coverage-c8-0.30.1.tgz", @@ -9755,164 +9540,6 @@ "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "dev": true }, - "node_modules/@webassemblyjs/ast": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz", - "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==", - "dev": true, - "dependencies": { - "@webassemblyjs/helper-numbers": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5" - } - }, - "node_modules/@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz", - "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-api-error": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz", - "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-buffer": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz", - "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-numbers": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz", - "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==", - "dev": true, - "dependencies": { - "@webassemblyjs/floating-point-hex-parser": "1.11.5", - "@webassemblyjs/helper-api-error": "1.11.5", - "@xtuc/long": "4.2.2" - } - }, - "node_modules/@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz", - "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==", - "dev": true - }, - "node_modules/@webassemblyjs/helper-wasm-section": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz", - "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5" - } - }, - "node_modules/@webassemblyjs/ieee754": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz", - "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==", - "dev": true, - "dependencies": { - "@xtuc/ieee754": "^1.2.0" - } - }, - "node_modules/@webassemblyjs/leb128": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz", - "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==", - "dev": true, - "dependencies": { - "@xtuc/long": "4.2.2" - } - }, - "node_modules/@webassemblyjs/utf8": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz", - "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==", - "dev": true - }, - "node_modules/@webassemblyjs/wasm-edit": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz", - "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/helper-wasm-section": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5", - "@webassemblyjs/wasm-opt": "1.11.5", - "@webassemblyjs/wasm-parser": "1.11.5", - "@webassemblyjs/wast-printer": "1.11.5" - } - }, - "node_modules/@webassemblyjs/wasm-gen": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz", - "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/ieee754": "1.11.5", - "@webassemblyjs/leb128": "1.11.5", - "@webassemblyjs/utf8": "1.11.5" - } - }, - "node_modules/@webassemblyjs/wasm-opt": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz", - "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5", - "@webassemblyjs/wasm-parser": "1.11.5" - } - }, - "node_modules/@webassemblyjs/wasm-parser": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz", - "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-api-error": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/ieee754": "1.11.5", - "@webassemblyjs/leb128": "1.11.5", - "@webassemblyjs/utf8": "1.11.5" - } - }, - "node_modules/@webassemblyjs/wast-printer": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz", - "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==", - "dev": true, - "dependencies": { - "@webassemblyjs/ast": "1.11.5", - "@xtuc/long": "4.2.2" - } - }, - "node_modules/@xtuc/ieee754": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", - "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true - }, - "node_modules/@xtuc/long": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", - "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", - "dev": true - }, "node_modules/@yarnpkg/esbuild-plugin-pnp": { "version": "3.0.0-rc.15", "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz", @@ -10028,13 +9655,6 @@ "node": ">=0.4.0" } }, - "node_modules/acorn-import-assertions": { - "version": "1.8.0", - "resolved": "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", - "integrity": "sha1-uitZOc5iwjjbbZPYHJsRGym4Vek= sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "dev": true, - "license": "MIT" - }, "node_modules/acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz", @@ -10148,52 +9768,6 @@ "uri-js": "^4.2.2" } }, - "node_modules/ajv-formats": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", - "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, - "dependencies": { - "ajv": "^8.0.0" - }, - "peerDependencies": { - "ajv": "^8.0.0" - }, - "peerDependenciesMeta": { - "ajv": { - "optional": true - } - } - }, - "node_modules/ajv-formats/node_modules/ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", - "dev": true, - "dependencies": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/ajv-formats/node_modules/json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - }, - "node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0= sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT" - }, "node_modules/ansi-align": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz", @@ -10236,18 +9810,6 @@ "node": ">=10" } }, - "node_modules/ansi-html-community": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", - "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", - "dev": true, - "engines": [ - "node >= 0.8.0" - ], - "bin": { - "ansi-html": "bin/ansi-html" - } - }, "node_modules/ansi-regex": { "version": "2.1.1", "resolved": "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz", @@ -10346,13 +9908,6 @@ "safe-buffer": "~5.2.0" } }, - "node_modules/arg": { - "version": "4.1.3", - "resolved": "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz", - "integrity": "sha1-Jp/HrVuOQstjyJbVZmAXJhwUQIk= sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", - "dev": true, - "license": "MIT" - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz", @@ -10729,82 +10284,6 @@ "@babel/core": "^7.0.0-0" } }, - "node_modules/babel-loader": { - "version": "9.1.2", - "resolved": "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz", - "integrity": "sha1-oWoIDeUtCIVO4UVwRpkFpfwA05w= sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA==", - "dev": true, - "license": "MIT", - "dependencies": { - "find-cache-dir": "^3.3.2", - "schema-utils": "^4.0.0" - }, - "engines": { - "node": ">= 14.15.0" - } - }, - "node_modules/babel-loader/node_modules/ajv": { - "version": "8.11.0", - "resolved": "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz", - "integrity": "sha1-l36R3ZbKZp9UoR4j43jjO4hKVl8= sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", - "dev": true, - "license": "MIT", - "dependencies": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - } - }, - "node_modules/babel-loader/node_modules/ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha1-adTThaRzPNvqtElkoRcKiPh/DhY= sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", - "dev": true, - "license": "MIT", - "dependencies": { - "fast-deep-equal": "^3.1.3" - } - }, - "node_modules/babel-loader/node_modules/json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha1-rnvLNlard6c7pcSb9lTzjmtoYOI= sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true, - "license": "MIT" - }, - "node_modules/babel-loader/node_modules/schema-utils": { - "version": "4.0.0", - "resolved": "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz", - "integrity": "sha1-YDMenjrnjsXRY1PEZ8NLOgodPfc= sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/json-schema": "^7.0.9", - "ajv": "^8.8.0", - "ajv-formats": "^2.1.1", - "ajv-keywords": "^5.0.0" - }, - "engines": { - "node": ">= 12.13.0" - } - }, - "node_modules/babel-plugin-add-react-displayname": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz", - "integrity": "sha512-LY3+Y0XVDYcShHHorshrDbt4KFWL4bSeniCtl4SYZbask+Syngk1uMPCeN9+nSiZo6zX5s0RTq/J9Pnaaf/KHw==", - "dev": true - }, - "node_modules/babel-plugin-dynamic-import-node": { - "version": "2.3.3", - "resolved": "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz", - "integrity": "sha1-hP2hnJduxcbe/vV/lCez3vZuF6M= sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "object.assign": "^4.1.0" - } - }, "node_modules/babel-plugin-inline-react-svg": { "version": "2.0.2", "resolved": "https://registry.yarnpkg.com/babel-plugin-inline-react-svg/-/babel-plugin-inline-react-svg-2.0.2.tgz", @@ -10915,59 +10394,6 @@ "npm": ">=6" } }, - "node_modules/babel-plugin-module-resolver": { - "version": "5.0.0", - "resolved": "https://registry.yarnpkg.com/babel-plugin-module-resolver/-/babel-plugin-module-resolver-5.0.0.tgz", - "integrity": "sha1-K3/Bdr1V2iX1Fqv5YBVhe09w/HM= sha512-g0u+/ChLSJ5+PzYwLwP8Rp8Rcfowz58TJNCe+L/ui4rpzE/mg//JVX0EWBUYoxaextqnwuGHzfGp2hh0PPV25Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "find-babel-config": "^2.0.0", - "glob": "^8.0.3", - "pkg-up": "^3.1.0", - "reselect": "^4.1.7", - "resolve": "^1.22.1" - }, - "engines": { - "node": ">= 16" - } - }, - "node_modules/babel-plugin-module-resolver/node_modules/glob": { - "version": "8.1.0", - "resolved": "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz", - "integrity": "sha1-04j2Vlk+9wjuPjRkD9+5mp/Rwz4= sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^5.0.1", - "once": "^1.3.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/babel-plugin-module-resolver/node_modules/minimatch": { - "version": "5.1.0", - "resolved": "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.0.tgz", - "integrity": "sha1-Fxe0ZPSXGxRPaqvo8tC45FEeCcc= sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==", - "dev": true, - "license": "ISC", - "dependencies": { - "brace-expansion": "^2.0.1" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/babel-plugin-named-exports-order": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz", - "integrity": "sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw==", - "dev": true - }, "node_modules/babel-plugin-polyfill-corejs2": { "version": "0.3.3", "resolved": "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz", @@ -11011,18 +10437,6 @@ "@babel/helper-define-polyfill-provider": "^0.3.3" } }, - "node_modules/babel-plugin-react-docgen": { - "version": "4.2.1", - "resolved": "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz", - "integrity": "sha1-fMji+U6NwFegbpUxYvCBDk5yJXs= sha512-UQ0NmGHj/HAqi5Bew8WvNfCk8wSsmdgNd8ZdMjBCICtyCJCq9LiqgqvjCYe570/Wg7AQArSq1VQ60Dd/CHN7mQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "ast-types": "^0.14.2", - "lodash": "^4.17.15", - "react-docgen": "^5.0.0" - } - }, "node_modules/babel-polyfill": { "version": "6.26.0", "resolved": "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz", @@ -11158,15 +10572,6 @@ "node": ">=0.6" } }, - "node_modules/big.js": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", - "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", - "dev": true, - "engines": { - "node": "*" - } - }, "node_modules/binary-extensions": { "version": "2.2.0", "resolved": "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz", @@ -11609,16 +11014,6 @@ "node": ">=6" } }, - "node_modules/camel-case": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", - "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", - "dev": true, - "dependencies": { - "pascal-case": "^3.1.2", - "tslib": "^2.0.3" - } - }, "node_modules/camelcase": { "version": "5.3.1", "resolved": "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz", @@ -11674,15 +11069,6 @@ } ] }, - "node_modules/case-sensitive-paths-webpack-plugin": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz", - "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/ccount": { "version": "2.0.1", "resolved": "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz", @@ -11796,16 +11182,6 @@ "node": ">=10" } }, - "node_modules/chrome-trace-event": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", - "integrity": "sha1-EBXs7UdB4V0GZkqVfbv1DQQeJqw= sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6.0" - } - }, "node_modules/ci-info": { "version": "3.3.0", "resolved": "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.0.tgz", @@ -11813,18 +11189,6 @@ "dev": true, "license": "MIT" }, - "node_modules/clean-css": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz", - "integrity": "sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==", - "dev": true, - "dependencies": { - "source-map": "~0.6.0" - }, - "engines": { - "node": ">= 10.0" - } - }, "node_modules/clean-stack": { "version": "2.2.0", "resolved": "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz", @@ -11871,16 +11235,18 @@ } }, "node_modules/cli-table3": { - "version": "0.6.2", - "resolved": "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.2.tgz", - "integrity": "sha1-qvXfnYtb8SY03IswQIBqDAcSDSo= sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==", + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz", + "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==", "dev": true, - "license": "MIT", "dependencies": { "string-width": "^4.2.0" }, "engines": { "node": "10.* || >= 12.*" + }, + "optionalDependencies": { + "@colors/colors": "1.5.0" } }, "node_modules/cli-truncate": { @@ -12119,12 +11485,6 @@ "dev": true, "license": "ISC" }, - "node_modules/common-path-prefix": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", - "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", - "dev": true - }, "node_modules/commondir": { "version": "1.0.1", "resolved": "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz", @@ -12687,13 +12047,6 @@ "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", "dev": true }, - "node_modules/core-js": { - "version": "3.28.0", - "resolved": "https://registry.yarnpkg.com/core-js/-/core-js-3.28.0.tgz", - "integrity": "sha1-7YuemcJzh5/f/w7fx37nCaWADko= sha512-GiZn9D4Z/rSYvTeg1ljAIsEqFm0LaN9gVtwDCrKL80zHtS31p9BAjmTxVqTQDMpwlMolJZOFntUG2uwyj7DAqw==", - "dev": true, - "license": "MIT" - }, "node_modules/core-js-compat": { "version": "3.25.2", "resolved": "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.25.2.tgz", @@ -12704,13 +12057,6 @@ "browserslist": "^4.21.4" } }, - "node_modules/core-js-pure": { - "version": "3.28.0", - "resolved": "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.28.0.tgz", - "integrity": "sha1-TvKIhHW2yFbvb1ru+LT2GLdq0Eg= sha512-DSOVleA9/v3LNj/vFxAPfUHttKTzrB2RXhAPvR5TPXn4vrra3Z2ssytvRyt8eruJwAfwAiFADEbrjcRdcvPLQQ==", - "dev": true, - "license": "MIT" - }, "node_modules/core-util-is": { "version": "1.0.3", "resolved": "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz", @@ -12735,13 +12081,6 @@ "node": ">=10" } }, - "node_modules/create-require": { - "version": "1.1.1", - "resolved": "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz", - "integrity": "sha1-wdfo8eX2z8n/ZfnNNS03NIdWwzM= sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", - "dev": true, - "license": "MIT" - }, "node_modules/cross-env": { "version": "7.0.3", "resolved": "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz", @@ -12815,32 +12154,6 @@ "node": ">=8" } }, - "node_modules/css-loader": { - "version": "6.7.3", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz", - "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==", - "dev": true, - "dependencies": { - "icss-utils": "^5.1.0", - "postcss": "^8.4.19", - "postcss-modules-extract-imports": "^3.0.0", - "postcss-modules-local-by-default": "^4.0.0", - "postcss-modules-scope": "^3.0.0", - "postcss-modules-values": "^4.0.0", - "postcss-value-parser": "^4.2.0", - "semver": "^7.3.8" - }, - "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^5.0.0" - } - }, "node_modules/css-select": { "version": "4.1.3", "resolved": "https://registry.yarnpkg.com/css-select/-/css-select-4.1.3.tgz", @@ -13189,16 +12502,6 @@ "integrity": "sha1-pvLc5hL63S7x9Rm3NVHxfoUZmDE= sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", "license": "MIT" }, - "node_modules/deepmerge": { - "version": "4.2.2", - "resolved": "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz", - "integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU= sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/default-browser-id": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz", @@ -13443,15 +12746,6 @@ "dev": true, "license": "MIT" }, - "node_modules/dom-converter": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", - "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==", - "dev": true, - "dependencies": { - "utila": "~0.4" - } - }, "node_modules/dom-serializer": { "version": "1.3.2", "resolved": "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz", @@ -13509,16 +12803,6 @@ "domhandler": "^4.2.0" } }, - "node_modules/dot-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", - "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", - "dev": true, - "dependencies": { - "no-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, "node_modules/dot-prop": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz", @@ -13572,16 +12856,6 @@ "stream-shift": "^1.0.0" } }, - "node_modules/dynamic-dedupe": { - "version": "0.3.0", - "resolved": "https://registry.yarnpkg.com/dynamic-dedupe/-/dynamic-dedupe-0.3.0.tgz", - "integrity": "sha1-BuRMIj9eTpTXjvnbI6ZRXOL5YqE=", - "dev": true, - "license": "MIT", - "dependencies": { - "xtend": "^4.0.0" - } - }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -13632,15 +12906,6 @@ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", "dev": true }, - "node_modules/emojis-list": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", - "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", - "dev": true, - "engines": { - "node": ">= 4" - } - }, "node_modules/encodeurl": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", @@ -13683,17 +12948,6 @@ "once": "^1.4.0" } }, - "node_modules/endent": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/endent/-/endent-2.1.0.tgz", - "integrity": "sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==", - "dev": true, - "dependencies": { - "dedent": "^0.7.0", - "fast-json-parse": "^1.0.3", - "objectorarray": "^1.0.5" - } - }, "node_modules/enhanced-resolve": { "version": "5.13.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz", @@ -13777,15 +13031,6 @@ "is-arrayish": "^0.2.1" } }, - "node_modules/error-stack-parser": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz", - "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==", - "dev": true, - "dependencies": { - "stackframe": "^1.3.4" - } - }, "node_modules/es-abstract": { "version": "1.21.2", "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz", @@ -13860,9 +13105,9 @@ "dev": true }, "node_modules/es-module-lexer": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz", - "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==", + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", + "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", "dev": true }, "node_modules/es-set-tostringtag": { @@ -14878,6 +14123,12 @@ "node": ">=8.3.0" } }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, "node_modules/esutils": { "version": "2.0.3", "resolved": "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz", @@ -15168,12 +14419,6 @@ "node": ">=8" } }, - "node_modules/fast-json-parse": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz", - "integrity": "sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==", - "dev": true - }, "node_modules/fast-json-stable-stringify": { "version": "2.1.0", "resolved": "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", @@ -15345,20 +14590,6 @@ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", "dev": true }, - "node_modules/find-babel-config": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/find-babel-config/-/find-babel-config-2.0.0.tgz", - "integrity": "sha1-qCFvglQVqDnQ8j9NGDOKHMlm9wE= sha512-dOKT7jvF3hGzlW60Gc3ONox/0rRZ/tz7WCil0bqA1In/3I8f1BctpXahRnEKDySZqci7u+dqq93sZST9fOJpFw==", - "dev": true, - "license": "MIT", - "dependencies": { - "json5": "^2.1.1", - "path-exists": "^4.0.0" - }, - "engines": { - "node": ">=16.0.0" - } - }, "node_modules/find-cache-dir": { "version": "3.3.2", "resolved": "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz", @@ -15470,9 +14701,9 @@ "license": "ISC" }, "node_modules/flow-parser": { - "version": "0.204.0", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.204.0.tgz", - "integrity": "sha512-cQhNPLOk5NFyDXBC8WE8dy2Gls+YqKI3FNqQbJ7UrbFyd30IdEX3t27u3VsnoVK22I872+PWeb1KhHxDgu7kAg==", + "version": "0.204.1", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.204.1.tgz", + "integrity": "sha512-PoeSF0VhSORn3hYzD/NxsQjXX1iLU0UZXzVwZXnRWjeVsedmvDo4epd7PtCQjxveGajmVlyVW35BOOOkqLqJpw==", "dev": true, "engines": { "node": ">=0.4.0" @@ -15520,54 +14751,6 @@ "node": ">=8.0.0" } }, - "node_modules/fork-ts-checker-webpack-plugin": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-7.3.0.tgz", - "integrity": "sha512-IN+XTzusCjR5VgntYFgxbxVx3WraPRnKehBFrf00cMSrtUuW9MsG9dhL6MWpY6MkjC3wVwoujfCDgZZCQwbswA==", - "dev": true, - "dependencies": { - "@babel/code-frame": "^7.16.7", - "chalk": "^4.1.2", - "chokidar": "^3.5.3", - "cosmiconfig": "^7.0.1", - "deepmerge": "^4.2.2", - "fs-extra": "^10.0.0", - "memfs": "^3.4.1", - "minimatch": "^3.0.4", - "node-abort-controller": "^3.0.1", - "schema-utils": "^3.1.1", - "semver": "^7.3.5", - "tapable": "^2.2.1" - }, - "engines": { - "node": ">=12.13.0", - "yarn": ">=1.0.0" - }, - "peerDependencies": { - "typescript": ">3.6.0", - "vue-template-compiler": "*", - "webpack": "^5.11.0" - }, - "peerDependenciesMeta": { - "vue-template-compiler": { - "optional": true - } - } - }, - "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=12" - } - }, "node_modules/form-data": { "version": "4.0.0", "resolved": "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz", @@ -15652,20 +14835,6 @@ "node": ">= 8" } }, - "node_modules/fs-monkey": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz", - "integrity": "sha1-rjrJLVO7Mo7+DpodlUH2rY1I4tM= sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==", - "dev": true, - "license": "Unlicense" - }, - "node_modules/fs-readdir-recursive": { - "version": "1.1.0", - "resolved": "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", - "integrity": "sha1-4y/AMKLM7kSmtTcTCNpUvgs5fSc= sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==", - "dev": true, - "license": "MIT" - }, "node_modules/fs.realpath": { "version": "1.0.0", "resolved": "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -16022,12 +15191,40 @@ "node": ">= 6" } }, + "node_modules/glob-promise": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-4.2.2.tgz", + "integrity": "sha512-xcUzJ8NWN5bktoTIX7eOclO1Npxd/dyVqUJxlLIDasT4C7KZyqlPIwkdJ0Ypiy3p2ZKahTjK4M9uC3sNSfNMzw==", + "dev": true, + "dependencies": { + "@types/glob": "^7.1.3" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "type": "individual", + "url": "https://github.com/sponsors/ahmadnassri" + }, + "peerDependencies": { + "glob": "^7.1.6" + } + }, + "node_modules/glob-promise/node_modules/@types/glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==", + "dev": true, + "dependencies": { + "@types/minimatch": "*", + "@types/node": "*" + } + }, "node_modules/glob-to-regexp": { "version": "0.4.1", - "resolved": "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha1-x1KXCHyFG5pXi9IX3VmpL1n+VG4= sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", - "dev": true, - "license": "BSD-2-Clause" + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true }, "node_modules/global-cache": { "version": "1.2.1", @@ -16296,15 +15493,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/he": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", - "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", - "dev": true, - "bin": { - "he": "bin/he" - } - }, "node_modules/highlight.js": { "version": "10.7.3", "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz", @@ -16323,19 +15511,6 @@ "react-is": "^16.7.0" } }, - "node_modules/homedir-polyfill": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", - "integrity": "sha1-dDKYzvTlrz4ZQWH7rcwhUdOgWOg= sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", - "dev": true, - "license": "MIT", - "dependencies": { - "parse-passwd": "^1.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/hosted-git-info": { "version": "4.1.0", "resolved": "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz", @@ -16362,48 +15537,12 @@ "node": ">=12" } }, - "node_modules/html-entities": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.3.tgz", - "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==", - "dev": true - }, "node_modules/html-escaper": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", "dev": true }, - "node_modules/html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==", - "dev": true, - "dependencies": { - "camel-case": "^4.1.2", - "clean-css": "^5.2.2", - "commander": "^8.3.0", - "he": "^1.2.0", - "param-case": "^3.0.4", - "relateurl": "^0.2.7", - "terser": "^5.10.0" - }, - "bin": { - "html-minifier-terser": "cli.js" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/html-minifier-terser/node_modules/commander": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", - "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", - "dev": true, - "engines": { - "node": ">= 12" - } - }, "node_modules/html-tags": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz", @@ -16416,48 +15555,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/html-webpack-plugin": { - "version": "5.5.1", - "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.1.tgz", - "integrity": "sha512-cTUzZ1+NqjGEKjmVgZKLMdiFg3m9MdRXkZW2OEe69WYVi5ONLMmlnSZdXzGGMOq0C8jGDrL6EWyEDDUioHO/pA==", - "dev": true, - "dependencies": { - "@types/html-minifier-terser": "^6.0.0", - "html-minifier-terser": "^6.0.2", - "lodash": "^4.17.21", - "pretty-error": "^4.0.0", - "tapable": "^2.0.0" - }, - "engines": { - "node": ">=10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/html-webpack-plugin" - }, - "peerDependencies": { - "webpack": "^5.20.0" - } - }, - "node_modules/htmlparser2": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz", - "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==", - "dev": true, - "funding": [ - "https://github.com/fb55/htmlparser2?sponsor=1", - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ], - "dependencies": { - "domelementtype": "^2.0.1", - "domhandler": "^4.0.0", - "domutils": "^2.5.2", - "entities": "^2.0.0" - } - }, "node_modules/http-cache-semantics": { "version": "4.1.1", "resolved": "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", @@ -16596,18 +15693,6 @@ "node": ">=0.10.0" } }, - "node_modules/icss-utils": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", - "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", - "dev": true, - "engines": { - "node": "^10 || ^12 || >= 14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, "node_modules/ieee754": { "version": "1.2.1", "resolved": "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz", @@ -19726,10 +18811,9 @@ }, "node_modules/leven": { "version": "3.1.0", - "resolved": "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz", - "integrity": "sha1-d4kd6DQGTMy6gq54QrtrFKE+1/I= sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } @@ -20921,30 +20005,6 @@ "node": ">=6" } }, - "node_modules/loader-runner": { - "version": "4.2.0", - "resolved": "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.2.0.tgz", - "integrity": "sha1-1wIjgNZtFMX7HUlriYZOvP1Hg4Q= sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6.11.5" - } - }, - "node_modules/loader-utils": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", - "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", - "dev": true, - "dependencies": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - }, - "engines": { - "node": ">=8.9.0" - } - }, "node_modules/local-pkg": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz", @@ -21178,15 +20238,6 @@ "get-func-name": "^2.0.0" } }, - "node_modules/lower-case": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", - "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", - "dev": true, - "dependencies": { - "tslib": "^2.0.3" - } - }, "node_modules/lowlight": { "version": "1.20.0", "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.20.0.tgz", @@ -21259,13 +20310,6 @@ "semver": "bin/semver" } }, - "node_modules/make-error": { - "version": "1.3.6", - "resolved": "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz", - "integrity": "sha1-LrLjfqm2fEiR9oShOUeZr0hM96I= sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", - "dev": true, - "license": "ISC" - }, "node_modules/make-fetch-happen": { "version": "10.1.7", "resolved": "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.1.7.tgz", @@ -21567,19 +20611,6 @@ "node": ">= 0.6" } }, - "node_modules/memfs": { - "version": "3.4.13", - "resolved": "https://registry.yarnpkg.com/memfs/-/memfs-3.4.13.tgz", - "integrity": "sha1-JIqL0jmzwkAXXNXsVI3lIn/E80U= sha512-omTM41g3Skpvx5dSYeZIbXKcXoAVc/AoMNwn9TKx++L/gaen/+4TTttmu8ZSch5vfVJ8uJvGbroTsIlslRg6lg==", - "dev": true, - "license": "Unlicense", - "dependencies": { - "fs-monkey": "^1.0.3" - }, - "engines": { - "node": ">= 4.0.0" - } - }, "node_modules/memoizerific": { "version": "1.11.3", "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", @@ -22044,6 +21075,18 @@ "node": ">=8.6" } }, + "node_modules/mime": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", + "dev": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4.0.0" + } + }, "node_modules/mime-db": { "version": "1.52.0", "resolved": "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz", @@ -22410,23 +21453,6 @@ "dev": true, "license": "MIT" }, - "node_modules/no-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", - "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", - "dev": true, - "dependencies": { - "lower-case": "^2.0.2", - "tslib": "^2.0.3" - } - }, - "node_modules/node-abort-controller": { - "version": "3.0.1", - "resolved": "https://registry.yarnpkg.com/node-abort-controller/-/node-abort-controller-3.0.1.tgz", - "integrity": "sha1-+R+lCx3uP5Ca+rt+JhseHWsMt04= sha512-/ujIVxthRs+7q6hsdjHMaj8hRG9NuWmwrz+JdRwZ14jdFoKSkm+vDsCbF9PLpnSqjaWQJuTmVtcWHNLr+vrOFw==", - "dev": true, - "license": "MIT" - }, "node_modules/node-addon-api": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", @@ -22446,27 +21472,6 @@ "node": ">= 0.10.5" } }, - "node_modules/node-environment-flags": { - "version": "1.0.6", - "resolved": "https://registry.yarnpkg.com/node-environment-flags/-/node-environment-flags-1.0.6.tgz", - "integrity": "sha1-owrBNiH299Z0JgpU3t4EjDmCwIg= sha512-5Evy2epuL+6TM0lCQGpFIj6KwiEsGh1SrHUhTbNX+sLbBtjidPZFAnVK9y5yU1+h//RitLbRHTIMyxQPtxMdHw==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "object.getownpropertydescriptors": "^2.0.3", - "semver": "^5.7.0" - } - }, - "node_modules/node-environment-flags/node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz", - "integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc= sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver" - } - }, "node_modules/node-fetch": { "version": "2.6.7", "resolved": "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz", @@ -23157,21 +22162,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/object.getownpropertydescriptors": { - "version": "2.1.2", - "resolved": "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz", - "integrity": "sha1-G9Y66s8NXS0vMbXjk7A6fGAaI/c= sha512-WtxeKSzfBjlzL+F9b7M7hewDzMwy+C8NRssHd1YrNlzHzIDrXcXiNOMrezdAEM4UXixgV+vvnyBeN7Rygl2ttQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.2" - }, - "engines": { - "node": ">= 0.8" - } - }, "node_modules/object.hasown": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz", @@ -23201,12 +22191,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/objectorarray": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.5.tgz", - "integrity": "sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==", - "dev": true - }, "node_modules/on-finished": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", @@ -23665,16 +22649,6 @@ "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", "dev": true }, - "node_modules/param-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", - "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", - "dev": true, - "dependencies": { - "dot-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, "node_modules/parent-module": { "version": "1.0.1", "resolved": "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz", @@ -23721,16 +22695,6 @@ "node": ">=8" } }, - "node_modules/parse-passwd": { - "version": "1.0.0", - "resolved": "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz", - "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/parse-path": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-7.0.0.tgz", @@ -23780,22 +22744,6 @@ "node": ">= 0.8" } }, - "node_modules/pascal-case": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", - "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", - "dev": true, - "dependencies": { - "no-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, - "node_modules/path-browserify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", - "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "dev": true - }, "node_modules/path-exists": { "version": "4.0.0", "resolved": "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz", @@ -24058,82 +23006,6 @@ "pathe": "^1.1.0" } }, - "node_modules/pkg-up": { - "version": "3.1.0", - "resolved": "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz", - "integrity": "sha1-EA7CNcwVDk/UJRlBJZaihRKg3vU= sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==", - "dev": true, - "license": "MIT", - "dependencies": { - "find-up": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/pkg-up/node_modules/find-up": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha1-SRafHXmTQwZG2mHsxa41XCHJe3M= sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "license": "MIT", - "dependencies": { - "locate-path": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/locate-path": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4= sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "license": "MIT", - "dependencies": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/p-limit": { - "version": "2.3.0", - "resolved": "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE= sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dev": true, - "license": "MIT", - "dependencies": { - "p-try": "^2.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/p-locate": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ= sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "p-limit": "^2.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/path-exists": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU= sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=4" - } - }, "node_modules/please-upgrade-node": { "version": "3.2.0", "resolved": "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz", @@ -24184,65 +23056,6 @@ "node": "^10 || ^12 || >=14" } }, - "node_modules/postcss-modules-extract-imports": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", - "dev": true, - "engines": { - "node": "^10 || ^12 || >= 14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, - "node_modules/postcss-modules-local-by-default": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz", - "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==", - "dev": true, - "dependencies": { - "icss-utils": "^5.0.0", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.1.0" - }, - "engines": { - "node": "^10 || ^12 || >= 14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, - "node_modules/postcss-modules-scope": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz", - "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==", - "dev": true, - "dependencies": { - "postcss-selector-parser": "^6.0.4" - }, - "engines": { - "node": "^10 || ^12 || >= 14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, - "node_modules/postcss-modules-values": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", - "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", - "dev": true, - "dependencies": { - "icss-utils": "^5.0.0" - }, - "engines": { - "node": "^10 || ^12 || >= 14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, "node_modules/postcss-selector-parser": { "version": "6.0.11", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz", @@ -24256,12 +23069,6 @@ "node": ">=4" } }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, "node_modules/preferred-pm": { "version": "3.0.3", "resolved": "https://registry.yarnpkg.com/preferred-pm/-/preferred-pm-3.0.3.tgz", @@ -24315,16 +23122,6 @@ "node": ">=6.0.0" } }, - "node_modules/pretty-error": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", - "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", - "dev": true, - "dependencies": { - "lodash": "^4.17.20", - "renderkid": "^3.0.0" - } - }, "node_modules/pretty-format": { "version": "29.5.0", "resolved": "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz", @@ -24448,10 +23245,9 @@ }, "node_modules/prompts": { "version": "2.4.2", - "resolved": "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz", - "integrity": "sha1-e1fnOzpIAprRDr1E90sBcipMsGk= sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", + "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", + "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", "dev": true, - "license": "MIT", "dependencies": { "kleur": "^3.0.3", "sisteransi": "^1.0.5" @@ -24462,10 +23258,9 @@ }, "node_modules/prompts/node_modules/kleur": { "version": "3.0.3", - "resolved": "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz", - "integrity": "sha1-p5yezIbuHOP6YgbRIWxQHxR/wH4= sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz", + "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } @@ -24562,10 +23357,9 @@ }, "node_modules/pump": { "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz", - "integrity": "sha1-tKIRaBW94vTh6mAjVOjHVWUQemQ= sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", "dev": true, - "license": "MIT", "dependencies": { "end-of-stream": "^1.1.0", "once": "^1.3.1" @@ -24643,18 +23437,6 @@ "node": ">= 6.0.0" } }, - "node_modules/puppeteer-core/node_modules/mime": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", - "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", - "dev": true, - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=4.0.0" - } - }, "node_modules/puppeteer-core/node_modules/rimraf": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", @@ -24743,15 +23525,6 @@ "url": "https://opencollective.com/ramda" } }, - "node_modules/randombytes": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", - "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", - "dev": true, - "dependencies": { - "safe-buffer": "^5.1.0" - } - }, "node_modules/range-parser": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", @@ -24983,9 +23756,9 @@ } }, "node_modules/react-refresh": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", - "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==", + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", "dev": true, "engines": { "node": ">=0.10.0" @@ -25629,15 +24402,6 @@ "jsesc": "bin/jsesc" } }, - "node_modules/relateurl": { - "version": "0.2.7", - "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", - "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==", - "dev": true, - "engines": { - "node": ">= 0.10" - } - }, "node_modules/remark-external-links": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-8.0.0.tgz", @@ -25693,19 +24457,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/renderkid": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", - "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", - "dev": true, - "dependencies": { - "css-select": "^4.1.3", - "dom-converter": "^0.2.0", - "htmlparser2": "^6.1.0", - "lodash": "^4.17.21", - "strip-ansi": "^6.0.1" - } - }, "node_modules/require-directory": { "version": "2.1.1", "resolved": "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz", @@ -25716,16 +24467,6 @@ "node": ">=0.10.0" } }, - "node_modules/require-from-string": { - "version": "2.0.2", - "resolved": "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha1-iaf92TgmEmcxjq/hT5wy5ZjDaQk= sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/require-main-filename": { "version": "2.0.0", "resolved": "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz", @@ -25739,13 +24480,6 @@ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", "dev": true }, - "node_modules/reselect": { - "version": "4.1.7", - "resolved": "https://registry.yarnpkg.com/reselect/-/reselect-4.1.7.tgz", - "integrity": "sha1-VkgNn/PTGIlw7it2UnvZSpVWekI= sha512-Zu1xbUt3/OPwsXL46hvOOoQrap2azE7ZQbokq61BQfiXvhewsKDwhMeZjTX9sX0nvw1t/U5Audyn1I9P/m9z0A==", - "dev": true, - "license": "MIT" - }, "node_modules/resolve": { "version": "1.22.1", "resolved": "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz", @@ -25963,24 +24697,6 @@ "loose-envify": "^1.1.0" } }, - "node_modules/schema-utils": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz", - "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==", - "dev": true, - "dependencies": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, "node_modules/semver": { "version": "7.3.8", "resolved": "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz", @@ -26064,15 +24780,6 @@ "node": ">=4" } }, - "node_modules/serialize-javascript": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", - "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", - "dev": true, - "dependencies": { - "randombytes": "^2.1.0" - } - }, "node_modules/serve-favicon": { "version": "2.5.0", "resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz", @@ -26424,10 +25131,9 @@ }, "node_modules/sisteransi": { "version": "1.0.5", - "resolved": "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz", - "integrity": "sha1-E01oEpd1ZDfMBcoBNw06elcQde0= sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", - "dev": true, - "license": "MIT" + "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", + "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", + "dev": true }, "node_modules/slash": { "version": "3.0.0", @@ -26963,12 +25669,6 @@ "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==", "dev": true }, - "node_modules/stackframe": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz", - "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==", - "dev": true - }, "node_modules/statuses": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", @@ -27003,12 +25703,12 @@ "dev": true }, "node_modules/storybook": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.5.tgz", - "integrity": "sha512-wU8PpA2vgZe4Eu4ytilUdHIwl1J2sYlqVT4luGw+O/9dDbkVkB/3f73rAEMMwucWJmqG9HDausdZqEh+1BzJsw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.7.tgz", + "integrity": "sha512-MaFAhpPm/KsaoIQfGzapnRyXNh1VbS8l38BNZR5ZD97ejGkLukJ7TO4fFS87Hyy6whAXo6tTdtqeCByMQ9gRFA==", "dev": true, "dependencies": { - "@storybook/cli": "7.0.5" + "@storybook/cli": "7.0.7" }, "bin": { "sb": "index.js", @@ -27247,22 +25947,6 @@ "node": ">=4" } }, - "node_modules/style-loader": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.2.tgz", - "integrity": "sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==", - "dev": true, - "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^5.0.0" - } - }, "node_modules/stylis": { "version": "4.1.3", "resolved": "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz", @@ -27597,10 +26281,9 @@ }, "node_modules/tempy": { "version": "1.0.1", - "resolved": "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz", - "integrity": "sha1-MP6QH9hpz7Nu4r2ZmAWqcvuwNd4= sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", + "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz", + "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", "dev": true, - "license": "MIT", "dependencies": { "del": "^6.0.0", "is-stream": "^2.0.0", @@ -27610,14 +26293,16 @@ }, "engines": { "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/tempy/node_modules/temp-dir": { "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz", - "integrity": "sha1-vekrBb3+sVFugEycAK1FF38xMh4= sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", + "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz", + "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", "dev": true, - "license": "MIT", "engines": { "node": ">=8" } @@ -27637,6 +26322,8 @@ "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.9.tgz", "integrity": "sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==", "dev": true, + "optional": true, + "peer": true, "dependencies": { "@jridgewell/source-map": "^0.3.2", "acorn": "^8.5.0", @@ -27650,68 +26337,6 @@ "node": ">=10" } }, - "node_modules/terser-webpack-plugin": { - "version": "5.3.7", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz", - "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==", - "dev": true, - "dependencies": { - "@jridgewell/trace-mapping": "^0.3.17", - "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.1", - "terser": "^5.16.5" - }, - "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^5.1.0" - }, - "peerDependenciesMeta": { - "@swc/core": { - "optional": true - }, - "esbuild": { - "optional": true - }, - "uglify-js": { - "optional": true - } - } - }, - "node_modules/terser-webpack-plugin/node_modules/jest-worker": { - "version": "27.5.1", - "resolved": "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz", - "integrity": "sha1-jRRvCQDolzsQa29zzB6ajLhvjbA= sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/node": "*", - "merge-stream": "^2.0.0", - "supports-color": "^8.0.0" - }, - "engines": { - "node": ">= 10.13.0" - } - }, - "node_modules/terser-webpack-plugin/node_modules/supports-color": { - "version": "8.1.1", - "resolved": "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz", - "integrity": "sha1-zW/BfihQDP9WwbhsCn/UpUpzAFw= sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/test-exclude": { "version": "6.0.0", "resolved": "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz", @@ -27900,16 +26525,6 @@ "node": ">=14" } }, - "node_modules/tree-kill": { - "version": "1.2.2", - "resolved": "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz", - "integrity": "sha1-TKCakJLIi3OnzcXooBtQeweQoMw= sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", - "dev": true, - "license": "MIT", - "bin": { - "tree-kill": "cli.js" - } - }, "node_modules/treeify": { "version": "1.1.0", "resolved": "https://registry.yarnpkg.com/treeify/-/treeify-1.1.0.tgz", @@ -27946,108 +26561,6 @@ "node": ">=6.10" } }, - "node_modules/ts-node": { - "version": "10.9.1", - "resolved": "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.1.tgz", - "integrity": "sha1-5z3pEClYr54fCxaKb/Mg4lrc/0s= sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@cspotcode/source-map-support": "^0.8.0", - "@tsconfig/node10": "^1.0.7", - "@tsconfig/node12": "^1.0.7", - "@tsconfig/node14": "^1.0.0", - "@tsconfig/node16": "^1.0.2", - "acorn": "^8.4.1", - "acorn-walk": "^8.1.1", - "arg": "^4.1.0", - "create-require": "^1.1.0", - "diff": "^4.0.1", - "make-error": "^1.1.1", - "v8-compile-cache-lib": "^3.0.1", - "yn": "3.1.1" - }, - "bin": { - "ts-node": "dist/bin.js", - "ts-node-cwd": "dist/bin-cwd.js", - "ts-node-esm": "dist/bin-esm.js", - "ts-node-script": "dist/bin-script.js", - "ts-node-transpile-only": "dist/bin-transpile.js", - "ts-script": "dist/bin-script-deprecated.js" - } - }, - "node_modules/ts-node-dev": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/ts-node-dev/-/ts-node-dev-2.0.0.tgz", - "integrity": "sha1-vdU+F6s7XYIu9RmSjca0p+DxMGU= sha512-ywMrhCfH6M75yftYvrvNarLEY+SUXtUvU8/0Z6llrHQVBx12GiFk5sStF8UdfE/yfzk9IAq7O5EEbTQsxlBI8w==", - "dev": true, - "license": "MIT", - "dependencies": { - "chokidar": "^3.5.1", - "dynamic-dedupe": "^0.3.0", - "minimist": "^1.2.6", - "mkdirp": "^1.0.4", - "resolve": "^1.0.0", - "rimraf": "^2.6.1", - "source-map-support": "^0.5.12", - "tree-kill": "^1.2.2", - "ts-node": "^10.4.0", - "tsconfig": "^7.0.0" - }, - "bin": { - "ts-node-dev": "lib/bin.js", - "tsnd": "lib/bin.js" - }, - "engines": { - "node": ">=0.8.0" - } - }, - "node_modules/ts-node-dev/node_modules/rimraf": { - "version": "2.7.1", - "resolved": "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha1-NXl/E6f9rcVmFCwp1PB8ytSD4+w= sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", - "dev": true, - "license": "ISC", - "dependencies": { - "glob": "^7.1.3" - }, - "bin": { - "rimraf": "bin.js" - } - }, - "node_modules/ts-node/node_modules/acorn-walk": { - "version": "8.1.1", - "resolved": "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.1.1.tgz", - "integrity": "sha1-Pdq3+E5KfiMT9sQUxbfayF9OPrw= sha512-FbJdceMlPHEAWJOILDk1fXD8lnTlEIWFkqtfk+MvmL5q/qlHfN7GEHcsFZWt/Tea9jRNPWUZG4G976nqAAmU9w==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/ts-node/node_modules/diff": { - "version": "4.0.2", - "resolved": "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz", - "integrity": "sha1-YPOuy4nV+uUgwRqhnvwruYKq3n0= sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", - "dev": true, - "license": "BSD-3-Clause", - "engines": { - "node": ">=0.3.1" - } - }, - "node_modules/tsconfig": { - "version": "7.0.0", - "resolved": "https://registry.yarnpkg.com/tsconfig/-/tsconfig-7.0.0.tgz", - "integrity": "sha1-hFOIdaTcIW5cSlQys6Tew9VOkbc= sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/strip-bom": "^3.0.0", - "@types/strip-json-comments": "0.0.30", - "strip-bom": "^3.0.0", - "strip-json-comments": "^2.0.0" - } - }, "node_modules/tsconfig-paths": { "version": "3.14.2", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz", @@ -28072,16 +26585,6 @@ "json5": "lib/cli.js" } }, - "node_modules/tsconfig/node_modules/strip-json-comments": { - "version": "2.0.1", - "resolved": "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz", - "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo= sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/tslib": { "version": "2.5.0", "resolved": "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz", @@ -28107,6 +26610,23 @@ "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA= sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", "license": "0BSD" }, + "node_modules/tsx": { + "version": "3.12.6", + "resolved": "https://registry.npmjs.org/tsx/-/tsx-3.12.6.tgz", + "integrity": "sha512-q93WgS3lBdHlPgS0h1i+87Pt6n9K/qULIMNYZo07nSeu2z5QE2CellcAZfofVXBo2tQg9av2ZcRMQ2S2i5oadQ==", + "dev": true, + "dependencies": { + "@esbuild-kit/cjs-loader": "^2.4.2", + "@esbuild-kit/core-utils": "^3.0.0", + "@esbuild-kit/esm-loader": "^2.5.5" + }, + "bin": { + "tsx": "dist/cli.js" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, "node_modules/tty-table": { "version": "4.1.6", "resolved": "https://registry.yarnpkg.com/tty-table/-/tty-table-4.1.6.tgz", @@ -28754,30 +27274,6 @@ "requires-port": "^1.0.0" } }, - "node_modules/use-isomorphic-layout-effect": { - "version": "1.1.2", - "resolved": "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz", - "integrity": "sha1-SXzvsT2GPWh7CEd9nloWStjBpvs= sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==", - "license": "MIT" - }, - "node_modules/use-latest": { - "version": "1.2.1", - "resolved": "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.1.tgz", - "integrity": "sha1-0T37SwjCjj4zmRVGos7lPhQDjPI= sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==", - "license": "MIT", - "dependencies": { - "use-isomorphic-layout-effect": "^1.1.1" - } - }, - "node_modules/use-previous": { - "version": "1.2.0", - "resolved": "https://registry.yarnpkg.com/use-previous/-/use-previous-1.2.0.tgz", - "integrity": "sha1-338MbV3HyegWUOspw2V1MGpomMA= sha512-tK7Ne779nqTKGeh0rsFvxnQcEqePFRYlM0rfmNy9JH+h+2ndja7P0017nda0Q1gkqfcOD//pKZbDyyLIUH2s+Q==", - "license": "MIT", - "dependencies": { - "use-isomorphic-layout-effect": "^1.1.0" - } - }, "node_modules/use-resize-observer": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz", @@ -28818,12 +27314,6 @@ "dev": true, "license": "MIT" }, - "node_modules/utila": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz", - "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==", - "dev": true - }, "node_modules/utils-merge": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", @@ -28842,12 +27332,6 @@ "uuid": "dist/bin/uuid" } }, - "node_modules/uuid-browser": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/uuid-browser/-/uuid-browser-3.1.0.tgz", - "integrity": "sha512-dsNgbLaTrd6l3MMxTtouOCFw4CBFc/3a+GgYA2YyrJvyQ1u6q4pcu3ktLoUZ/VN/Aw9WsauazbgsgdfVWgAKQg==", - "dev": true - }, "node_modules/uvu": { "version": "0.5.6", "resolved": "https://registry.yarnpkg.com/uvu/-/uvu-0.5.6.tgz", @@ -28874,13 +27358,6 @@ "dev": true, "license": "MIT" }, - "node_modules/v8-compile-cache-lib": { - "version": "3.0.1", - "resolved": "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz", - "integrity": "sha1-Yzbo1xllyz01obu3hoRFp8BSZL8= sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==", - "dev": true, - "license": "MIT" - }, "node_modules/v8-to-istanbul": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz", @@ -28895,19 +27372,6 @@ "node": ">=10.12.0" } }, - "node_modules/v8flags": { - "version": "3.2.0", - "resolved": "https://registry.yarnpkg.com/v8flags/-/v8flags-3.2.0.tgz", - "integrity": "sha1-skPjtN/XMfp3TnSSEoEJoP5m1lY= sha512-mH8etigqMfiGWdeXpaaqGfs6BndypxusHHcv2qSHyZkGEznCd/qAXCWWRzeowtL54147cktFOC4P5y+kl8d8Jg==", - "dev": true, - "license": "MIT", - "dependencies": { - "homedir-polyfill": "^1.0.1" - }, - "engines": { - "node": ">= 0.10" - } - }, "node_modules/validate-npm-package-license": { "version": "3.0.4", "resolved": "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", @@ -29046,6 +27510,12 @@ "url": "https://github.com/sponsors/antfu" } }, + "node_modules/vite-plugin-turbosnap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/vite-plugin-turbosnap/-/vite-plugin-turbosnap-1.0.2.tgz", + "integrity": "sha512-irjKcKXRn7v5bPAg4mAbsS6DgibpP1VUFL9tlgxU6lloK6V9yw9qCZkS+s2PtbkZpWNzr3TN3zVJAc6J7gJZmA==", + "dev": true + }, "node_modules/vitest": { "version": "0.30.1", "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz", @@ -29231,10 +27701,9 @@ }, "node_modules/watchpack": { "version": "2.4.0", - "resolved": "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz", - "integrity": "sha1-+jMDI3SWLHgRP5PH8vtMVMmGKl0= sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", "dev": true, - "license": "MIT", "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" @@ -29263,140 +27732,6 @@ "node": ">=12" } }, - "node_modules/webpack": { - "version": "5.80.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.80.0.tgz", - "integrity": "sha512-OIMiq37XK1rWO8mH9ssfFKZsXg4n6klTEDL7S8/HqbAOBBaiy8ABvXvz0dDCXeEF9gqwxSvVk611zFPjS8hJxA==", - "dev": true, - "dependencies": { - "@types/eslint-scope": "^3.7.3", - "@types/estree": "^1.0.0", - "@webassemblyjs/ast": "^1.11.5", - "@webassemblyjs/wasm-edit": "^1.11.5", - "@webassemblyjs/wasm-parser": "^1.11.5", - "acorn": "^8.7.1", - "acorn-import-assertions": "^1.7.6", - "browserslist": "^4.14.5", - "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.13.0", - "es-module-lexer": "^1.2.1", - "eslint-scope": "5.1.1", - "events": "^3.2.0", - "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.2.9", - "json-parse-even-better-errors": "^2.3.1", - "loader-runner": "^4.2.0", - "mime-types": "^2.1.27", - "neo-async": "^2.6.2", - "schema-utils": "^3.1.2", - "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.3.7", - "watchpack": "^2.4.0", - "webpack-sources": "^3.2.3" - }, - "bin": { - "webpack": "bin/webpack.js" - }, - "engines": { - "node": ">=10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependenciesMeta": { - "webpack-cli": { - "optional": true - } - } - }, - "node_modules/webpack-dev-middleware": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", - "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", - "dev": true, - "dependencies": { - "colorette": "^2.0.10", - "memfs": "^3.4.3", - "mime-types": "^2.1.31", - "range-parser": "^1.2.1", - "schema-utils": "^4.0.0" - }, - "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^4.0.0 || ^5.0.0" - } - }, - "node_modules/webpack-dev-middleware/node_modules/ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", - "dev": true, - "dependencies": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", - "dev": true, - "dependencies": { - "fast-deep-equal": "^3.1.3" - }, - "peerDependencies": { - "ajv": "^8.8.2" - } - }, - "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - }, - "node_modules/webpack-dev-middleware/node_modules/schema-utils": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz", - "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==", - "dev": true, - "dependencies": { - "@types/json-schema": "^7.0.9", - "ajv": "^8.9.0", - "ajv-formats": "^2.1.1", - "ajv-keywords": "^5.1.0" - }, - "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, - "node_modules/webpack-hot-middleware": { - "version": "2.25.3", - "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz", - "integrity": "sha512-IK/0WAHs7MTu1tzLTjio73LjS3Ov+VvBKQmE8WPlJutgG5zT6Urgq/BbAdRrHTRpyzK0dvAvFh1Qg98akxgZpA==", - "dev": true, - "dependencies": { - "ansi-html-community": "0.0.8", - "html-entities": "^2.1.0", - "strip-ansi": "^6.0.0" - } - }, "node_modules/webpack-sources": { "version": "3.2.3", "resolved": "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz", @@ -29413,12 +27748,6 @@ "integrity": "sha512-5tyDlKLqPfMqjT3Q9TAqf2YqjwmnUleZwzJi1A5qXnlBCdj2AtOJ6wAWdglTIDOPgOiOrXeBeFcsQ8+aGQ6QbA==", "dev": true }, - "node_modules/webpack/node_modules/@types/estree": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz", - "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==", - "dev": true - }, "node_modules/well-known-symbols": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/well-known-symbols/-/well-known-symbols-2.0.0.tgz", @@ -29830,16 +28159,6 @@ "fd-slicer": "~1.1.0" } }, - "node_modules/yn": { - "version": "3.1.1", - "resolved": "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz", - "integrity": "sha1-HodAGgnXZ8HV6rJqbkwYUYLS61A= sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/yocto-queue": { "version": "0.1.0", "resolved": "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz", @@ -29866,12 +28185,9 @@ "moment": "^2.29.4", "react-dates": "^21.2.0", "react-modal": "^3.16.1", - "react-number-format": "^5.1.4", - "use-latest": "^1.2.1", - "use-previous": "^1.2.0" + "react-number-format": "^5.1.4" }, "devDependencies": { - "@emotion/babel-plugin": "^11.10.2", "@emotion/cache": "^11.4.0", "@emotion/is-prop-valid": "^1.1.0", "@emotion/jest": "^11.10.5", @@ -29894,7 +28210,6 @@ "@types/testing-library__jest-dom": "^5.14.5", "component-playground": "^3.2.1", "cross-env": "^7.0.2", - "fork-ts-checker-webpack-plugin": "^8.0.0", "jest-axe": "^7.0.1", "react": "^18.2.0", "react-docgen": "^5.4.3", @@ -29903,6 +28218,9 @@ "react-swipeable": "^7.0.0", "typescript": "^5.0.4" }, + "engines": { + "node": ">=16" + }, "peerDependencies": { "@emotion/cache": "11.x", "@emotion/is-prop-valid": "1.x", @@ -29915,46 +28233,6 @@ "react-dom": ">=18.0.0 <19.0.0" } }, - "packages/circuit-ui/node_modules/fork-ts-checker-webpack-plugin": { - "version": "8.0.0", - "resolved": "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz", - "integrity": "sha1-2uRd/nKYql1VPiWACWztebYXlQQ= sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/code-frame": "^7.16.7", - "chalk": "^4.1.2", - "chokidar": "^3.5.3", - "cosmiconfig": "^7.0.1", - "deepmerge": "^4.2.2", - "fs-extra": "^10.0.0", - "memfs": "^3.4.1", - "minimatch": "^3.0.4", - "node-abort-controller": "^3.0.1", - "schema-utils": "^3.1.1", - "semver": "^7.3.5", - "tapable": "^2.2.1" - }, - "engines": { - "node": ">=12.13.0", - "yarn": ">=1.0.0" - } - }, - "packages/circuit-ui/node_modules/fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha1-Aoc8+8QITd4SfqpfmQXu8jJdGr8= sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=12" - } - }, "packages/cna-template": { "name": "@sumup/cna-template", "version": "3.2.0-next.0", @@ -29971,6 +28249,9 @@ "@types/node": "^18.15.11", "@types/prop-types": "^15.7.5", "typescript": "^5.0.4" + }, + "engines": { + "node": ">=16" } }, "packages/eslint-plugin-circuit-ui": { @@ -29998,11 +28279,12 @@ "@types/lodash": "^4.14.194", "babel-plugin-inline-react-svg": "^2.0.2", "dedent": "^0.7.0", - "lodash": "^4.17.15", - "ts-node": "^10.9.1", - "ts-node-dev": "^2.0.0", + "tsx": "^3.12.6", "typescript": "^5.0.4" }, + "engines": { + "node": ">=16" + }, "peerDependencies": { "react": ">=16.0.0 <19.0.0" } @@ -30065,35 +28347,6 @@ "default-browser-id": "3.0.0" } }, - "@babel/cli": { - "version": "7.21.0", - "resolved": "https://registry.yarnpkg.com/@babel/cli/-/cli-7.21.0.tgz", - "integrity": "sha1-GGjrcOmCS0J/xgdhDM6OnniJ5+E= sha512-xi7CxyS8XjSyiwUGCfwf+brtJxjW1/ZTcBUkP10xawIEXLX5HzLn+3aXkgxozcP2UhRhtKTmQurw9Uaes7jZrA==", - "dev": true, - "requires": { - "@jridgewell/trace-mapping": "^0.3.17", - "commander": "^4.0.1", - "convert-source-map": "^1.1.0", - "fs-readdir-recursive": "^1.1.0", - "glob": "^7.2.0", - "make-dir": "^2.1.0", - "slash": "^2.0.0" - }, - "dependencies": { - "commander": { - "version": "4.1.1", - "resolved": "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz", - "integrity": "sha1-n9YCvZNilOnp70aj9NaWQESxgGg= sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true - }, - "slash": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz", - "integrity": "sha1-3lUoUaF1nfOo8gZTVEL17E3eq0Q= sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", - "dev": true - } - } - }, "@babel/code-frame": { "version": "7.21.4", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz", @@ -30520,28 +28773,6 @@ } } }, - "@babel/node": { - "version": "7.20.7", - "resolved": "https://registry.yarnpkg.com/@babel/node/-/node-7.20.7.tgz", - "integrity": "sha1-YJvn+EGJPiSTG3kQJjur/ehAQKk= sha512-AQt3gVcP+fpFuoFn4FmIW/+5JovvEoA9og4Y1LrRw0pv3jkl4tujZMMy3X/3ugjLrEy3k1aNywo3JIl3g+jVXQ==", - "dev": true, - "requires": { - "@babel/register": "^7.18.9", - "commander": "^4.0.1", - "core-js": "^3.26.0", - "node-environment-flags": "^1.0.5", - "regenerator-runtime": "^0.13.11", - "v8flags": "^3.1.1" - }, - "dependencies": { - "commander": { - "version": "4.1.1", - "resolved": "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz", - "integrity": "sha1-n9YCvZNilOnp70aj9NaWQESxgGg= sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", - "dev": true - } - } - }, "@babel/parser": { "version": "7.21.4", "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz", @@ -32280,26 +30511,12 @@ } } }, - "@cspotcode/source-map-support": { - "version": "0.8.1", - "resolved": "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz", - "integrity": "sha1-AGKcNaaI4FqIsc2mhPudXnPwAKE= sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==", + "@colors/colors": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", + "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", "dev": true, - "requires": { - "@jridgewell/trace-mapping": "0.3.9" - }, - "dependencies": { - "@jridgewell/trace-mapping": { - "version": "0.3.9", - "resolved": "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz", - "integrity": "sha1-ZTT9WTOlO6fL86F2FeJzoNEnP/k= sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==", - "dev": true, - "requires": { - "@jridgewell/resolve-uri": "^3.0.3", - "@jridgewell/sourcemap-codec": "^1.4.10" - } - } - } + "optional": true }, "@discoveryjs/json-ext": { "version": "0.5.7", @@ -32477,6 +30694,36 @@ "integrity": "sha1-6okAQRncQtsuHboPl9VT9zcvb8s= sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==", "dev": true }, + "@esbuild-kit/cjs-loader": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/@esbuild-kit/cjs-loader/-/cjs-loader-2.4.2.tgz", + "integrity": "sha512-BDXFbYOJzT/NBEtp71cvsrGPwGAMGRB/349rwKuoxNSiKjPraNNnlK6MIIabViCjqZugu6j+xeMDlEkWdHHJSg==", + "dev": true, + "requires": { + "@esbuild-kit/core-utils": "^3.0.0", + "get-tsconfig": "^4.4.0" + } + }, + "@esbuild-kit/core-utils": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@esbuild-kit/core-utils/-/core-utils-3.1.0.tgz", + "integrity": "sha512-Uuk8RpCg/7fdHSceR1M6XbSZFSuMrxcePFuGgyvsBn+u339dk5OeL4jv2EojwTN2st/unJGsVm4qHWjWNmJ/tw==", + "dev": true, + "requires": { + "esbuild": "~0.17.6", + "source-map-support": "^0.5.21" + } + }, + "@esbuild-kit/esm-loader": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/@esbuild-kit/esm-loader/-/esm-loader-2.5.5.tgz", + "integrity": "sha512-Qwfvj/qoPbClxCRNuac1Du01r9gvNOT+pMYtJDapfB1eoGN1YlJ1BixLyL9WVENRx5RXgNLdfYdx/CuswlGhMw==", + "dev": true, + "requires": { + "@esbuild-kit/core-utils": "^3.0.0", + "get-tsconfig": "^4.4.0" + } + }, "@esbuild/android-arm": { "version": "0.17.15", "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.15.tgz", @@ -32874,6 +31121,29 @@ "chalk": "^4.0.0" } }, + "@joshwooding/vite-plugin-react-docgen-typescript": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.2.1.tgz", + "integrity": "sha512-ou4ZJSXMMWHqGS4g8uNRbC5TiTWxAgQZiVucoUrOCWuPrTbkpJbmVyIi9jU72SBry7gQtuMEDp4YR8EEXAg7VQ==", + "dev": true, + "requires": { + "glob": "^7.2.0", + "glob-promise": "^4.2.0", + "magic-string": "^0.27.0", + "react-docgen-typescript": "^2.2.2" + }, + "dependencies": { + "magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.13" + } + } + } + }, "@jridgewell/gen-mapping": { "version": "0.3.2", "resolved": "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz", @@ -32902,6 +31172,8 @@ "resolved": "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz", "integrity": "sha1-9FNRqu1FJ6KYUS7HL4EEDJmFgPs= sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==", "dev": true, + "optional": true, + "peer": true, "requires": { "@jridgewell/gen-mapping": "^0.3.0", "@jridgewell/trace-mapping": "^0.3.9" @@ -34953,6 +33225,16 @@ "tslib": "^2.4.0" } }, + "@rollup/pluginutils": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz", + "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==", + "dev": true, + "requires": { + "estree-walker": "^2.0.1", + "picomatch": "^2.2.2" + } + }, "@rushstack/eslint-patch": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz", @@ -34981,40 +33263,40 @@ "dev": true }, "@storybook/addon-a11y": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.5.tgz", - "integrity": "sha512-MCEhw7AiXdYcRFRXk9ffy9AmMGDZ7FCqiOp03T74qm0VJotvdwZwMSNTRLsAOqMaF/hEK7pj7GeDaYsSKVKHPA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.7.tgz", + "integrity": "sha512-juLmRgUh1quGoqHyG7Ttpvj/2nIyIhcuidDKXo5ot7IbJ/g80e4o2BFPbMUT1Qdq9TL/ahbNxeP7QjV0oRJKxQ==", "dev": true, "requires": { - "@storybook/addon-highlight": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/addon-highlight": "7.0.7", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "axe-core": "^4.2.0", "lodash": "^4.17.21", "react-resize-detector": "^7.1.2" } }, "@storybook/addon-actions": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.5.tgz", - "integrity": "sha512-+291rPr9Qms+93xdxejsGFPgZEAgdWlf/UkxEcpyhBkaY17haoFPkcEh2xxEpIx2pwWsTPEwHrd1Si8+Xz5nCQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.7.tgz", + "integrity": "sha512-WxsnSjAvdf6NhUfTqcwV+FJmsJV56gh2cY4QnGfqfwO5zoBWTUYnhz57TgxSMhJY0kspyX9Q1Kc//r1d5lt1qA==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "dequal": "^2.0.2", "lodash": "^4.17.21", "polished": "^4.2.2", @@ -35022,51 +33304,59 @@ "react-inspector": "^6.0.0", "telejson": "^7.0.3", "ts-dedent": "^2.0.0", - "uuid-browser": "^3.1.0" + "uuid": "^9.0.0" + }, + "dependencies": { + "uuid": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz", + "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==", + "dev": true + } } }, "@storybook/addon-controls": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.5.tgz", - "integrity": "sha512-Fd3aUmFQ4iBfvpVrQ+rNi7PBgencxrvHx1CG6gtx27D8TKwb/y7iuel2ru6X1Qz/kvQcZl06ZB86zH+QljK9/w==", - "dev": true, - "requires": { - "@storybook/blocks": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.0.7.tgz", + "integrity": "sha512-/QEzleKoWRQ3i7KB32QvqDGcGMw4kG2BxEf0d+ymxd2SjoeL6kX2eHE0b4OxFPXiWUyTfXBFwmcI2Re3fRUJnQ==", + "dev": true, + "requires": { + "@storybook/blocks": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "lodash": "^4.17.21", "ts-dedent": "^2.0.0" } }, "@storybook/addon-docs": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.5.tgz", - "integrity": "sha512-JAnV2wkRTs0raGoSJ4ufrZYCKe2jwcHDCUUUdRgRkI1oPsRZdXnaRscUgIJ2Eju6W4KK0Ibi/Qpe+8Wj+CpTpg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.0.7.tgz", + "integrity": "sha512-5PT7aiTD6QPH+4CZLcv4PiUgWucD9JNGHVMRbQMEyFW6qbs87dHmu1m1uXIvx3BF5h3mTo4FHNAf8IQIq5HH9w==", "dev": true, "requires": { "@babel/core": "^7.20.2", "@babel/plugin-transform-react-jsx": "^7.19.0", "@jest/transform": "^29.3.1", "@mdx-js/react": "^2.1.5", - "@storybook/blocks": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/csf-plugin": "7.0.5", - "@storybook/csf-tools": "7.0.5", + "@storybook/blocks": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/csf-plugin": "7.0.7", + "@storybook/csf-tools": "7.0.7", "@storybook/global": "^5.0.0", "@storybook/mdx2-csf": "^1.0.0", - "@storybook/node-logger": "7.0.5", - "@storybook/postinstall": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/react-dom-shim": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/node-logger": "7.0.7", + "@storybook/postinstall": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/react-dom-shim": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "fs-extra": "^11.1.0", "remark-external-links": "^8.0.0", "remark-slug": "^6.0.0", @@ -35074,32 +33364,32 @@ } }, "@storybook/addon-highlight": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.5.tgz", - "integrity": "sha512-m52Yx2AfWdh+hYAHTjPPocOUd15IE5OAF2nx1rmRfp+caIwKE8UyAn2J4Tk2aVwybUM96B4Bioo8cmOj6znqPw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.0.7.tgz", + "integrity": "sha512-expme2GzzCXX7/lL7UjCDi1Tfj+4LeNsAdWiurVLH7glK7yKPPeXXkIldbLP/XjJv4NKlqCwnNRHQx0vDLlE6g==", "dev": true, "requires": { - "@storybook/core-events": "7.0.5", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5" + "@storybook/preview-api": "7.0.7" } }, "@storybook/addon-interactions": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.0.5.tgz", - "integrity": "sha512-ATmZbM/EKkHMHUCXR+rMyxV5Kr1t6kStcmGxGxOw/dm68tbCAos3xqKJ+7PcrvjGhyzCYcbITMFpPMm8OnIz6A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.0.7.tgz", + "integrity": "sha512-jBl6O5sSbix0X1G9dFuWvvu4qefgLP9dAB/utVdDadZxlbPfa5B2C2q2YIqjcKZoX8DS8Fh8SUhlX1mdW5tu5w==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/instrumenter": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "jest-mock": "^27.0.6", "polished": "^4.2.2", "ts-dedent": "^2.2.0" @@ -35140,109 +33430,99 @@ } }, "@storybook/addon-links": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.5.tgz", - "integrity": "sha512-XltdGrWWlyW9mxeyS11Khi963ajV6B+TWUMi/U5Ka/uTHzVoB2vsB7jzkVKLc0mSR7oIkP+aZmkzaWNZZq9v1A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.0.7.tgz", + "integrity": "sha512-DEjDxjHb3mT8Sdnx4In5Ev9gJ/XdjlHOq4iuy0wnMyrCV4wnzTQnIeSCx8nkrXFb314zc33JPnCcrb5pQoD5GQ==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/router": "7.0.7", + "@storybook/types": "7.0.7", "prop-types": "^15.7.2", "ts-dedent": "^2.0.0" } }, "@storybook/addon-storysource": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-7.0.5.tgz", - "integrity": "sha512-f0v3zoIUrcIVf+s/4gZxVNRxamak0rQ0bQfUg4aeCbnFzEW0V7/BMGzYO+R9O9ccif7/6IyVvxUnYaDZNRb5sg==", - "dev": true, - "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/source-loader": "7.0.5", - "@storybook/theming": "7.0.5", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-7.0.7.tgz", + "integrity": "sha512-gRdnWN8H5BhQF3rkcfjEIzEsZ/kdlgjiA6YA3GRKlcRCkzWHHXtHDdT3BSUFPb/8mT8DftFZNP2PKWeKd1rZvQ==", + "dev": true, + "requires": { + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/router": "7.0.7", + "@storybook/source-loader": "7.0.7", + "@storybook/theming": "7.0.7", "estraverse": "^5.2.0", "prop-types": "^15.7.2", "react-syntax-highlighter": "^15.5.0" } }, "@storybook/addon-toolbars": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.5.tgz", - "integrity": "sha512-0H5gO9vw8QuVYIUH4NyFj5MGOLXtubnZqtjJBeBIGxfg56EHbn9GB515g6o5Jzn4jwnSDq1X8PGLC62CDiTbzA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.0.7.tgz", + "integrity": "sha512-/NkYHhU1VAz5lXjWuV8+ADWB84HzktvZv4jfiKX7Zzu6JVzrBu7FotQSWh3pDqqVwCB50RClUGtcHmSSac9CAQ==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5" + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7" } }, "@storybook/addon-viewport": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.5.tgz", - "integrity": "sha512-sonhnMHjw7qetokABAjC6r8VjDqDhCqjB1VJi1pQ7WJT/iwzxQpGmhbbUTsJhJFJokIlqV+s7w0sOBrgekR1Sw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.0.7.tgz", + "integrity": "sha512-znqhd8JFEFoXcAdwYhz1CwrCpVAzhuSyUVBUNDsDs+mgBEfGth4D4abIdWWGcfP6+CmI5ebFHtk443cExZebag==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", "memoizerific": "^1.11.3", "prop-types": "^15.7.2" } }, "@storybook/addons": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.5.tgz", - "integrity": "sha512-Bkb56xL6R4s94VMHz1R4Bzo1qBjNclUPXO4DN9m3CAQDdCNuJVcj+JxDMBucs/m/FBjWm4hMM/saQeBCGk+Jpw==", - "dev": true, - "requires": { - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/types": "7.0.5" - } - }, - "@storybook/api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/api/-/api-7.0.5.tgz", - "integrity": "sha512-0YftXdLOLPKnMtBxJrCitrG5BZUYUMs1KmFcjlLzLVbj+KOybvX1cTBkWPuoFY2YRS1FA79gHsth1Ed9oO3k1A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-7.0.7.tgz", + "integrity": "sha512-it8NWXsdm3dhjc237d9jj7dGJf6eHDfuDv12nirV64J1dzWrnW+lONeZMPMgxxdLlgYfxH52fLgjcw/dAC/E+Q==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/manager-api": "7.0.5" + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7" } }, "@storybook/blocks": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.5.tgz", - "integrity": "sha512-cOWRqmgRMZ+pgnqRv6jC2ehvXiQxDJsTQAoWO2+5iUuBmciv6s9u7FQFkW9Wn1TUkkLwEvY5jnzMNvzZsEBx1w==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.0.7.tgz", + "integrity": "sha512-ehR0hAFWNHHqmrmbwYPKhLpgbIBKtyMbeoGClTRSnrVBGONciYJdmxegkCTReUklCY+HBJjtlwNowT+7+5sSaw==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/components": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", - "@storybook/docs-tools": "7.0.5", + "@storybook/docs-tools": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager-api": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "@types/lodash": "^4.14.167", "color-convert": "^2.0.1", "dequal": "^2.0.2", @@ -35257,15 +33537,15 @@ } }, "@storybook/builder-manager": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.5.tgz", - "integrity": "sha512-nSH5IWGsP+9OyZdh03i1yNvyViaF4099YpD9jDSQvn3H4I7UH8qsprFu3yoCax51lQqoxOadmlazS6P4DtLXMg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.0.7.tgz", + "integrity": "sha512-VI/0iEjAlzQDt1yKu8GXugNIz7t46IHIKgMNmltQ05KPypMgInUoMmbfP5AYOVddjLdSqjMLO7EK58pBLOInpw==", "dev": true, "requires": { "@fal-works/esbuild-plugin-global-externals": "^2.1.2", - "@storybook/core-common": "7.0.5", - "@storybook/manager": "7.0.5", - "@storybook/node-logger": "7.0.5", + "@storybook/core-common": "7.0.7", + "@storybook/manager": "7.0.7", + "@storybook/node-logger": "7.0.7", "@types/ejs": "^3.1.1", "@types/find-cache-dir": "^3.2.1", "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", @@ -35280,113 +33560,124 @@ "util": "^0.12.4" } }, - "@storybook/builder-webpack5": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.0.5.tgz", - "integrity": "sha512-y0nryC0Ns5oM2rG8QmP9tUw2WCQ3O96kJWmVnjOxQ5XfD67IuuM/z+e3FMVMpluAYUeTFDc3BNmBqlra37FzMQ==", + "@storybook/builder-vite": { + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.0.7.tgz", + "integrity": "sha512-2wL6fsFWzij+R155urOLc7EjZtlVWf4FLfaSlLGAuZwRQU40N04YdMaHMp9tjd9Vdr5fxEDwTB51PnVWJMlsEw==", "dev": true, "requires": { - "@babel/core": "^7.12.10", - "@storybook/addons": "7.0.5", - "@storybook/api": "7.0.5", - "@storybook/channel-postmessage": "7.0.5", - "@storybook/channel-websocket": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-api": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/components": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", - "@storybook/core-webpack": "7.0.5", - "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/router": "7.0.5", - "@storybook/store": "7.0.5", - "@storybook/theming": "7.0.5", - "@types/node": "^16.0.0", - "@types/semver": "^7.3.4", - "babel-loader": "^9.0.0", - "babel-plugin-named-exports-order": "^0.0.2", + "@storybook/channel-postmessage": "7.0.7", + "@storybook/channel-websocket": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/csf-plugin": "7.0.7", + "@storybook/mdx2-csf": "^1.0.0", + "@storybook/node-logger": "7.0.7", + "@storybook/preview": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7", "browser-assert": "^1.2.1", - "case-sensitive-paths-webpack-plugin": "^2.4.0", - "css-loader": "^6.7.1", + "es-module-lexer": "^0.9.3", "express": "^4.17.3", - "fork-ts-checker-webpack-plugin": "^7.2.8", "fs-extra": "^11.1.0", - "html-webpack-plugin": "^5.5.0", - "path-browserify": "^1.0.1", - "process": "^0.11.10", - "semver": "^7.3.7", - "style-loader": "^3.3.1", - "terser-webpack-plugin": "^5.3.1", - "ts-dedent": "^2.0.0", - "util": "^0.12.4", - "util-deprecate": "^1.0.2", - "webpack": "5", - "webpack-dev-middleware": "^5.3.1", - "webpack-hot-middleware": "^2.25.1", - "webpack-virtual-modules": "^0.4.3" + "glob": "^8.1.0", + "glob-promise": "^6.0.2", + "magic-string": "^0.27.0", + "remark-external-links": "^8.0.0", + "remark-slug": "^6.0.0", + "rollup": "^2.25.0 || ^3.3.0" }, "dependencies": { - "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true + "glob": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz", + "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", + "dev": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^5.0.1", + "once": "^1.3.0" + } + }, + "glob-promise": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-6.0.2.tgz", + "integrity": "sha512-Ni2aDyD1ekD6x8/+K4hDriRDbzzfuK4yKpqSymJ4P7IxbtARiOOuU+k40kbHM0sLIlbf1Qh0qdMkAHMZYE6XJQ==", + "dev": true, + "requires": { + "@types/glob": "^8.0.0" + } + }, + "magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.13" + } + }, + "minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "dev": true, + "requires": { + "brace-expansion": "^2.0.1" + } } } }, "@storybook/channel-postmessage": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.5.tgz", - "integrity": "sha512-Ri0188tHfvg2asdNOVUeLU1w1G/V485y/vatZ/vC3My9cG8P39t8ZKAJdA3hukc+7RZKZU+snqCz7de89/CF7Q==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channel-postmessage/-/channel-postmessage-7.0.7.tgz", + "integrity": "sha512-XMtYfcaE0UoY/V7K1cTu9PcWETD4iyWb/Yswc4F9VrPw0Ui4UwGS1j4iaAu8DC06yyoJs4XvxYFBMlCQmKja6A==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", "qs": "^6.10.0", "telejson": "^7.0.3" } }, "@storybook/channel-websocket": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.5.tgz", - "integrity": "sha512-QgvxAZjEdRzPZveUibErJbaqqe97DLscPeK5YHA1/xDCPqMKo0HaQKTyT0YSsSkeE3oKXbdz9IXFXEaPmIpjzw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channel-websocket/-/channel-websocket-7.0.7.tgz", + "integrity": "sha512-KDbLiQts4/dCow3qk5WJSPA6SlaX3iP9RhF0Fjj03hoG2TRskrvo+AkUiJr8gF6dpkPndfuCYUCRsO2Ml8B+AA==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", "@storybook/global": "^5.0.0", "telejson": "^7.0.3" } }, "@storybook/channels": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.5.tgz", - "integrity": "sha512-WiSPXgOK63jAlDDmbTs1sVXoYe3r/4VjpfwhEcxSPU544YQVARF1ePtiGjlp8HVFhZh1Q7afbVGJ9w96++u98A==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.0.7.tgz", + "integrity": "sha512-Om4ovBLNw8pVrBu83MpOKgAuGO9Dpr1Coh2qp8t64WRPkejX1mxOY9IgH723//zH3igx8LCkf9rvBvcrsyaScQ==", "dev": true }, "@storybook/cli": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.5.tgz", - "integrity": "sha512-VRrf4XG9H29FycNqthT6r4MjT0f4ynpwQAj039vUrt95rosV8ytuLFIrTwww1x/2o/VNpkWyL7MJwu6dejeZgw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.0.7.tgz", + "integrity": "sha512-koTkWr7wlaHF14T5moRP/tYM44+Jf4GEzQ/rqx/Jfn7EbNlVUOibdLJj4JnseMGRc7ZP6tKYku2n+B8g7hJX4w==", "dev": true, "requires": { "@babel/core": "^7.20.2", "@babel/preset-env": "^7.20.2", "@ndelangen/get-tarball": "^3.0.7", - "@storybook/codemod": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-server": "7.0.5", - "@storybook/csf-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/telemetry": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/codemod": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-server": "7.0.7", + "@storybook/csf-tools": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/telemetry": "7.0.7", + "@storybook/types": "7.0.7", "@types/semver": "^7.3.4", "boxen": "^5.1.2", "chalk": "^4.1.0", @@ -35425,38 +33716,28 @@ } } }, - "@storybook/client-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/client-api/-/client-api-7.0.5.tgz", - "integrity": "sha512-T3QT+Y1CfPjPNHXfFfPiaGl+uepwfKGKwTsLPr5DDGXrDBe569omK9J+kTZptkJ1ZgFQBFcATPdnnHwIkb82kg==", - "dev": true, - "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" - } - }, "@storybook/client-logger": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.5.tgz", - "integrity": "sha512-p8Vtb5G/l3gePNDbNjqgGsikthRqDfsPAqFEsAvBWJVZ3vq/ZSU4IsCWSLO/kdkyJyhTXMqQZnOpQ0pDXlOPcQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.0.7.tgz", + "integrity": "sha512-EclHjDs5HwHMKB4X2orn/KKA0DTIDmp4AXAUJGRfxb5ArpKEb7tXLHsgrRBlaoz1j5LAwKTmEyZOONh9G3etjg==", "dev": true, "requires": { "@storybook/global": "^5.0.0" } }, "@storybook/codemod": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.5.tgz", - "integrity": "sha512-Hu9CiVBHhaPJHMVpiAjr7pEtL7/AUsKT/Xxn3xUM7Ngy7TYMa62XTIMkt2Z+tAAud0HzAz/6Wv+2q+IqPr7BeQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.0.7.tgz", + "integrity": "sha512-VlkDlkvfbzLe+NOmzs5zGrGb4jnaeAFZqpvIkXxevr6aGcOwgeelNv8gTmgBAcy+xbGW4Pp0XA2BlMweIvKEKA==", "dev": true, "requires": { "@babel/core": "~7.21.0", "@babel/preset-env": "~7.21.0", "@babel/types": "~7.21.2", "@storybook/csf": "^0.1.0", - "@storybook/csf-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/csf-tools": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/types": "7.0.7", "cross-spawn": "^7.0.3", "globby": "^11.0.2", "jscodeshift": "^0.14.0", @@ -35466,39 +33747,39 @@ } }, "@storybook/components": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.5.tgz", - "integrity": "sha512-SHftxNH3FG3RZwJ5nbyBZwn5pkI3Ei2xjD7zDwxztI8bCp5hPnOTDwAnQZZCkeW7atSQUe7xFkYqlCgNmXR4PQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.0.7.tgz", + "integrity": "sha512-6PLs9LMkBuhH/w4bSJ72tYgICMbOOIHuoB/fQdVlzhsdnXL2fM/v4RVW2N7v+Oz3lYXp/JtV8V9Ub8h6eDQKXg==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "memoizerific": "^1.11.3", "use-resize-observer": "^9.1.0", "util-deprecate": "^1.0.2" } }, "@storybook/core-client": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.5.tgz", - "integrity": "sha512-vN3jK0H4IRjdn/VP7E5dtY0MjytTFSosreSzschmSDTs/K9w52Zm+PkmDzQaBtrDo/VNjJCHnxDLDJZ1ewkoEw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.0.7.tgz", + "integrity": "sha512-eydcpR28qV3A3BwR5V6wsixoI1BRLA0SzFiwH/1ajrgX13inv+gV97gHv47Ojf/+YAZ3HqdVaUKFsUfMKwKieA==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" + "@storybook/client-logger": "7.0.7", + "@storybook/preview-api": "7.0.7" } }, "@storybook/core-common": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.5.tgz", - "integrity": "sha512-MIvWwu2ntKK3A0FDWRhKcegIAKyJTyzTf5K4PiVgCT2X9Mj0r0GZ10L/OlyTrlnGHqgxNc4oS2rcN3uWjlwXaA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.0.7.tgz", + "integrity": "sha512-c8T24wex9bnCYdZVZFNX4VV+wfhrp47OLzVONZDqxMhq6G//Bgv5zH4Awcx5UfWf/05VcP7KGF1VKj8ebRyEEA==", "dev": true, "requires": { - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/node-logger": "7.0.7", + "@storybook/types": "7.0.7", "@types/node": "^16.0.0", "@types/pretty-hrtime": "^1.0.0", "chalk": "^4.1.0", @@ -35519,9 +33800,9 @@ }, "dependencies": { "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", + "version": "16.18.24", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.24.tgz", + "integrity": "sha512-zvSN2Esek1aeLdKDYuntKAYjti9Z2oT4I8bfkLLhIxHlv3dwZ5vvATxOc31820iYm4hQRCwjUgDpwSMFjfTUnw==", "dev": true }, "glob": { @@ -35567,31 +33848,31 @@ } }, "@storybook/core-events": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.5.tgz", - "integrity": "sha512-bYQFZlJR3n5gFk5GVIemuL3m6aYPF6DVnzj6n9UcMZDlHcOZ2B2WbTmAUrGy0bmtj/Fd6ZJKDpBhh3cRRsYkbA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.0.7.tgz", + "integrity": "sha512-XNsR2RgaL2vBwuqsu+KA1DzGmB1UFfrAhpxhmyWTKDCniwtTLlaXgfKbqwcrOrPu/o1YswgIup/9UHepRHaf4A==", "dev": true }, "@storybook/core-server": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.5.tgz", - "integrity": "sha512-h3SVzwepHTyDxS7ZPuYfHStnWC0EC05axSPKb3yeO6bCsowf+CEXgY5VayUqP8GkgLBez859m172y6B+wVXZ3g==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.0.7.tgz", + "integrity": "sha512-PB4zoClH7aKG4XeJhxx43iK9n/C9gctXubNN5DSN6thPm4UITOas+/q4N7AHbCPyRbcMyoW7M31KtpzZu4Fjew==", "dev": true, "requires": { "@aw-web-design/x-default-browser": "1.4.88", "@discoveryjs/json-ext": "^0.5.3", - "@storybook/builder-manager": "7.0.5", - "@storybook/core-common": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/builder-manager": "7.0.7", + "@storybook/core-common": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", - "@storybook/csf-tools": "7.0.5", + "@storybook/csf-tools": "7.0.7", "@storybook/docs-mdx": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/telemetry": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/manager": "7.0.7", + "@storybook/node-logger": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/telemetry": "7.0.7", + "@storybook/types": "7.0.7", "@types/detect-port": "^1.3.0", "@types/node": "^16.0.0", "@types/node-fetch": "^2.5.7", @@ -35623,9 +33904,9 @@ }, "dependencies": { "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", + "version": "16.18.24", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.24.tgz", + "integrity": "sha512-zvSN2Esek1aeLdKDYuntKAYjti9Z2oT4I8bfkLLhIxHlv3dwZ5vvATxOc31820iYm4hQRCwjUgDpwSMFjfTUnw==", "dev": true }, "ip": { @@ -35636,27 +33917,6 @@ } } }, - "@storybook/core-webpack": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.0.5.tgz", - "integrity": "sha512-314PdAt0XJsHq2Eyu3Gl6fqjMF7xGmrhWVvTf9Eczw58T+Gm2aoYnmAf0PP0CXNQwsdnlLx+LHoG2nVpHg9wCw==", - "dev": true, - "requires": { - "@storybook/core-common": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/types": "7.0.5", - "@types/node": "^16.0.0", - "ts-dedent": "^2.0.0" - }, - "dependencies": { - "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true - } - } - }, "@storybook/csf": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.0.tgz", @@ -35675,19 +33935,19 @@ } }, "@storybook/csf-plugin": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.5.tgz", - "integrity": "sha512-TTM6l1i73ZGUSCJpAXitsd/KHWQbiuPsFSHKaikowK+pJ2hz4kfNG5JrajXKR5OltBAAbUudK25oJWsvo8FGpQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.0.7.tgz", + "integrity": "sha512-uhf2g077gXA6ZEMXIPQ0RnX+IoOTBJbj+6+VQfT7K5tvJeop1z0Fvk0FoknNXcUe7aUA0nzA/cUQ1v4vXqbY3Q==", "dev": true, "requires": { - "@storybook/csf-tools": "7.0.5", + "@storybook/csf-tools": "7.0.7", "unplugin": "^0.10.2" } }, "@storybook/csf-tools": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.5.tgz", - "integrity": "sha512-W83OAlYUyzbx3SuDGgsPunw8BeT5gkYJGqenC6wJH0B1Nc+MjYxjhffaMtnT2X8RgMKKgIIf7sB3QN22y+kN/Q==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.0.7.tgz", + "integrity": "sha512-KbO5K2RS0oFm94eR49bAPvoyXY3Q6+ozvBek/F05RP7iAV790icQc59Xci9YDM1ONgb3afS+gSJGFBsE0h4pmg==", "dev": true, "requires": { "@babel/generator": "~7.21.1", @@ -35695,7 +33955,7 @@ "@babel/traverse": "~7.21.2", "@babel/types": "~7.21.2", "@storybook/csf": "^0.1.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "fs-extra": "^11.1.0", "recast": "^0.23.1", "ts-dedent": "^2.0.0" @@ -35708,15 +33968,15 @@ "dev": true }, "@storybook/docs-tools": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.5.tgz", - "integrity": "sha512-8e/9EIA9+1AhekJ8g81FgnjhJKWq8fNZK3AWYoDiPCjBFY3bLzisTLMAnxQILUG9DRbbX4aH2FZ3sMqvO9f3EQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.0.7.tgz", + "integrity": "sha512-VB4Qa33DYNxXALWcXyDid246r9Q6SGM+Q+pGWOuEJsxRxDmrUspXHaHG0CO1NIjMWfbqpOoz61vquZO0GZoAAg==", "dev": true, "requires": { "@babel/core": "^7.12.10", - "@storybook/core-common": "7.0.5", - "@storybook/preview-api": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/core-common": "7.0.7", + "@storybook/preview-api": "7.0.7", + "@storybook/types": "7.0.7", "@types/doctrine": "^0.0.3", "doctrine": "^3.0.0", "lodash": "^4.17.21" @@ -35729,38 +33989,38 @@ "dev": true }, "@storybook/instrumenter": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.0.5.tgz", - "integrity": "sha512-A+uPQjA8JqR23efQbMHKnmeoltAJGYEV+855X3X27aie2B4mUo3KHELyeioaqTVuh1KZ/K0dTvjpfbGSQGscvg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.0.7.tgz", + "integrity": "sha512-0zE5lM3laKvCT4GW/XKKw8kakvI4catqK8PObZolRhfxbtGufW4VJZ2E8vXLtgA/+K3zikypjuWE6d45NLbh9w==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5" + "@storybook/preview-api": "7.0.7" } }, "@storybook/manager": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.5.tgz", - "integrity": "sha512-EwgEXetNfpitkxJ+WCqVF71aqaLR+3exDfL088NalxLZOJIokodvbtEKdueJr7CzrqTdxMIm9um5YX1ZgxdUcg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.0.7.tgz", + "integrity": "sha512-FhquwUpUOHsjZROf6E6kzUnJ6EmMeJ9b+HYg6yYPyIMYVMjAhnkRKbIj0phGx2lhgKFlmxik+3pgchK5SLdcZA==", "dev": true }, "@storybook/manager-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.5.tgz", - "integrity": "sha512-zZR5uL3vR5skNge0a8FZNZfnGuDYVLVBpNVi5/UpnVRA/Pr439NHXaJL8xzdT7Xcvs+qp1FHShMM4gZVIFHrKA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.0.7.tgz", + "integrity": "sha512-QTd/P72peAhofKqK+8yzIO9iWAEfPn8WUGGveV2KGaTlSlgbr87RLHEKilcXMZcYhBWC9izFRmjKum9ROdskrQ==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/router": "7.0.5", - "@storybook/theming": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/router": "7.0.7", + "@storybook/theming": "7.0.7", + "@storybook/types": "7.0.7", "dequal": "^2.0.2", "lodash": "^4.17.21", "memoizerific": "^1.11.3", @@ -35777,9 +34037,9 @@ "dev": true }, "@storybook/node-logger": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.5.tgz", - "integrity": "sha512-REBIMItpBVn9tpo2JXP3eyHg9lsYSt1JqWFaEncdKEiXWArv5c8pN6/od7MB3sU3NdHwEDKwLel2fZaDbg3jBQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.0.7.tgz", + "integrity": "sha512-5Y4LLgKeCStq1ktCKZ5eNPzQQSQ+CYZAlkEdzQ3Pp//0KXaZvVxEvGtaYhAymP2HatLpI8Oneo4lHrJioRfgww==", "dev": true, "requires": { "@types/npmlog": "^4.1.2", @@ -35841,93 +34101,30 @@ } }, "@storybook/postinstall": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.5.tgz", - "integrity": "sha512-JtHY04HYdVHj8zeCHE6K6BLKK63r1hk/bhB49u64WuPkNJG8b5rAe5XYXeImOiRbwNLshDRJTyaUhjoSqONskA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.0.7.tgz", + "integrity": "sha512-APcZ2KaR7z1aJje3pID4Ywmt1/aVcP3Sc4ltzNdH9mCkEsuq0fZHHQrYSa9Ya1IPRmSeLZ5/23q1iyqmGU3zoQ==", "dev": true }, - "@storybook/preset-react-webpack": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.0.5.tgz", - "integrity": "sha512-lW5XKPBALHubyZRm+xaVnjYBUkL79v4eHUZ8GnHI9ieLvKt3FmZJlloVYBEXYxI+5WAZ4AB5gP9xvAXujuAxzA==", - "dev": true, - "requires": { - "@babel/preset-flow": "^7.18.6", - "@babel/preset-react": "^7.18.6", - "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5", - "@storybook/core-webpack": "7.0.5", - "@storybook/docs-tools": "7.0.5", - "@storybook/node-logger": "7.0.5", - "@storybook/react": "7.0.5", - "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", - "@types/node": "^16.0.0", - "@types/semver": "^7.3.4", - "babel-plugin-add-react-displayname": "^0.0.5", - "babel-plugin-react-docgen": "^4.2.1", - "fs-extra": "^11.1.0", - "react-refresh": "^0.11.0", - "semver": "^7.3.7", - "webpack": "5" - }, - "dependencies": { - "@pmmmwh/react-refresh-webpack-plugin": { - "version": "0.5.10", - "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz", - "integrity": "sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==", - "dev": true, - "requires": { - "ansi-html-community": "^0.0.8", - "common-path-prefix": "^3.0.0", - "core-js-pure": "^3.23.3", - "error-stack-parser": "^2.0.6", - "find-up": "^5.0.0", - "html-entities": "^2.1.0", - "loader-utils": "^2.0.4", - "schema-utils": "^3.0.0", - "source-map": "^0.7.3" - } - }, - "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true - }, - "source-map": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", - "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", - "dev": true - }, - "type-fest": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.8.0.tgz", - "integrity": "sha512-FVNSzGQz9Th+/9R6Lvv7WIAkstylfHN2/JYxkyhhmKFYh9At2DST8t6L6Lref9eYO8PXFTfG9Sg1Agg0K3vq3Q==", - "dev": true, - "optional": true, - "peer": true - } - } - }, "@storybook/preview": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.5.tgz", - "integrity": "sha512-N1IDKzmqnF+XAdACGnaWw22dmSUQHuHKyyQ/vV9upMf0hA+4gk9pc5RFEHOQO/sTbxblgfKm9Q1fIYkxgPVFxg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.0.7.tgz", + "integrity": "sha512-uL3ZcFao6UvxiSxCIcXKFakxEr9Nn0lvu0zzC2yQCVepzA7a+GDr1cK5VbZ6Mez38CnOvBmb5pkCbgRqSf/oug==", "dev": true }, "@storybook/preview-api": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.5.tgz", - "integrity": "sha512-mZruATt5JXfLuXJfOo30WCXILXjK+hs0HwtUDGRVW/J4Ql8CdNPB+WF56ZgeWUnMAYRf392bN3uNwmZx4v4Fog==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.0.7.tgz", + "integrity": "sha512-R5pmGTodpu6hbwEg2RM2ulWtW3d426YzsisHrZJ+FT9lecWauN1y9xHCz7HdNzEFhT8r4YOa24L9ZS3mosZ7hA==", "dev": true, "requires": { - "@storybook/channel-postmessage": "7.0.5", - "@storybook/channels": "7.0.5", - "@storybook/client-logger": "7.0.5", - "@storybook/core-events": "7.0.5", + "@storybook/channel-postmessage": "7.0.7", + "@storybook/channels": "7.0.7", + "@storybook/client-logger": "7.0.7", + "@storybook/core-events": "7.0.7", "@storybook/csf": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "@types/qs": "^6.9.5", "dequal": "^2.0.2", "lodash": "^4.17.21", @@ -35939,18 +34136,18 @@ } }, "@storybook/react": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.5.tgz", - "integrity": "sha512-VXLi/oZnYLXe61Bvfan1YY6cANbFgDb5MmCpu8COaYOGjT53o4gTh3zQoDubaN8wzTQfE0TyP9E+m4//KvZxow==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.0.7.tgz", + "integrity": "sha512-eEsIfAGumzo7KRi/WKFpn/PGFhwLv72oiEM/8l5MMX/6poIkiekunqJLfx2BoL4cCtiS4g7OYzOdWjN01DwVCg==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-client": "7.0.5", - "@storybook/docs-tools": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-client": "7.0.7", + "@storybook/docs-tools": "7.0.7", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.0.5", - "@storybook/react-dom-shim": "7.0.5", - "@storybook/types": "7.0.5", + "@storybook/preview-api": "7.0.7", + "@storybook/react-dom-shim": "7.0.7", + "@storybook/types": "7.0.7", "@types/escodegen": "^0.0.6", "@types/estree": "^0.0.51", "@types/node": "^16.0.0", @@ -35987,90 +34184,103 @@ } } }, - "@storybook/react-docgen-typescript-plugin": { - "version": "1.0.6--canary.9.0c3f3b7.0", - "resolved": "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz", - "integrity": "sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "endent": "^2.0.1", - "find-cache-dir": "^3.3.1", - "flat-cache": "^3.0.4", - "micromatch": "^4.0.2", - "react-docgen-typescript": "^2.2.2", - "tslib": "^2.0.0" - } - }, "@storybook/react-dom-shim": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.5.tgz", - "integrity": "sha512-iSdP73Af/d8RdNfa4rDHI3JuAakDqPl8Z1LT0cFcfzg29kihdmXIVaLvMcMqTrnqELU6VmzSiE86U+T1XOX95w==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.0.7.tgz", + "integrity": "sha512-INGwFeu9M+RzpvktSKuwy8Rk/70mXGqxxsb9lPtq7phmETvfpNX7GnLJqiVazTaQiB1DkB0iAPUsK2MNbBu+Kw==", "dev": true, "requires": {} }, - "@storybook/react-webpack5": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-7.0.5.tgz", - "integrity": "sha512-tTwUWp0px1tI4e6WRHq5jcIL5L8pPg0kooBsgln94hXEOTzMF33FT08Bs9knzwN76vkBUo37XfHJKR3vaNJtNA==", + "@storybook/react-vite": { + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.0.7.tgz", + "integrity": "sha512-RuWfP/kiLpuHdcF9dWUUp9SOGMmO0FJ0HGV5yAOhGmi8KmTzvc8zjC+hJjj+sSgn2n71BO8pG/zqGl16FwfwVQ==", "dev": true, "requires": { - "@storybook/builder-webpack5": "7.0.5", - "@storybook/preset-react-webpack": "7.0.5", - "@storybook/react": "7.0.5", - "@types/node": "^16.0.0" + "@joshwooding/vite-plugin-react-docgen-typescript": "0.2.1", + "@rollup/pluginutils": "^4.2.0", + "@storybook/builder-vite": "7.0.7", + "@storybook/react": "7.0.7", + "@vitejs/plugin-react": "^3.0.1", + "ast-types": "^0.14.2", + "magic-string": "^0.27.0", + "react-docgen": "6.0.0-alpha.3" }, "dependencies": { - "@types/node": { - "version": "16.18.23", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.23.tgz", - "integrity": "sha512-XAMpaw1s1+6zM+jn2tmw8MyaRDIJfXxqmIQIS0HfoGYPuf7dUWeiUKopwq13KFX9lEp1+THGtlaaYx39Nxr58g==", - "dev": true + "@vitejs/plugin-react": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-3.1.0.tgz", + "integrity": "sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==", + "dev": true, + "requires": { + "@babel/core": "^7.20.12", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.27.0", + "react-refresh": "^0.14.0" + } + }, + "magic-string": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", + "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", + "dev": true, + "requires": { + "@jridgewell/sourcemap-codec": "^1.4.13" + } + }, + "react-docgen": { + "version": "6.0.0-alpha.3", + "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-6.0.0-alpha.3.tgz", + "integrity": "sha512-DDLvB5EV9As1/zoUsct6Iz2Cupw9FObEGD3DMcIs3EDFIoSKyz8FZtoWj3Wj+oodrU4/NfidN0BL5yrapIcTSA==", + "dev": true, + "requires": { + "@babel/core": "^7.7.5", + "@babel/generator": "^7.12.11", + "ast-types": "^0.14.2", + "commander": "^2.19.0", + "doctrine": "^3.0.0", + "estree-to-babel": "^3.1.0", + "neo-async": "^2.6.1", + "node-dir": "^0.1.10", + "resolve": "^1.17.0", + "strip-indent": "^3.0.0" + } } } }, "@storybook/router": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.5.tgz", - "integrity": "sha512-tvbSb+G3Ft5Z7McwUcMa13D8pM4pdoCu/pKCVMOlAI5TZF3lidLMq2RCsrztpHiYBrhZcp6dWfErosXa+BYvwQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.0.7.tgz", + "integrity": "sha512-/lM8/NHQKeshfnC3ayFuO8Y9TCSHnCAPRhIsVxvanBzcj+ILbCIyZ+TspvB3hT4MbX/Ez+JR8VrMbjXIGwmH8w==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "memoizerific": "^1.11.3", "qs": "^6.10.0" } }, "@storybook/source-loader": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-7.0.5.tgz", - "integrity": "sha512-KUO9VbwTquH8BhM5KPoHgnVxIHrjmN0LlNSP5w0iL5/5aM4sAMGkF/KN9MCMbZ90m+IljLMBUgKk9ASkNH8tuw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-7.0.7.tgz", + "integrity": "sha512-vAURuD0WmafHe8XGbkwcOn1dCLcU4ociL5xakCw0upgW0cUczp4BMRfwmP0Az5YDhfoQRjBVmUaFfjONhTDawg==", "dev": true, "requires": { "@storybook/csf": "^0.1.0", - "@storybook/types": "7.0.5", + "@storybook/types": "7.0.7", "estraverse": "^5.2.0", "lodash": "^4.17.21", "prettier": "^2.8.0" } }, - "@storybook/store": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/store/-/store-7.0.5.tgz", - "integrity": "sha512-ZKp9dw3SfZLEmML7mvA5YUorjxr8WKYkefzVAyOECK9B3gra4x0tH0uzO6J8esauzNiURHG1I1UmyzgcrRNrqg==", - "dev": true, - "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/preview-api": "7.0.5" - } - }, "@storybook/telemetry": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.5.tgz", - "integrity": "sha512-eHf3JfMOBpy/QiErHfr4aIcqj/ADEqLOWxxoEICfwj4Nok/9dJKDXdjkHb0GAC2yRE2+iGlz7ipVL2XHZAIhIg==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.0.7.tgz", + "integrity": "sha512-Ka6pwWr3sWs3A/6WQ0wsoSYzXx3Mhr7eByNZZKuuCu9jnw3I8AbIOqQX2iOVzaQBLZsvXEeqvYY8iZ+GuRbbGQ==", "dev": true, "requires": { - "@storybook/client-logger": "7.0.5", - "@storybook/core-common": "7.0.5", + "@storybook/client-logger": "7.0.7", + "@storybook/core-common": "7.0.7", "chalk": "^4.1.0", "detect-package-manager": "^2.0.1", "fetch-retry": "^5.0.2", @@ -36150,24 +34360,24 @@ } }, "@storybook/theming": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.5.tgz", - "integrity": "sha512-XgQXKktcVBOkJT5gXjqtjH7C2pjdreDy0BTVTaEmFzggyyw+cgFrkJ7tuB27oKwYe+svx26c/olVMSHYf+KqhA==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.0.7.tgz", + "integrity": "sha512-InTZe+Sgco1NsxgiG+cyUKWQe3GsjlIyU/o5qDdtOTXcZ64HzyBuAZlAequSddqfDeMDqxRFPc2w1J28MAUHxA==", "dev": true, "requires": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@storybook/client-logger": "7.0.5", + "@storybook/client-logger": "7.0.7", "@storybook/global": "^5.0.0", "memoizerific": "^1.11.3" } }, "@storybook/types": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.5.tgz", - "integrity": "sha512-By+tF3B30QiCnzEJ+Z73M2usSCqBWEmX4OGT1KbiEzWekkrsfCfpZwfzeMw1WwdQGlB1gLKTzB8wZ1zZB8oPtQ==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.0.7.tgz", + "integrity": "sha512-v9piuwp8FvTiHXIOOi5lEyTEJKhnbcbhVxgJ3VFhhXYFd0DTz6Bst0XIIgkgs21ITb3xhkfPbCRUueMcbXO1MA==", "dev": true, "requires": { - "@storybook/channels": "7.0.5", + "@storybook/channels": "7.0.7", "@types/babel__core": "^7.0.0", "@types/express": "^4.7.0", "file-system-cache": "^2.0.0" @@ -36176,7 +34386,6 @@ "@sumup/circuit-ui": { "version": "file:packages/circuit-ui", "requires": { - "@emotion/babel-plugin": "^11.10.2", "@emotion/cache": "^11.4.0", "@emotion/is-prop-valid": "^1.1.0", "@emotion/jest": "^11.10.5", @@ -36201,7 +34410,6 @@ "@types/testing-library__jest-dom": "^5.14.5", "component-playground": "^3.2.1", "cross-env": "^7.0.2", - "fork-ts-checker-webpack-plugin": "^8.0.0", "jest-axe": "^7.0.1", "moment": "^2.29.4", "react": "^18.2.0", @@ -36212,42 +34420,7 @@ "react-modal": "^3.16.1", "react-number-format": "^5.1.4", "react-swipeable": "^7.0.0", - "typescript": "^5.0.4", - "use-latest": "^1.2.1", - "use-previous": "^1.2.0" - }, - "dependencies": { - "fork-ts-checker-webpack-plugin": { - "version": "8.0.0", - "resolved": "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz", - "integrity": "sha1-2uRd/nKYql1VPiWACWztebYXlQQ= sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.16.7", - "chalk": "^4.1.2", - "chokidar": "^3.5.3", - "cosmiconfig": "^7.0.1", - "deepmerge": "^4.2.2", - "fs-extra": "^10.0.0", - "memfs": "^3.4.1", - "minimatch": "^3.0.4", - "node-abort-controller": "^3.0.1", - "schema-utils": "^3.1.1", - "semver": "^7.3.5", - "tapable": "^2.2.1" - } - }, - "fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha1-Aoc8+8QITd4SfqpfmQXu8jJdGr8= sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - } - } + "typescript": "^5.0.4" } }, "@sumup/cna-template": { @@ -36368,9 +34541,7 @@ "@types/lodash": "^4.14.194", "babel-plugin-inline-react-svg": "^2.0.2", "dedent": "^0.7.0", - "lodash": "^4.17.15", - "ts-node": "^10.9.1", - "ts-node-dev": "^2.0.0", + "tsx": "^3.12.6", "typescript": "^5.0.4" } }, @@ -36488,30 +34659,12 @@ "integrity": "sha1-zMqrdYr1Z2Hre/N69vA/Mm3XmK0= sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==", "dev": true }, - "@tsconfig/node10": { - "version": "1.0.8", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node10/-/node10-1.0.8.tgz", - "integrity": "sha1-weToDW+WT77LM1nEO9SLQPfK2tk= sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==", - "dev": true - }, - "@tsconfig/node12": { - "version": "1.0.9", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node12/-/node12-1.0.9.tgz", - "integrity": "sha1-YsH23uLr2a6tgNw6+laBDljhoEw= sha512-/yBMcem+fbvhSREH+s14YJi18sp7J9jpuhYByADT2rypfajMZZN4WQ6zBGgBKp53NKmqI36wFYDb3yaMPurITw==", - "dev": true - }, "@tsconfig/node14": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz", "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==", "dev": true }, - "@tsconfig/node16": { - "version": "1.0.2", - "resolved": "https://registry.yarnpkg.com/@tsconfig/node16/-/node16-1.0.2.tgz", - "integrity": "sha1-Qjx3h30Fadsg4fyAiFrEEYMUAQ4= sha512-eZxlbI8GZscaGS7kkc/trHTT5xgrjH3/1n2JDwusC9iahPKWMRvRjJSAN5mCXviuTGQ/lHnhvv8Q1YTpnfz9gA==", - "dev": true - }, "@tsconfig/node18": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@tsconfig/node18/-/node18-2.0.0.tgz", @@ -36667,26 +34820,6 @@ "integrity": "sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==", "dev": true }, - "@types/eslint": { - "version": "8.4.1", - "resolved": "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.1.tgz", - "integrity": "sha1-xIJRVT6HWdueZW3j78hGlUrDIwQ= sha512-GE44+DNEyxxh2Kc6ro/VkIj+9ma0pO0bwv9+uHSyBrikYOHr8zYcdPvnBOp1aw8s+CjRvuSx7CyWqRrNFQ59mA==", - "dev": true, - "requires": { - "@types/estree": "*", - "@types/json-schema": "*" - } - }, - "@types/eslint-scope": { - "version": "3.7.3", - "resolved": "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.3.tgz", - "integrity": "sha1-EluIUEth48i8b4cIggAyUwBcMiQ= sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==", - "dev": true, - "requires": { - "@types/eslint": "*", - "@types/estree": "*" - } - }, "@types/estree": { "version": "0.0.51", "resolved": "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz", @@ -36758,12 +34891,6 @@ "@types/unist": "*" } }, - "@types/html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==", - "dev": true - }, "@types/is-ci": { "version": "3.0.0", "resolved": "https://registry.yarnpkg.com/@types/is-ci/-/is-ci-3.0.0.tgz", @@ -37053,18 +35180,6 @@ "integrity": "sha1-IPGClPeX8iCbX2XI47XI6CYdEnw= sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==", "dev": true }, - "@types/strip-bom": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha1-FKjsOVbC6B7bdSB5CuzyHCkK69I=", - "dev": true - }, - "@types/strip-json-comments": { - "version": "0.0.30", - "resolved": "https://registry.yarnpkg.com/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz", - "integrity": "sha1-mqMMBNshKpoGSdaub9UKzMQHSKE= sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==", - "dev": true - }, "@types/testing-library__jest-dom": { "version": "5.14.5", "resolved": "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.5.tgz", @@ -37199,14 +35314,6 @@ "@babel/plugin-transform-react-jsx-self": "^7.21.0", "@babel/plugin-transform-react-jsx-source": "^7.19.6", "react-refresh": "^0.14.0" - }, - "dependencies": { - "react-refresh": { - "version": "0.14.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", - "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", - "dev": true - } } }, "@vitest/coverage-c8": { @@ -37353,164 +35460,6 @@ } } }, - "@webassemblyjs/ast": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz", - "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==", - "dev": true, - "requires": { - "@webassemblyjs/helper-numbers": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5" - } - }, - "@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz", - "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==", - "dev": true - }, - "@webassemblyjs/helper-api-error": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz", - "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==", - "dev": true - }, - "@webassemblyjs/helper-buffer": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz", - "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==", - "dev": true - }, - "@webassemblyjs/helper-numbers": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz", - "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==", - "dev": true, - "requires": { - "@webassemblyjs/floating-point-hex-parser": "1.11.5", - "@webassemblyjs/helper-api-error": "1.11.5", - "@xtuc/long": "4.2.2" - } - }, - "@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz", - "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==", - "dev": true - }, - "@webassemblyjs/helper-wasm-section": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz", - "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5" - } - }, - "@webassemblyjs/ieee754": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz", - "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==", - "dev": true, - "requires": { - "@xtuc/ieee754": "^1.2.0" - } - }, - "@webassemblyjs/leb128": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz", - "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==", - "dev": true, - "requires": { - "@xtuc/long": "4.2.2" - } - }, - "@webassemblyjs/utf8": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz", - "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==", - "dev": true - }, - "@webassemblyjs/wasm-edit": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz", - "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/helper-wasm-section": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5", - "@webassemblyjs/wasm-opt": "1.11.5", - "@webassemblyjs/wasm-parser": "1.11.5", - "@webassemblyjs/wast-printer": "1.11.5" - } - }, - "@webassemblyjs/wasm-gen": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz", - "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/ieee754": "1.11.5", - "@webassemblyjs/leb128": "1.11.5", - "@webassemblyjs/utf8": "1.11.5" - } - }, - "@webassemblyjs/wasm-opt": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz", - "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-buffer": "1.11.5", - "@webassemblyjs/wasm-gen": "1.11.5", - "@webassemblyjs/wasm-parser": "1.11.5" - } - }, - "@webassemblyjs/wasm-parser": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz", - "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@webassemblyjs/helper-api-error": "1.11.5", - "@webassemblyjs/helper-wasm-bytecode": "1.11.5", - "@webassemblyjs/ieee754": "1.11.5", - "@webassemblyjs/leb128": "1.11.5", - "@webassemblyjs/utf8": "1.11.5" - } - }, - "@webassemblyjs/wast-printer": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz", - "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.5", - "@xtuc/long": "4.2.2" - } - }, - "@xtuc/ieee754": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", - "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true - }, - "@xtuc/long": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", - "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", - "dev": true - }, "@yarnpkg/esbuild-plugin-pnp": { "version": "3.0.0-rc.15", "resolved": "https://registry.npmjs.org/@yarnpkg/esbuild-plugin-pnp/-/esbuild-plugin-pnp-3.0.0-rc.15.tgz", @@ -37599,12 +35548,6 @@ } } }, - "acorn-import-assertions": { - "version": "1.8.0", - "resolved": "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", - "integrity": "sha1-uitZOc5iwjjbbZPYHJsRGym4Vek= sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "dev": true - }, "acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz", @@ -37694,41 +35637,6 @@ "uri-js": "^4.2.2" } }, - "ajv-formats": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", - "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, - "requires": { - "ajv": "^8.0.0" - }, - "dependencies": { - "ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - } - }, - "json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - } - } - }, - "ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0= sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true - }, "ansi-align": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz", @@ -37761,12 +35669,6 @@ } } }, - "ansi-html-community": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", - "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", - "dev": true - }, "ansi-regex": { "version": "2.1.1", "resolved": "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz", @@ -37841,12 +35743,6 @@ } } }, - "arg": { - "version": "4.1.3", - "resolved": "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz", - "integrity": "sha1-Jp/HrVuOQstjyJbVZmAXJhwUQIk= sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", - "dev": true - }, "argparse": { "version": "2.0.1", "resolved": "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz", @@ -38135,72 +36031,6 @@ "dev": true, "requires": {} }, - "babel-loader": { - "version": "9.1.2", - "resolved": "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz", - "integrity": "sha1-oWoIDeUtCIVO4UVwRpkFpfwA05w= sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA==", - "dev": true, - "requires": { - "find-cache-dir": "^3.3.2", - "schema-utils": "^4.0.0" - }, - "dependencies": { - "ajv": { - "version": "8.11.0", - "resolved": "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz", - "integrity": "sha1-l36R3ZbKZp9UoR4j43jjO4hKVl8= sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - } - }, - "ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha1-adTThaRzPNvqtElkoRcKiPh/DhY= sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.3" - } - }, - "json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha1-rnvLNlard6c7pcSb9lTzjmtoYOI= sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - }, - "schema-utils": { - "version": "4.0.0", - "resolved": "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz", - "integrity": "sha1-YDMenjrnjsXRY1PEZ8NLOgodPfc= sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.9", - "ajv": "^8.8.0", - "ajv-formats": "^2.1.1", - "ajv-keywords": "^5.0.0" - } - } - } - }, - "babel-plugin-add-react-displayname": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz", - "integrity": "sha512-LY3+Y0XVDYcShHHorshrDbt4KFWL4bSeniCtl4SYZbask+Syngk1uMPCeN9+nSiZo6zX5s0RTq/J9Pnaaf/KHw==", - "dev": true - }, - "babel-plugin-dynamic-import-node": { - "version": "2.3.3", - "resolved": "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz", - "integrity": "sha1-hP2hnJduxcbe/vV/lCez3vZuF6M= sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==", - "dev": true, - "requires": { - "object.assign": "^4.1.0" - } - }, "babel-plugin-inline-react-svg": { "version": "2.0.2", "resolved": "https://registry.yarnpkg.com/babel-plugin-inline-react-svg/-/babel-plugin-inline-react-svg-2.0.2.tgz", @@ -38281,49 +36111,6 @@ "resolve": "^1.19.0" } }, - "babel-plugin-module-resolver": { - "version": "5.0.0", - "resolved": "https://registry.yarnpkg.com/babel-plugin-module-resolver/-/babel-plugin-module-resolver-5.0.0.tgz", - "integrity": "sha1-K3/Bdr1V2iX1Fqv5YBVhe09w/HM= sha512-g0u+/ChLSJ5+PzYwLwP8Rp8Rcfowz58TJNCe+L/ui4rpzE/mg//JVX0EWBUYoxaextqnwuGHzfGp2hh0PPV25Q==", - "dev": true, - "requires": { - "find-babel-config": "^2.0.0", - "glob": "^8.0.3", - "pkg-up": "^3.1.0", - "reselect": "^4.1.7", - "resolve": "^1.22.1" - }, - "dependencies": { - "glob": { - "version": "8.1.0", - "resolved": "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz", - "integrity": "sha1-04j2Vlk+9wjuPjRkD9+5mp/Rwz4= sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^5.0.1", - "once": "^1.3.0" - } - }, - "minimatch": { - "version": "5.1.0", - "resolved": "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.0.tgz", - "integrity": "sha1-Fxe0ZPSXGxRPaqvo8tC45FEeCcc= sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "babel-plugin-named-exports-order": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-named-exports-order/-/babel-plugin-named-exports-order-0.0.2.tgz", - "integrity": "sha512-OgOYHOLoRK+/mvXU9imKHlG6GkPLYrUCvFXG/CM93R/aNNO8pOOF4aS+S8CCHMDQoNSeiOYEZb/G6RwL95Jktw==", - "dev": true - }, "babel-plugin-polyfill-corejs2": { "version": "0.3.3", "resolved": "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz", @@ -38362,17 +36149,6 @@ "@babel/helper-define-polyfill-provider": "^0.3.3" } }, - "babel-plugin-react-docgen": { - "version": "4.2.1", - "resolved": "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-4.2.1.tgz", - "integrity": "sha1-fMji+U6NwFegbpUxYvCBDk5yJXs= sha512-UQ0NmGHj/HAqi5Bew8WvNfCk8wSsmdgNd8ZdMjBCICtyCJCq9LiqgqvjCYe570/Wg7AQArSq1VQ60Dd/CHN7mQ==", - "dev": true, - "requires": { - "ast-types": "^0.14.2", - "lodash": "^4.17.15", - "react-docgen": "^5.0.0" - } - }, "babel-polyfill": { "version": "6.26.0", "resolved": "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz", @@ -38487,12 +36263,6 @@ "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==", "dev": true }, - "big.js": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", - "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", - "dev": true - }, "binary-extensions": { "version": "2.2.0", "resolved": "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz", @@ -38835,16 +36605,6 @@ "resolved": "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz", "integrity": "sha1-s2MKvYlDQy9Us/BRkjjjPNffL3M= sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==" }, - "camel-case": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", - "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", - "dev": true, - "requires": { - "pascal-case": "^3.1.2", - "tslib": "^2.0.3" - } - }, "camelcase": { "version": "5.3.1", "resolved": "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz", @@ -38876,12 +36636,6 @@ "integrity": "sha512-gMhDyXGItTHipJj2ApIvR+iVB5hd0KP3svMWWXDvZOmjzJJassGLMfxRkQCSYgGd2gtdL/ReeiyvMSFD1Ss6Mw==", "dev": true }, - "case-sensitive-paths-webpack-plugin": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz", - "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==", - "dev": true - }, "ccount": { "version": "2.0.1", "resolved": "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz", @@ -38963,27 +36717,12 @@ "integrity": "sha1-Fb++U9LqtM9w8YqM1o6+Wzyx3s4= sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", "dev": true }, - "chrome-trace-event": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", - "integrity": "sha1-EBXs7UdB4V0GZkqVfbv1DQQeJqw= sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", - "dev": true - }, "ci-info": { "version": "3.3.0", "resolved": "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.0.tgz", "integrity": "sha1-tO0ftoGN6kgDpVxiMEH5Fl0gZrI= sha512-riT/3vI5YpVH6/qomlDnJow6TBee2PBKSEpx3O32EGPYbWGIRsIlGRms3Sm74wYE1JMo8RnO04Hb12+v1J5ICw==", "dev": true }, - "clean-css": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz", - "integrity": "sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==", - "dev": true, - "requires": { - "source-map": "~0.6.0" - } - }, "clean-stack": { "version": "2.2.0", "resolved": "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz", @@ -39012,11 +36751,12 @@ "dev": true }, "cli-table3": { - "version": "0.6.2", - "resolved": "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.2.tgz", - "integrity": "sha1-qvXfnYtb8SY03IswQIBqDAcSDSo= sha512-QyavHCaIC80cMivimWu4aWHilIpiDpfm3hGmqAmXVL1UsnbLuBSMd21hTX6VY4ZSDSM73ESLeF8TOYId3rBTbw==", + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz", + "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==", "dev": true, "requires": { + "@colors/colors": "1.5.0", "string-width": "^4.2.0" } }, @@ -39186,12 +36926,6 @@ "integrity": "sha1-T30tE5TZG3q99Rhxxi9x6tsBgqc= sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==", "dev": true }, - "common-path-prefix": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", - "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", - "dev": true - }, "commondir": { "version": "1.0.1", "resolved": "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz", @@ -39654,12 +37388,6 @@ "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", "dev": true }, - "core-js": { - "version": "3.28.0", - "resolved": "https://registry.yarnpkg.com/core-js/-/core-js-3.28.0.tgz", - "integrity": "sha1-7YuemcJzh5/f/w7fx37nCaWADko= sha512-GiZn9D4Z/rSYvTeg1ljAIsEqFm0LaN9gVtwDCrKL80zHtS31p9BAjmTxVqTQDMpwlMolJZOFntUG2uwyj7DAqw==", - "dev": true - }, "core-js-compat": { "version": "3.25.2", "resolved": "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.25.2.tgz", @@ -39669,12 +37397,6 @@ "browserslist": "^4.21.4" } }, - "core-js-pure": { - "version": "3.28.0", - "resolved": "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.28.0.tgz", - "integrity": "sha1-TvKIhHW2yFbvb1ru+LT2GLdq0Eg= sha512-DSOVleA9/v3LNj/vFxAPfUHttKTzrB2RXhAPvR5TPXn4vrra3Z2ssytvRyt8eruJwAfwAiFADEbrjcRdcvPLQQ==", - "dev": true - }, "core-util-is": { "version": "1.0.3", "resolved": "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz", @@ -39694,12 +37416,6 @@ "yaml": "^1.10.0" } }, - "create-require": { - "version": "1.1.1", - "resolved": "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz", - "integrity": "sha1-wdfo8eX2z8n/ZfnNNS03NIdWwzM= sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", - "dev": true - }, "cross-env": { "version": "7.0.3", "resolved": "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz", @@ -39745,22 +37461,6 @@ "integrity": "sha1-7yp6lm7BEIM4g2m6oC6+rSKbMNU= sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==", "dev": true }, - "css-loader": { - "version": "6.7.3", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.3.tgz", - "integrity": "sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==", - "dev": true, - "requires": { - "icss-utils": "^5.1.0", - "postcss": "^8.4.19", - "postcss-modules-extract-imports": "^3.0.0", - "postcss-modules-local-by-default": "^4.0.0", - "postcss-modules-scope": "^3.0.0", - "postcss-modules-values": "^4.0.0", - "postcss-value-parser": "^4.2.0", - "semver": "^7.3.8" - } - }, "css-select": { "version": "4.1.3", "resolved": "https://registry.yarnpkg.com/css-select/-/css-select-4.1.3.tgz", @@ -40036,12 +37736,6 @@ "resolved": "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz", "integrity": "sha1-pvLc5hL63S7x9Rm3NVHxfoUZmDE= sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==" }, - "deepmerge": { - "version": "4.2.2", - "resolved": "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz", - "integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU= sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==", - "dev": true - }, "default-browser-id": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz", @@ -40216,15 +37910,6 @@ "integrity": "sha1-yqbQj2A4jQu0U53XX+RYqaHQAUw= sha512-Xu9mD0UjrJisTmv7lmVSDMagQcU9R5hwAbxsaAE/35XPnPLJobbuREfV/rraiSaEj/UOvgrzQs66zyTWTlyd+g==", "dev": true }, - "dom-converter": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", - "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==", - "dev": true, - "requires": { - "utila": "~0.4" - } - }, "dom-serializer": { "version": "1.3.2", "resolved": "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz", @@ -40271,16 +37956,6 @@ "domhandler": "^4.2.0" } }, - "dot-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", - "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", - "dev": true, - "requires": { - "no-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, "dot-prop": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz", @@ -40320,15 +37995,6 @@ "stream-shift": "^1.0.0" } }, - "dynamic-dedupe": { - "version": "0.3.0", - "resolved": "https://registry.yarnpkg.com/dynamic-dedupe/-/dynamic-dedupe-0.3.0.tgz", - "integrity": "sha1-BuRMIj9eTpTXjvnbI6ZRXOL5YqE=", - "dev": true, - "requires": { - "xtend": "^4.0.0" - } - }, "eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -40368,12 +38034,6 @@ "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", "dev": true }, - "emojis-list": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", - "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", - "dev": true - }, "encodeurl": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", @@ -40411,17 +38071,6 @@ "once": "^1.4.0" } }, - "endent": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/endent/-/endent-2.1.0.tgz", - "integrity": "sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==", - "dev": true, - "requires": { - "dedent": "^0.7.0", - "fast-json-parse": "^1.0.3", - "objectorarray": "^1.0.5" - } - }, "enhanced-resolve": { "version": "5.13.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz", @@ -40483,15 +38132,6 @@ "is-arrayish": "^0.2.1" } }, - "error-stack-parser": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz", - "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==", - "dev": true, - "requires": { - "stackframe": "^1.3.4" - } - }, "es-abstract": { "version": "1.21.2", "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.21.2.tgz", @@ -40559,9 +38199,9 @@ } }, "es-module-lexer": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz", - "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==", + "version": "0.9.3", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz", + "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", "dev": true }, "es-set-tostringtag": { @@ -41294,6 +38934,12 @@ "c8": "^7.6.0" } }, + "estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", + "dev": true + }, "esutils": { "version": "2.0.3", "resolved": "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz", @@ -41535,12 +39181,6 @@ "micromatch": "^4.0.4" } }, - "fast-json-parse": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz", - "integrity": "sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==", - "dev": true - }, "fast-json-stable-stringify": { "version": "2.1.0", "resolved": "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", @@ -41685,16 +39325,6 @@ } } }, - "find-babel-config": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/find-babel-config/-/find-babel-config-2.0.0.tgz", - "integrity": "sha1-qCFvglQVqDnQ8j9NGDOKHMlm9wE= sha512-dOKT7jvF3hGzlW60Gc3ONox/0rRZ/tz7WCil0bqA1In/3I8f1BctpXahRnEKDySZqci7u+dqq93sZST9fOJpFw==", - "dev": true, - "requires": { - "json5": "^2.1.1", - "path-exists": "^4.0.0" - } - }, "find-cache-dir": { "version": "3.3.2", "resolved": "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz", @@ -41778,9 +39408,9 @@ "integrity": "sha1-ZL/tXLaP48p4s+shStl7Y77c5WE= sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==" }, "flow-parser": { - "version": "0.204.0", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.204.0.tgz", - "integrity": "sha512-cQhNPLOk5NFyDXBC8WE8dy2Gls+YqKI3FNqQbJ7UrbFyd30IdEX3t27u3VsnoVK22I872+PWeb1KhHxDgu7kAg==", + "version": "0.204.1", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.204.1.tgz", + "integrity": "sha512-PoeSF0VhSORn3hYzD/NxsQjXX1iLU0UZXzVwZXnRWjeVsedmvDo4epd7PtCQjxveGajmVlyVW35BOOOkqLqJpw==", "dev": true }, "follow-redirects": { @@ -41807,39 +39437,6 @@ "signal-exit": "^3.0.2" } }, - "fork-ts-checker-webpack-plugin": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-7.3.0.tgz", - "integrity": "sha512-IN+XTzusCjR5VgntYFgxbxVx3WraPRnKehBFrf00cMSrtUuW9MsG9dhL6MWpY6MkjC3wVwoujfCDgZZCQwbswA==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.16.7", - "chalk": "^4.1.2", - "chokidar": "^3.5.3", - "cosmiconfig": "^7.0.1", - "deepmerge": "^4.2.2", - "fs-extra": "^10.0.0", - "memfs": "^3.4.1", - "minimatch": "^3.0.4", - "node-abort-controller": "^3.0.1", - "schema-utils": "^3.1.1", - "semver": "^7.3.5", - "tapable": "^2.2.1" - }, - "dependencies": { - "fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - } - } - } - }, "form-data": { "version": "4.0.0", "resolved": "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz", @@ -41901,18 +39498,6 @@ "minipass": "^3.0.0" } }, - "fs-monkey": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz", - "integrity": "sha1-rjrJLVO7Mo7+DpodlUH2rY1I4tM= sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==", - "dev": true - }, - "fs-readdir-recursive": { - "version": "1.1.0", - "resolved": "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", - "integrity": "sha1-4y/AMKLM7kSmtTcTCNpUvgs5fSc= sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==", - "dev": true - }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -42182,10 +39767,31 @@ "is-glob": "^4.0.1" } }, + "glob-promise": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/glob-promise/-/glob-promise-4.2.2.tgz", + "integrity": "sha512-xcUzJ8NWN5bktoTIX7eOclO1Npxd/dyVqUJxlLIDasT4C7KZyqlPIwkdJ0Ypiy3p2ZKahTjK4M9uC3sNSfNMzw==", + "dev": true, + "requires": { + "@types/glob": "^7.1.3" + }, + "dependencies": { + "@types/glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==", + "dev": true, + "requires": { + "@types/minimatch": "*", + "@types/node": "*" + } + } + } + }, "glob-to-regexp": { "version": "0.4.1", - "resolved": "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha1-x1KXCHyFG5pXi9IX3VmpL1n+VG4= sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", "dev": true }, "global-cache": { @@ -42379,12 +39985,6 @@ "space-separated-tokens": "^1.0.0" } }, - "he": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", - "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", - "dev": true - }, "highlight.js": { "version": "10.7.3", "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz", @@ -42399,15 +39999,6 @@ "react-is": "^16.7.0" } }, - "homedir-polyfill": { - "version": "1.0.3", - "resolved": "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", - "integrity": "sha1-dDKYzvTlrz4ZQWH7rcwhUdOgWOg= sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", - "dev": true, - "requires": { - "parse-passwd": "^1.0.0" - } - }, "hosted-git-info": { "version": "4.1.0", "resolved": "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz", @@ -42426,72 +40017,18 @@ "whatwg-encoding": "^2.0.0" } }, - "html-entities": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.3.tgz", - "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==", - "dev": true - }, "html-escaper": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", "dev": true }, - "html-minifier-terser": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", - "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==", - "dev": true, - "requires": { - "camel-case": "^4.1.2", - "clean-css": "^5.2.2", - "commander": "^8.3.0", - "he": "^1.2.0", - "param-case": "^3.0.4", - "relateurl": "^0.2.7", - "terser": "^5.10.0" - }, - "dependencies": { - "commander": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", - "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", - "dev": true - } - } - }, "html-tags": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz", "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==", "dev": true }, - "html-webpack-plugin": { - "version": "5.5.1", - "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.1.tgz", - "integrity": "sha512-cTUzZ1+NqjGEKjmVgZKLMdiFg3m9MdRXkZW2OEe69WYVi5ONLMmlnSZdXzGGMOq0C8jGDrL6EWyEDDUioHO/pA==", - "dev": true, - "requires": { - "@types/html-minifier-terser": "^6.0.0", - "html-minifier-terser": "^6.0.2", - "lodash": "^4.17.21", - "pretty-error": "^4.0.0", - "tapable": "^2.0.0" - } - }, - "htmlparser2": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz", - "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==", - "dev": true, - "requires": { - "domelementtype": "^2.0.1", - "domhandler": "^4.0.0", - "domutils": "^2.5.2", - "entities": "^2.0.0" - } - }, "http-cache-semantics": { "version": "4.1.1", "resolved": "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", @@ -42597,13 +40134,6 @@ "safer-buffer": ">= 2.1.2 < 3" } }, - "icss-utils": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", - "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", - "dev": true, - "requires": {} - }, "ieee754": { "version": "1.2.1", "resolved": "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz", @@ -44953,8 +42483,8 @@ }, "leven": { "version": "3.1.0", - "resolved": "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz", - "integrity": "sha1-d4kd6DQGTMy6gq54QrtrFKE+1/I= sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", + "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz", + "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==", "dev": true }, "levn": { @@ -45819,23 +43349,6 @@ "strip-bom": "^3.0.0" } }, - "loader-runner": { - "version": "4.2.0", - "resolved": "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.2.0.tgz", - "integrity": "sha1-1wIjgNZtFMX7HUlriYZOvP1Hg4Q= sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==", - "dev": true - }, - "loader-utils": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", - "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", - "dev": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - }, "local-pkg": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz", @@ -46007,15 +43520,6 @@ "get-func-name": "^2.0.0" } }, - "lower-case": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", - "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", - "dev": true, - "requires": { - "tslib": "^2.0.3" - } - }, "lowlight": { "version": "1.20.0", "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.20.0.tgz", @@ -46067,12 +43571,6 @@ } } }, - "make-error": { - "version": "1.3.6", - "resolved": "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz", - "integrity": "sha1-LrLjfqm2fEiR9oShOUeZr0hM96I= sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", - "dev": true - }, "make-fetch-happen": { "version": "10.1.7", "resolved": "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.1.7.tgz", @@ -46333,15 +43831,6 @@ "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", "dev": true }, - "memfs": { - "version": "3.4.13", - "resolved": "https://registry.yarnpkg.com/memfs/-/memfs-3.4.13.tgz", - "integrity": "sha1-JIqL0jmzwkAXXNXsVI3lIn/E80U= sha512-omTM41g3Skpvx5dSYeZIbXKcXoAVc/AoMNwn9TKx++L/gaen/+4TTttmu8ZSch5vfVJ8uJvGbroTsIlslRg6lg==", - "dev": true, - "requires": { - "fs-monkey": "^1.0.3" - } - }, "memoizerific": { "version": "1.11.3", "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", @@ -46755,6 +44244,12 @@ "picomatch": "^2.3.1" } }, + "mime": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", + "dev": true + }, "mime-db": { "version": "1.52.0", "resolved": "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz", @@ -47014,22 +44509,6 @@ "integrity": "sha1-tKr7k+OustgXTKU88WOrfXMIMF8= sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", "dev": true }, - "no-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", - "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", - "dev": true, - "requires": { - "lower-case": "^2.0.2", - "tslib": "^2.0.3" - } - }, - "node-abort-controller": { - "version": "3.0.1", - "resolved": "https://registry.yarnpkg.com/node-abort-controller/-/node-abort-controller-3.0.1.tgz", - "integrity": "sha1-+R+lCx3uP5Ca+rt+JhseHWsMt04= sha512-/ujIVxthRs+7q6hsdjHMaj8hRG9NuWmwrz+JdRwZ14jdFoKSkm+vDsCbF9PLpnSqjaWQJuTmVtcWHNLr+vrOFw==", - "dev": true - }, "node-addon-api": { "version": "3.2.1", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", @@ -47045,24 +44524,6 @@ "minimatch": "^3.0.2" } }, - "node-environment-flags": { - "version": "1.0.6", - "resolved": "https://registry.yarnpkg.com/node-environment-flags/-/node-environment-flags-1.0.6.tgz", - "integrity": "sha1-owrBNiH299Z0JgpU3t4EjDmCwIg= sha512-5Evy2epuL+6TM0lCQGpFIj6KwiEsGh1SrHUhTbNX+sLbBtjidPZFAnVK9y5yU1+h//RitLbRHTIMyxQPtxMdHw==", - "dev": true, - "requires": { - "object.getownpropertydescriptors": "^2.0.3", - "semver": "^5.7.0" - }, - "dependencies": { - "semver": { - "version": "5.7.1", - "resolved": "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz", - "integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc= sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - } - } - }, "node-fetch": { "version": "2.6.7", "resolved": "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz", @@ -47580,17 +45041,6 @@ "es-abstract": "^1.20.4" } }, - "object.getownpropertydescriptors": { - "version": "2.1.2", - "resolved": "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz", - "integrity": "sha1-G9Y66s8NXS0vMbXjk7A6fGAaI/c= sha512-WtxeKSzfBjlzL+F9b7M7hewDzMwy+C8NRssHd1YrNlzHzIDrXcXiNOMrezdAEM4UXixgV+vvnyBeN7Rygl2ttQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.2" - } - }, "object.hasown": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz", @@ -47611,12 +45061,6 @@ "es-abstract": "^1.20.4" } }, - "objectorarray": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.5.tgz", - "integrity": "sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==", - "dev": true - }, "on-finished": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", @@ -47948,16 +45392,6 @@ "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==", "dev": true }, - "param-case": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", - "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", - "dev": true, - "requires": { - "dot-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, "parent-module": { "version": "1.0.1", "resolved": "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz", @@ -47992,12 +45426,6 @@ "lines-and-columns": "^1.1.6" } }, - "parse-passwd": { - "version": "1.0.0", - "resolved": "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz", - "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=", - "dev": true - }, "parse-path": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-7.0.0.tgz", @@ -48039,22 +45467,6 @@ "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", "dev": true }, - "pascal-case": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", - "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", - "dev": true, - "requires": { - "no-case": "^3.0.4", - "tslib": "^2.0.3" - } - }, - "path-browserify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", - "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "dev": true - }, "path-exists": { "version": "4.0.0", "resolved": "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz", @@ -48243,60 +45655,6 @@ "pathe": "^1.1.0" } }, - "pkg-up": { - "version": "3.1.0", - "resolved": "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz", - "integrity": "sha1-EA7CNcwVDk/UJRlBJZaihRKg3vU= sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==", - "dev": true, - "requires": { - "find-up": "^3.0.0" - }, - "dependencies": { - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha1-SRafHXmTQwZG2mHsxa41XCHJe3M= sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4= sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "p-limit": { - "version": "2.3.0", - "resolved": "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE= sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ= sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU= sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", - "dev": true - } - } - }, "please-upgrade-node": { "version": "3.2.0", "resolved": "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz", @@ -48326,42 +45684,6 @@ "source-map-js": "^1.0.2" } }, - "postcss-modules-extract-imports": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", - "dev": true, - "requires": {} - }, - "postcss-modules-local-by-default": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz", - "integrity": "sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==", - "dev": true, - "requires": { - "icss-utils": "^5.0.0", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.1.0" - } - }, - "postcss-modules-scope": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz", - "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==", - "dev": true, - "requires": { - "postcss-selector-parser": "^6.0.4" - } - }, - "postcss-modules-values": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", - "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", - "dev": true, - "requires": { - "icss-utils": "^5.0.0" - } - }, "postcss-selector-parser": { "version": "6.0.11", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz", @@ -48372,12 +45694,6 @@ "util-deprecate": "^1.0.2" } }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, "preferred-pm": { "version": "3.0.3", "resolved": "https://registry.yarnpkg.com/preferred-pm/-/preferred-pm-3.0.3.tgz", @@ -48411,16 +45727,6 @@ "fast-diff": "^1.1.2" } }, - "pretty-error": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", - "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", - "dev": true, - "requires": { - "lodash": "^4.17.20", - "renderkid": "^3.0.0" - } - }, "pretty-format": { "version": "29.5.0", "resolved": "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.5.0.tgz", @@ -48512,8 +45818,8 @@ }, "prompts": { "version": "2.4.2", - "resolved": "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz", - "integrity": "sha1-e1fnOzpIAprRDr1E90sBcipMsGk= sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", + "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", + "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==", "dev": true, "requires": { "kleur": "^3.0.3", @@ -48522,8 +45828,8 @@ "dependencies": { "kleur": { "version": "3.0.3", - "resolved": "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz", - "integrity": "sha1-p5yezIbuHOP6YgbRIWxQHxR/wH4= sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", + "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz", + "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==", "dev": true } } @@ -48608,8 +45914,8 @@ }, "pump": { "version": "3.0.0", - "resolved": "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz", - "integrity": "sha1-tKIRaBW94vTh6mAjVOjHVWUQemQ= sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", + "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", + "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", "dev": true, "requires": { "end-of-stream": "^1.1.0", @@ -48678,12 +45984,6 @@ "debug": "4" } }, - "mime": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", - "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", - "dev": true - }, "rimraf": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", @@ -48750,15 +46050,6 @@ "integrity": "sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==", "dev": true }, - "randombytes": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", - "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", - "dev": true, - "requires": { - "safe-buffer": "^5.1.0" - } - }, "range-parser": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", @@ -48944,9 +46235,9 @@ } }, "react-refresh": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", - "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==", + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", "dev": true }, "react-resize-detector": { @@ -49452,12 +46743,6 @@ } } }, - "relateurl": { - "version": "0.2.7", - "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", - "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==", - "dev": true - }, "remark-external-links": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-8.0.0.tgz", @@ -49502,31 +46787,12 @@ } } }, - "renderkid": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", - "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", - "dev": true, - "requires": { - "css-select": "^4.1.3", - "dom-converter": "^0.2.0", - "htmlparser2": "^6.1.0", - "lodash": "^4.17.21", - "strip-ansi": "^6.0.1" - } - }, "require-directory": { "version": "2.1.1", "resolved": "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz", "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I= sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", "dev": true }, - "require-from-string": { - "version": "2.0.2", - "resolved": "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha1-iaf92TgmEmcxjq/hT5wy5ZjDaQk= sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true - }, "require-main-filename": { "version": "2.0.0", "resolved": "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz", @@ -49539,12 +46805,6 @@ "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", "dev": true }, - "reselect": { - "version": "4.1.7", - "resolved": "https://registry.yarnpkg.com/reselect/-/reselect-4.1.7.tgz", - "integrity": "sha1-VkgNn/PTGIlw7it2UnvZSpVWekI= sha512-Zu1xbUt3/OPwsXL46hvOOoQrap2azE7ZQbokq61BQfiXvhewsKDwhMeZjTX9sX0nvw1t/U5Audyn1I9P/m9z0A==", - "dev": true - }, "resolve": { "version": "1.22.1", "resolved": "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz", @@ -49707,17 +46967,6 @@ "loose-envify": "^1.1.0" } }, - "schema-utils": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz", - "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - } - }, "semver": { "version": "7.3.8", "resolved": "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz", @@ -49784,15 +47033,6 @@ } } }, - "serialize-javascript": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", - "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", - "dev": true, - "requires": { - "randombytes": "^2.1.0" - } - }, "serve-favicon": { "version": "2.5.0", "resolved": "https://registry.npmjs.org/serve-favicon/-/serve-favicon-2.5.0.tgz", @@ -50067,8 +47307,8 @@ }, "sisteransi": { "version": "1.0.5", - "resolved": "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz", - "integrity": "sha1-E01oEpd1ZDfMBcoBNw06elcQde0= sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", + "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz", + "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==", "dev": true }, "slash": { @@ -50479,12 +47719,6 @@ "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==", "dev": true }, - "stackframe": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz", - "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==", - "dev": true - }, "statuses": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", @@ -50513,12 +47747,12 @@ "dev": true }, "storybook": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.5.tgz", - "integrity": "sha512-wU8PpA2vgZe4Eu4ytilUdHIwl1J2sYlqVT4luGw+O/9dDbkVkB/3f73rAEMMwucWJmqG9HDausdZqEh+1BzJsw==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.0.7.tgz", + "integrity": "sha512-MaFAhpPm/KsaoIQfGzapnRyXNh1VbS8l38BNZR5ZD97ejGkLukJ7TO4fFS87Hyy6whAXo6tTdtqeCByMQ9gRFA==", "dev": true, "requires": { - "@storybook/cli": "7.0.5" + "@storybook/cli": "7.0.7" } }, "stream-combiner": { @@ -50695,13 +47929,6 @@ "through": "^2.3.4" } }, - "style-loader": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.2.tgz", - "integrity": "sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==", - "dev": true, - "requires": {} - }, "stylis": { "version": "4.1.3", "resolved": "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz", @@ -50964,8 +48191,8 @@ }, "tempy": { "version": "1.0.1", - "resolved": "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz", - "integrity": "sha1-MP6QH9hpz7Nu4r2ZmAWqcvuwNd4= sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", + "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz", + "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==", "dev": true, "requires": { "del": "^6.0.0", @@ -50977,8 +48204,8 @@ "dependencies": { "temp-dir": { "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz", - "integrity": "sha1-vekrBb3+sVFugEycAK1FF38xMh4= sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", + "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz", + "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==", "dev": true } } @@ -50994,6 +48221,8 @@ "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.9.tgz", "integrity": "sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==", "dev": true, + "optional": true, + "peer": true, "requires": { "@jridgewell/source-map": "^0.3.2", "acorn": "^8.5.0", @@ -51001,41 +48230,6 @@ "source-map-support": "~0.5.20" } }, - "terser-webpack-plugin": { - "version": "5.3.7", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz", - "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==", - "dev": true, - "requires": { - "@jridgewell/trace-mapping": "^0.3.17", - "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.1", - "terser": "^5.16.5" - }, - "dependencies": { - "jest-worker": { - "version": "27.5.1", - "resolved": "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz", - "integrity": "sha1-jRRvCQDolzsQa29zzB6ajLhvjbA= sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", - "dev": true, - "requires": { - "@types/node": "*", - "merge-stream": "^2.0.0", - "supports-color": "^8.0.0" - } - }, - "supports-color": { - "version": "8.1.1", - "resolved": "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz", - "integrity": "sha1-zW/BfihQDP9WwbhsCn/UpUpzAFw= sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, "test-exclude": { "version": "6.0.0", "resolved": "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz", @@ -51179,12 +48373,6 @@ "punycode": "^2.3.0" } }, - "tree-kill": { - "version": "1.2.2", - "resolved": "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz", - "integrity": "sha1-TKCakJLIi3OnzcXooBtQeweQoMw= sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", - "dev": true - }, "treeify": { "version": "1.1.0", "resolved": "https://registry.yarnpkg.com/treeify/-/treeify-1.1.0.tgz", @@ -51209,90 +48397,6 @@ "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==", "dev": true }, - "ts-node": { - "version": "10.9.1", - "resolved": "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.1.tgz", - "integrity": "sha1-5z3pEClYr54fCxaKb/Mg4lrc/0s= sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==", - "dev": true, - "requires": { - "@cspotcode/source-map-support": "^0.8.0", - "@tsconfig/node10": "^1.0.7", - "@tsconfig/node12": "^1.0.7", - "@tsconfig/node14": "^1.0.0", - "@tsconfig/node16": "^1.0.2", - "acorn": "^8.4.1", - "acorn-walk": "^8.1.1", - "arg": "^4.1.0", - "create-require": "^1.1.0", - "diff": "^4.0.1", - "make-error": "^1.1.1", - "v8-compile-cache-lib": "^3.0.1", - "yn": "3.1.1" - }, - "dependencies": { - "acorn-walk": { - "version": "8.1.1", - "resolved": "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.1.1.tgz", - "integrity": "sha1-Pdq3+E5KfiMT9sQUxbfayF9OPrw= sha512-FbJdceMlPHEAWJOILDk1fXD8lnTlEIWFkqtfk+MvmL5q/qlHfN7GEHcsFZWt/Tea9jRNPWUZG4G976nqAAmU9w==", - "dev": true - }, - "diff": { - "version": "4.0.2", - "resolved": "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz", - "integrity": "sha1-YPOuy4nV+uUgwRqhnvwruYKq3n0= sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", - "dev": true - } - } - }, - "ts-node-dev": { - "version": "2.0.0", - "resolved": "https://registry.yarnpkg.com/ts-node-dev/-/ts-node-dev-2.0.0.tgz", - "integrity": "sha1-vdU+F6s7XYIu9RmSjca0p+DxMGU= sha512-ywMrhCfH6M75yftYvrvNarLEY+SUXtUvU8/0Z6llrHQVBx12GiFk5sStF8UdfE/yfzk9IAq7O5EEbTQsxlBI8w==", - "dev": true, - "requires": { - "chokidar": "^3.5.1", - "dynamic-dedupe": "^0.3.0", - "minimist": "^1.2.6", - "mkdirp": "^1.0.4", - "resolve": "^1.0.0", - "rimraf": "^2.6.1", - "source-map-support": "^0.5.12", - "tree-kill": "^1.2.2", - "ts-node": "^10.4.0", - "tsconfig": "^7.0.0" - }, - "dependencies": { - "rimraf": { - "version": "2.7.1", - "resolved": "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha1-NXl/E6f9rcVmFCwp1PB8ytSD4+w= sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - } - } - }, - "tsconfig": { - "version": "7.0.0", - "resolved": "https://registry.yarnpkg.com/tsconfig/-/tsconfig-7.0.0.tgz", - "integrity": "sha1-hFOIdaTcIW5cSlQys6Tew9VOkbc= sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==", - "dev": true, - "requires": { - "@types/strip-bom": "^3.0.0", - "@types/strip-json-comments": "0.0.30", - "strip-bom": "^3.0.0", - "strip-json-comments": "^2.0.0" - }, - "dependencies": { - "strip-json-comments": { - "version": "2.0.1", - "resolved": "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz", - "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo= sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==", - "dev": true - } - } - }, "tsconfig-paths": { "version": "3.14.2", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz", @@ -51337,6 +48441,18 @@ } } }, + "tsx": { + "version": "3.12.6", + "resolved": "https://registry.npmjs.org/tsx/-/tsx-3.12.6.tgz", + "integrity": "sha512-q93WgS3lBdHlPgS0h1i+87Pt6n9K/qULIMNYZo07nSeu2z5QE2CellcAZfofVXBo2tQg9av2ZcRMQ2S2i5oadQ==", + "dev": true, + "requires": { + "@esbuild-kit/cjs-loader": "^2.4.2", + "@esbuild-kit/core-utils": "^3.0.0", + "@esbuild-kit/esm-loader": "^2.5.5", + "fsevents": "~2.3.2" + } + }, "tty-table": { "version": "4.1.6", "resolved": "https://registry.yarnpkg.com/tty-table/-/tty-table-4.1.6.tgz", @@ -51822,27 +48938,6 @@ "requires-port": "^1.0.0" } }, - "use-isomorphic-layout-effect": { - "version": "1.1.2", - "resolved": "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz", - "integrity": "sha1-SXzvsT2GPWh7CEd9nloWStjBpvs= sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==" - }, - "use-latest": { - "version": "1.2.1", - "resolved": "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.1.tgz", - "integrity": "sha1-0T37SwjCjj4zmRVGos7lPhQDjPI= sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==", - "requires": { - "use-isomorphic-layout-effect": "^1.1.1" - } - }, - "use-previous": { - "version": "1.2.0", - "resolved": "https://registry.yarnpkg.com/use-previous/-/use-previous-1.2.0.tgz", - "integrity": "sha1-338MbV3HyegWUOspw2V1MGpomMA= sha512-tK7Ne779nqTKGeh0rsFvxnQcEqePFRYlM0rfmNy9JH+h+2ndja7P0017nda0Q1gkqfcOD//pKZbDyyLIUH2s+Q==", - "requires": { - "use-isomorphic-layout-effect": "^1.1.0" - } - }, "use-resize-observer": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz", @@ -51877,12 +48972,6 @@ "integrity": "sha1-p8IW0mdUUWljeztu3GypEZ4v+T8=", "dev": true }, - "utila": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz", - "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==", - "dev": true - }, "utils-merge": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", @@ -51895,12 +48984,6 @@ "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", "dev": true }, - "uuid-browser": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/uuid-browser/-/uuid-browser-3.1.0.tgz", - "integrity": "sha512-dsNgbLaTrd6l3MMxTtouOCFw4CBFc/3a+GgYA2YyrJvyQ1u6q4pcu3ktLoUZ/VN/Aw9WsauazbgsgdfVWgAKQg==", - "dev": true - }, "uvu": { "version": "0.5.6", "resolved": "https://registry.yarnpkg.com/uvu/-/uvu-0.5.6.tgz", @@ -51919,12 +49002,6 @@ "integrity": "sha1-LeGWGMZtwkfc+2+ZM4A12CRaLO4= sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==", "dev": true }, - "v8-compile-cache-lib": { - "version": "3.0.1", - "resolved": "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz", - "integrity": "sha1-Yzbo1xllyz01obu3hoRFp8BSZL8= sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==", - "dev": true - }, "v8-to-istanbul": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz", @@ -51936,15 +49013,6 @@ "convert-source-map": "^1.6.0" } }, - "v8flags": { - "version": "3.2.0", - "resolved": "https://registry.yarnpkg.com/v8flags/-/v8flags-3.2.0.tgz", - "integrity": "sha1-skPjtN/XMfp3TnSSEoEJoP5m1lY= sha512-mH8etigqMfiGWdeXpaaqGfs6BndypxusHHcv2qSHyZkGEznCd/qAXCWWRzeowtL54147cktFOC4P5y+kl8d8Jg==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, "validate-npm-package-license": { "version": "3.0.4", "resolved": "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", @@ -52026,6 +49094,12 @@ "vite": "^3.0.0 || ^4.0.0" } }, + "vite-plugin-turbosnap": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/vite-plugin-turbosnap/-/vite-plugin-turbosnap-1.0.2.tgz", + "integrity": "sha512-irjKcKXRn7v5bPAg4mAbsS6DgibpP1VUFL9tlgxU6lloK6V9yw9qCZkS+s2PtbkZpWNzr3TN3zVJAc6J7gJZmA==", + "dev": true + }, "vitest": { "version": "0.30.1", "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz", @@ -52148,8 +49222,8 @@ }, "watchpack": { "version": "2.4.0", - "resolved": "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz", - "integrity": "sha1-+jMDI3SWLHgRP5PH8vtMVMmGKl0= sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", + "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", "dev": true, "requires": { "glob-to-regexp": "^0.4.1", @@ -52171,111 +49245,6 @@ "integrity": "sha1-JWtOGIK+feu/AdBfCqIDl3jqCAo= sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", "dev": true }, - "webpack": { - "version": "5.80.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.80.0.tgz", - "integrity": "sha512-OIMiq37XK1rWO8mH9ssfFKZsXg4n6klTEDL7S8/HqbAOBBaiy8ABvXvz0dDCXeEF9gqwxSvVk611zFPjS8hJxA==", - "dev": true, - "requires": { - "@types/eslint-scope": "^3.7.3", - "@types/estree": "^1.0.0", - "@webassemblyjs/ast": "^1.11.5", - "@webassemblyjs/wasm-edit": "^1.11.5", - "@webassemblyjs/wasm-parser": "^1.11.5", - "acorn": "^8.7.1", - "acorn-import-assertions": "^1.7.6", - "browserslist": "^4.14.5", - "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.13.0", - "es-module-lexer": "^1.2.1", - "eslint-scope": "5.1.1", - "events": "^3.2.0", - "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.2.9", - "json-parse-even-better-errors": "^2.3.1", - "loader-runner": "^4.2.0", - "mime-types": "^2.1.27", - "neo-async": "^2.6.2", - "schema-utils": "^3.1.2", - "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.3.7", - "watchpack": "^2.4.0", - "webpack-sources": "^3.2.3" - }, - "dependencies": { - "@types/estree": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz", - "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==", - "dev": true - } - } - }, - "webpack-dev-middleware": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", - "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", - "dev": true, - "requires": { - "colorette": "^2.0.10", - "memfs": "^3.4.3", - "mime-types": "^2.1.31", - "range-parser": "^1.2.1", - "schema-utils": "^4.0.0" - }, - "dependencies": { - "ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - } - }, - "ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.3" - } - }, - "json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - }, - "schema-utils": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz", - "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.9", - "ajv": "^8.9.0", - "ajv-formats": "^2.1.1", - "ajv-keywords": "^5.1.0" - } - } - } - }, - "webpack-hot-middleware": { - "version": "2.25.3", - "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz", - "integrity": "sha512-IK/0WAHs7MTu1tzLTjio73LjS3Ov+VvBKQmE8WPlJutgG5zT6Urgq/BbAdRrHTRpyzK0dvAvFh1Qg98akxgZpA==", - "dev": true, - "requires": { - "ansi-html-community": "0.0.8", - "html-entities": "^2.1.0", - "strip-ansi": "^6.0.0" - } - }, "webpack-sources": { "version": "3.2.3", "resolved": "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz", @@ -52587,12 +49556,6 @@ "fd-slicer": "~1.1.0" } }, - "yn": { - "version": "3.1.1", - "resolved": "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz", - "integrity": "sha1-HodAGgnXZ8HV6rJqbkwYUYLS61A= sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", - "dev": true - }, "yocto-queue": { "version": "0.1.0", "resolved": "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz", diff --git a/package.json b/package.json index 677bb86daf..ce325c3f39 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "lint:fix": "npm run lint -- --fix", "docs": "npm run docs:start", "docs:start": "storybook dev -p 6006", - "docs:build": "storybook build -c .storybook -o public --webpack-stats-json && cp -R ./packages/icons/web ./public/icons", + "docs:build": "storybook build -c .storybook -o public && cp -R ./packages/icons/web ./public/icons", "vercel-build": "npm run copy-docs && npm run build && npm run docs:build", "check:security": "audit-ci --critical", "check:licenses": "license-checker --production --summary --failOn=GPLv3", @@ -34,39 +34,30 @@ "release": "changeset publish" }, "devDependencies": { - "@babel/cli": "^7.21.0", - "@babel/core": "^7.21.4", - "@babel/node": "^7.20.7", - "@babel/preset-env": "^7.20.2", - "@babel/preset-react": "^7.18.6", - "@babel/preset-typescript": "^7.21.4", "@changesets/changelog-github": "^0.4.8", "@changesets/cli": "^2.26.1", - "@storybook/addon-a11y": "^7.0.5", - "@storybook/addon-actions": "^7.0.5", - "@storybook/addon-controls": "^7.0.5", - "@storybook/addon-docs": "^7.0.5", - "@storybook/addon-interactions": "^7.0.5", - "@storybook/addon-links": "^7.0.5", - "@storybook/addon-storysource": "^7.0.5", - "@storybook/addon-toolbars": "^7.0.5", - "@storybook/addon-viewport": "^7.0.5", - "@storybook/addons": "^7.0.5", - "@storybook/react": "^7.0.5", - "@storybook/react-webpack5": "^7.0.5", - "@storybook/source-loader": "^7.0.5", + "@storybook/addon-a11y": "^7.0.7", + "@storybook/addon-actions": "^7.0.7", + "@storybook/addon-controls": "^7.0.7", + "@storybook/addon-docs": "^7.0.7", + "@storybook/addon-interactions": "^7.0.7", + "@storybook/addon-links": "^7.0.7", + "@storybook/addon-storysource": "^7.0.7", + "@storybook/addon-toolbars": "^7.0.7", + "@storybook/addon-viewport": "^7.0.7", + "@storybook/addons": "^7.0.7", + "@storybook/react": "^7.0.7", + "@storybook/react-vite": "^7.0.7", + "@storybook/source-loader": "^7.0.7", "@storybook/testing-library": "^0.1.0", - "@storybook/theming": "^7.0.5", + "@storybook/theming": "^7.0.7", "@sumup/eslint-plugin-circuit-ui": "^0.0.1", "@sumup/foundry": "^6.0.0", "@types/node": "^18.15.11", "@vitejs/plugin-react": "^4.0.0", "@vitest/coverage-c8": "^0.30.1", "audit-ci": "^6.6.1", - "babel-loader": "^9.1.2", - "babel-plugin-dynamic-import-node": "^2.2.0", - "babel-plugin-module-resolver": "^5.0.0", - "babel-plugin-react-docgen": "^4.2.1", + "eslint-import-resolver-typescript": "^3.5.5", "eslint-plugin-prettier": "^4.2.1", "jsdom": "^21.1.1", "lerna": "^6.6.1", @@ -74,12 +65,12 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "remark-gfm": "^3.0.1", - "storybook": "^7.0.5", + "storybook": "^7.0.7", "svgo": "^3.0.2", "typescript": "^5.0.4", + "vite-plugin-turbosnap": "^1.0.2", "vitest": "^0.30.1", - "vitest-github-actions-reporter": "^0.10.0", - "webpack": "^5.80.0" + "vitest-github-actions-reporter": "^0.10.0" }, "resolutions": { "prettier": "^2.6.2" diff --git a/packages/circuit-ui/.babelrc.json b/packages/circuit-ui/.babelrc.json deleted file mode 100644 index 2ee701055d..0000000000 --- a/packages/circuit-ui/.babelrc.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "plugins": ["@emotion"], - "presets": [ - "@babel/preset-env", - [ - "@babel/preset-react", - { "runtime": "automatic", "importSource": "@emotion/react" } - ] - ], - "env": { - "test": { - "plugins": ["react-docgen", "@emotion"], - "presets": [ - "@babel/preset-typescript", - [ - "@babel/preset-env", - { - "targets": { - "node": "current" - } - } - ], - [ - "@babel/preset-react", - { "runtime": "automatic", "importSource": "@emotion/react" } - ] - ] - } - } -} diff --git a/packages/circuit-ui/components/Anchor/Anchor.spec.tsx b/packages/circuit-ui/components/Anchor/Anchor.spec.tsx index e90ff3d18f..a3493e3b20 100644 --- a/packages/circuit-ui/components/Anchor/Anchor.spec.tsx +++ b/packages/circuit-ui/components/Anchor/Anchor.spec.tsx @@ -17,10 +17,10 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; import { css } from '@emotion/react'; -import { render, axe, userEvent, screen } from '../../util/test-utils'; -import { ClickEvent } from '../../types/events'; +import { render, axe, userEvent, screen } from '../../util/test-utils.js'; +import { ClickEvent } from '../../types/events.js'; -import { Anchor } from './Anchor'; +import { Anchor } from './Anchor.js'; describe('Anchor', () => { const baseProps = { children: 'Anchor' }; diff --git a/packages/circuit-ui/components/Anchor/Anchor.stories.tsx b/packages/circuit-ui/components/Anchor/Anchor.stories.tsx index 3c37df8629..1edc8f691f 100644 --- a/packages/circuit-ui/components/Anchor/Anchor.stories.tsx +++ b/packages/circuit-ui/components/Anchor/Anchor.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Anchor, AnchorProps } from './Anchor'; +import { Anchor, AnchorProps } from './Anchor.js'; export default { title: 'Typography/Anchor', diff --git a/packages/circuit-ui/components/Anchor/Anchor.tsx b/packages/circuit-ui/components/Anchor/Anchor.tsx index bfae9035e5..5c32980f5f 100644 --- a/packages/circuit-ui/components/Anchor/Anchor.tsx +++ b/packages/circuit-ui/components/Anchor/Anchor.tsx @@ -23,12 +23,12 @@ import { import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { focusVisible } from '../../styles/style-mixins'; -import { ReturnType } from '../../types/return-type'; -import { ClickEvent } from '../../types/events'; -import { AsPropType } from '../../types/prop-types'; -import { Body, BodyProps } from '../Body/Body'; -import { useComponents } from '../ComponentsContext'; +import { focusVisible } from '../../styles/style-mixins.js'; +import { ReturnType } from '../../types/return-type.js'; +import { ClickEvent } from '../../types/events.js'; +import { AsPropType } from '../../types/prop-types.js'; +import { Body, BodyProps } from '../Body/Body.js'; +import { useComponents } from '../ComponentsContext/index.js'; export interface BaseProps extends BodyProps { children: ReactNode; diff --git a/packages/circuit-ui/components/Anchor/index.ts b/packages/circuit-ui/components/Anchor/index.ts index e7ce3cb89e..0c883aa1ab 100644 --- a/packages/circuit-ui/components/Anchor/index.ts +++ b/packages/circuit-ui/components/Anchor/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Anchor } from './Anchor'; +import { Anchor } from './Anchor.js'; -export type { AnchorProps } from './Anchor'; +export type { AnchorProps } from './Anchor.js'; export default Anchor; diff --git a/packages/circuit-ui/components/AspectRatio/AspectRatio.spec.tsx b/packages/circuit-ui/components/AspectRatio/AspectRatio.spec.tsx index 1e7c8e21cc..8344ac6ffd 100644 --- a/packages/circuit-ui/components/AspectRatio/AspectRatio.spec.tsx +++ b/packages/circuit-ui/components/AspectRatio/AspectRatio.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render } from '../../util/test-utils'; +import { render } from '../../util/test-utils.js'; -import { AspectRatio } from './AspectRatio'; +import { AspectRatio } from './AspectRatio.js'; describe('AspectRatio', () => { it('should render with default styles', () => { diff --git a/packages/circuit-ui/components/AspectRatio/AspectRatio.stories.tsx b/packages/circuit-ui/components/AspectRatio/AspectRatio.stories.tsx index fa6f93efa0..ae342a57ea 100644 --- a/packages/circuit-ui/components/AspectRatio/AspectRatio.stories.tsx +++ b/packages/circuit-ui/components/AspectRatio/AspectRatio.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import styled from '../../styles/styled.js'; -import { AspectRatio, AspectRatioProps } from './AspectRatio'; +import { AspectRatio, AspectRatioProps } from './AspectRatio.js'; const Background = styled('div')` background: lightgrey; diff --git a/packages/circuit-ui/components/AspectRatio/AspectRatio.tsx b/packages/circuit-ui/components/AspectRatio/AspectRatio.tsx index 2e8b3a3331..599d190909 100644 --- a/packages/circuit-ui/components/AspectRatio/AspectRatio.tsx +++ b/packages/circuit-ui/components/AspectRatio/AspectRatio.tsx @@ -14,9 +14,10 @@ */ import { Children, forwardRef, cloneElement, ReactElement } from 'react'; -import styled from '@emotion/styled'; import { ClassNames, css, ClassNamesContent } from '@emotion/react'; +import styled from '../../styles/styled.js'; + export interface AspectRatioProps { children?: ReactElement; aspectRatio?: number; diff --git a/packages/circuit-ui/components/AspectRatio/index.ts b/packages/circuit-ui/components/AspectRatio/index.ts index 93bde2a4e6..23f71b7a16 100644 --- a/packages/circuit-ui/components/AspectRatio/index.ts +++ b/packages/circuit-ui/components/AspectRatio/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { AspectRatio } from './AspectRatio'; +import { AspectRatio } from './AspectRatio.js'; -export type { AspectRatioProps } from './AspectRatio'; +export type { AspectRatioProps } from './AspectRatio.js'; export default AspectRatio; diff --git a/packages/circuit-ui/components/Avatar/Avatar.spec.tsx b/packages/circuit-ui/components/Avatar/Avatar.spec.tsx index 551be91ade..5d48aee364 100644 --- a/packages/circuit-ui/components/Avatar/Avatar.spec.tsx +++ b/packages/circuit-ui/components/Avatar/Avatar.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; -import { Avatar, AvatarProps } from './Avatar'; +import { Avatar, AvatarProps } from './Avatar.js'; const sizes = ['giga', 'yotta'] as const; const variants = ['object', 'identity'] as const; diff --git a/packages/circuit-ui/components/Avatar/Avatar.stories.tsx b/packages/circuit-ui/components/Avatar/Avatar.stories.tsx index a63a889a11..253f288468 100644 --- a/packages/circuit-ui/components/Avatar/Avatar.stories.tsx +++ b/packages/circuit-ui/components/Avatar/Avatar.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { Stack } from '../../../../.storybook/components'; +import { Stack } from '../../../../.storybook/components/index.js'; -import { Avatar, AvatarProps } from './Avatar'; +import { Avatar, AvatarProps } from './Avatar.js'; export default { title: 'Components/Avatar', diff --git a/packages/circuit-ui/components/Avatar/Avatar.tsx b/packages/circuit-ui/components/Avatar/Avatar.tsx index e91768ef8d..273b0da6f4 100644 --- a/packages/circuit-ui/components/Avatar/Avatar.tsx +++ b/packages/circuit-ui/components/Avatar/Avatar.tsx @@ -15,11 +15,11 @@ import { ImgHTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { Profile, Image as ImageIcon } from '@sumup/icons'; -import styled, { StyleProps } from '../../styles/styled'; -import { CircuitError } from '../../util/errors'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { CircuitError } from '../../util/errors.js'; type AvatarSize = 'giga' | 'yotta'; type AvatarVariant = 'object' | 'identity'; diff --git a/packages/circuit-ui/components/Avatar/index.ts b/packages/circuit-ui/components/Avatar/index.ts index 689a0f7cca..8f043e2ea4 100644 --- a/packages/circuit-ui/components/Avatar/index.ts +++ b/packages/circuit-ui/components/Avatar/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Avatar } from './Avatar'; +import { Avatar } from './Avatar.js'; -export type { AvatarProps } from './Avatar'; +export type { AvatarProps } from './Avatar.js'; export default Avatar; diff --git a/packages/circuit-ui/components/Badge/Badge.spec.tsx b/packages/circuit-ui/components/Badge/Badge.spec.tsx index 4cf6b2557e..344b955d51 100644 --- a/packages/circuit-ui/components/Badge/Badge.spec.tsx +++ b/packages/circuit-ui/components/Badge/Badge.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; -import { Badge } from './Badge'; +import { Badge } from './Badge.js'; describe('Badge', () => { /** diff --git a/packages/circuit-ui/components/Badge/Badge.stories.tsx b/packages/circuit-ui/components/Badge/Badge.stories.tsx index a749adece8..7179cfa551 100644 --- a/packages/circuit-ui/components/Badge/Badge.stories.tsx +++ b/packages/circuit-ui/components/Badge/Badge.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { Stack } from '../../../../.storybook/components'; +import { Stack } from '../../../../.storybook/components/index.js'; -import { Badge, BadgeProps } from './Badge'; +import { Badge, BadgeProps } from './Badge.js'; export default { title: 'Components/Badge', diff --git a/packages/circuit-ui/components/Badge/Badge.tsx b/packages/circuit-ui/components/Badge/Badge.tsx index c1002af1b0..6cc185ead5 100644 --- a/packages/circuit-ui/components/Badge/Badge.tsx +++ b/packages/circuit-ui/components/Badge/Badge.tsx @@ -16,8 +16,8 @@ import { Ref, HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; export interface BadgeProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Badge/index.ts b/packages/circuit-ui/components/Badge/index.ts index 2cdc7e31f9..d7a11b5720 100644 --- a/packages/circuit-ui/components/Badge/index.ts +++ b/packages/circuit-ui/components/Badge/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Badge } from './Badge'; +import { Badge } from './Badge.js'; -export type { BadgeProps } from './Badge'; +export type { BadgeProps } from './Badge.js'; export default Badge; diff --git a/packages/circuit-ui/components/BaseStyles/BaseStyles.spec.tsx b/packages/circuit-ui/components/BaseStyles/BaseStyles.spec.tsx index 6123d8dd21..fb8dee5805 100644 --- a/packages/circuit-ui/components/BaseStyles/BaseStyles.spec.tsx +++ b/packages/circuit-ui/components/BaseStyles/BaseStyles.spec.tsx @@ -15,10 +15,10 @@ import { describe, expect, it, vi } from 'vitest'; -import { render } from '../../util/test-utils'; +import { render } from '../../util/test-utils.js'; -import { BaseStyles } from './BaseStyles'; -import { createBaseStyles } from './BaseStylesService'; +import { BaseStyles } from './BaseStyles.js'; +import { createBaseStyles } from './BaseStylesService.js'; vi.mock('./BaseStylesService', () => ({ createBaseStyles: vi.fn(), diff --git a/packages/circuit-ui/components/BaseStyles/BaseStyles.tsx b/packages/circuit-ui/components/BaseStyles/BaseStyles.tsx index d466a7c719..067b7e0a4a 100644 --- a/packages/circuit-ui/components/BaseStyles/BaseStyles.tsx +++ b/packages/circuit-ui/components/BaseStyles/BaseStyles.tsx @@ -17,7 +17,7 @@ import { FunctionComponent } from 'react'; import { Global } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { createBaseStyles } from './BaseStylesService'; +import { createBaseStyles } from './BaseStylesService.js'; export const BaseStyles: FunctionComponent = () => ( createBaseStyles({ theme })} /> diff --git a/packages/circuit-ui/components/BaseStyles/BaseStylesService.spec.ts b/packages/circuit-ui/components/BaseStyles/BaseStylesService.spec.ts index 08f929fe83..5f477a0d50 100644 --- a/packages/circuit-ui/components/BaseStyles/BaseStylesService.spec.ts +++ b/packages/circuit-ui/components/BaseStyles/BaseStylesService.spec.ts @@ -16,7 +16,7 @@ import { describe, expect, it } from 'vitest'; import { light } from '@sumup/design-tokens'; -import { createBaseStyles } from './BaseStylesService'; +import { createBaseStyles } from './BaseStylesService.js'; describe('BaseStylesService', () => { it('should return the global base styles', () => { diff --git a/packages/circuit-ui/components/BaseStyles/BaseStylesService.ts b/packages/circuit-ui/components/BaseStyles/BaseStylesService.ts index 8021e7c04d..2b7a5f85fd 100644 --- a/packages/circuit-ui/components/BaseStyles/BaseStylesService.ts +++ b/packages/circuit-ui/components/BaseStyles/BaseStylesService.ts @@ -15,8 +15,8 @@ import { css, SerializedStyles } from '@emotion/react'; -import { StyleProps } from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; +import { StyleProps } from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; const FONTS_BASE_URL = 'https://static.sumup.com/fonts/latin-greek-cyrillic'; diff --git a/packages/circuit-ui/components/BaseStyles/index.ts b/packages/circuit-ui/components/BaseStyles/index.ts index 0110f92729..9fa5c18a80 100644 --- a/packages/circuit-ui/components/BaseStyles/index.ts +++ b/packages/circuit-ui/components/BaseStyles/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import { BaseStyles } from './BaseStyles'; +import { BaseStyles } from './BaseStyles.js'; export default BaseStyles; diff --git a/packages/circuit-ui/components/Body/Body.spec.tsx b/packages/circuit-ui/components/Body/Body.spec.tsx index 699a486c99..e9fa9cd49e 100644 --- a/packages/circuit-ui/components/Body/Body.spec.tsx +++ b/packages/circuit-ui/components/Body/Body.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe, render } from '../../util/test-utils'; +import { create, renderToHtml, axe, render } from '../../util/test-utils.js'; -import { Body, BodyProps } from './Body'; +import { Body, BodyProps } from './Body.js'; describe('Body', () => { /** diff --git a/packages/circuit-ui/components/Body/Body.stories.tsx b/packages/circuit-ui/components/Body/Body.stories.tsx index 7607573ea4..be20cee84e 100644 --- a/packages/circuit-ui/components/Body/Body.stories.tsx +++ b/packages/circuit-ui/components/Body/Body.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { BodyProps } from './Body'; +import { BodyProps } from './Body.js'; -import Body from '.'; +import Body from './index.js'; const content = 'An electronic circuit is composed of individual electronic components, such as resistors, transistors, capacitors, inductors and diodes, connected by conductive wires or traces through which electric current can flow.'; diff --git a/packages/circuit-ui/components/Body/Body.tsx b/packages/circuit-ui/components/Body/Body.tsx index ef924bd20a..878602dc81 100644 --- a/packages/circuit-ui/components/Body/Body.tsx +++ b/packages/circuit-ui/components/Body/Body.tsx @@ -15,10 +15,10 @@ import { forwardRef, HTMLAttributes, Ref } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; -import { AsPropType, EmotionAsPropType } from '../../types/prop-types'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { AsPropType, EmotionAsPropType } from '../../types/prop-types.js'; type Size = 'one' | 'two'; type Variant = 'highlight' | 'quote' | 'confirm' | 'alert' | 'subtle'; diff --git a/packages/circuit-ui/components/Body/index.ts b/packages/circuit-ui/components/Body/index.ts index e7bd5dac94..e35f016b57 100644 --- a/packages/circuit-ui/components/Body/index.ts +++ b/packages/circuit-ui/components/Body/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Body } from './Body'; +import { Body } from './Body.js'; -export type { BodyProps } from './Body'; +export type { BodyProps } from './Body.js'; export default Body; diff --git a/packages/circuit-ui/components/BodyLarge/BodyLarge.spec.tsx b/packages/circuit-ui/components/BodyLarge/BodyLarge.spec.tsx index e885bb6101..6e0fd72bef 100644 --- a/packages/circuit-ui/components/BodyLarge/BodyLarge.spec.tsx +++ b/packages/circuit-ui/components/BodyLarge/BodyLarge.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe, render } from '../../util/test-utils'; +import { create, renderToHtml, axe, render } from '../../util/test-utils.js'; -import { BodyLarge, BodyLargeProps } from './BodyLarge'; +import { BodyLarge, BodyLargeProps } from './BodyLarge.js'; describe('BodyLarge', () => { /** diff --git a/packages/circuit-ui/components/BodyLarge/BodyLarge.stories.tsx b/packages/circuit-ui/components/BodyLarge/BodyLarge.stories.tsx index 0abc428535..cbfdb60085 100644 --- a/packages/circuit-ui/components/BodyLarge/BodyLarge.stories.tsx +++ b/packages/circuit-ui/components/BodyLarge/BodyLarge.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { BodyLargeProps } from './BodyLarge'; +import { BodyLargeProps } from './BodyLarge.js'; -import BodyLarge from '.'; +import BodyLarge from './index.js'; const content = 'An electronic circuit is composed of individual electronic components, such as resistors, transistors, capacitors, inductors and diodes, connected by conductive wires or traces through which electric current can flow.'; diff --git a/packages/circuit-ui/components/BodyLarge/BodyLarge.tsx b/packages/circuit-ui/components/BodyLarge/BodyLarge.tsx index b96b11bbb5..2ddbc424e5 100644 --- a/packages/circuit-ui/components/BodyLarge/BodyLarge.tsx +++ b/packages/circuit-ui/components/BodyLarge/BodyLarge.tsx @@ -15,10 +15,10 @@ import { forwardRef, HTMLAttributes, Ref } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; -import { AsPropType, EmotionAsPropType } from '../../types/prop-types'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { AsPropType, EmotionAsPropType } from '../../types/prop-types.js'; type Variant = 'highlight' | 'quote' | 'confirm' | 'alert' | 'subtle'; diff --git a/packages/circuit-ui/components/BodyLarge/index.ts b/packages/circuit-ui/components/BodyLarge/index.ts index 4d836e174c..c97860d913 100644 --- a/packages/circuit-ui/components/BodyLarge/index.ts +++ b/packages/circuit-ui/components/BodyLarge/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { BodyLarge } from './BodyLarge'; +import { BodyLarge } from './BodyLarge.js'; -export type { BodyLargeProps } from './BodyLarge'; +export type { BodyLargeProps } from './BodyLarge.js'; export default BodyLarge; diff --git a/packages/circuit-ui/components/Button/Button.spec.tsx b/packages/circuit-ui/components/Button/Button.spec.tsx index 496675b2f7..777de78247 100644 --- a/packages/circuit-ui/components/Button/Button.spec.tsx +++ b/packages/circuit-ui/components/Button/Button.spec.tsx @@ -24,9 +24,9 @@ import { axe, RenderFn, userEvent, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Button, ButtonProps } from './Button'; +import { Button, ButtonProps } from './Button.js'; describe('Button', () => { function renderButton(renderFn: RenderFn, props: ButtonProps) { diff --git a/packages/circuit-ui/components/Button/Button.stories.tsx b/packages/circuit-ui/components/Button/Button.stories.tsx index 2c2f84a170..427ee4374b 100644 --- a/packages/circuit-ui/components/Button/Button.stories.tsx +++ b/packages/circuit-ui/components/Button/Button.stories.tsx @@ -16,12 +16,12 @@ import { useState } from 'react'; import { Plus } from '@sumup/icons'; -import { Stack } from '../../../../.storybook/components'; -import ButtonGroup from '../ButtonGroup'; -import IconButton from '../IconButton'; -import CloseButton from '../CloseButton'; +import { Stack } from '../../../../.storybook/components/index.js'; +import ButtonGroup from '../ButtonGroup/index.js'; +import IconButton from '../IconButton/index.js'; +import CloseButton from '../CloseButton/index.js'; -import { Button, ButtonProps } from './Button'; +import { Button, ButtonProps } from './Button.js'; export default { title: 'Components/Button', diff --git a/packages/circuit-ui/components/Button/Button.tsx b/packages/circuit-ui/components/Button/Button.tsx index de88d560e3..3d54fcd8c0 100644 --- a/packages/circuit-ui/components/Button/Button.tsx +++ b/packages/circuit-ui/components/Button/Button.tsx @@ -23,21 +23,21 @@ import { SVGProps, } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; import { typography, focusVisible, hideVisually, -} from '../../styles/style-mixins'; -import { ReturnType } from '../../types/return-type'; -import { ClickEvent } from '../../types/events'; -import { AsPropType, EmotionAsPropType } from '../../types/prop-types'; -import { useComponents } from '../ComponentsContext'; -import Spinner from '../Spinner'; -import { AccessibilityError } from '../../util/errors'; +} from '../../styles/style-mixins.js'; +import { ReturnType } from '../../types/return-type.js'; +import { ClickEvent } from '../../types/events.js'; +import { AsPropType, EmotionAsPropType } from '../../types/prop-types.js'; +import { useComponents } from '../ComponentsContext/index.js'; +import Spinner from '../Spinner/index.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface BaseProps { 'children': ReactNode; diff --git a/packages/circuit-ui/components/Button/index.ts b/packages/circuit-ui/components/Button/index.ts index 21d338c36d..08e4d5cd8c 100644 --- a/packages/circuit-ui/components/Button/index.ts +++ b/packages/circuit-ui/components/Button/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Button } from './Button'; +import { Button } from './Button.js'; -export type { ButtonProps } from './Button'; +export type { ButtonProps } from './Button.js'; export default Button; diff --git a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.spec.tsx b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.spec.tsx index 71bf9227c2..cb4d2160f6 100644 --- a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.spec.tsx +++ b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../util/test-utils.js'; -import { ButtonGroup, ButtonGroupProps } from './ButtonGroup'; +import { ButtonGroup, ButtonGroupProps } from './ButtonGroup.js'; describe('ButtonGroup', () => { const defaultProps: ButtonGroupProps = { diff --git a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.stories.tsx b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.stories.tsx index e3e4c63e3f..c2a25b7ce7 100644 --- a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.stories.tsx +++ b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.stories.tsx @@ -17,7 +17,7 @@ import { css } from '@emotion/react'; import { action } from '@storybook/addon-actions'; import { Theme } from '@sumup/design-tokens'; -import { ButtonGroup, ButtonGroupProps } from './ButtonGroup'; +import { ButtonGroup, ButtonGroupProps } from './ButtonGroup.js'; export default { title: 'Components/ButtonGroup', diff --git a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.tsx b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.tsx index 235d5fa2b8..07fbc9817b 100644 --- a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.tsx +++ b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.tsx @@ -16,9 +16,9 @@ import { Ref, forwardRef, HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import Button, { ButtonProps } from '../Button'; -import { secondaryStyles, tertiaryStyles } from '../Button/Button'; +import styled, { StyleProps } from '../../styles/styled.js'; +import Button, { ButtonProps } from '../Button/index.js'; +import { secondaryStyles, tertiaryStyles } from '../Button/Button.js'; type Action = Omit; diff --git a/packages/circuit-ui/components/ButtonGroup/index.ts b/packages/circuit-ui/components/ButtonGroup/index.ts index 9ee0bb0f92..a299a9c6f2 100644 --- a/packages/circuit-ui/components/ButtonGroup/index.ts +++ b/packages/circuit-ui/components/ButtonGroup/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { ButtonGroup } from './ButtonGroup'; +import { ButtonGroup } from './ButtonGroup.js'; -export type { ButtonGroupProps } from './ButtonGroup'; +export type { ButtonGroupProps } from './ButtonGroup.js'; export default ButtonGroup; diff --git a/packages/circuit-ui/components/Calendar/RangePicker.spec.tsx b/packages/circuit-ui/components/Calendar/RangePicker.spec.tsx index a7e911c32f..7443eb4f8b 100644 --- a/packages/circuit-ui/components/Calendar/RangePicker.spec.tsx +++ b/packages/circuit-ui/components/Calendar/RangePicker.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render } from '../../util/test-utils'; +import { render } from '../../util/test-utils.js'; -import { RangePicker } from '.'; +import { RangePicker } from './index.js'; describe('RangePicker', () => { /** diff --git a/packages/circuit-ui/components/Calendar/RangePicker.stories.tsx b/packages/circuit-ui/components/Calendar/RangePicker.stories.tsx index 8f40a7a707..c09674894d 100644 --- a/packages/circuit-ui/components/Calendar/RangePicker.stories.tsx +++ b/packages/circuit-ui/components/Calendar/RangePicker.stories.tsx @@ -17,7 +17,7 @@ import { useState } from 'react'; import type { Moment } from 'moment'; import { FocusedInputShape } from 'react-dates'; -import { RangePicker, RangePickerProps } from './RangePicker'; +import { RangePicker, RangePickerProps } from './RangePicker.js'; export default { title: 'Forms/Calendar/RangePicker', diff --git a/packages/circuit-ui/components/Calendar/RangePicker.tsx b/packages/circuit-ui/components/Calendar/RangePicker.tsx index 95bf78dd5d..b993830f5a 100644 --- a/packages/circuit-ui/components/Calendar/RangePicker.tsx +++ b/packages/circuit-ui/components/Calendar/RangePicker.tsx @@ -13,14 +13,15 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { css } from '@emotion/react'; import { ArrowRight, ArrowLeft, Close } from '@sumup/icons'; import { DateRangePicker } from 'react-dates'; import type { DateRangePickerShape } from 'react-dates'; import 'react-dates/initialize'; -import { CalendarWrapper } from './components'; +import styled from '../../styles/styled.js'; + +import { CalendarWrapper } from './components/index.js'; const ArrowIcon = styled(ArrowRight)` color: var(--cui-fg-normal); diff --git a/packages/circuit-ui/components/Calendar/RangePickerController.tsx b/packages/circuit-ui/components/Calendar/RangePickerController.tsx index c33d8298ed..f8d52f10c4 100644 --- a/packages/circuit-ui/components/Calendar/RangePickerController.tsx +++ b/packages/circuit-ui/components/Calendar/RangePickerController.tsx @@ -18,7 +18,7 @@ import { DayPickerRangeController } from 'react-dates'; import type { DayPickerRangeControllerShape } from 'react-dates'; import 'react-dates/initialize'; -import { CalendarWrapper } from './components'; +import { CalendarWrapper } from './components/index.js'; export type RangePickerControllerProps = DayPickerRangeControllerShape; diff --git a/packages/circuit-ui/components/Calendar/SingleDayPicker.spec.tsx b/packages/circuit-ui/components/Calendar/SingleDayPicker.spec.tsx index eb06405829..f0f355e973 100644 --- a/packages/circuit-ui/components/Calendar/SingleDayPicker.spec.tsx +++ b/packages/circuit-ui/components/Calendar/SingleDayPicker.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it, vi } from 'vitest'; -import { render } from '../../util/test-utils'; +import { render } from '../../util/test-utils.js'; import { SingleDayPicker } from '.'; diff --git a/packages/circuit-ui/components/Calendar/SingleDayPicker.stories.tsx b/packages/circuit-ui/components/Calendar/SingleDayPicker.stories.tsx index 72d568d6d4..1b1a3be66c 100644 --- a/packages/circuit-ui/components/Calendar/SingleDayPicker.stories.tsx +++ b/packages/circuit-ui/components/Calendar/SingleDayPicker.stories.tsx @@ -16,14 +16,14 @@ import { useState } from 'react'; import type { Moment } from 'moment'; -import { SingleDayPicker, SingleDatePickerProps } from './SingleDayPicker'; +import { SingleDayPicker, SingleDayPickerProps } from './SingleDayPicker.js'; export default { title: 'Forms/Calendar/SingleDayPicker', component: SingleDayPicker, }; -export const Base = (args: SingleDatePickerProps) => { +export const Base = (args: SingleDayPickerProps) => { const [date, setDate] = useState(null); const [focusedInput, setFocusedInput] = useState(false); diff --git a/packages/circuit-ui/components/Calendar/SingleDayPicker.tsx b/packages/circuit-ui/components/Calendar/SingleDayPicker.tsx index 1b799084c6..28e9ff7102 100644 --- a/packages/circuit-ui/components/Calendar/SingleDayPicker.tsx +++ b/packages/circuit-ui/components/Calendar/SingleDayPicker.tsx @@ -13,13 +13,14 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { ArrowRight, ArrowLeft, Close } from '@sumup/icons'; import { SingleDatePicker } from 'react-dates'; import type { SingleDatePickerShape } from 'react-dates'; import 'react-dates/initialize'; -import { CalendarWrapper } from './components'; +import styled from '../../styles/styled.js'; + +import { CalendarWrapper } from './components/index.js'; const CloseIcon = styled(Close)` color: var(--cui-fg-normal); diff --git a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.spec.tsx b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.spec.tsx index a1dbf1a5bc..a8cf646d5a 100644 --- a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.spec.tsx +++ b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render } from '../../../../util/test-utils'; +import { render } from '../../../../util/test-utils.js'; -import { CalendarWrapper } from '.'; +import { CalendarWrapper } from './index.js'; describe('CalendarWrapper', () => { it('should render its children', () => { diff --git a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.tsx b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.tsx index 996bb6b129..1823e30d6d 100644 --- a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.tsx +++ b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/CalendarWrapper.tsx @@ -22,9 +22,9 @@ import { focusVisible, disableVisually, cx, -} from '../../../../styles/style-mixins'; +} from '../../../../styles/style-mixins.js'; -import calendarInheritStyles from './CalendarImportedStyles'; +import calendarInheritStyles from './CalendarImportedStyles.js'; const dayDefault = css` .CalendarDay__default { diff --git a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/index.ts b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/index.ts index 2d043d5feb..6adf3272b1 100644 --- a/packages/circuit-ui/components/Calendar/components/CalendarWrapper/index.ts +++ b/packages/circuit-ui/components/Calendar/components/CalendarWrapper/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { CalendarWrapper } from './CalendarWrapper'; +export { CalendarWrapper } from './CalendarWrapper.js'; diff --git a/packages/circuit-ui/components/Calendar/components/index.ts b/packages/circuit-ui/components/Calendar/components/index.ts index 2d043d5feb..cf0fa0655c 100644 --- a/packages/circuit-ui/components/Calendar/components/index.ts +++ b/packages/circuit-ui/components/Calendar/components/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { CalendarWrapper } from './CalendarWrapper'; +export { CalendarWrapper } from './CalendarWrapper/index.js'; diff --git a/packages/circuit-ui/components/Calendar/index.ts b/packages/circuit-ui/components/Calendar/index.ts index c6c38524c8..be67a789da 100644 --- a/packages/circuit-ui/components/Calendar/index.ts +++ b/packages/circuit-ui/components/Calendar/index.ts @@ -13,13 +13,13 @@ * limitations under the License. */ -import * as CalendarConstants from './constants'; +import * as CalendarConstants from './constants.js'; -export { RangePicker } from './RangePicker'; -export type { RangePickerProps } from './RangePicker'; -export { RangePickerController } from './RangePickerController'; -export type { RangePickerControllerProps } from './RangePickerController'; -export { SingleDayPicker } from './SingleDayPicker'; -export type { SingleDayPickerProps } from './SingleDayPicker'; +export { RangePicker } from './RangePicker.js'; +export type { RangePickerProps } from './RangePicker.js'; +export { RangePickerController } from './RangePickerController.js'; +export type { RangePickerControllerProps } from './RangePickerController.js'; +export { SingleDayPicker } from './SingleDayPicker.js'; +export type { SingleDayPickerProps } from './SingleDayPicker.js'; export { CalendarConstants }; diff --git a/packages/circuit-ui/components/CalendarTag/CalendarTag.spec.tsx b/packages/circuit-ui/components/CalendarTag/CalendarTag.spec.tsx index 424924be0c..addff65535 100644 --- a/packages/circuit-ui/components/CalendarTag/CalendarTag.spec.tsx +++ b/packages/circuit-ui/components/CalendarTag/CalendarTag.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it, vi } from 'vitest'; -import { axe, render } from '../../util/test-utils'; +import { axe, render } from '../../util/test-utils.js'; import CalendarTag from '.'; diff --git a/packages/circuit-ui/components/CalendarTag/CalendarTag.stories.tsx b/packages/circuit-ui/components/CalendarTag/CalendarTag.stories.tsx index 597ede2e61..ccecfbb120 100644 --- a/packages/circuit-ui/components/CalendarTag/CalendarTag.stories.tsx +++ b/packages/circuit-ui/components/CalendarTag/CalendarTag.stories.tsx @@ -15,7 +15,7 @@ import { action } from '@storybook/addon-actions'; -import { CalendarTag, CalendarTagProps } from './CalendarTag'; +import { CalendarTag, CalendarTagProps } from './CalendarTag.js'; export default { title: 'Forms/Calendar/CalendarTag', diff --git a/packages/circuit-ui/components/CalendarTag/CalendarTag.tsx b/packages/circuit-ui/components/CalendarTag/CalendarTag.tsx index 72eff9ae5a..2cc8328d03 100644 --- a/packages/circuit-ui/components/CalendarTag/CalendarTag.tsx +++ b/packages/circuit-ui/components/CalendarTag/CalendarTag.tsx @@ -14,12 +14,12 @@ */ import { Component, createRef } from 'react'; -import styled from '@emotion/styled'; import type { Moment } from 'moment'; -import { RangePickerController } from '../Calendar'; -import Tag from '../Tag'; -import type { ClickEvent } from '../../types/events'; +import type { ClickEvent } from '../../types/events.js'; +import styled from '../../styles/styled.js'; +import { RangePickerController } from '../Calendar/index.js'; +import Tag from '../Tag/index.js'; export interface CalendarTagProps { /** diff --git a/packages/circuit-ui/components/CalendarTag/index.ts b/packages/circuit-ui/components/CalendarTag/index.ts index f50e24a5e0..2e5d4e84d9 100644 --- a/packages/circuit-ui/components/CalendarTag/index.ts +++ b/packages/circuit-ui/components/CalendarTag/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { CalendarTag } from './CalendarTag'; +import { CalendarTag } from './CalendarTag.js'; -export type { CalendarTagProps } from './CalendarTag'; +export type { CalendarTagProps } from './CalendarTag.js'; export default CalendarTag; diff --git a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.spec.tsx b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.spec.tsx index 1a4abec18e..26792c1c86 100644 --- a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.spec.tsx +++ b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it, vi } from 'vitest'; -import { axe, render } from '../../util/test-utils'; +import { axe, render } from '../../util/test-utils.js'; import { CalendarTagTwoStep } from './CalendarTagTwoStep'; diff --git a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.stories.tsx b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.stories.tsx index ae60935ac6..c74cf6e277 100644 --- a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.stories.tsx +++ b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.stories.tsx @@ -18,7 +18,7 @@ import { action } from '@storybook/addon-actions'; import { CalendarTagTwoStep, CalendarTagTwoStepProps, -} from './CalendarTagTwoStep'; +} from './CalendarTagTwoStep.js'; export default { title: 'Forms/Calendar/CalendarTagTwoStep', diff --git a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.tsx b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.tsx index 80d7dab9bc..cd61ca1330 100644 --- a/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.tsx +++ b/packages/circuit-ui/components/CalendarTagTwoStep/CalendarTagTwoStep.tsx @@ -14,14 +14,14 @@ */ import { Component, createRef } from 'react'; -import styled from '@emotion/styled'; import { css } from '@emotion/react'; import type { Moment } from 'moment'; -import { RangePickerController } from '../Calendar'; -import Tag from '../Tag'; -import type { ClickEvent } from '../../types/events'; -import ButtonGroup from '../ButtonGroup'; +import type { ClickEvent } from '../../types/events.js'; +import styled from '../../styles/styled.js'; +import { RangePickerController } from '../Calendar/index.js'; +import Tag from '../Tag/index.js'; +import ButtonGroup from '../ButtonGroup/index.js'; export interface CalendarTagTwoStepProps { /** diff --git a/packages/circuit-ui/components/CalendarTagTwoStep/index.ts b/packages/circuit-ui/components/CalendarTagTwoStep/index.ts index 3dc89e90da..ab827a6d20 100644 --- a/packages/circuit-ui/components/CalendarTagTwoStep/index.ts +++ b/packages/circuit-ui/components/CalendarTagTwoStep/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { CalendarTagTwoStep } from './CalendarTagTwoStep'; +import { CalendarTagTwoStep } from './CalendarTagTwoStep.js'; -export type { CalendarTagTwoStepProps } from './CalendarTagTwoStep'; +export type { CalendarTagTwoStepProps } from './CalendarTagTwoStep.js'; export default CalendarTagTwoStep; diff --git a/packages/circuit-ui/components/Card/Card.spec.tsx b/packages/circuit-ui/components/Card/Card.spec.tsx index f38970d9a3..9e3a1d44f1 100644 --- a/packages/circuit-ui/components/Card/Card.spec.tsx +++ b/packages/circuit-ui/components/Card/Card.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; import Card from '.'; diff --git a/packages/circuit-ui/components/Card/Card.stories.tsx b/packages/circuit-ui/components/Card/Card.stories.tsx index 5986f183e9..ed6b6ca27e 100644 --- a/packages/circuit-ui/components/Card/Card.stories.tsx +++ b/packages/circuit-ui/components/Card/Card.stories.tsx @@ -17,12 +17,12 @@ import { Fragment } from 'react'; import { action } from '@storybook/addon-actions'; import { css } from '@emotion/react'; -import { Stack } from '../../../../.storybook/components'; -import Headline from '../Headline'; -import Body from '../Body'; -import ButtonGroup from '../ButtonGroup'; +import { Stack } from '../../../../.storybook/components/index.js'; +import Headline from '../Headline/index.js'; +import Body from '../Body/index.js'; +import ButtonGroup from '../ButtonGroup/index.js'; -import Card, { CardHeader, CardFooter } from '.'; +import Card, { CardHeader, CardFooter } from './index.js'; export default { title: 'Components/Card', diff --git a/packages/circuit-ui/components/Card/Card.tsx b/packages/circuit-ui/components/Card/Card.tsx index 1de8551c9c..a58188871b 100644 --- a/packages/circuit-ui/components/Card/Card.tsx +++ b/packages/circuit-ui/components/Card/Card.tsx @@ -13,10 +13,10 @@ * limitations under the License. */ -import isPropValid from '@emotion/is-prop-valid'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; export interface CardProps { /** diff --git a/packages/circuit-ui/components/Card/components/Footer/Footer.spec.tsx b/packages/circuit-ui/components/Card/components/Footer/Footer.spec.tsx index 397d49535f..ed01a0d7eb 100644 --- a/packages/circuit-ui/components/Card/components/Footer/Footer.spec.tsx +++ b/packages/circuit-ui/components/Card/components/Footer/Footer.spec.tsx @@ -15,8 +15,8 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; -import { CardFooter } from '../..'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; +import { CardFooter } from '../../index.js'; describe('CardFooter', () => { /** diff --git a/packages/circuit-ui/components/Card/components/Footer/Footer.tsx b/packages/circuit-ui/components/Card/components/Footer/Footer.tsx index 9d6593e391..8fd8eb26c4 100644 --- a/packages/circuit-ui/components/Card/components/Footer/Footer.tsx +++ b/packages/circuit-ui/components/Card/components/Footer/Footer.tsx @@ -15,7 +15,7 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; type Align = 'left' | 'right'; diff --git a/packages/circuit-ui/components/Card/components/Header/Header.spec.tsx b/packages/circuit-ui/components/Card/components/Header/Header.spec.tsx index e377baefa7..923805a8de 100644 --- a/packages/circuit-ui/components/Card/components/Header/Header.spec.tsx +++ b/packages/circuit-ui/components/Card/components/Header/Header.spec.tsx @@ -21,9 +21,9 @@ import { renderToHtml, axe, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { CardHeader } from './Header'; +import { CardHeader } from './Header.js'; describe('CardHeader', () => { const children =

This is a content.

; diff --git a/packages/circuit-ui/components/Card/components/Header/Header.tsx b/packages/circuit-ui/components/Card/components/Header/Header.tsx index eebb91b421..5899a767b4 100644 --- a/packages/circuit-ui/components/Card/components/Header/Header.tsx +++ b/packages/circuit-ui/components/Card/components/Header/Header.tsx @@ -16,13 +16,13 @@ import { FC, ReactNode, HTMLAttributes, PropsWithChildren } from 'react'; import { css } from '@emotion/react'; -import { ClickEvent } from '../../../../types/events'; -import styled, { StyleProps } from '../../../../styles/styled'; +import { ClickEvent } from '../../../../types/events.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; import { CloseButton, CloseButtonProps, -} from '../../../CloseButton/CloseButton'; -import { isArray } from '../../../../util/type-check'; +} from '../../../CloseButton/CloseButton.js'; +import { isArray } from '../../../../util/type-check.js'; type CloseProps = | { diff --git a/packages/circuit-ui/components/Card/components/index.ts b/packages/circuit-ui/components/Card/components/index.ts index 2b860346e1..d828369e29 100644 --- a/packages/circuit-ui/components/Card/components/index.ts +++ b/packages/circuit-ui/components/Card/components/index.ts @@ -13,10 +13,10 @@ * limitations under the License. */ -import { CardHeader as Header } from './Header/Header'; -import { CardFooter as Footer } from './Footer/Footer'; +import { CardHeader as Header } from './Header/Header.js'; +import { CardFooter as Footer } from './Footer/Footer.js'; -export type { CardHeaderProps as HeaderProps } from './Header/Header'; -export type { CardFooterProps as FooterProps } from './Footer/Footer'; +export type { CardHeaderProps as HeaderProps } from './Header/Header.js'; +export type { CardFooterProps as FooterProps } from './Footer/Footer.js'; export { Header, Footer }; diff --git a/packages/circuit-ui/components/Card/index.ts b/packages/circuit-ui/components/Card/index.ts index 5ab1bc97da..cd346c87f6 100644 --- a/packages/circuit-ui/components/Card/index.ts +++ b/packages/circuit-ui/components/Card/index.ts @@ -13,13 +13,16 @@ * limitations under the License. */ -import { Card } from './Card'; +import { Card } from './Card.js'; -export type { CardProps } from './Card'; +export type { CardProps } from './Card.js'; -export { Header as CardHeader, Footer as CardFooter } from './components'; +export { + Header as CardHeader, + Footer as CardFooter, +} from './components/index.js'; -export type { HeaderProps as CardHeaderProps } from './components'; -export type { FooterProps as CardFooterProps } from './components'; +export type { HeaderProps as CardHeaderProps } from './components/index.js'; +export type { FooterProps as CardFooterProps } from './components/index.js'; export default Card; diff --git a/packages/circuit-ui/components/Carousel/Carousel.spec.tsx b/packages/circuit-ui/components/Carousel/Carousel.spec.tsx index c76466bb61..bf32107c96 100644 --- a/packages/circuit-ui/components/Carousel/Carousel.spec.tsx +++ b/packages/circuit-ui/components/Carousel/Carousel.spec.tsx @@ -15,10 +15,10 @@ import { describe, expect, it } from 'vitest'; -import { axe, render } from '../../util/test-utils'; +import { axe, render } from '../../util/test-utils.js'; -import { Carousel } from './Carousel'; -import { SLIDES } from './__fixtures__'; +import { Carousel } from './Carousel.js'; +import { SLIDES } from './__fixtures__/index.js'; describe('Carousel', () => { const baseProps = { diff --git a/packages/circuit-ui/components/Carousel/Carousel.stories.tsx b/packages/circuit-ui/components/Carousel/Carousel.stories.tsx index a1df0643f2..172de9538c 100644 --- a/packages/circuit-ui/components/Carousel/Carousel.stories.tsx +++ b/packages/circuit-ui/components/Carousel/Carousel.stories.tsx @@ -15,16 +15,24 @@ import { useState } from 'react'; -import { Container } from './components/Container'; -import { Slides } from './components/Slides'; -import { Slide } from './components/Slide'; -import { SlideImage } from './components/SlideImage'; -import { Controls } from './components/Controls'; -import { ButtonList, NextButton, PrevButton } from './components/Buttons'; -import { Status } from './components/Status'; -import { Carousel, CarouselProps } from './Carousel'; -import { ASPECT_RATIO, ANIMATION_DURATION, SLIDE_DURATION } from './constants'; -import { SLIDES } from './__fixtures__'; +import { Container } from './components/Container/index.js'; +import { Slides } from './components/Slides/index.js'; +import { Slide } from './components/Slide/index.js'; +import { SlideImage } from './components/SlideImage/index.js'; +import { Controls } from './components/Controls/index.js'; +import { + ButtonList, + NextButton, + PrevButton, +} from './components/Buttons/index.js'; +import { Status } from './components/Status/index.js'; +import { Carousel, CarouselProps } from './Carousel.js'; +import { + ASPECT_RATIO, + ANIMATION_DURATION, + SLIDE_DURATION, +} from './constants.js'; +import { SLIDES } from './__fixtures__/index.js'; export default { title: 'Components/Carousel', diff --git a/packages/circuit-ui/components/Carousel/Carousel.tsx b/packages/circuit-ui/components/Carousel/Carousel.tsx index 847717b953..19d1128f78 100644 --- a/packages/circuit-ui/components/Carousel/Carousel.tsx +++ b/packages/circuit-ui/components/Carousel/Carousel.tsx @@ -16,32 +16,32 @@ import { ReactNode, useRef, useState } from 'react'; import { css } from '@emotion/react'; -import ProgressBar from '../ProgressBar'; -import Step from '../Step'; -import { useComponentSize } from '../../hooks/useComponentSize'; -import styled, { StyleProps } from '../../styles/styled'; -import { ImageProps } from '../Image'; -import { isFunction } from '../../util/type-check'; -import { Actions, State } from '../Step/types'; - -import { Container } from './components/Container'; -import { Slides } from './components/Slides'; -import { Slide } from './components/Slide'; -import { SlideImage } from './components/SlideImage'; -import { Controls } from './components/Controls'; -import { Status } from './components/Status'; +import ProgressBar from '../ProgressBar/index.js'; +import Step from '../Step/index.js'; +import { useComponentSize } from '../../hooks/useComponentSize/index.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { ImageProps } from '../Image/index.js'; +import { isFunction } from '../../util/type-check.js'; +import { Actions, State } from '../Step/types.js'; + +import { Container } from './components/Container/index.js'; +import { Slides } from './components/Slides/index.js'; +import { Slide } from './components/Slide/index.js'; +import { SlideImage } from './components/SlideImage/index.js'; +import { Controls } from './components/Controls/index.js'; +import { Status } from './components/Status/index.js'; import { ButtonList, NextButton, PrevButton, PlayButton, -} from './components/Buttons'; +} from './components/Buttons/index.js'; import { ASPECT_RATIO, ANIMATION_DURATION, SLIDE_DURATION, SLIDE_DIRECTIONS, -} from './constants'; +} from './constants.js'; export interface CarouselProps { /** diff --git a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.spec.tsx b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.spec.tsx index fc20b17876..8c18624e5a 100644 --- a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.spec.tsx +++ b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { axe, render } from '../../../../util/test-utils'; +import { axe, render } from '../../../../util/test-utils.js'; -import { ButtonList, PlayButton, NextButton, PrevButton } from './Buttons'; +import { ButtonList, PlayButton, NextButton, PrevButton } from './Buttons.js'; const renderButtons = () => ( diff --git a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.stories.tsx b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.stories.tsx index a4add32dec..3500fda9fd 100644 --- a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.stories.tsx +++ b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.stories.tsx @@ -15,7 +15,7 @@ import { action } from '@storybook/addon-actions'; -import * as Buttons from './Buttons'; +import * as Buttons from './Buttons.js'; const { ButtonList, PlayButton, NextButton, PrevButton } = Buttons; diff --git a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.tsx b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.tsx index bdd97f7903..80cf630376 100644 --- a/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.tsx +++ b/packages/circuit-ui/components/Carousel/components/Buttons/Buttons.tsx @@ -16,8 +16,8 @@ import { css } from '@emotion/react'; import { ChevronLeft, ChevronRight, Pause, Play } from '@sumup/icons'; -import IconButton, { IconButtonProps } from '../../../IconButton'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import IconButton, { IconButtonProps } from '../../../IconButton/index.js'; const buttonListStyles = css` display: flex; diff --git a/packages/circuit-ui/components/Carousel/components/Buttons/index.ts b/packages/circuit-ui/components/Carousel/components/Buttons/index.ts index b2bfd9f9d2..c96adef6ef 100644 --- a/packages/circuit-ui/components/Carousel/components/Buttons/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Buttons/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { ButtonList, PlayButton, NextButton, PrevButton } from './Buttons'; +export { ButtonList, PlayButton, NextButton, PrevButton } from './Buttons.js'; diff --git a/packages/circuit-ui/components/Carousel/components/Container/Container.tsx b/packages/circuit-ui/components/Carousel/components/Container/Container.tsx index de0a8bda99..1ed78bc555 100644 --- a/packages/circuit-ui/components/Carousel/components/Container/Container.tsx +++ b/packages/circuit-ui/components/Carousel/components/Container/Container.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import styled from '../../../../styles/styled.js'; export const Container = styled.div` width: 100%; diff --git a/packages/circuit-ui/components/Carousel/components/Container/index.ts b/packages/circuit-ui/components/Carousel/components/Container/index.ts index 033524f338..fde38de97e 100644 --- a/packages/circuit-ui/components/Carousel/components/Container/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Container/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Container } from './Container'; +export { Container } from './Container.js'; diff --git a/packages/circuit-ui/components/Carousel/components/Controls/Controls.tsx b/packages/circuit-ui/components/Carousel/components/Controls/Controls.tsx index a40f0e057f..8fed6b97f3 100644 --- a/packages/circuit-ui/components/Carousel/components/Controls/Controls.tsx +++ b/packages/circuit-ui/components/Carousel/components/Controls/Controls.tsx @@ -13,9 +13,10 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { css } from '@emotion/react'; +import styled from '../../../../styles/styled.js'; + export const Controls = styled('div')( ({ theme }) => css` width: 100%; diff --git a/packages/circuit-ui/components/Carousel/components/Controls/index.ts b/packages/circuit-ui/components/Carousel/components/Controls/index.ts index 406d312d84..3acaa79810 100644 --- a/packages/circuit-ui/components/Carousel/components/Controls/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Controls/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Controls } from './Controls'; +export { Controls } from './Controls.js'; diff --git a/packages/circuit-ui/components/Carousel/components/Slide/Slide.spec.tsx b/packages/circuit-ui/components/Carousel/components/Slide/Slide.spec.tsx index 2dc99a3323..ff81221ade 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/Slide.spec.tsx +++ b/packages/circuit-ui/components/Carousel/components/Slide/Slide.spec.tsx @@ -15,10 +15,10 @@ import { describe, expect, it } from 'vitest'; -import { axe, render } from '../../../../util/test-utils'; -import { SLIDE_DIRECTIONS } from '../../constants'; +import { axe, render } from '../../../../util/test-utils.js'; +import { SLIDE_DIRECTIONS } from '../../constants.js'; -import { Slide } from './Slide'; +import { Slide } from './Slide.js'; describe('Slide', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Carousel/components/Slide/Slide.stories.tsx b/packages/circuit-ui/components/Carousel/components/Slide/Slide.stories.tsx index 8b5519242f..47ee54686c 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/Slide.stories.tsx +++ b/packages/circuit-ui/components/Carousel/components/Slide/Slide.stories.tsx @@ -13,14 +13,14 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { css } from '@emotion/react'; -import Headline, { HeadlineProps } from '../../../Headline'; -import Image from '../../../Image'; -import { spacing } from '../../../../styles/style-mixins'; +import styled from '../../../../styles/styled.js'; +import Headline, { HeadlineProps } from '../../../Headline/index.js'; +import Image from '../../../Image/index.js'; +import { spacing } from '../../../../styles/style-mixins.js'; -import { Slide, SlideProps } from './Slide'; +import { Slide, SlideProps } from './Slide.js'; export default { title: 'Components/Carousel/Slide', diff --git a/packages/circuit-ui/components/Carousel/components/Slide/Slide.tsx b/packages/circuit-ui/components/Carousel/components/Slide/Slide.tsx index 535769d26a..e562685e31 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/Slide.tsx +++ b/packages/circuit-ui/components/Carousel/components/Slide/Slide.tsx @@ -16,10 +16,10 @@ import { HTMLAttributes, ReactNode } from 'react'; import { css, keyframes } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { ANIMATION_DURATION, SLIDE_DIRECTIONS } from '../../constants'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { ANIMATION_DURATION, SLIDE_DIRECTIONS } from '../../constants.js'; -import * as SlideService from './SlideService'; +import * as SlideService from './SlideService.js'; export interface SlideProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Carousel/components/Slide/SlideService.spec.ts b/packages/circuit-ui/components/Carousel/components/Slide/SlideService.spec.ts index a620045777..8529fc44cc 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/SlideService.spec.ts +++ b/packages/circuit-ui/components/Carousel/components/Slide/SlideService.spec.ts @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { SLIDE_DIRECTIONS } from '../../constants'; +import { SLIDE_DIRECTIONS } from '../../constants.js'; -import * as SlideService from './SlideService'; +import * as SlideService from './SlideService.js'; describe('SlideService', () => { describe('getStackOrder', () => { diff --git a/packages/circuit-ui/components/Carousel/components/Slide/SlideService.ts b/packages/circuit-ui/components/Carousel/components/Slide/SlideService.ts index f78f9cbb21..3811880342 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/SlideService.ts +++ b/packages/circuit-ui/components/Carousel/components/Slide/SlideService.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { SLIDE_DIRECTIONS } from '../../constants'; +import { SLIDE_DIRECTIONS } from '../../constants.js'; export function getStackOrder( slideIndex?: number, diff --git a/packages/circuit-ui/components/Carousel/components/Slide/index.ts b/packages/circuit-ui/components/Carousel/components/Slide/index.ts index 1a7b384532..df36b9facf 100644 --- a/packages/circuit-ui/components/Carousel/components/Slide/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Slide/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Slide } from './Slide'; +export { Slide } from './Slide.js'; diff --git a/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.spec.tsx b/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.spec.tsx index 82ecb15c37..30dc856c04 100644 --- a/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.spec.tsx +++ b/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { axe, render } from '../../../../util/test-utils'; +import { axe, render } from '../../../../util/test-utils.js'; -import { SlideImage } from './SlideImage'; +import { SlideImage } from './SlideImage.js'; const image = { src: '/images/illustration-waves.jpg', diff --git a/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.tsx b/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.tsx index 8c1b89cd7f..9a4fbefbb6 100644 --- a/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.tsx +++ b/packages/circuit-ui/components/Carousel/components/SlideImage/SlideImage.tsx @@ -13,11 +13,10 @@ * limitations under the License. */ -import styled from '@emotion/styled'; - -import Image from '../../../Image'; -import AspectRatio from '../../../AspectRatio'; -import { ASPECT_RATIO } from '../../constants'; +import styled from '../../../../styles/styled.js'; +import Image from '../../../Image/index.js'; +import AspectRatio from '../../../AspectRatio/index.js'; +import { ASPECT_RATIO } from '../../constants.js'; export interface SlideImageProps { /** diff --git a/packages/circuit-ui/components/Carousel/components/SlideImage/index.ts b/packages/circuit-ui/components/Carousel/components/SlideImage/index.ts index dad6995557..903559f5fb 100644 --- a/packages/circuit-ui/components/Carousel/components/SlideImage/index.ts +++ b/packages/circuit-ui/components/Carousel/components/SlideImage/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { SlideImage } from './SlideImage'; +export { SlideImage } from './SlideImage.js'; diff --git a/packages/circuit-ui/components/Carousel/components/Slides/Slides.tsx b/packages/circuit-ui/components/Carousel/components/Slides/Slides.tsx index a9ee5b0dc0..b53863e050 100644 --- a/packages/circuit-ui/components/Carousel/components/Slides/Slides.tsx +++ b/packages/circuit-ui/components/Carousel/components/Slides/Slides.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import styled from '../../../../styles/styled.js'; export const Slides = styled.div` display: flex; diff --git a/packages/circuit-ui/components/Carousel/components/Slides/index.ts b/packages/circuit-ui/components/Carousel/components/Slides/index.ts index 5f5df59e0d..ddc817beb4 100644 --- a/packages/circuit-ui/components/Carousel/components/Slides/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Slides/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Slides } from './Slides'; +export { Slides } from './Slides.js'; diff --git a/packages/circuit-ui/components/Carousel/components/Status/Status.spec.tsx b/packages/circuit-ui/components/Carousel/components/Status/Status.spec.tsx index d6bb9d01a5..359915aa5c 100644 --- a/packages/circuit-ui/components/Carousel/components/Status/Status.spec.tsx +++ b/packages/circuit-ui/components/Carousel/components/Status/Status.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { axe, render } from '../../../../util/test-utils'; +import { axe, render } from '../../../../util/test-utils.js'; -import { Status } from './Status'; +import { Status } from './Status.js'; describe('Status', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Carousel/components/Status/Status.stories.tsx b/packages/circuit-ui/components/Carousel/components/Status/Status.stories.tsx index 1a30c6c8ae..0fe3eb716f 100644 --- a/packages/circuit-ui/components/Carousel/components/Status/Status.stories.tsx +++ b/packages/circuit-ui/components/Carousel/components/Status/Status.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Status, StatusProps } from './Status'; +import { Status, StatusProps } from './Status.js'; export default { title: 'Components/Carousel/Status', diff --git a/packages/circuit-ui/components/Carousel/components/Status/Status.tsx b/packages/circuit-ui/components/Carousel/components/Status/Status.tsx index 9b4abef0cc..965698d5f6 100644 --- a/packages/circuit-ui/components/Carousel/components/Status/Status.tsx +++ b/packages/circuit-ui/components/Carousel/components/Status/Status.tsx @@ -15,9 +15,9 @@ import { css } from '@emotion/react'; -import Body, { BodyProps } from '../../../Body'; -import { typography } from '../../../../styles/style-mixins'; -import styled, { StyleProps } from '../../../../styles/styled'; +import { typography } from '../../../../styles/style-mixins.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import Body, { BodyProps } from '../../../Body/index.js'; export interface StatusProps extends BodyProps { /** diff --git a/packages/circuit-ui/components/Carousel/components/Status/index.ts b/packages/circuit-ui/components/Carousel/components/Status/index.ts index 64f74d8832..9c21d5d7f3 100644 --- a/packages/circuit-ui/components/Carousel/components/Status/index.ts +++ b/packages/circuit-ui/components/Carousel/components/Status/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Status } from './Status'; +export { Status } from './Status.js'; diff --git a/packages/circuit-ui/components/Carousel/index.ts b/packages/circuit-ui/components/Carousel/index.ts index 066beb301e..1ed33aff77 100644 --- a/packages/circuit-ui/components/Carousel/index.ts +++ b/packages/circuit-ui/components/Carousel/index.ts @@ -13,21 +13,21 @@ * limitations under the License. */ -import { Container } from './components/Container'; -import { Controls } from './components/Controls'; -import { Slide } from './components/Slide'; -import { Slides } from './components/Slides'; -import { SlideImage } from './components/SlideImage'; -import { Status } from './components/Status'; +import { Container } from './components/Container/index.js'; +import { Controls } from './components/Controls/index.js'; +import { Slide } from './components/Slide/index.js'; +import { Slides } from './components/Slides/index.js'; +import { SlideImage } from './components/SlideImage/index.js'; +import { Status } from './components/Status/index.js'; import { ButtonList, PlayButton, NextButton, PrevButton, -} from './components/Buttons'; -import { Carousel } from './Carousel'; +} from './components/Buttons/index.js'; +import { Carousel } from './Carousel.js'; -export type { CarouselProps } from './Carousel'; +export type { CarouselProps } from './Carousel.js'; export const CarouselComposer = { Container, diff --git a/packages/circuit-ui/components/Checkbox/Checkbox.spec.tsx b/packages/circuit-ui/components/Checkbox/Checkbox.spec.tsx index 948e289ee6..e218e090c4 100644 --- a/packages/circuit-ui/components/Checkbox/Checkbox.spec.tsx +++ b/packages/circuit-ui/components/Checkbox/Checkbox.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { render, axe, userEvent } from '../../util/test-utils'; +import { render, axe, userEvent } from '../../util/test-utils.js'; -import { Checkbox } from './Checkbox'; +import { Checkbox } from './Checkbox.js'; const defaultProps = { label: 'Label', diff --git a/packages/circuit-ui/components/Checkbox/Checkbox.stories.tsx b/packages/circuit-ui/components/Checkbox/Checkbox.stories.tsx index b9821badc6..cbb7ee4a1d 100644 --- a/packages/circuit-ui/components/Checkbox/Checkbox.stories.tsx +++ b/packages/circuit-ui/components/Checkbox/Checkbox.stories.tsx @@ -16,7 +16,7 @@ import { useState, ChangeEvent } from 'react'; import { action } from '@storybook/addon-actions'; -import { Checkbox, CheckboxProps } from './Checkbox'; +import { Checkbox, CheckboxProps } from './Checkbox.js'; export default { title: 'Forms/Checkbox', diff --git a/packages/circuit-ui/components/Checkbox/Checkbox.tsx b/packages/circuit-ui/components/Checkbox/Checkbox.tsx index 2084baacfd..8c48e180dc 100644 --- a/packages/circuit-ui/components/Checkbox/Checkbox.tsx +++ b/packages/circuit-ui/components/Checkbox/Checkbox.tsx @@ -17,10 +17,10 @@ import { InputHTMLAttributes, Ref, forwardRef, useId } from 'react'; import { css } from '@emotion/react'; import { Checkmark } from '@sumup/icons'; -import styled, { StyleProps } from '../../styles/styled'; -import { hideVisually, focusOutline } from '../../styles/style-mixins'; -import { FieldValidationHint, FieldWrapper } from '../FieldAtoms'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { hideVisually, focusOutline } from '../../styles/style-mixins.js'; +import { FieldValidationHint, FieldWrapper } from '../FieldAtoms/index.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface CheckboxProps extends InputHTMLAttributes { /** diff --git a/packages/circuit-ui/components/Checkbox/index.ts b/packages/circuit-ui/components/Checkbox/index.ts index 39d0aca7ef..852673bf26 100644 --- a/packages/circuit-ui/components/Checkbox/index.ts +++ b/packages/circuit-ui/components/Checkbox/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Checkbox } from './Checkbox'; +import { Checkbox } from './Checkbox.js'; -export type { CheckboxProps } from './Checkbox'; +export type { CheckboxProps } from './Checkbox.js'; export default Checkbox; diff --git a/packages/circuit-ui/components/CloseButton/CloseButton.spec.tsx b/packages/circuit-ui/components/CloseButton/CloseButton.spec.tsx index f7087f0bdf..5192d2f7d4 100644 --- a/packages/circuit-ui/components/CloseButton/CloseButton.spec.tsx +++ b/packages/circuit-ui/components/CloseButton/CloseButton.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, renderToHtml, axe, render } from '../../util/test-utils'; +import { create, renderToHtml, axe, render } from '../../util/test-utils.js'; -import { CloseButton } from './CloseButton'; +import { CloseButton } from './CloseButton.js'; describe('CloseButton', () => { /** diff --git a/packages/circuit-ui/components/CloseButton/CloseButton.stories.tsx b/packages/circuit-ui/components/CloseButton/CloseButton.stories.tsx index f4fd1b6dad..4edb2fe31b 100644 --- a/packages/circuit-ui/components/CloseButton/CloseButton.stories.tsx +++ b/packages/circuit-ui/components/CloseButton/CloseButton.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { CloseButton, CloseButtonProps } from './CloseButton'; +import { CloseButton, CloseButtonProps } from './CloseButton.js'; export default { title: 'Components/Button/CloseButton', diff --git a/packages/circuit-ui/components/CloseButton/CloseButton.tsx b/packages/circuit-ui/components/CloseButton/CloseButton.tsx index a83a3f8c16..fba683ff94 100644 --- a/packages/circuit-ui/components/CloseButton/CloseButton.tsx +++ b/packages/circuit-ui/components/CloseButton/CloseButton.tsx @@ -17,7 +17,7 @@ import { forwardRef } from 'react'; import { css } from '@emotion/react'; import { Close } from '@sumup/icons'; -import { IconButton, IconButtonProps } from '../IconButton/IconButton'; +import { IconButton, IconButtonProps } from '../IconButton/IconButton.js'; export type CloseButtonProps = Omit; diff --git a/packages/circuit-ui/components/CloseButton/index.ts b/packages/circuit-ui/components/CloseButton/index.ts index fa2a11c933..6062e93ac4 100644 --- a/packages/circuit-ui/components/CloseButton/index.ts +++ b/packages/circuit-ui/components/CloseButton/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { CloseButton } from './CloseButton'; +import { CloseButton } from './CloseButton.js'; -export type { CloseButtonProps } from './CloseButton'; +export type { CloseButtonProps } from './CloseButton.js'; export default CloseButton; diff --git a/packages/circuit-ui/components/ComponentsContext/ComponentsContext.ts b/packages/circuit-ui/components/ComponentsContext/ComponentsContext.ts index 51cb560663..1be63cfd32 100644 --- a/packages/circuit-ui/components/ComponentsContext/ComponentsContext.ts +++ b/packages/circuit-ui/components/ComponentsContext/ComponentsContext.ts @@ -15,7 +15,7 @@ import { createContext, ReactNode } from 'react'; -import { Link, LinkProps } from './components/Link'; +import { Link, LinkProps } from './components/Link/index.js'; export const defaultComponents = { Link }; diff --git a/packages/circuit-ui/components/ComponentsContext/components/Link/Link.spec.tsx b/packages/circuit-ui/components/ComponentsContext/components/Link/Link.spec.tsx index a01747a1ac..481c627983 100644 --- a/packages/circuit-ui/components/ComponentsContext/components/Link/Link.spec.tsx +++ b/packages/circuit-ui/components/ComponentsContext/components/Link/Link.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { render, renderToHtml, axe } from '../../../../util/test-utils'; +import { render, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { Link } from './Link'; +import { Link } from './Link.js'; describe('Link', () => { const defaultProps = { diff --git a/packages/circuit-ui/components/ComponentsContext/components/Link/index.ts b/packages/circuit-ui/components/ComponentsContext/components/Link/index.ts index 7e842ff43e..69f176854d 100644 --- a/packages/circuit-ui/components/ComponentsContext/components/Link/index.ts +++ b/packages/circuit-ui/components/ComponentsContext/components/Link/index.ts @@ -13,5 +13,5 @@ * limitations under the License. */ -export { Link } from './Link'; -export type { LinkProps } from './Link'; +export { Link } from './Link.js'; +export type { LinkProps } from './Link.js'; diff --git a/packages/circuit-ui/components/ComponentsContext/index.ts b/packages/circuit-ui/components/ComponentsContext/index.ts index acef5bc5f4..13f7649dcc 100644 --- a/packages/circuit-ui/components/ComponentsContext/index.ts +++ b/packages/circuit-ui/components/ComponentsContext/index.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -export { ComponentsContext } from './ComponentsContext'; -export { useComponents } from './useComponents'; +export { ComponentsContext } from './ComponentsContext.js'; +export { useComponents } from './useComponents.js'; -export type { ComponentsContextType } from './ComponentsContext'; +export type { ComponentsContextType } from './ComponentsContext.js'; diff --git a/packages/circuit-ui/components/ComponentsContext/useComponents.ts b/packages/circuit-ui/components/ComponentsContext/useComponents.ts index 46191934c7..1fdc6c2701 100644 --- a/packages/circuit-ui/components/ComponentsContext/useComponents.ts +++ b/packages/circuit-ui/components/ComponentsContext/useComponents.ts @@ -19,7 +19,7 @@ import { ComponentsContext, ComponentsContextType, defaultComponents, -} from './ComponentsContext'; +} from './ComponentsContext.js'; /** * Subscribe to the components context with a hook. diff --git a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.spec.tsx b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.spec.tsx index b02d3d4b38..a301e55658 100644 --- a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.spec.tsx +++ b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.spec.tsx @@ -17,10 +17,10 @@ import { describe, expect, it } from 'vitest'; import { ChangeEvent, createRef, useState } from 'react'; import { NumericFormatProps } from 'react-number-format'; -import { render, userEvent, axe } from '../../util/test-utils'; -import { InputProps } from '../Input'; +import { render, userEvent, axe } from '../../util/test-utils.js'; +import { InputProps } from '../Input/index.js'; -import CurrencyInput, { CurrencyInputProps } from '.'; +import CurrencyInput, { CurrencyInputProps } from './index.js'; // Note: these defaults render a '€' as an input suffix const defaultProps = { diff --git a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.stories.tsx b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.stories.tsx index 64ea543cfe..5cc5c8d7e1 100644 --- a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.stories.tsx +++ b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { Stack } from '../../../../.storybook/components'; +import { Stack } from '../../../../.storybook/components/index.js'; -import { CurrencyInput, CurrencyInputProps } from './CurrencyInput'; +import { CurrencyInput, CurrencyInputProps } from './CurrencyInput.js'; export default { title: 'Forms/Input/CurrencyInput', diff --git a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.tsx b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.tsx index 414d6deb44..50a6d1a41b 100644 --- a/packages/circuit-ui/components/CurrencyInput/CurrencyInput.tsx +++ b/packages/circuit-ui/components/CurrencyInput/CurrencyInput.tsx @@ -17,11 +17,11 @@ import { Ref, forwardRef, useId } from 'react'; import { resolveCurrencyFormat } from '@sumup/intl'; import { NumericFormat, NumericFormatProps } from 'react-number-format'; -import styled from '../../styles/styled'; -import Input from '../Input'; -import { InputProps } from '../Input/Input'; +import styled from '../../styles/styled.js'; +import Input from '../Input/index.js'; +import { InputProps } from '../Input/Input.js'; -import { formatPlaceholder } from './CurrencyInputService'; +import { formatPlaceholder } from './CurrencyInputService.js'; export interface CurrencyInputProps extends Omit< diff --git a/packages/circuit-ui/components/CurrencyInput/CurrencyInputService.spec.ts b/packages/circuit-ui/components/CurrencyInput/CurrencyInputService.spec.ts index e03cf089f2..974104e84c 100644 --- a/packages/circuit-ui/components/CurrencyInput/CurrencyInputService.spec.ts +++ b/packages/circuit-ui/components/CurrencyInput/CurrencyInputService.spec.ts @@ -15,7 +15,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'; -import { formatPlaceholder } from './CurrencyInputService'; +import { formatPlaceholder } from './CurrencyInputService.js'; describe('CurrencyInputService', () => { beforeEach(() => { diff --git a/packages/circuit-ui/components/CurrencyInput/index.ts b/packages/circuit-ui/components/CurrencyInput/index.ts index 8164da5c27..b2db5963a3 100644 --- a/packages/circuit-ui/components/CurrencyInput/index.ts +++ b/packages/circuit-ui/components/CurrencyInput/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { CurrencyInput } from './CurrencyInput'; +import { CurrencyInput } from './CurrencyInput.js'; -export type { CurrencyInputProps } from './CurrencyInput'; +export type { CurrencyInputProps } from './CurrencyInput.js'; export default CurrencyInput; diff --git a/packages/circuit-ui/components/DateInput/DateInput.spec.tsx b/packages/circuit-ui/components/DateInput/DateInput.spec.tsx index bd2b4ebbd6..094bac30e4 100644 --- a/packages/circuit-ui/components/DateInput/DateInput.spec.tsx +++ b/packages/circuit-ui/components/DateInput/DateInput.spec.tsx @@ -16,7 +16,7 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { render, renderToHtml, axe } from '../../util/test-utils'; +import { render, renderToHtml, axe } from '../../util/test-utils.js'; import DateInput from '.'; diff --git a/packages/circuit-ui/components/DateInput/DateInput.stories.tsx b/packages/circuit-ui/components/DateInput/DateInput.stories.tsx index 275ce63021..f6b95c3b3f 100644 --- a/packages/circuit-ui/components/DateInput/DateInput.stories.tsx +++ b/packages/circuit-ui/components/DateInput/DateInput.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { DateInput, DateInputProps } from './DateInput'; +import { DateInput, DateInputProps } from './DateInput.js'; export default { title: 'Forms/Input/DateInput', diff --git a/packages/circuit-ui/components/DateInput/DateInput.tsx b/packages/circuit-ui/components/DateInput/DateInput.tsx index faba746b27..5cb81cf4c5 100644 --- a/packages/circuit-ui/components/DateInput/DateInput.tsx +++ b/packages/circuit-ui/components/DateInput/DateInput.tsx @@ -17,7 +17,7 @@ import { forwardRef, useState, useEffect } from 'react'; import { css } from '@emotion/react'; import { PatternFormat } from 'react-number-format'; -import { Input, InputProps } from '../Input/Input'; +import { Input, InputProps } from '../Input/Input.js'; export interface DateInputProps extends Omit< diff --git a/packages/circuit-ui/components/DateInput/index.ts b/packages/circuit-ui/components/DateInput/index.ts index c7fda17180..a19ba358df 100644 --- a/packages/circuit-ui/components/DateInput/index.ts +++ b/packages/circuit-ui/components/DateInput/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { DateInput } from './DateInput'; +import { DateInput } from './DateInput.js'; -export type { DateInputProps } from './DateInput'; +export type { DateInputProps } from './DateInput.js'; export default DateInput; diff --git a/packages/circuit-ui/components/FieldAtoms/FieldLabel.tsx b/packages/circuit-ui/components/FieldAtoms/FieldLabel.tsx index 6f0680877a..af43abb87c 100644 --- a/packages/circuit-ui/components/FieldAtoms/FieldLabel.tsx +++ b/packages/circuit-ui/components/FieldAtoms/FieldLabel.tsx @@ -16,8 +16,8 @@ import { LabelHTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; +import styled from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; export interface FieldLabelProps extends LabelHTMLAttributes { /** diff --git a/packages/circuit-ui/components/FieldAtoms/FieldLabelText.tsx b/packages/circuit-ui/components/FieldAtoms/FieldLabelText.tsx index ae870ba060..c135c5b741 100644 --- a/packages/circuit-ui/components/FieldAtoms/FieldLabelText.tsx +++ b/packages/circuit-ui/components/FieldAtoms/FieldLabelText.tsx @@ -15,12 +15,11 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled from '@emotion/styled'; -import { hideVisually } from '../../styles/style-mixins'; -import { StyleProps } from '../../styles/styled'; +import { hideVisually } from '../../styles/style-mixins.js'; +import styled, { StyleProps } from '../../styles/styled.js'; -import { CLASS_DISABLED } from './constants'; +import { CLASS_DISABLED } from './constants.js'; export interface FieldLabelTextProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/FieldAtoms/FieldValidationHint.tsx b/packages/circuit-ui/components/FieldAtoms/FieldValidationHint.tsx index 2b2bc3413e..1c456d2d31 100644 --- a/packages/circuit-ui/components/FieldAtoms/FieldValidationHint.tsx +++ b/packages/circuit-ui/components/FieldAtoms/FieldValidationHint.tsx @@ -17,10 +17,10 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; import { Confirm, Notify, Alert } from '@sumup/icons'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; -import { CLASS_DISABLED } from './constants'; +import { CLASS_DISABLED } from './constants.js'; export interface FieldValidationHintProps extends HTMLAttributes { diff --git a/packages/circuit-ui/components/FieldAtoms/FieldWrapper.tsx b/packages/circuit-ui/components/FieldAtoms/FieldWrapper.tsx index 939745915c..56a0141d0d 100644 --- a/packages/circuit-ui/components/FieldAtoms/FieldWrapper.tsx +++ b/packages/circuit-ui/components/FieldAtoms/FieldWrapper.tsx @@ -16,10 +16,10 @@ import { forwardRef, HTMLAttributes, Ref } from 'react'; import { css } from '@emotion/react'; -import styled from '../../styles/styled'; -import { EmotionAsPropType } from '../../types/prop-types'; +import styled from '../../styles/styled.js'; +import { EmotionAsPropType } from '../../types/prop-types.js'; -import { CLASS_DISABLED } from './constants'; +import { CLASS_DISABLED } from './constants.js'; export interface FieldWrapperProps extends HTMLAttributes { as?: EmotionAsPropType; diff --git a/packages/circuit-ui/components/FieldAtoms/index.ts b/packages/circuit-ui/components/FieldAtoms/index.ts index b57013df32..c5b6653b4f 100644 --- a/packages/circuit-ui/components/FieldAtoms/index.ts +++ b/packages/circuit-ui/components/FieldAtoms/index.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -export { FieldWrapper } from './FieldWrapper'; -export { FieldLabel } from './FieldLabel'; -export { FieldLabelText } from './FieldLabelText'; -export { FieldValidationHint } from './FieldValidationHint'; +export { FieldWrapper } from './FieldWrapper.js'; +export { FieldLabel } from './FieldLabel.js'; +export { FieldLabelText } from './FieldLabelText.js'; +export { FieldValidationHint } from './FieldValidationHint.js'; diff --git a/packages/circuit-ui/components/Grid/Col/Col.spec.tsx b/packages/circuit-ui/components/Grid/Col/Col.spec.tsx index 437dfebf87..13a162df0f 100644 --- a/packages/circuit-ui/components/Grid/Col/Col.spec.tsx +++ b/packages/circuit-ui/components/Grid/Col/Col.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../../util/test-utils.js'; -import { Col } from './Col'; +import { Col } from './Col.js'; describe('Col', () => { /** diff --git a/packages/circuit-ui/components/Grid/Col/Col.stories.tsx b/packages/circuit-ui/components/Grid/Col/Col.stories.tsx index ce4945239d..8a0cd421e9 100644 --- a/packages/circuit-ui/components/Grid/Col/Col.stories.tsx +++ b/packages/circuit-ui/components/Grid/Col/Col.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import styled from '../../../styles/styled.js'; -import { Col, ColProps } from './Col'; +import { Col, ColProps } from './Col.js'; const colControl = { control: { diff --git a/packages/circuit-ui/components/Grid/Col/Col.ts b/packages/circuit-ui/components/Grid/Col/Col.ts index 6fb8fcfae6..635a7daaa2 100644 --- a/packages/circuit-ui/components/Grid/Col/Col.ts +++ b/packages/circuit-ui/components/Grid/Col/Col.ts @@ -14,15 +14,15 @@ */ import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../../styles/styled'; -import { isNumber, isString } from '../../../util/type-check'; -import { clamp } from '../../../util/helpers'; -import { BreakpointOptions, GridValue } from '../types'; -import { wrapStyles, normalizeToNumber, composeBreakpoints } from '../utils'; -import { MAX_COL_WIDTH, MIN_COL_SPAN } from '../constants'; +import isPropValid from '../../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../../styles/styled.js'; +import { isNumber, isString } from '../../../util/type-check.js'; +import { clamp } from '../../../util/helpers.js'; +import { BreakpointOptions, GridValue } from '../types.js'; +import { wrapStyles, normalizeToNumber, composeBreakpoints } from '../utils.js'; +import { MAX_COL_WIDTH, MIN_COL_SPAN } from '../constants.js'; type Option = string | number; diff --git a/packages/circuit-ui/components/Grid/Grid/Grid.spec.tsx b/packages/circuit-ui/components/Grid/Grid/Grid.spec.tsx index c40c363768..8c076680b9 100644 --- a/packages/circuit-ui/components/Grid/Grid/Grid.spec.tsx +++ b/packages/circuit-ui/components/Grid/Grid/Grid.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../../util/test-utils.js'; -import { Grid } from './Grid'; +import { Grid } from './Grid.js'; describe('Grid', () => { /** diff --git a/packages/circuit-ui/components/Grid/Grid/Grid.stories.tsx b/packages/circuit-ui/components/Grid/Grid/Grid.stories.tsx index e9184a6db5..8b98a23fea 100644 --- a/packages/circuit-ui/components/Grid/Grid/Grid.stories.tsx +++ b/packages/circuit-ui/components/Grid/Grid/Grid.stories.tsx @@ -13,9 +13,8 @@ * limitations under the License. */ -import styled from '@emotion/styled'; - -import { Grid, Row, Col } from '..'; +import styled from '../../../styles/styled.js'; +import { Grid, Row, Col } from '../index.js'; export default { title: 'Layout/Grid/Grid', diff --git a/packages/circuit-ui/components/Grid/Grid/Grid.ts b/packages/circuit-ui/components/Grid/Grid/Grid.ts index b4ef74ebdc..1dde39f6a5 100644 --- a/packages/circuit-ui/components/Grid/Grid/Grid.ts +++ b/packages/circuit-ui/components/Grid/Grid/Grid.ts @@ -16,9 +16,9 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { NoTheme, StyleProps } from '../../../styles/styled'; -import { GridValue } from '../types'; -import { composeBreakpoints, wrapStyles } from '../utils'; +import styled, { NoTheme, StyleProps } from '../../../styles/styled.js'; +import { GridValue } from '../types.js'; +import { composeBreakpoints, wrapStyles } from '../utils.js'; const baseStyles = css` margin: 0 auto; diff --git a/packages/circuit-ui/components/Grid/Row/Row.spec.tsx b/packages/circuit-ui/components/Grid/Row/Row.spec.tsx index 4f4fd4d15e..956be35604 100644 --- a/packages/circuit-ui/components/Grid/Row/Row.spec.tsx +++ b/packages/circuit-ui/components/Grid/Row/Row.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../../util/test-utils.js'; -import { Row } from './Row'; +import { Row } from './Row.js'; describe('Row', () => { /** diff --git a/packages/circuit-ui/components/Grid/Row/Row.stories.tsx b/packages/circuit-ui/components/Grid/Row/Row.stories.tsx index 2c369c1d29..0a69d84190 100644 --- a/packages/circuit-ui/components/Grid/Row/Row.stories.tsx +++ b/packages/circuit-ui/components/Grid/Row/Row.stories.tsx @@ -13,9 +13,8 @@ * limitations under the License. */ -import styled from '@emotion/styled'; - -import { Row, Col } from '..'; +import styled from '../../../styles/styled.js'; +import { Row, Col } from '../index.js'; export default { title: 'Layout/Grid/Row', diff --git a/packages/circuit-ui/components/Grid/Row/Row.ts b/packages/circuit-ui/components/Grid/Row/Row.ts index cb6ad514f3..b7def368f5 100644 --- a/packages/circuit-ui/components/Grid/Row/Row.ts +++ b/packages/circuit-ui/components/Grid/Row/Row.ts @@ -16,10 +16,10 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { clearfix } from '../../../styles/style-mixins'; -import styled, { NoTheme, StyleProps } from '../../../styles/styled'; -import { GridValue } from '../types'; -import { composeBreakpoints, wrapStyles } from '../utils'; +import { clearfix } from '../../../styles/style-mixins.js'; +import styled, { NoTheme, StyleProps } from '../../../styles/styled.js'; +import { GridValue } from '../types.js'; +import { composeBreakpoints, wrapStyles } from '../utils.js'; const baseStyles = css` position: relative; diff --git a/packages/circuit-ui/components/Grid/index.ts b/packages/circuit-ui/components/Grid/index.ts index 98a5b48d7e..fe99f10179 100644 --- a/packages/circuit-ui/components/Grid/index.ts +++ b/packages/circuit-ui/components/Grid/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -export { Grid } from './Grid/Grid'; -export { Row } from './Row/Row'; -export { Col } from './Col/Col'; +export { Grid } from './Grid/Grid.js'; +export { Row } from './Row/Row.js'; +export { Col } from './Col/Col.js'; -export type { ColProps } from './Col/Col'; +export type { ColProps } from './Col/Col.js'; diff --git a/packages/circuit-ui/components/Grid/utils.spec.ts b/packages/circuit-ui/components/Grid/utils.spec.ts index 4e7f64af78..0d9ae34176 100644 --- a/packages/circuit-ui/components/Grid/utils.spec.ts +++ b/packages/circuit-ui/components/Grid/utils.spec.ts @@ -16,7 +16,7 @@ import { afterEach, describe, expect, it, vi } from 'vitest'; import { light as theme } from '@sumup/design-tokens'; -import { composeBreakpoints, normalizeToNumber, wrapStyles } from './utils'; +import { composeBreakpoints, normalizeToNumber, wrapStyles } from './utils.js'; describe('Grid utils', () => { describe('normalizeToNumber', () => { diff --git a/packages/circuit-ui/components/Grid/utils.ts b/packages/circuit-ui/components/Grid/utils.ts index 2891538311..9efaa0b0e9 100644 --- a/packages/circuit-ui/components/Grid/utils.ts +++ b/packages/circuit-ui/components/Grid/utils.ts @@ -18,9 +18,9 @@ import type { Theme } from '@sumup/design-tokens'; import type { SerializedStyles } from '@emotion/react'; import { css } from '@emotion/react'; -import { isString } from '../../util/type-check'; +import { isString } from '../../util/type-check.js'; -import { GridKey, BreakpointOptions, GridValue } from './types'; +import { GridKey, BreakpointOptions, GridValue } from './types.js'; export function normalizeToNumber(value: string | number): number { return isString(value) ? parseInt(value, 10) : value; diff --git a/packages/circuit-ui/components/Hamburger/Hamburger.spec.tsx b/packages/circuit-ui/components/Hamburger/Hamburger.spec.tsx index 2eba66dc02..3ccc7df245 100644 --- a/packages/circuit-ui/components/Hamburger/Hamburger.spec.tsx +++ b/packages/circuit-ui/components/Hamburger/Hamburger.spec.tsx @@ -22,9 +22,9 @@ import { render, userEvent, RenderFn, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Hamburger, HamburgerProps } from './Hamburger'; +import { Hamburger, HamburgerProps } from './Hamburger.js'; describe('Hamburger', () => { function renderHamburger(renderFn: RenderFn, props: HamburgerProps) { diff --git a/packages/circuit-ui/components/Hamburger/Hamburger.stories.tsx b/packages/circuit-ui/components/Hamburger/Hamburger.stories.tsx index ea93cb3926..d72da66a9b 100644 --- a/packages/circuit-ui/components/Hamburger/Hamburger.stories.tsx +++ b/packages/circuit-ui/components/Hamburger/Hamburger.stories.tsx @@ -15,7 +15,7 @@ import { useState } from 'react'; -import { Hamburger, HamburgerProps } from './Hamburger'; +import { Hamburger, HamburgerProps } from './Hamburger.js'; export default { title: 'Navigation/Hamburger', diff --git a/packages/circuit-ui/components/Hamburger/Hamburger.tsx b/packages/circuit-ui/components/Hamburger/Hamburger.tsx index b3415fbded..fdf59ecf5f 100644 --- a/packages/circuit-ui/components/Hamburger/Hamburger.tsx +++ b/packages/circuit-ui/components/Hamburger/Hamburger.tsx @@ -15,10 +15,10 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { IconButton, IconButtonProps } from '../IconButton/IconButton'; -import { Skeleton } from '../Skeleton'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { IconButton, IconButtonProps } from '../IconButton/IconButton.js'; +import { Skeleton } from '../Skeleton/index.js'; +import { AccessibilityError } from '../../util/errors.js'; export type HamburgerRef = HTMLButtonElement; diff --git a/packages/circuit-ui/components/Hamburger/index.ts b/packages/circuit-ui/components/Hamburger/index.ts index ecf9a415c8..bfb5b7c9dd 100644 --- a/packages/circuit-ui/components/Hamburger/index.ts +++ b/packages/circuit-ui/components/Hamburger/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Hamburger } from './Hamburger'; +import { Hamburger } from './Hamburger.js'; -export type { HamburgerProps } from './Hamburger'; +export type { HamburgerProps } from './Hamburger.js'; export default Hamburger; diff --git a/packages/circuit-ui/components/Header/Header.spec.tsx b/packages/circuit-ui/components/Header/Header.spec.tsx index fc9234b029..dab580679d 100644 --- a/packages/circuit-ui/components/Header/Header.spec.tsx +++ b/packages/circuit-ui/components/Header/Header.spec.tsx @@ -22,9 +22,9 @@ import { RenderFn, renderToHtml, axe, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Header, HeaderProps } from './Header'; +import { Header, HeaderProps } from './Header.js'; describe('Header', () => { const baseProps = { diff --git a/packages/circuit-ui/components/Header/Header.stories.tsx b/packages/circuit-ui/components/Header/Header.stories.tsx index 4d17dac211..7aa2051d89 100644 --- a/packages/circuit-ui/components/Header/Header.stories.tsx +++ b/packages/circuit-ui/components/Header/Header.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import Hamburger from '../Hamburger'; +import Hamburger from '../Hamburger/index.js'; -import { Header, HeaderProps } from './Header'; +import { Header, HeaderProps } from './Header.js'; export default { title: 'Navigation/Header', diff --git a/packages/circuit-ui/components/Header/Header.tsx b/packages/circuit-ui/components/Header/Header.tsx index b1763f8a29..1418722d19 100644 --- a/packages/circuit-ui/components/Header/Header.tsx +++ b/packages/circuit-ui/components/Header/Header.tsx @@ -16,9 +16,9 @@ import { forwardRef, Ref, HTMLAttributes, ReactNode } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; +import styled, { StyleProps } from '../../styles/styled.js'; -import Title from './components/Title'; +import Title from './components/Title/index.js'; export interface HeaderProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Header/components/Title/Title.spec.tsx b/packages/circuit-ui/components/Header/components/Title/Title.spec.tsx index 2a70f92ed5..2aa6ee0cbc 100644 --- a/packages/circuit-ui/components/Header/components/Title/Title.spec.tsx +++ b/packages/circuit-ui/components/Header/components/Title/Title.spec.tsx @@ -21,9 +21,9 @@ import { RenderFn, renderToHtml, axe, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import Title, { TitleProps } from './Title'; +import Title, { TitleProps } from './Title.js'; describe('Title', () => { function renderTitle(renderFn: RenderFn, props: TitleProps) { diff --git a/packages/circuit-ui/components/Header/components/Title/Title.tsx b/packages/circuit-ui/components/Header/components/Title/Title.tsx index 9c1eac312e..b4e563f5cc 100644 --- a/packages/circuit-ui/components/Header/components/Title/Title.tsx +++ b/packages/circuit-ui/components/Header/components/Title/Title.tsx @@ -16,7 +16,7 @@ import { ReactNode } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; export interface TitleProps { /** diff --git a/packages/circuit-ui/components/Header/components/Title/index.ts b/packages/circuit-ui/components/Header/components/Title/index.ts index 4789235231..514b575cf9 100644 --- a/packages/circuit-ui/components/Header/components/Title/index.ts +++ b/packages/circuit-ui/components/Header/components/Title/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import Title from './Title'; +import Title from './Title.js'; export default Title; diff --git a/packages/circuit-ui/components/Header/index.ts b/packages/circuit-ui/components/Header/index.ts index cf509958a4..4f235d5850 100644 --- a/packages/circuit-ui/components/Header/index.ts +++ b/packages/circuit-ui/components/Header/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Header } from './Header'; +import { Header } from './Header.js'; -export type { HeaderProps } from './Header'; +export type { HeaderProps } from './Header.js'; export default Header; diff --git a/packages/circuit-ui/components/Headline/Headline.spec.tsx b/packages/circuit-ui/components/Headline/Headline.spec.tsx index 90c8fd97f4..7bf5128ece 100644 --- a/packages/circuit-ui/components/Headline/Headline.spec.tsx +++ b/packages/circuit-ui/components/Headline/Headline.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, renderToHtml, axe, render } from '../../util/test-utils'; +import { create, renderToHtml, axe, render } from '../../util/test-utils.js'; -import { Headline } from './Headline'; +import { Headline } from './Headline.js'; describe('Headline', () => { /** diff --git a/packages/circuit-ui/components/Headline/Headline.stories.tsx b/packages/circuit-ui/components/Headline/Headline.stories.tsx index f10012a6eb..b38f86319f 100644 --- a/packages/circuit-ui/components/Headline/Headline.stories.tsx +++ b/packages/circuit-ui/components/Headline/Headline.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Headline, HeadlineProps } from './Headline'; +import { Headline, HeadlineProps } from './Headline.js'; export default { title: 'Typography/Headline', diff --git a/packages/circuit-ui/components/Headline/Headline.tsx b/packages/circuit-ui/components/Headline/Headline.tsx index 4e9b7da98e..76de04c4f8 100644 --- a/packages/circuit-ui/components/Headline/Headline.tsx +++ b/packages/circuit-ui/components/Headline/Headline.tsx @@ -14,9 +14,9 @@ */ import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; type Size = 'one' | 'two' | 'three' | 'four'; diff --git a/packages/circuit-ui/components/Headline/index.ts b/packages/circuit-ui/components/Headline/index.ts index 360ddcc1b5..e86a1eec08 100644 --- a/packages/circuit-ui/components/Headline/index.ts +++ b/packages/circuit-ui/components/Headline/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Headline } from './Headline'; +import { Headline } from './Headline.js'; -export type { HeadlineProps } from './Headline'; +export type { HeadlineProps } from './Headline.js'; export default Headline; diff --git a/packages/circuit-ui/components/Hr/Hr.spec.tsx b/packages/circuit-ui/components/Hr/Hr.spec.tsx index 54c1c1c39d..5f8865a0ad 100644 --- a/packages/circuit-ui/components/Hr/Hr.spec.tsx +++ b/packages/circuit-ui/components/Hr/Hr.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import { Hr } from './Hr'; +import { Hr } from './Hr.js'; describe('Hr', () => { /** diff --git a/packages/circuit-ui/components/Hr/Hr.stories.tsx b/packages/circuit-ui/components/Hr/Hr.stories.tsx index 004d00898f..899e9ae0a8 100644 --- a/packages/circuit-ui/components/Hr/Hr.stories.tsx +++ b/packages/circuit-ui/components/Hr/Hr.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Hr } from './Hr'; +import { Hr } from './Hr.js'; export default { title: 'Components/Hr', diff --git a/packages/circuit-ui/components/Hr/Hr.tsx b/packages/circuit-ui/components/Hr/Hr.tsx index 0bde396a97..a5118a1a4f 100644 --- a/packages/circuit-ui/components/Hr/Hr.tsx +++ b/packages/circuit-ui/components/Hr/Hr.tsx @@ -15,7 +15,7 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; +import styled, { StyleProps } from '../../styles/styled.js'; const baseStyles = ({ theme }: StyleProps) => css` display: block; diff --git a/packages/circuit-ui/components/Hr/index.ts b/packages/circuit-ui/components/Hr/index.ts index fee37fc1c0..203764c624 100644 --- a/packages/circuit-ui/components/Hr/index.ts +++ b/packages/circuit-ui/components/Hr/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import { Hr } from './Hr'; +import { Hr } from './Hr.js'; export default Hr; diff --git a/packages/circuit-ui/components/IconButton/IconButton.spec.tsx b/packages/circuit-ui/components/IconButton/IconButton.spec.tsx index fafee3202d..1a7a58caa7 100644 --- a/packages/circuit-ui/components/IconButton/IconButton.spec.tsx +++ b/packages/circuit-ui/components/IconButton/IconButton.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { Close } from '@sumup/icons'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import { IconButton } from './IconButton'; +import { IconButton } from './IconButton.js'; describe('IconButton', () => { /** diff --git a/packages/circuit-ui/components/IconButton/IconButton.stories.tsx b/packages/circuit-ui/components/IconButton/IconButton.stories.tsx index 7c977c7c32..a77e43796b 100644 --- a/packages/circuit-ui/components/IconButton/IconButton.stories.tsx +++ b/packages/circuit-ui/components/IconButton/IconButton.stories.tsx @@ -15,7 +15,7 @@ import { Plus } from '@sumup/icons'; -import { IconButton, IconButtonProps } from './IconButton'; +import { IconButton, IconButtonProps } from './IconButton.js'; export default { title: 'Components/Button/IconButton', diff --git a/packages/circuit-ui/components/IconButton/IconButton.tsx b/packages/circuit-ui/components/IconButton/IconButton.tsx index 91fa05bcfe..2f77a36e97 100644 --- a/packages/circuit-ui/components/IconButton/IconButton.tsx +++ b/packages/circuit-ui/components/IconButton/IconButton.tsx @@ -18,10 +18,10 @@ import { css, SerializedStyles } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; import { IconProps } from '@sumup/icons'; -import { hideVisually } from '../../styles/style-mixins'; -import styled from '../../styles/styled'; -import { Button, ButtonProps } from '../Button/Button'; -import { AccessibilityError } from '../../util/errors'; +import { hideVisually } from '../../styles/style-mixins.js'; +import styled from '../../styles/styled.js'; +import { Button, ButtonProps } from '../Button/Button.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface IconButtonProps extends Omit { /** diff --git a/packages/circuit-ui/components/IconButton/index.ts b/packages/circuit-ui/components/IconButton/index.ts index b958526f1b..26523a3471 100644 --- a/packages/circuit-ui/components/IconButton/index.ts +++ b/packages/circuit-ui/components/IconButton/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { IconButton } from './IconButton'; +import { IconButton } from './IconButton.js'; -export type { IconButtonProps } from './IconButton'; +export type { IconButtonProps } from './IconButton.js'; export default IconButton; diff --git a/packages/circuit-ui/components/Image/Image.spec.tsx b/packages/circuit-ui/components/Image/Image.spec.tsx index a5f0dcd39f..40e5c0f1ee 100644 --- a/packages/circuit-ui/components/Image/Image.spec.tsx +++ b/packages/circuit-ui/components/Image/Image.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; import Image from '.'; diff --git a/packages/circuit-ui/components/Image/Image.stories.tsx b/packages/circuit-ui/components/Image/Image.stories.tsx index 8e5f409b32..83e06272c7 100644 --- a/packages/circuit-ui/components/Image/Image.stories.tsx +++ b/packages/circuit-ui/components/Image/Image.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Image, ImageProps } from './Image'; +import { Image, ImageProps } from './Image.js'; export default { title: 'Components/Image', diff --git a/packages/circuit-ui/components/Image/Image.tsx b/packages/circuit-ui/components/Image/Image.tsx index 0bff91991e..a2c7b08454 100644 --- a/packages/circuit-ui/components/Image/Image.tsx +++ b/packages/circuit-ui/components/Image/Image.tsx @@ -16,7 +16,7 @@ import { ImgHTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled from '../../styles/styled'; +import styled from '../../styles/styled.js'; export interface ImageProps extends ImgHTMLAttributes { /** diff --git a/packages/circuit-ui/components/Image/index.ts b/packages/circuit-ui/components/Image/index.ts index cb20a23a28..6f11b286c7 100644 --- a/packages/circuit-ui/components/Image/index.ts +++ b/packages/circuit-ui/components/Image/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Image } from './Image'; +import { Image } from './Image.js'; -export type { ImageProps } from './Image'; +export type { ImageProps } from './Image.js'; export default Image; diff --git a/packages/circuit-ui/components/ImageInput/ImageInput.spec.tsx b/packages/circuit-ui/components/ImageInput/ImageInput.spec.tsx index 2f38de06c9..6fbf1ab9e2 100644 --- a/packages/circuit-ui/components/ImageInput/ImageInput.spec.tsx +++ b/packages/circuit-ui/components/ImageInput/ImageInput.spec.tsx @@ -16,7 +16,7 @@ import { describe, expect, it, vi } from 'vitest'; import { useState } from 'react'; -import Avatar from '../Avatar'; +import Avatar from '../Avatar/index.js'; import { render, axe, @@ -24,9 +24,9 @@ import { fireEvent, waitFor, createEvent, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { ImageInput } from './ImageInput'; +import { ImageInput } from './ImageInput.js'; const defaultProps = { label: 'Upload an image', diff --git a/packages/circuit-ui/components/ImageInput/ImageInput.stories.tsx b/packages/circuit-ui/components/ImageInput/ImageInput.stories.tsx index 6fcb365873..b02b423aa3 100644 --- a/packages/circuit-ui/components/ImageInput/ImageInput.stories.tsx +++ b/packages/circuit-ui/components/ImageInput/ImageInput.stories.tsx @@ -15,12 +15,12 @@ import { useState } from 'react'; -import Avatar from '../Avatar'; -import { Stack } from '../../../../.storybook/components'; +import Avatar from '../Avatar/index.js'; +import { Stack } from '../../../../.storybook/components/index.js'; -import { ImageInputProps } from './ImageInput'; +import { ImageInputProps } from './ImageInput.js'; -import ImageInput from '.'; +import ImageInput from './index.js'; export default { title: 'Forms/ImageInput', diff --git a/packages/circuit-ui/components/ImageInput/ImageInput.tsx b/packages/circuit-ui/components/ImageInput/ImageInput.tsx index fe7951db4c..b337c1be87 100644 --- a/packages/circuit-ui/components/ImageInput/ImageInput.tsx +++ b/packages/circuit-ui/components/ImageInput/ImageInput.tsx @@ -25,14 +25,18 @@ import { import { css } from '@emotion/react'; import { Delete, Plus } from '@sumup/icons'; -import { ClickEvent } from '../../types/events'; -import styled, { StyleProps } from '../../styles/styled'; -import { focusOutline, hideVisually } from '../../styles/style-mixins'; -import { FieldWrapper, FieldLabel, FieldValidationHint } from '../FieldAtoms'; -import IconButton, { IconButtonProps } from '../IconButton'; -import Spinner from '../Spinner'; -import { AccessibilityError } from '../../util/errors'; -import { CLASS_DISABLED } from '../FieldAtoms/constants'; +import { ClickEvent } from '../../types/events.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { focusOutline, hideVisually } from '../../styles/style-mixins.js'; +import { + FieldWrapper, + FieldLabel, + FieldValidationHint, +} from '../FieldAtoms/index.js'; +import IconButton, { IconButtonProps } from '../IconButton/index.js'; +import Spinner from '../Spinner/index.js'; +import { AccessibilityError } from '../../util/errors.js'; +import { CLASS_DISABLED } from '../FieldAtoms/constants.js'; type Size = 'giga' | 'yotta'; diff --git a/packages/circuit-ui/components/ImageInput/index.ts b/packages/circuit-ui/components/ImageInput/index.ts index 0cea3c18a1..af6b93bf0e 100644 --- a/packages/circuit-ui/components/ImageInput/index.ts +++ b/packages/circuit-ui/components/ImageInput/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { ImageInput } from './ImageInput'; +import { ImageInput } from './ImageInput.js'; -export type { ImageInputProps } from './ImageInput'; +export type { ImageInputProps } from './ImageInput.js'; export default ImageInput; diff --git a/packages/circuit-ui/components/InlineElements/InlineElements.spec.tsx b/packages/circuit-ui/components/InlineElements/InlineElements.spec.tsx index c026c38b81..82221d124a 100644 --- a/packages/circuit-ui/components/InlineElements/InlineElements.spec.tsx +++ b/packages/circuit-ui/components/InlineElements/InlineElements.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe, RenderFn } from '../../util/test-utils'; +import { create, renderToHtml, axe, RenderFn } from '../../util/test-utils.js'; -import { InlineElements, InlineElementsProps } from './InlineElements'; +import { InlineElements, InlineElementsProps } from './InlineElements.js'; describe('InlineElements', () => { function renderInlineElements( diff --git a/packages/circuit-ui/components/InlineElements/InlineElements.stories.tsx b/packages/circuit-ui/components/InlineElements/InlineElements.stories.tsx index 9f86c77465..92b330d797 100644 --- a/packages/circuit-ui/components/InlineElements/InlineElements.stories.tsx +++ b/packages/circuit-ui/components/InlineElements/InlineElements.stories.tsx @@ -13,10 +13,11 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { css } from '@emotion/react'; -import { InlineElements } from './InlineElements'; +import styled from '../../styles/styled.js'; + +import { InlineElements } from './InlineElements.js'; export default { title: 'Layout/InlineElements', diff --git a/packages/circuit-ui/components/InlineElements/InlineElements.tsx b/packages/circuit-ui/components/InlineElements/InlineElements.tsx index 6c81d5a6e1..2e7ebbd588 100644 --- a/packages/circuit-ui/components/InlineElements/InlineElements.tsx +++ b/packages/circuit-ui/components/InlineElements/InlineElements.tsx @@ -16,8 +16,8 @@ import { Children, ReactElement } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { clearfix } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { clearfix } from '../../styles/style-mixins.js'; export interface InlineElementsProps { /** diff --git a/packages/circuit-ui/components/InlineElements/index.ts b/packages/circuit-ui/components/InlineElements/index.ts index 42704cdc1a..82ddbf0fe4 100644 --- a/packages/circuit-ui/components/InlineElements/index.ts +++ b/packages/circuit-ui/components/InlineElements/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { InlineElements } from './InlineElements'; +import { InlineElements } from './InlineElements.js'; -export type { InlineElementsProps } from './InlineElements'; +export type { InlineElementsProps } from './InlineElements.js'; export default InlineElements; diff --git a/packages/circuit-ui/components/Input/Input.spec.tsx b/packages/circuit-ui/components/Input/Input.spec.tsx index 335158c594..1238300b1d 100644 --- a/packages/circuit-ui/components/Input/Input.spec.tsx +++ b/packages/circuit-ui/components/Input/Input.spec.tsx @@ -17,7 +17,7 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; import { css } from '@emotion/react'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; import Input from '.'; diff --git a/packages/circuit-ui/components/Input/Input.stories.tsx b/packages/circuit-ui/components/Input/Input.stories.tsx index 380f5db2c5..ea010c9e53 100644 --- a/packages/circuit-ui/components/Input/Input.stories.tsx +++ b/packages/circuit-ui/components/Input/Input.stories.tsx @@ -16,11 +16,11 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import SearchInput from '../SearchInput'; -import CurrencyInput from '../CurrencyInput'; -import DateInput from '../DateInput'; +import SearchInput from '../SearchInput/index.js'; +import CurrencyInput from '../CurrencyInput/index.js'; +import DateInput from '../DateInput/index.js'; -import { Input, InputProps } from './Input'; +import { Input, InputProps } from './Input.js'; export default { title: 'Forms/Input', diff --git a/packages/circuit-ui/components/Input/Input.tsx b/packages/circuit-ui/components/Input/Input.tsx index 6feb85cedf..4d257b3d91 100644 --- a/packages/circuit-ui/components/Input/Input.tsx +++ b/packages/circuit-ui/components/Input/Input.tsx @@ -23,16 +23,16 @@ import { import { css, Interpolation } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography, inputOutline } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography, inputOutline } from '../../styles/style-mixins.js'; import { FieldWrapper, FieldLabel, FieldLabelText, FieldValidationHint, -} from '../FieldAtoms'; -import { ReturnType } from '../../types/return-type'; -import { AccessibilityError } from '../../util/errors'; +} from '../FieldAtoms/index.js'; +import { ReturnType } from '../../types/return-type.js'; +import { AccessibilityError } from '../../util/errors.js'; export type InputElement = HTMLInputElement & HTMLTextAreaElement; type CircuitInputHTMLAttributes = InputHTMLAttributes & diff --git a/packages/circuit-ui/components/Input/index.ts b/packages/circuit-ui/components/Input/index.ts index ec145d091a..8b3602ed61 100644 --- a/packages/circuit-ui/components/Input/index.ts +++ b/packages/circuit-ui/components/Input/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Input } from './Input'; +import { Input } from './Input.js'; -export type { InputProps, InputElement } from './Input'; +export type { InputProps, InputElement } from './Input.js'; export default Input; diff --git a/packages/circuit-ui/components/List/List.spec.tsx b/packages/circuit-ui/components/List/List.spec.tsx index 8e207e66be..0d22872122 100644 --- a/packages/circuit-ui/components/List/List.spec.tsx +++ b/packages/circuit-ui/components/List/List.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import { List, ListProps } from './List'; +import { List, ListProps } from './List.js'; describe('List', () => { /** diff --git a/packages/circuit-ui/components/List/List.stories.tsx b/packages/circuit-ui/components/List/List.stories.tsx index 6636ae757c..e702de079c 100644 --- a/packages/circuit-ui/components/List/List.stories.tsx +++ b/packages/circuit-ui/components/List/List.stories.tsx @@ -15,10 +15,10 @@ import { Fragment } from 'react'; -import Body from '../Body'; -import { spacing } from '../../styles/style-mixins'; +import Body from '../Body/index.js'; +import { spacing } from '../../styles/style-mixins.js'; -import { List, ListProps } from './List'; +import { List, ListProps } from './List.js'; export default { title: 'Typography/List', diff --git a/packages/circuit-ui/components/List/List.tsx b/packages/circuit-ui/components/List/List.tsx index 71efd348d9..4568f605c8 100644 --- a/packages/circuit-ui/components/List/List.tsx +++ b/packages/circuit-ui/components/List/List.tsx @@ -15,10 +15,10 @@ import { forwardRef, Ref, OlHTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; type Size = 'one' | 'two'; type Variant = 'ordered' | 'unordered'; diff --git a/packages/circuit-ui/components/List/index.ts b/packages/circuit-ui/components/List/index.ts index 23fcfce860..98d0cb6979 100644 --- a/packages/circuit-ui/components/List/index.ts +++ b/packages/circuit-ui/components/List/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { List } from './List'; +import { List } from './List.js'; -export type { ListProps } from './List'; +export type { ListProps } from './List.js'; export default List; diff --git a/packages/circuit-ui/components/ListItem/ListItem.spec.tsx b/packages/circuit-ui/components/ListItem/ListItem.spec.tsx index 497f2b8f11..3728a05ed9 100644 --- a/packages/circuit-ui/components/ListItem/ListItem.spec.tsx +++ b/packages/circuit-ui/components/ListItem/ListItem.spec.tsx @@ -24,11 +24,11 @@ import { axe, RenderFn, userEvent, -} from '../../util/test-utils'; -import Body from '../Body'; -import Badge from '../Badge'; +} from '../../util/test-utils.js'; +import Body from '../Body/index.js'; +import Badge from '../Badge/index.js'; -import { ListItem, ListItemProps } from './ListItem'; +import { ListItem, ListItemProps } from './ListItem.js'; describe('ListItem', () => { function renderListItem(renderFn: RenderFn, props: ListItemProps) { diff --git a/packages/circuit-ui/components/ListItem/ListItem.stories.tsx b/packages/circuit-ui/components/ListItem/ListItem.stories.tsx index ac7968072c..a5b795f044 100644 --- a/packages/circuit-ui/components/ListItem/ListItem.stories.tsx +++ b/packages/circuit-ui/components/ListItem/ListItem.stories.tsx @@ -18,11 +18,11 @@ import { action } from '@storybook/addon-actions'; import { SumUpCard, Confirm } from '@sumup/icons'; import { Theme } from '@sumup/design-tokens'; -import { spacing } from '../../styles/style-mixins'; -import Body from '../Body'; -import Badge from '../Badge'; +import { spacing } from '../../styles/style-mixins.js'; +import Body from '../Body/index.js'; +import Badge from '../Badge/index.js'; -import { ListItem, ListItemProps } from './ListItem'; +import { ListItem, ListItemProps } from './ListItem.js'; interface Item { title: string; diff --git a/packages/circuit-ui/components/ListItem/ListItem.tsx b/packages/circuit-ui/components/ListItem/ListItem.tsx index 5d35bae59c..323d6e5175 100644 --- a/packages/circuit-ui/components/ListItem/ListItem.tsx +++ b/packages/circuit-ui/components/ListItem/ListItem.tsx @@ -23,18 +23,18 @@ import { FC, } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { ChevronRight, IconProps } from '@sumup/icons'; -import styled, { StyleProps } from '../../styles/styled'; -import { focusVisible, spacing } from '../../styles/style-mixins'; -import { ReturnType } from '../../types/return-type'; -import { ClickEvent } from '../../types/events'; -import { EmotionAsPropType } from '../../types/prop-types'; -import { isFunction, isString } from '../../util/type-check'; -import { CircuitError } from '../../util/errors'; -import { useComponents } from '../ComponentsContext'; -import Body from '../Body'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { focusVisible, spacing } from '../../styles/style-mixins.js'; +import { ReturnType } from '../../types/return-type.js'; +import { ClickEvent } from '../../types/events.js'; +import { EmotionAsPropType } from '../../types/prop-types.js'; +import { isFunction, isString } from '../../util/type-check.js'; +import { CircuitError } from '../../util/errors.js'; +import { useComponents } from '../ComponentsContext/index.js'; +import Body from '../Body/index.js'; type Variant = 'action' | 'navigation'; diff --git a/packages/circuit-ui/components/ListItem/index.ts b/packages/circuit-ui/components/ListItem/index.ts index c6f0166eb4..03ae7d9b89 100644 --- a/packages/circuit-ui/components/ListItem/index.ts +++ b/packages/circuit-ui/components/ListItem/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { ListItem } from './ListItem'; +import { ListItem } from './ListItem.js'; -export type { ListItemProps } from './ListItem'; +export type { ListItemProps } from './ListItem.js'; export default ListItem; diff --git a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.spec.tsx b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.spec.tsx index abd44a4511..a88f5290d5 100644 --- a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.spec.tsx +++ b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.spec.tsx @@ -23,10 +23,10 @@ import { axe, RenderFn, userEvent, -} from '../../util/test-utils'; -import Body from '../Body'; +} from '../../util/test-utils.js'; +import Body from '../Body/index.js'; -import { ListItemGroup, ListItemGroupProps } from './ListItemGroup'; +import { ListItemGroup, ListItemGroupProps } from './ListItemGroup.js'; describe('ListItemGroup', () => { function renderListItemGroup( diff --git a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.stories.tsx b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.stories.tsx index 4dfa0e3974..966997ff8d 100644 --- a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.stories.tsx +++ b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.stories.tsx @@ -18,10 +18,10 @@ import { css } from '@emotion/react'; import { SumUpCard, Confirm, Alert } from '@sumup/icons'; import { Theme } from '@sumup/design-tokens'; -import { spacing } from '../../styles/style-mixins'; -import Body from '../Body'; +import { spacing } from '../../styles/style-mixins.js'; +import Body from '../Body/index.js'; -import { ListItemGroup, ListItemGroupProps } from './ListItemGroup'; +import { ListItemGroup, ListItemGroupProps } from './ListItemGroup.js'; interface Item { id: number; diff --git a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.tsx b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.tsx index 3531653bc2..01e611c998 100644 --- a/packages/circuit-ui/components/ListItemGroup/ListItemGroup.tsx +++ b/packages/circuit-ui/components/ListItemGroup/ListItemGroup.tsx @@ -16,12 +16,12 @@ import { forwardRef, Ref, HTMLAttributes, ReactNode, useState } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { hideVisually } from '../../styles/style-mixins'; -import { AccessibilityError } from '../../util/errors'; -import { ReturnType } from '../../types/return-type'; -import Body from '../Body'; -import ListItem, { ListItemProps } from '../ListItem'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { hideVisually } from '../../styles/style-mixins.js'; +import { AccessibilityError } from '../../util/errors.js'; +import { ReturnType } from '../../types/return-type.js'; +import Body from '../Body/index.js'; +import ListItem, { ListItemProps } from '../ListItem/index.js'; type Variant = 'plain' | 'inset'; diff --git a/packages/circuit-ui/components/ListItemGroup/index.ts b/packages/circuit-ui/components/ListItemGroup/index.ts index 5006e9be6e..094ebddf74 100644 --- a/packages/circuit-ui/components/ListItemGroup/index.ts +++ b/packages/circuit-ui/components/ListItemGroup/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { ListItemGroup } from './ListItemGroup'; +import { ListItemGroup } from './ListItemGroup.js'; -export type { ListItemGroupProps } from './ListItemGroup'; +export type { ListItemGroupProps } from './ListItemGroup.js'; export default ListItemGroup; diff --git a/packages/circuit-ui/components/Modal/Modal.spec.tsx b/packages/circuit-ui/components/Modal/Modal.spec.tsx index ae667a592f..c5eacfc9e6 100644 --- a/packages/circuit-ui/components/Modal/Modal.spec.tsx +++ b/packages/circuit-ui/components/Modal/Modal.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { render, userEvent, axe, waitFor } from '../../util/test-utils'; +import { render, userEvent, axe, waitFor } from '../../util/test-utils.js'; -import { Modal, ModalProps } from './Modal'; +import { Modal, ModalProps } from './Modal.js'; describe('Modal', () => { const defaultModal: ModalProps = { diff --git a/packages/circuit-ui/components/Modal/Modal.stories.tsx b/packages/circuit-ui/components/Modal/Modal.stories.tsx index cb2886cb17..07060d086a 100644 --- a/packages/circuit-ui/components/Modal/Modal.stories.tsx +++ b/packages/circuit-ui/components/Modal/Modal.stories.tsx @@ -18,15 +18,15 @@ import { Fragment } from 'react'; import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { Stack } from '../../../../.storybook/components'; -import Button from '../Button'; -import Headline from '../Headline'; -import Body from '../Body'; -import Image from '../Image'; -import { ModalProvider } from '../ModalContext'; -import { spacing } from '../../styles/style-mixins'; - -import { Modal, ModalProps, useModal } from './Modal'; +import { Stack } from '../../../../.storybook/components/index.js'; +import Button from '../Button/index.js'; +import Headline from '../Headline/index.js'; +import Body from '../Body/index.js'; +import Image from '../Image/index.js'; +import { ModalProvider } from '../ModalContext/index.js'; +import { spacing } from '../../styles/style-mixins.js'; + +import { Modal, ModalProps, useModal } from './Modal.js'; export default { title: 'Components/Modal', diff --git a/packages/circuit-ui/components/Modal/Modal.tsx b/packages/circuit-ui/components/Modal/Modal.tsx index 108456d8ff..9af83266dc 100644 --- a/packages/circuit-ui/components/Modal/Modal.tsx +++ b/packages/circuit-ui/components/Modal/Modal.tsx @@ -18,16 +18,16 @@ import { css, ClassNames } from '@emotion/react'; import ReactModal from 'react-modal'; import { Theme } from '@sumup/design-tokens'; -import { isFunction } from '../../util/type-check'; +import { isFunction } from '../../util/type-check.js'; import { ModalComponent, BaseModalProps, createUseModal, -} from '../ModalContext'; -import CloseButton from '../CloseButton'; -import { StackContext } from '../StackContext'; -import styled, { StyleProps } from '../../styles/styled'; -import { AccessibilityError } from '../../util/errors'; +} from '../ModalContext/index.js'; +import CloseButton from '../CloseButton/index.js'; +import { StackContext } from '../StackContext/index.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { AccessibilityError } from '../../util/errors.js'; const TRANSITION_DURATION_MOBILE = 120; const TRANSITION_DURATION_DESKTOP = 240; diff --git a/packages/circuit-ui/components/Modal/index.ts b/packages/circuit-ui/components/Modal/index.ts index f05bd9bc1a..f9a6bb6201 100644 --- a/packages/circuit-ui/components/Modal/index.ts +++ b/packages/circuit-ui/components/Modal/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { useModal } from './Modal'; +export { useModal } from './Modal.js'; -export type { ModalProps } from './Modal'; +export type { ModalProps } from './Modal.js'; diff --git a/packages/circuit-ui/components/ModalContext/ModalContext.spec.tsx b/packages/circuit-ui/components/ModalContext/ModalContext.spec.tsx index e9be5a8cd6..751cf002c3 100644 --- a/packages/circuit-ui/components/ModalContext/ModalContext.spec.tsx +++ b/packages/circuit-ui/components/ModalContext/ModalContext.spec.tsx @@ -21,10 +21,10 @@ import { act, userEvent as baseUserEvent, fireEvent, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { ModalProvider, ModalContext } from './ModalContext'; -import type { ModalComponent } from './types'; +import { ModalProvider, ModalContext } from './ModalContext.js'; +import type { ModalComponent } from './types.js'; const Modal: ModalComponent = ({ onClose }) => (
diff --git a/packages/circuit-ui/components/ModalContext/ModalContext.tsx b/packages/circuit-ui/components/ModalContext/ModalContext.tsx index 414796f130..5e13015d1a 100644 --- a/packages/circuit-ui/components/ModalContext/ModalContext.tsx +++ b/packages/circuit-ui/components/ModalContext/ModalContext.tsx @@ -23,10 +23,10 @@ import { import ReactModal, { Props as ReactModalProps } from 'react-modal'; import { Global, css } from '@emotion/react'; -import { useStack, StackItem } from '../../hooks/useStack'; -import { warn } from '../../util/logger'; +import { useStack, StackItem } from '../../hooks/useStack/index.js'; +import { warn } from '../../util/logger.js'; -import { BaseModalProps, ModalComponent } from './types'; +import { BaseModalProps, ModalComponent } from './types.js'; // It is important for users of screen readers that other page content be hidden // (via the `aria-hidden` attribute) while the modal is open. diff --git a/packages/circuit-ui/components/ModalContext/createUseModal.spec.tsx b/packages/circuit-ui/components/ModalContext/createUseModal.spec.tsx index 1d82ed3aa0..2f19c22ab2 100644 --- a/packages/circuit-ui/components/ModalContext/createUseModal.spec.tsx +++ b/packages/circuit-ui/components/ModalContext/createUseModal.spec.tsx @@ -15,11 +15,11 @@ import { describe, expect, it, vi } from 'vitest'; -import { renderHook, act } from '../../util/test-utils'; +import { renderHook, act } from '../../util/test-utils.js'; -import { createUseModal } from './createUseModal'; -import { ModalContext } from './ModalContext'; -import type { ModalComponent } from './types'; +import { createUseModal } from './createUseModal.js'; +import { ModalContext } from './ModalContext.js'; +import type { ModalComponent } from './types.js'; const Modal: ModalComponent = ({ onClose }) => (
diff --git a/packages/circuit-ui/components/ModalContext/createUseModal.ts b/packages/circuit-ui/components/ModalContext/createUseModal.ts index 94cd1e30b6..8bfd81a488 100644 --- a/packages/circuit-ui/components/ModalContext/createUseModal.ts +++ b/packages/circuit-ui/components/ModalContext/createUseModal.ts @@ -15,8 +15,8 @@ import { useContext, useCallback, useRef, useId } from 'react'; -import { ModalContext } from './ModalContext'; -import type { BaseModalProps, ModalComponent } from './types'; +import { ModalContext } from './ModalContext.js'; +import type { BaseModalProps, ModalComponent } from './types.js'; export function createUseModal( component: ModalComponent, diff --git a/packages/circuit-ui/components/ModalContext/index.ts b/packages/circuit-ui/components/ModalContext/index.ts index 1a2c99f33d..f9181ea2eb 100644 --- a/packages/circuit-ui/components/ModalContext/index.ts +++ b/packages/circuit-ui/components/ModalContext/index.ts @@ -13,9 +13,9 @@ * limitations under the License. */ -export { ModalProvider } from './ModalContext'; -export { createUseModal } from './createUseModal'; +export { ModalProvider } from './ModalContext.js'; +export { createUseModal } from './createUseModal.js'; -export type { ModalProviderProps } from './ModalContext'; +export type { ModalProviderProps } from './ModalContext.js'; -export type { BaseModalProps, ModalComponent } from './types'; +export type { BaseModalProps, ModalComponent } from './types.js'; diff --git a/packages/circuit-ui/components/ModalContext/types.ts b/packages/circuit-ui/components/ModalContext/types.ts index 03c19fae81..c2d97be84c 100644 --- a/packages/circuit-ui/components/ModalContext/types.ts +++ b/packages/circuit-ui/components/ModalContext/types.ts @@ -15,7 +15,7 @@ import { Props as ReactModalProps } from 'react-modal'; -import { ClickEvent } from '../../types/events'; +import { ClickEvent } from '../../types/events.js'; type OnClose = (event?: ClickEvent) => void; diff --git a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.spec.tsx b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.spec.tsx index 906f9905c6..1fd3ad0154 100644 --- a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.spec.tsx +++ b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.spec.tsx @@ -16,12 +16,12 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { render, axe, userEvent } from '../../util/test-utils'; +import { render, axe, userEvent } from '../../util/test-utils.js'; import { NotificationBanner, NotificationBannerProps, -} from './NotificationBanner'; +} from './NotificationBanner.js'; describe('NotificationBanner', () => { const renderNotificationBanner = (props: NotificationBannerProps) => diff --git a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.stories.tsx b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.stories.tsx index 0d9950c808..c810708477 100644 --- a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.stories.tsx +++ b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.stories.tsx @@ -19,7 +19,7 @@ import { useState } from 'react'; import { NotificationBanner, NotificationBannerProps, -} from './NotificationBanner'; +} from './NotificationBanner.js'; export default { title: 'Notification/NotificationBanner', diff --git a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.tsx b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.tsx index 296e3ca797..cd7ee29618 100644 --- a/packages/circuit-ui/components/NotificationBanner/NotificationBanner.tsx +++ b/packages/circuit-ui/components/NotificationBanner/NotificationBanner.tsx @@ -25,15 +25,15 @@ import { } from 'react'; import { css } from '@emotion/react'; -import Button, { ButtonProps } from '../Button'; -import styled, { NoTheme, StyleProps } from '../../styles/styled'; -import { spacing } from '../../styles/style-mixins'; -import Headline from '../Headline'; -import Body from '../Body'; -import Image, { ImageProps } from '../Image'; -import CloseButton from '../CloseButton'; -import { useAnimation } from '../../hooks/useAnimation'; -import { applyMultipleRefs } from '../../util/refs'; +import Button, { ButtonProps } from '../Button/index.js'; +import styled, { NoTheme, StyleProps } from '../../styles/styled.js'; +import { spacing } from '../../styles/style-mixins.js'; +import Headline from '../Headline/index.js'; +import Body from '../Body/index.js'; +import Image, { ImageProps } from '../Image/index.js'; +import CloseButton from '../CloseButton/index.js'; +import { useAnimation } from '../../hooks/useAnimation/index.js'; +import { applyMultipleRefs } from '../../util/refs.js'; type Action = ButtonProps & { variant: 'primary' | 'tertiary'; diff --git a/packages/circuit-ui/components/NotificationBanner/index.tsx b/packages/circuit-ui/components/NotificationBanner/index.tsx index 8098c8ec29..955088e23c 100644 --- a/packages/circuit-ui/components/NotificationBanner/index.tsx +++ b/packages/circuit-ui/components/NotificationBanner/index.tsx @@ -13,8 +13,8 @@ * limitations under the License. */ -import { NotificationBanner } from './NotificationBanner'; +import { NotificationBanner } from './NotificationBanner.js'; -export type { NotificationBannerProps } from './NotificationBanner'; +export type { NotificationBannerProps } from './NotificationBanner.js'; export default NotificationBanner; diff --git a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.spec.tsx b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.spec.tsx index a06fc37763..8740edebee 100644 --- a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.spec.tsx +++ b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.spec.tsx @@ -17,12 +17,12 @@ import { describe, expect, it, vi } from 'vitest'; import { Plus } from '@sumup/icons'; import { createRef } from 'react'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; import { NotificationFullscreen, NotificationFullscreenProps, -} from './NotificationFullscreen'; +} from './NotificationFullscreen.js'; describe('NotificationFullscreen', () => { const renderNotificationFullscreen = (props: NotificationFullscreenProps) => diff --git a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.stories.tsx b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.stories.tsx index 53ad1e5bf0..fc5c3d0c32 100644 --- a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.stories.tsx +++ b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.stories.tsx @@ -18,7 +18,7 @@ import { action } from '@storybook/addon-actions'; import { NotificationFullscreen, NotificationFullscreenProps, -} from './NotificationFullscreen'; +} from './NotificationFullscreen.js'; export default { title: 'Notification/NotificationFullscreen', diff --git a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.tsx b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.tsx index e19d396cae..d9723bda21 100644 --- a/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.tsx +++ b/packages/circuit-ui/components/NotificationFullscreen/NotificationFullscreen.tsx @@ -16,12 +16,12 @@ import { FC, HTMLAttributes, ReactNode, SVGProps, forwardRef } from 'react'; import { css } from '@emotion/react'; -import Body from '../Body'; -import Headline from '../Headline'; -import ButtonGroup, { ButtonGroupProps } from '../ButtonGroup'; -import { spacing, cx } from '../../styles/style-mixins'; -import Image, { ImageProps } from '../Image'; -import { isString } from '../../util/type-check'; +import Body from '../Body/index.js'; +import Headline from '../Headline/index.js'; +import ButtonGroup, { ButtonGroupProps } from '../ButtonGroup/index.js'; +import { spacing, cx } from '../../styles/style-mixins.js'; +import Image, { ImageProps } from '../Image/index.js'; +import { isString } from '../../util/type-check.js'; export interface NotificationFullscreenProps extends HTMLAttributes { diff --git a/packages/circuit-ui/components/NotificationFullscreen/index.ts b/packages/circuit-ui/components/NotificationFullscreen/index.ts index 109ed34cd0..3f29f589fd 100644 --- a/packages/circuit-ui/components/NotificationFullscreen/index.ts +++ b/packages/circuit-ui/components/NotificationFullscreen/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { NotificationFullscreen } from './NotificationFullscreen'; +import { NotificationFullscreen } from './NotificationFullscreen.js'; -export type { NotificationFullscreenProps } from './NotificationFullscreen'; +export type { NotificationFullscreenProps } from './NotificationFullscreen.js'; export default NotificationFullscreen; diff --git a/packages/circuit-ui/components/NotificationInline/NotificationInline.spec.tsx b/packages/circuit-ui/components/NotificationInline/NotificationInline.spec.tsx index 38e297d3be..fe3db2af8a 100644 --- a/packages/circuit-ui/components/NotificationInline/NotificationInline.spec.tsx +++ b/packages/circuit-ui/components/NotificationInline/NotificationInline.spec.tsx @@ -16,12 +16,12 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { axe, render, userEvent, waitFor } from '../../util/test-utils'; +import { axe, render, userEvent, waitFor } from '../../util/test-utils.js'; import { NotificationInline, NotificationInlineProps, -} from './NotificationInline'; +} from './NotificationInline.js'; describe('NotificationInline', () => { const renderNotificationInline = (props: NotificationInlineProps) => diff --git a/packages/circuit-ui/components/NotificationInline/NotificationInline.stories.tsx b/packages/circuit-ui/components/NotificationInline/NotificationInline.stories.tsx index eb322375d6..bf99ede78b 100644 --- a/packages/circuit-ui/components/NotificationInline/NotificationInline.stories.tsx +++ b/packages/circuit-ui/components/NotificationInline/NotificationInline.stories.tsx @@ -13,14 +13,15 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { action } from '@storybook/addon-actions'; import { useState } from 'react'; +import styled from '../../styles/styled.js'; + import { NotificationInline, NotificationInlineProps, -} from './NotificationInline'; +} from './NotificationInline.js'; export default { title: 'Notification/NotificationInline', diff --git a/packages/circuit-ui/components/NotificationInline/NotificationInline.tsx b/packages/circuit-ui/components/NotificationInline/NotificationInline.tsx index 13acc58bc3..12045843ce 100644 --- a/packages/circuit-ui/components/NotificationInline/NotificationInline.tsx +++ b/packages/circuit-ui/components/NotificationInline/NotificationInline.tsx @@ -25,20 +25,20 @@ import { } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { useAnimation } from '../../hooks/useAnimation'; -import Body from '../Body'; -import CloseButton from '../CloseButton'; -import { hideVisually } from '../../styles/style-mixins'; -import Button, { ButtonProps } from '../Button'; -import { ClickEvent } from '../../types/events'; -import { isString } from '../../util/type-check'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { useAnimation } from '../../hooks/useAnimation/index.js'; +import Body from '../Body/index.js'; +import CloseButton from '../CloseButton/index.js'; +import { hideVisually } from '../../styles/style-mixins.js'; +import Button, { ButtonProps } from '../Button/index.js'; +import { ClickEvent } from '../../types/events.js'; +import { isString } from '../../util/type-check.js'; import { NOTIFICATION_COLORS, NOTIFICATION_ICONS, NotificationVariant, -} from '../Notification/constants'; -import { applyMultipleRefs } from '../../util/refs'; +} from '../Notification/constants.js'; +import { applyMultipleRefs } from '../../util/refs.js'; const TRANSITION_DURATION = 200; const DEFAULT_HEIGHT = 'auto'; diff --git a/packages/circuit-ui/components/NotificationInline/index.tsx b/packages/circuit-ui/components/NotificationInline/index.tsx index a8b66cb226..4f74647d8e 100644 --- a/packages/circuit-ui/components/NotificationInline/index.tsx +++ b/packages/circuit-ui/components/NotificationInline/index.tsx @@ -13,8 +13,8 @@ * limitations under the License. */ -import { NotificationInline } from './NotificationInline'; +import { NotificationInline } from './NotificationInline.js'; -export type { NotificationInlineProps } from './NotificationInline'; +export type { NotificationInlineProps } from './NotificationInline.js'; export default NotificationInline; diff --git a/packages/circuit-ui/components/NotificationModal/NotificationModal.spec.tsx b/packages/circuit-ui/components/NotificationModal/NotificationModal.spec.tsx index 32a42dfc6f..f15569ee64 100644 --- a/packages/circuit-ui/components/NotificationModal/NotificationModal.spec.tsx +++ b/packages/circuit-ui/components/NotificationModal/NotificationModal.spec.tsx @@ -16,9 +16,12 @@ import { describe, expect, it, vi } from 'vitest'; import { Plus } from '@sumup/icons'; -import { axe, render, userEvent, waitFor } from '../../util/test-utils'; +import { axe, render, userEvent, waitFor } from '../../util/test-utils.js'; -import { NotificationModal, NotificationModalProps } from './NotificationModal'; +import { + NotificationModal, + NotificationModalProps, +} from './NotificationModal.js'; describe('NotificationModal', () => { const renderNotificationModal = (props: NotificationModalProps) => diff --git a/packages/circuit-ui/components/NotificationModal/NotificationModal.stories.tsx b/packages/circuit-ui/components/NotificationModal/NotificationModal.stories.tsx index 7fd4c81b60..49076b9f65 100644 --- a/packages/circuit-ui/components/NotificationModal/NotificationModal.stories.tsx +++ b/packages/circuit-ui/components/NotificationModal/NotificationModal.stories.tsx @@ -15,11 +15,14 @@ import { action } from '@storybook/addon-actions'; -import { ModalProvider } from '../ModalContext'; -import Button from '../Button'; +import { ModalProvider } from '../ModalContext/index.js'; +import Button from '../Button/index.js'; -import { NotificationModal, NotificationModalProps } from './NotificationModal'; -import { useNotificationModal } from './useNotificationModal'; +import { + NotificationModal, + NotificationModalProps, +} from './NotificationModal.js'; +import { useNotificationModal } from './useNotificationModal.js'; export default { title: 'Notification/NotificationModal', diff --git a/packages/circuit-ui/components/NotificationModal/NotificationModal.tsx b/packages/circuit-ui/components/NotificationModal/NotificationModal.tsx index 6f072f7ed2..df7705ec69 100644 --- a/packages/circuit-ui/components/NotificationModal/NotificationModal.tsx +++ b/packages/circuit-ui/components/NotificationModal/NotificationModal.tsx @@ -18,16 +18,16 @@ import { FC, ReactNode, SVGProps } from 'react'; import ReactModal from 'react-modal'; import { Theme } from '@sumup/design-tokens'; -import { ClickEvent } from '../../types/events'; -import { ModalComponent, BaseModalProps } from '../ModalContext'; -import Image, { ImageProps } from '../Image'; -import Headline from '../Headline'; -import Body from '../Body'; -import { ButtonProps } from '../Button'; -import ButtonGroup, { ButtonGroupProps } from '../ButtonGroup'; -import CloseButton from '../CloseButton'; -import { cx, spacing } from '../../styles/style-mixins'; -import { CircuitError } from '../../util/errors'; +import { ClickEvent } from '../../types/events.js'; +import { ModalComponent, BaseModalProps } from '../ModalContext/index.js'; +import Image, { ImageProps } from '../Image/index.js'; +import Headline from '../Headline/index.js'; +import Body from '../Body/index.js'; +import { ButtonProps } from '../Button/index.js'; +import ButtonGroup, { ButtonGroupProps } from '../ButtonGroup/index.js'; +import CloseButton from '../CloseButton/index.js'; +import { cx, spacing } from '../../styles/style-mixins.js'; +import { CircuitError } from '../../util/errors.js'; const TRANSITION_DURATION = 200; diff --git a/packages/circuit-ui/components/NotificationModal/index.ts b/packages/circuit-ui/components/NotificationModal/index.ts index 9e452b3c34..bff7a7de8a 100644 --- a/packages/circuit-ui/components/NotificationModal/index.ts +++ b/packages/circuit-ui/components/NotificationModal/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { useNotificationModal } from './useNotificationModal'; +export { useNotificationModal } from './useNotificationModal.js'; -export type { NotificationModalProps } from './NotificationModal'; +export type { NotificationModalProps } from './NotificationModal.js'; diff --git a/packages/circuit-ui/components/NotificationModal/useNotificationModal.ts b/packages/circuit-ui/components/NotificationModal/useNotificationModal.ts index 025fe22bbf..cc7ab32477 100644 --- a/packages/circuit-ui/components/NotificationModal/useNotificationModal.ts +++ b/packages/circuit-ui/components/NotificationModal/useNotificationModal.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { createUseModal } from '../ModalContext'; +import { createUseModal } from '../ModalContext/index.js'; -import { NotificationModal } from './NotificationModal'; +import { NotificationModal } from './NotificationModal.js'; export const useNotificationModal = createUseModal(NotificationModal); diff --git a/packages/circuit-ui/components/NotificationToast/NotificationToast.spec.tsx b/packages/circuit-ui/components/NotificationToast/NotificationToast.spec.tsx index fd5913c1b1..ae2681d665 100644 --- a/packages/circuit-ui/components/NotificationToast/NotificationToast.spec.tsx +++ b/packages/circuit-ui/components/NotificationToast/NotificationToast.spec.tsx @@ -21,15 +21,15 @@ import { render, waitFor, waitForElementToBeRemoved, -} from '../../util/test-utils'; -import Button from '../Button'; -import { ToastProvider } from '../ToastContext/ToastContext'; +} from '../../util/test-utils.js'; +import Button from '../Button/index.js'; +import { ToastProvider } from '../ToastContext/ToastContext.js'; import { NotificationToast, NotificationToastProps, useNotificationToast, -} from './NotificationToast'; +} from './NotificationToast.js'; describe('NotificationToast', () => { beforeEach(() => { diff --git a/packages/circuit-ui/components/NotificationToast/NotificationToast.stories.tsx b/packages/circuit-ui/components/NotificationToast/NotificationToast.stories.tsx index 015136d977..730bf90035 100644 --- a/packages/circuit-ui/components/NotificationToast/NotificationToast.stories.tsx +++ b/packages/circuit-ui/components/NotificationToast/NotificationToast.stories.tsx @@ -14,16 +14,15 @@ * limitations under the License. */ -import styled from '@emotion/styled'; - -import Button from '../Button'; -import { ToastProvider } from '../ToastContext'; +import styled from '../../styles/styled.js'; +import Button from '../Button/index.js'; +import { ToastProvider } from '../ToastContext/index.js'; import { NotificationToast, NotificationToastProps, useNotificationToast, -} from './NotificationToast'; +} from './NotificationToast.js'; export default { title: 'Notification/NotificationToast', diff --git a/packages/circuit-ui/components/NotificationToast/NotificationToast.tsx b/packages/circuit-ui/components/NotificationToast/NotificationToast.tsx index 1e0931d7a6..443ef9953c 100644 --- a/packages/circuit-ui/components/NotificationToast/NotificationToast.tsx +++ b/packages/circuit-ui/components/NotificationToast/NotificationToast.tsx @@ -16,18 +16,18 @@ import { HTMLAttributes, RefObject, useEffect, useRef, useState } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { useAnimation } from '../../hooks/useAnimation'; -import Body from '../Body'; -import CloseButton from '../CloseButton'; -import { ClickEvent } from '../../types/events'; -import { BaseToastProps, createUseToast } from '../ToastContext'; -import { hideVisually } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { useAnimation } from '../../hooks/useAnimation/index.js'; +import Body from '../Body/index.js'; +import CloseButton from '../CloseButton/index.js'; +import { ClickEvent } from '../../types/events.js'; +import { BaseToastProps, createUseToast } from '../ToastContext/index.js'; +import { hideVisually } from '../../styles/style-mixins.js'; import { NOTIFICATION_COLORS, NOTIFICATION_ICONS, NotificationVariant, -} from '../Notification/constants'; +} from '../Notification/constants.js'; const TRANSITION_DURATION = 200; const DEFAULT_HEIGHT = 'auto'; diff --git a/packages/circuit-ui/components/NotificationToast/index.tsx b/packages/circuit-ui/components/NotificationToast/index.tsx index bfdecc3e54..f7ec1471f0 100644 --- a/packages/circuit-ui/components/NotificationToast/index.tsx +++ b/packages/circuit-ui/components/NotificationToast/index.tsx @@ -13,6 +13,6 @@ * limitations under the License. */ -export { useNotificationToast } from './NotificationToast'; +export { useNotificationToast } from './NotificationToast.js'; -export type { NotificationToastProps } from './NotificationToast'; +export type { NotificationToastProps } from './NotificationToast.js'; diff --git a/packages/circuit-ui/components/Pagination/Pagination.spec.tsx b/packages/circuit-ui/components/Pagination/Pagination.spec.tsx index f651095413..8df91e1691 100644 --- a/packages/circuit-ui/components/Pagination/Pagination.spec.tsx +++ b/packages/circuit-ui/components/Pagination/Pagination.spec.tsx @@ -22,9 +22,9 @@ import { axe, RenderFn, userEvent, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Pagination, PaginationProps } from './Pagination'; +import { Pagination, PaginationProps } from './Pagination.js'; describe('Pagination', () => { function renderPagination(renderFn: RenderFn, props: PaginationProps) { diff --git a/packages/circuit-ui/components/Pagination/Pagination.stories.tsx b/packages/circuit-ui/components/Pagination/Pagination.stories.tsx index cb4496c411..c00452281d 100644 --- a/packages/circuit-ui/components/Pagination/Pagination.stories.tsx +++ b/packages/circuit-ui/components/Pagination/Pagination.stories.tsx @@ -15,7 +15,7 @@ import { useState } from 'react'; -import { Pagination, PaginationProps } from './Pagination'; +import { Pagination, PaginationProps } from './Pagination.js'; export default { title: 'Navigation/Pagination', diff --git a/packages/circuit-ui/components/Pagination/Pagination.tsx b/packages/circuit-ui/components/Pagination/Pagination.tsx index 430bf28b66..ea236606c9 100644 --- a/packages/circuit-ui/components/Pagination/Pagination.tsx +++ b/packages/circuit-ui/components/Pagination/Pagination.tsx @@ -18,13 +18,13 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; import { ChevronLeft, ChevronRight } from '@sumup/icons'; -import styled from '../../styles/styled'; -import IconButton from '../IconButton'; -import { AccessibilityError } from '../../util/errors'; +import styled from '../../styles/styled.js'; +import IconButton from '../IconButton/index.js'; +import { AccessibilityError } from '../../util/errors.js'; -import { PageSelect } from './components/PageSelect'; -import { PageList } from './components/PageList'; -import * as PaginationService from './PaginationService'; +import { PageSelect } from './components/PageSelect/index.js'; +import { PageList } from './components/PageList/index.js'; +import * as PaginationService from './PaginationService.js'; export interface PaginationProps { /** diff --git a/packages/circuit-ui/components/Pagination/PaginationService.spec.ts b/packages/circuit-ui/components/Pagination/PaginationService.spec.ts index b7f115a94f..7f78a155f3 100644 --- a/packages/circuit-ui/components/Pagination/PaginationService.spec.ts +++ b/packages/circuit-ui/components/Pagination/PaginationService.spec.ts @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import * as PaginationService from './PaginationService'; +import * as PaginationService from './PaginationService.js'; describe('PaginationService', () => { describe('generatePages', () => { diff --git a/packages/circuit-ui/components/Pagination/components/PageList/PageList.spec.tsx b/packages/circuit-ui/components/Pagination/components/PageList/PageList.spec.tsx index bcb151c057..d8f422b4ac 100644 --- a/packages/circuit-ui/components/Pagination/components/PageList/PageList.spec.tsx +++ b/packages/circuit-ui/components/Pagination/components/PageList/PageList.spec.tsx @@ -22,9 +22,9 @@ import { axe, userEvent, RenderFn, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { PageList, PageListProps } from './PageList'; +import { PageList, PageListProps } from './PageList.js'; describe('PageList', () => { function renderPageList(renderFn: RenderFn, props: PageListProps) { diff --git a/packages/circuit-ui/components/Pagination/components/PageList/PageList.tsx b/packages/circuit-ui/components/Pagination/components/PageList/PageList.tsx index 68cdecc4f2..2a95d5f453 100644 --- a/packages/circuit-ui/components/Pagination/components/PageList/PageList.tsx +++ b/packages/circuit-ui/components/Pagination/components/PageList/PageList.tsx @@ -16,8 +16,8 @@ import { FC, OlHTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; -import Button, { ButtonProps } from '../../../Button'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import Button, { ButtonProps } from '../../../Button/index.js'; export interface PageListProps extends Omit, 'onChange'> { diff --git a/packages/circuit-ui/components/Pagination/components/PageList/index.ts b/packages/circuit-ui/components/Pagination/components/PageList/index.ts index f7dfd52e54..9d0353b054 100644 --- a/packages/circuit-ui/components/Pagination/components/PageList/index.ts +++ b/packages/circuit-ui/components/Pagination/components/PageList/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { PageList } from './PageList'; +export { PageList } from './PageList.js'; diff --git a/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.spec.tsx b/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.spec.tsx index 40ec89c47f..f1302b212f 100644 --- a/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.spec.tsx +++ b/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.spec.tsx @@ -14,17 +14,17 @@ */ import { describe, expect, it, vi } from 'vitest'; -import { fireEvent } from '@testing-library/dom'; import { create, render, renderToHtml, + fireEvent, axe, RenderFn, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { PageSelect, PageSelectProps } from './PageSelect'; +import { PageSelect, PageSelectProps } from './PageSelect.js'; describe('PageSelect', () => { function renderPageSelect(renderFn: RenderFn, props: PageSelectProps) { diff --git a/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.tsx b/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.tsx index 09336f30f6..00f6ae8076 100644 --- a/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.tsx +++ b/packages/circuit-ui/components/Pagination/components/PageSelect/PageSelect.tsx @@ -15,8 +15,8 @@ import { useCallback, FunctionComponent, ChangeEvent, Fragment } from 'react'; -import styled from '../../../../styles/styled'; -import { Select, SelectProps } from '../../../Select/Select'; +import styled from '../../../../styles/styled.js'; +import Select, { SelectProps } from '../../../Select/index.js'; export interface PageSelectProps extends Omit { onChange: (page: number) => void; diff --git a/packages/circuit-ui/components/Pagination/components/PageSelect/index.ts b/packages/circuit-ui/components/Pagination/components/PageSelect/index.ts index f114e8d189..065bb41bda 100644 --- a/packages/circuit-ui/components/Pagination/components/PageSelect/index.ts +++ b/packages/circuit-ui/components/Pagination/components/PageSelect/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { PageSelect } from './PageSelect'; +export { PageSelect } from './PageSelect.js'; diff --git a/packages/circuit-ui/components/Pagination/index.ts b/packages/circuit-ui/components/Pagination/index.ts index 695b256bc6..f173a1ad64 100644 --- a/packages/circuit-ui/components/Pagination/index.ts +++ b/packages/circuit-ui/components/Pagination/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Pagination } from './Pagination'; +import { Pagination } from './Pagination.js'; -export type { PaginationProps } from './Pagination'; +export type { PaginationProps } from './Pagination.js'; export default Pagination; diff --git a/packages/circuit-ui/components/Popover/Popover.spec.tsx b/packages/circuit-ui/components/Popover/Popover.spec.tsx index 409fb6c6ba..9be19cb630 100644 --- a/packages/circuit-ui/components/Popover/Popover.spec.tsx +++ b/packages/circuit-ui/components/Popover/Popover.spec.tsx @@ -18,15 +18,21 @@ import { FC } from 'react'; import { Delete, Add, Download, IconProps } from '@sumup/icons'; import { Placement } from '@floating-ui/react-dom'; -import { act, axe, RenderFn, render, userEvent } from '../../util/test-utils'; -import { ClickEvent } from '../../types/events'; +import { + act, + axe, + RenderFn, + render, + userEvent, +} from '../../util/test-utils.js'; +import { ClickEvent } from '../../types/events.js'; import { PopoverItem, PopoverItemProps, Popover, PopoverProps, -} from './Popover'; +} from './Popover.js'; const placements: Placement[] = ['top', 'bottom', 'left', 'right']; diff --git a/packages/circuit-ui/components/Popover/Popover.stories.tsx b/packages/circuit-ui/components/Popover/Popover.stories.tsx index 5e2956edde..4aa4bf4cce 100644 --- a/packages/circuit-ui/components/Popover/Popover.stories.tsx +++ b/packages/circuit-ui/components/Popover/Popover.stories.tsx @@ -17,9 +17,9 @@ import { action } from '@storybook/addon-actions'; import { Add, Edit, Delete } from '@sumup/icons'; import { useState, ReactNode } from 'react'; -import Button from '../Button'; +import Button from '../Button/index.js'; -import { Popover, PopoverProps } from './Popover'; +import { Popover, PopoverProps } from './Popover.js'; export default { title: 'Components/Popover', diff --git a/packages/circuit-ui/components/Popover/Popover.tsx b/packages/circuit-ui/components/Popover/Popover.tsx index 1d0c777350..90a4f52648 100644 --- a/packages/circuit-ui/components/Popover/Popover.tsx +++ b/packages/circuit-ui/components/Popover/Popover.tsx @@ -26,30 +26,30 @@ import { AnchorHTMLAttributes, ButtonHTMLAttributes, } from 'react'; -import useLatest from 'use-latest'; -import usePrevious from 'use-previous'; import { useFloating, flip, offset as offsetMiddleware, Placement, } from '@floating-ui/react-dom'; -import isPropValid from '@emotion/is-prop-valid'; import { IconProps } from '@sumup/icons'; -import { ClickEvent } from '../../types/events'; -import { EmotionAsPropType } from '../../types/prop-types'; -import styled, { StyleProps } from '../../styles/styled'; -import { listItem, shadow, typography } from '../../styles/style-mixins'; -import { useEscapeKey } from '../../hooks/useEscapeKey'; -import { useClickOutside } from '../../hooks/useClickOutside'; -import { useFocusList } from '../../hooks/useFocusList'; -import { isArrowDown, isArrowUp } from '../../util/key-codes'; -import { useComponents } from '../ComponentsContext'; -import Portal from '../Portal'; -import Hr from '../Hr'; -import { useStackContext } from '../StackContext'; -import { isFunction } from '../../util/type-check'; +import isPropValid from '../../styles/is-prop-valid.js'; +import { ClickEvent } from '../../types/events.js'; +import { EmotionAsPropType } from '../../types/prop-types.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { listItem, shadow, typography } from '../../styles/style-mixins.js'; +import { useEscapeKey } from '../../hooks/useEscapeKey/index.js'; +import { useClickOutside } from '../../hooks/useClickOutside/index.js'; +import { useFocusList } from '../../hooks/useFocusList/index.js'; +import { isArrowDown, isArrowUp } from '../../util/key-codes.js'; +import { useComponents } from '../ComponentsContext/index.js'; +import Portal from '../Portal/index.js'; +import Hr from '../Hr/index.js'; +import { useStackContext } from '../StackContext/index.js'; +import { isFunction } from '../../util/type-check.js'; +import { useLatest } from '../../hooks/useLatest/index.js'; +import { usePrevious } from '../../hooks/usePrevious/index.js'; export interface BaseProps { /** diff --git a/packages/circuit-ui/components/Popover/index.tsx b/packages/circuit-ui/components/Popover/index.tsx index a00678eb43..bf90998c9d 100644 --- a/packages/circuit-ui/components/Popover/index.tsx +++ b/packages/circuit-ui/components/Popover/index.tsx @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Popover } from './Popover'; +import { Popover } from './Popover.js'; -export type { PopoverProps, PopoverItemProps } from './Popover'; +export type { PopoverProps, PopoverItemProps } from './Popover.js'; export default Popover; diff --git a/packages/circuit-ui/components/Portal/Portal.spec.tsx b/packages/circuit-ui/components/Portal/Portal.spec.tsx index d8bb670e54..1f4c88475e 100644 --- a/packages/circuit-ui/components/Portal/Portal.spec.tsx +++ b/packages/circuit-ui/components/Portal/Portal.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { render } from '../../util/test-utils'; +import { render } from '../../util/test-utils.js'; -import { Portal } from './Portal'; +import { Portal } from './Portal.js'; describe('Portal', () => { it('should append its children to the document body by default', () => { diff --git a/packages/circuit-ui/components/Portal/index.ts b/packages/circuit-ui/components/Portal/index.ts index 02834cf665..5cd99a7a24 100644 --- a/packages/circuit-ui/components/Portal/index.ts +++ b/packages/circuit-ui/components/Portal/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Portal } from './Portal'; +import { Portal } from './Portal.js'; -export type { PortalProps } from './Portal'; +export type { PortalProps } from './Portal.js'; export default Portal; diff --git a/packages/circuit-ui/components/ProgressBar/ProgressBar.spec.tsx b/packages/circuit-ui/components/ProgressBar/ProgressBar.spec.tsx index 4f2c5f1c8a..68309d5c13 100644 --- a/packages/circuit-ui/components/ProgressBar/ProgressBar.spec.tsx +++ b/packages/circuit-ui/components/ProgressBar/ProgressBar.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; import ProgressBar from '.'; diff --git a/packages/circuit-ui/components/ProgressBar/ProgressBar.stories.tsx b/packages/circuit-ui/components/ProgressBar/ProgressBar.stories.tsx index 252250fe01..c5e8876107 100644 --- a/packages/circuit-ui/components/ProgressBar/ProgressBar.stories.tsx +++ b/packages/circuit-ui/components/ProgressBar/ProgressBar.stories.tsx @@ -16,7 +16,7 @@ import { Fragment } from 'react'; import { css } from '@emotion/react'; -import { ProgressBar, ProgressBarProps } from './ProgressBar'; +import { ProgressBar, ProgressBarProps } from './ProgressBar.js'; export default { title: 'Components/ProgressBar', diff --git a/packages/circuit-ui/components/ProgressBar/ProgressBar.tsx b/packages/circuit-ui/components/ProgressBar/ProgressBar.tsx index 33377701a3..a646ede67e 100644 --- a/packages/circuit-ui/components/ProgressBar/ProgressBar.tsx +++ b/packages/circuit-ui/components/ProgressBar/ProgressBar.tsx @@ -13,15 +13,15 @@ * limitations under the License. */ -import { useId } from 'react'; +import { HTMLAttributes, useId } from 'react'; import { css, keyframes } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography, hideVisually } from '../../styles/style-mixins'; -import { ReturnType } from '../../types/return-type'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography, hideVisually } from '../../styles/style-mixins.js'; +import { ReturnType } from '../../types/return-type.js'; +import { AccessibilityError } from '../../util/errors.js'; -interface BaseProps { +interface BaseProps extends HTMLAttributes { /** * Choose from 2 style variants. Default: 'primary'. */ diff --git a/packages/circuit-ui/components/ProgressBar/index.ts b/packages/circuit-ui/components/ProgressBar/index.ts index a2f823a171..ee6e525491 100644 --- a/packages/circuit-ui/components/ProgressBar/index.ts +++ b/packages/circuit-ui/components/ProgressBar/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { ProgressBar } from './ProgressBar'; +import { ProgressBar } from './ProgressBar.js'; -export type { ProgressBarProps } from './ProgressBar'; +export type { ProgressBarProps } from './ProgressBar.js'; export default ProgressBar; diff --git a/packages/circuit-ui/components/RadioButton/RadioButton.spec.tsx b/packages/circuit-ui/components/RadioButton/RadioButton.spec.tsx index 809ff244ee..8ef53f17d9 100644 --- a/packages/circuit-ui/components/RadioButton/RadioButton.spec.tsx +++ b/packages/circuit-ui/components/RadioButton/RadioButton.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { render, userEvent, axe } from '../../util/test-utils'; +import { render, userEvent, axe } from '../../util/test-utils.js'; -import RadioButton from '.'; +import RadioButton from './index.js'; describe('RadioButton', () => { describe('Styles', () => { diff --git a/packages/circuit-ui/components/RadioButton/RadioButton.stories.tsx b/packages/circuit-ui/components/RadioButton/RadioButton.stories.tsx index ecdd5a4c43..3b73a8465f 100644 --- a/packages/circuit-ui/components/RadioButton/RadioButton.stories.tsx +++ b/packages/circuit-ui/components/RadioButton/RadioButton.stories.tsx @@ -15,9 +15,9 @@ import { useState } from 'react'; -import RadioButtonGroup from '../RadioButtonGroup'; +import RadioButtonGroup from '../RadioButtonGroup/index.js'; -import { RadioButton, RadioButtonProps } from './RadioButton'; +import { RadioButton, RadioButtonProps } from './RadioButton.js'; export default { title: 'Forms/RadioButton', diff --git a/packages/circuit-ui/components/RadioButton/RadioButton.tsx b/packages/circuit-ui/components/RadioButton/RadioButton.tsx index f661cdaae5..41aaa3b24d 100644 --- a/packages/circuit-ui/components/RadioButton/RadioButton.tsx +++ b/packages/circuit-ui/components/RadioButton/RadioButton.tsx @@ -16,9 +16,9 @@ import { Fragment, InputHTMLAttributes, Ref, forwardRef, useId } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { hideVisually, focusOutline } from '../../styles/style-mixins'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { hideVisually, focusOutline } from '../../styles/style-mixins.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface RadioButtonProps extends InputHTMLAttributes { diff --git a/packages/circuit-ui/components/RadioButton/index.ts b/packages/circuit-ui/components/RadioButton/index.ts index 98c1dee8e2..c96680c359 100644 --- a/packages/circuit-ui/components/RadioButton/index.ts +++ b/packages/circuit-ui/components/RadioButton/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { RadioButton } from './RadioButton'; +import { RadioButton } from './RadioButton.js'; -export type { RadioButtonProps } from './RadioButton'; +export type { RadioButtonProps } from './RadioButton.js'; export default RadioButton; diff --git a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.spec.tsx b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.spec.tsx index 53ad047305..4bb0c04e9f 100644 --- a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.spec.tsx +++ b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { render, userEvent, axe } from '../../util/test-utils'; +import { render, userEvent, axe } from '../../util/test-utils.js'; -import { RadioButtonGroup } from './RadioButtonGroup'; +import { RadioButtonGroup } from './RadioButtonGroup.js'; describe('RadioButtonGroup', () => { const defaultProps = { diff --git a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.stories.tsx b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.stories.tsx index 01c23a8aa3..24e41e57ac 100644 --- a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.stories.tsx +++ b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.stories.tsx @@ -15,7 +15,7 @@ import { useState, ChangeEvent } from 'react'; -import { RadioButtonGroup, RadioButtonGroupProps } from './RadioButtonGroup'; +import { RadioButtonGroup, RadioButtonGroupProps } from './RadioButtonGroup.js'; export default { title: 'Forms/RadioButtonGroup', diff --git a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.tsx b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.tsx index b12e992298..eb4e20ebc9 100644 --- a/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.tsx +++ b/packages/circuit-ui/components/RadioButtonGroup/RadioButtonGroup.tsx @@ -21,15 +21,15 @@ import { useId, } from 'react'; -import styled from '../../styles/styled'; -import { typography } from '../../styles/style-mixins'; -import { RadioButton, RadioButtonProps } from '../RadioButton/RadioButton'; +import styled from '../../styles/styled.js'; +import { typography } from '../../styles/style-mixins.js'; +import { RadioButton, RadioButtonProps } from '../RadioButton/RadioButton.js'; import { FieldWrapper, FieldLabelText, FieldValidationHint, -} from '../FieldAtoms'; -import { AccessibilityError } from '../../util/errors'; +} from '../FieldAtoms/index.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface RadioButtonGroupProps extends Omit, 'onChange'> { diff --git a/packages/circuit-ui/components/RadioButtonGroup/index.ts b/packages/circuit-ui/components/RadioButtonGroup/index.ts index 3524ecd37f..2075b6b7a7 100644 --- a/packages/circuit-ui/components/RadioButtonGroup/index.ts +++ b/packages/circuit-ui/components/RadioButtonGroup/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { RadioButtonGroup } from './RadioButtonGroup'; +import { RadioButtonGroup } from './RadioButtonGroup.js'; -export type { RadioButtonGroupProps } from './RadioButtonGroup'; +export type { RadioButtonGroupProps } from './RadioButtonGroup.js'; export default RadioButtonGroup; diff --git a/packages/circuit-ui/components/SearchInput/SearchInput.spec.tsx b/packages/circuit-ui/components/SearchInput/SearchInput.spec.tsx index 2ce0572668..9db6246081 100644 --- a/packages/circuit-ui/components/SearchInput/SearchInput.spec.tsx +++ b/packages/circuit-ui/components/SearchInput/SearchInput.spec.tsx @@ -16,7 +16,7 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../util/test-utils.js'; import SearchInput from '.'; diff --git a/packages/circuit-ui/components/SearchInput/SearchInput.stories.tsx b/packages/circuit-ui/components/SearchInput/SearchInput.stories.tsx index 74abb933b9..6c3289b53f 100644 --- a/packages/circuit-ui/components/SearchInput/SearchInput.stories.tsx +++ b/packages/circuit-ui/components/SearchInput/SearchInput.stories.tsx @@ -15,7 +15,7 @@ import { useState, ChangeEvent } from 'react'; -import { SearchInput, SearchInputProps } from './SearchInput'; +import { SearchInput, SearchInputProps } from './SearchInput.js'; export default { title: 'Forms/Input/SearchInput', diff --git a/packages/circuit-ui/components/SearchInput/SearchInput.tsx b/packages/circuit-ui/components/SearchInput/SearchInput.tsx index debb5ffb4e..2543810f4f 100644 --- a/packages/circuit-ui/components/SearchInput/SearchInput.tsx +++ b/packages/circuit-ui/components/SearchInput/SearchInput.tsx @@ -17,11 +17,11 @@ import { forwardRef } from 'react'; import { css } from '@emotion/react'; import { Search, Close } from '@sumup/icons'; -import styled, { StyleProps } from '../../styles/styled'; -import Input from '../Input'; -import { InputProps } from '../Input/Input'; -import IconButton from '../IconButton'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import Input from '../Input/index.js'; +import { InputProps } from '../Input/Input.js'; +import IconButton from '../IconButton/index.js'; +import { AccessibilityError } from '../../util/errors.js'; type ClearProps = | { onClear?: never; clearLabel?: never } diff --git a/packages/circuit-ui/components/SearchInput/index.ts b/packages/circuit-ui/components/SearchInput/index.ts index 92bfd502f1..4dfac6b221 100644 --- a/packages/circuit-ui/components/SearchInput/index.ts +++ b/packages/circuit-ui/components/SearchInput/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { SearchInput } from './SearchInput'; +import { SearchInput } from './SearchInput.js'; -export type { SearchInputProps } from './SearchInput'; +export type { SearchInputProps } from './SearchInput.js'; export default SearchInput; diff --git a/packages/circuit-ui/components/Select/Select.spec.tsx b/packages/circuit-ui/components/Select/Select.spec.tsx index 1d885daa22..2a73d5a67d 100644 --- a/packages/circuit-ui/components/Select/Select.spec.tsx +++ b/packages/circuit-ui/components/Select/Select.spec.tsx @@ -16,7 +16,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; import Select from '.'; diff --git a/packages/circuit-ui/components/Select/Select.stories.tsx b/packages/circuit-ui/components/Select/Select.stories.tsx index 2816a30f95..681b632770 100644 --- a/packages/circuit-ui/components/Select/Select.stories.tsx +++ b/packages/circuit-ui/components/Select/Select.stories.tsx @@ -16,7 +16,7 @@ import { useState, FC } from 'react'; import { FlagDe, FlagUs, FlagFr, IconProps } from '@sumup/icons'; -import { Select, SelectProps } from './Select'; +import { Select, SelectProps } from './Select.js'; export default { title: 'Forms/Select', diff --git a/packages/circuit-ui/components/Select/Select.tsx b/packages/circuit-ui/components/Select/Select.tsx index e8007897b1..234f96cb17 100644 --- a/packages/circuit-ui/components/Select/Select.tsx +++ b/packages/circuit-ui/components/Select/Select.tsx @@ -18,16 +18,16 @@ import { css } from '@emotion/react'; import { ChevronDown, ChevronUp } from '@sumup/icons'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography, inputOutline } from '../../styles/style-mixins'; -import { ReturnType } from '../../types/return-type'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography, inputOutline } from '../../styles/style-mixins.js'; +import { ReturnType } from '../../types/return-type.js'; import { FieldWrapper, FieldLabel, FieldLabelText, FieldValidationHint, -} from '../FieldAtoms'; -import { AccessibilityError } from '../../util/errors'; +} from '../FieldAtoms/index.js'; +import { AccessibilityError } from '../../util/errors.js'; export type SelectOption = { value: string | number; diff --git a/packages/circuit-ui/components/Select/index.ts b/packages/circuit-ui/components/Select/index.ts index 399d3fd76e..bf708c096a 100644 --- a/packages/circuit-ui/components/Select/index.ts +++ b/packages/circuit-ui/components/Select/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Select } from './Select'; +import { Select } from './Select.js'; -export type { SelectProps, SelectOption } from './Select'; +export type { SelectProps, SelectOption } from './Select.js'; export default Select; diff --git a/packages/circuit-ui/components/Selector/Selector.spec.tsx b/packages/circuit-ui/components/Selector/Selector.spec.tsx index c8f3933249..13a6244fc2 100644 --- a/packages/circuit-ui/components/Selector/Selector.spec.tsx +++ b/packages/circuit-ui/components/Selector/Selector.spec.tsx @@ -22,9 +22,9 @@ import { userEvent, renderToHtml, axe, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Selector } from './Selector'; +import { Selector } from './Selector.js'; const defaultProps = { name: 'name', diff --git a/packages/circuit-ui/components/Selector/Selector.stories.tsx b/packages/circuit-ui/components/Selector/Selector.stories.tsx index 61e2d5f06f..421bbaca99 100644 --- a/packages/circuit-ui/components/Selector/Selector.stories.tsx +++ b/packages/circuit-ui/components/Selector/Selector.stories.tsx @@ -13,11 +13,11 @@ * limitations under the License. */ -import { Stack } from '../../../../.storybook/components'; -import SelectorGroup from '../SelectorGroup'; -import Body from '../Body'; +import { Stack } from '../../../../.storybook/components/index.js'; +import SelectorGroup from '../SelectorGroup/index.js'; +import Body from '../Body/index.js'; -import { Selector, SelectorProps } from './Selector'; +import { Selector, SelectorProps } from './Selector.js'; export default { title: 'Forms/Selector', diff --git a/packages/circuit-ui/components/Selector/Selector.tsx b/packages/circuit-ui/components/Selector/Selector.tsx index f93b4a2727..076e70d389 100644 --- a/packages/circuit-ui/components/Selector/Selector.tsx +++ b/packages/circuit-ui/components/Selector/Selector.tsx @@ -16,8 +16,8 @@ import { Fragment, Ref, InputHTMLAttributes, forwardRef, useId } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { hideVisually, focusOutline } from '../../styles/style-mixins'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { hideVisually, focusOutline } from '../../styles/style-mixins.js'; export type SelectorSize = 'kilo' | 'mega' | 'flexible'; diff --git a/packages/circuit-ui/components/Selector/index.ts b/packages/circuit-ui/components/Selector/index.ts index 3ced029b00..bc6947d142 100644 --- a/packages/circuit-ui/components/Selector/index.ts +++ b/packages/circuit-ui/components/Selector/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Selector } from './Selector'; +import { Selector } from './Selector.js'; -export type { SelectorProps } from './Selector'; +export type { SelectorProps } from './Selector.js'; export default Selector; diff --git a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.spec.tsx b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.spec.tsx index 53927ab3cf..4f2a5c836d 100644 --- a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.spec.tsx +++ b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { axe, render, screen } from '../../util/test-utils'; +import { axe, render, screen } from '../../util/test-utils.js'; -import { SelectorGroup } from './SelectorGroup'; +import { SelectorGroup } from './SelectorGroup.js'; describe('SelectorGroup', () => { const defaultProps = { diff --git a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.stories.tsx b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.stories.tsx index 4ba7bfae9e..b26feb6db4 100644 --- a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.stories.tsx +++ b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.stories.tsx @@ -15,7 +15,7 @@ import { useState, ChangeEvent } from 'react'; -import { SelectorGroup, SelectorGroupProps } from './SelectorGroup'; +import { SelectorGroup, SelectorGroupProps } from './SelectorGroup.js'; export default { title: 'Forms/SelectorGroup', diff --git a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.tsx b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.tsx index 271ceff041..0bb427dc36 100644 --- a/packages/circuit-ui/components/SelectorGroup/SelectorGroup.tsx +++ b/packages/circuit-ui/components/SelectorGroup/SelectorGroup.tsx @@ -16,11 +16,11 @@ import { ReactNode, Ref, forwardRef, ChangeEventHandler, useId } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import Selector from '../Selector'; -import { SelectorSize } from '../Selector/Selector'; -import { hideVisually, typography } from '../../styles/style-mixins'; -import { AccessibilityError } from '../../util/errors'; +import styled, { StyleProps } from '../../styles/styled.js'; +import Selector from '../Selector/index.js'; +import { SelectorSize } from '../Selector/Selector.js'; +import { hideVisually, typography } from '../../styles/style-mixins.js'; +import { AccessibilityError } from '../../util/errors.js'; export interface SelectorGroupProps { /** diff --git a/packages/circuit-ui/components/SelectorGroup/index.ts b/packages/circuit-ui/components/SelectorGroup/index.ts index 37c3c7b612..4bad709ef1 100644 --- a/packages/circuit-ui/components/SelectorGroup/index.ts +++ b/packages/circuit-ui/components/SelectorGroup/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { SelectorGroup } from './SelectorGroup'; +import { SelectorGroup } from './SelectorGroup.js'; -export type { SelectorGroupProps } from './SelectorGroup'; +export type { SelectorGroupProps } from './SelectorGroup.js'; export default SelectorGroup; diff --git a/packages/circuit-ui/components/SideNavigation/SideNavigation.spec.tsx b/packages/circuit-ui/components/SideNavigation/SideNavigation.spec.tsx index 710e9d9800..ae6874c419 100644 --- a/packages/circuit-ui/components/SideNavigation/SideNavigation.spec.tsx +++ b/packages/circuit-ui/components/SideNavigation/SideNavigation.spec.tsx @@ -17,10 +17,10 @@ import { beforeAll, describe, expect, it, vi } from 'vitest'; import { Shop } from '@sumup/icons'; -import { render, axe, RenderFn, waitFor } from '../../util/test-utils'; -import { ModalProvider } from '../ModalContext'; +import { render, axe, RenderFn, waitFor } from '../../util/test-utils.js'; +import { ModalProvider } from '../ModalContext/index.js'; -import { SideNavigation, SideNavigationProps } from './SideNavigation'; +import { SideNavigation, SideNavigationProps } from './SideNavigation.js'; describe('SideNavigation', () => { function setMediaMatches(matches: boolean) { diff --git a/packages/circuit-ui/components/SideNavigation/SideNavigation.stories.tsx b/packages/circuit-ui/components/SideNavigation/SideNavigation.stories.tsx index 17aafd6ecf..80ddf85a48 100644 --- a/packages/circuit-ui/components/SideNavigation/SideNavigation.stories.tsx +++ b/packages/circuit-ui/components/SideNavigation/SideNavigation.stories.tsx @@ -16,10 +16,10 @@ import { action } from '@storybook/addon-actions'; import { Like, Home, LiveChat, Package, Shop } from '@sumup/icons'; -import { ModalProvider } from '../ModalContext'; -import { TOP_NAVIGATION_HEIGHT } from '../TopNavigation/TopNavigation'; +import { ModalProvider } from '../ModalContext/index.js'; +import { TOP_NAVIGATION_HEIGHT } from '../TopNavigation/TopNavigation.js'; -import { SideNavigation, SideNavigationProps } from './SideNavigation'; +import { SideNavigation, SideNavigationProps } from './SideNavigation.js'; export default { title: 'Navigation/SideNavigation', diff --git a/packages/circuit-ui/components/SideNavigation/SideNavigation.tsx b/packages/circuit-ui/components/SideNavigation/SideNavigation.tsx index 449205a843..7a1de30b8c 100644 --- a/packages/circuit-ui/components/SideNavigation/SideNavigation.tsx +++ b/packages/circuit-ui/components/SideNavigation/SideNavigation.tsx @@ -14,18 +14,18 @@ */ import { useEffect } from 'react'; -import usePrevious from 'use-previous'; import { useTheme } from '@emotion/react'; -import { useMedia } from '../../hooks/useMedia'; -import { AccessibilityError } from '../../util/errors'; +import { useMedia } from '../../hooks/useMedia/index.js'; +import { AccessibilityError } from '../../util/errors.js'; +import { usePrevious } from '../../hooks/usePrevious/index.js'; -import { DesktopNavigation } from './components/DesktopNavigation'; -import { DesktopNavigationProps } from './components/DesktopNavigation/DesktopNavigation'; +import { DesktopNavigation } from './components/DesktopNavigation/index.js'; +import { DesktopNavigationProps } from './components/DesktopNavigation/DesktopNavigation.js'; import { MobileNavigationProps, useMobileNavigation, -} from './components/MobileNavigation'; +} from './components/MobileNavigation/index.js'; export interface SideNavigationProps extends MobileNavigationProps, diff --git a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.spec.tsx b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.spec.tsx index bd7ef083ef..0882304c8b 100644 --- a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.spec.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.spec.tsx @@ -17,9 +17,12 @@ import { describe, expect, it, vi } from 'vitest'; import { Home, Shop } from '@sumup/icons'; -import { render, axe, RenderFn } from '../../../../util/test-utils'; +import { render, axe, RenderFn } from '../../../../util/test-utils.js'; -import { DesktopNavigation, DesktopNavigationProps } from './DesktopNavigation'; +import { + DesktopNavigation, + DesktopNavigationProps, +} from './DesktopNavigation.js'; describe('DesktopNavigation', () => { function renderDesktopNavigation( diff --git a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.tsx b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.tsx index 2b71eaa207..31ce62c926 100644 --- a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/DesktopNavigation.tsx @@ -18,15 +18,15 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { shadow, hideScrollbar } from '../../../../styles/style-mixins'; -import { useFocusList } from '../../../../hooks/useFocusList'; -import { TOP_NAVIGATION_HEIGHT } from '../../../TopNavigation/TopNavigation'; -import Headline from '../../../Headline'; -import { Skeleton, SkeletonContainer } from '../../../Skeleton'; -import { PrimaryLinkProps } from '../../types'; -import { SecondaryLinks } from '../SecondaryLinks'; -import { PrimaryLink } from '../PrimaryLink'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { shadow, hideScrollbar } from '../../../../styles/style-mixins.js'; +import { useFocusList } from '../../../../hooks/useFocusList/index.js'; +import { TOP_NAVIGATION_HEIGHT } from '../../../TopNavigation/TopNavigation.js'; +import Headline from '../../../Headline/index.js'; +import { Skeleton, SkeletonContainer } from '../../../Skeleton/index.js'; +import { PrimaryLinkProps } from '../../types.js'; +import { SecondaryLinks } from '../SecondaryLinks/index.js'; +import { PrimaryLink } from '../PrimaryLink/index.js'; export interface DesktopNavigationProps { /** diff --git a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/index.ts b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/index.ts index affa0ecf52..441553272c 100644 --- a/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/index.ts +++ b/packages/circuit-ui/components/SideNavigation/components/DesktopNavigation/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { DesktopNavigation } from './DesktopNavigation'; +export { DesktopNavigation } from './DesktopNavigation.js'; diff --git a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx index c8e822f6af..c8813351d3 100644 --- a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.spec.tsx @@ -16,16 +16,16 @@ import { afterEach, describe, expect, it, vi } from 'vitest'; import { Home, Shop } from '@sumup/icons'; -import { ClickEvent } from '../../../../types/events'; +import { ClickEvent } from '../../../../types/events.js'; import { render, axe, RenderFn, userEvent, waitFor, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { MobileNavigation, MobileNavigationProps } from './MobileNavigation'; +import { MobileNavigation, MobileNavigationProps } from './MobileNavigation.js'; describe('MobileNavigation', () => { function renderMobileNavigation( diff --git a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.tsx b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.tsx index d2e02baa3e..70781af17f 100644 --- a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/MobileNavigation.tsx @@ -16,30 +16,30 @@ import { Fragment } from 'react'; import ReactModal from 'react-modal'; import { ClassNames, css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { Theme } from '@sumup/design-tokens'; import { ChevronDown } from '@sumup/icons'; -import styled, { StyleProps } from '../../../../styles/styled'; +import isPropValid from '../../../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; import { BaseModalProps, createUseModal, ModalComponent, -} from '../../../ModalContext'; -import { StackContext } from '../../../StackContext'; -import CloseButton from '../../../CloseButton'; -import { useCollapsible } from '../../../../hooks/useCollapsible'; -import { useFocusList } from '../../../../hooks/useFocusList'; -import { PrimaryLinkProps } from '../../types'; -import { PrimaryLink } from '../PrimaryLink'; -import { SecondaryLinks } from '../SecondaryLinks'; -import { Require } from '../../../../types/util'; -import { ClickEvent } from '../../../../types/events'; +} from '../../../ModalContext/index.js'; +import { StackContext } from '../../../StackContext/index.js'; +import CloseButton from '../../../CloseButton/index.js'; +import { useCollapsible } from '../../../../hooks/useCollapsible/index.js'; +import { useFocusList } from '../../../../hooks/useFocusList/index.js'; +import { PrimaryLinkProps } from '../../types.js'; +import { PrimaryLink } from '../PrimaryLink/index.js'; +import { SecondaryLinks } from '../SecondaryLinks/index.js'; +import { Require } from '../../../../types/util.js'; +import { ClickEvent } from '../../../../types/events.js'; import { ComponentsContext, ComponentsContextType, -} from '../../../ComponentsContext'; -import { defaultComponents } from '../../../ComponentsContext/ComponentsContext'; +} from '../../../ComponentsContext/index.js'; +import { defaultComponents } from '../../../ComponentsContext/ComponentsContext.js'; const TRANSITION_DURATION = 120; const HEADER_HEIGHT = 56; diff --git a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/index.ts b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/index.ts index 96d7a548c9..803d184855 100644 --- a/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/index.ts +++ b/packages/circuit-ui/components/SideNavigation/components/MobileNavigation/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { useMobileNavigation } from './MobileNavigation'; +export { useMobileNavigation } from './MobileNavigation.js'; -export type { MobileNavigationProps } from './MobileNavigation'; +export type { MobileNavigationProps } from './MobileNavigation.js'; diff --git a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.spec.tsx b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.spec.tsx index 45fd969e4d..9a110ec84f 100644 --- a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.spec.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.spec.tsx @@ -17,16 +17,16 @@ import { describe, expect, it, vi } from 'vitest'; import { FC } from 'react'; import { IconProps, Plus } from '@sumup/icons'; -import { ClickEvent } from '../../../../types/events'; +import { ClickEvent } from '../../../../types/events.js'; import { create, render, axe, RenderFn, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { PrimaryLink, PrimaryLinkProps } from './PrimaryLink'; +import { PrimaryLink, PrimaryLinkProps } from './PrimaryLink.js'; describe('PrimaryLink', () => { function renderPrimaryLink( diff --git a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.tsx b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.tsx index 6c8440b86d..c9d6c97677 100644 --- a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/PrimaryLink.tsx @@ -14,17 +14,17 @@ */ import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; import { Theme } from '@sumup/design-tokens'; import { ArrowRight } from '@sumup/icons'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { cx, focusVisible } from '../../../../styles/style-mixins'; -import { EmotionAsPropType } from '../../../../types/prop-types'; -import { useComponents } from '../../../ComponentsContext'; -import Body from '../../../Body'; -import { Skeleton } from '../../../Skeleton'; -import { PrimaryLinkProps as PrimaryLinkType } from '../../types'; +import isPropValid from '../../../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { cx, focusVisible } from '../../../../styles/style-mixins.js'; +import { EmotionAsPropType } from '../../../../types/prop-types.js'; +import { useComponents } from '../../../ComponentsContext/index.js'; +import Body from '../../../Body/index.js'; +import { Skeleton } from '../../../Skeleton/index.js'; +import { PrimaryLinkProps as PrimaryLinkType } from '../../types.js'; export interface PrimaryLinkProps extends PrimaryLinkType { isOpen?: boolean; diff --git a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/index.ts b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/index.ts index b9234057a3..0299135257 100644 --- a/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/index.ts +++ b/packages/circuit-ui/components/SideNavigation/components/PrimaryLink/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { PrimaryLink } from './PrimaryLink'; +export { PrimaryLink } from './PrimaryLink.js'; diff --git a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.spec.tsx b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.spec.tsx index 1762c12036..9775a64fc8 100644 --- a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.spec.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.spec.tsx @@ -15,16 +15,16 @@ import { describe, expect, it, vi } from 'vitest'; -import { ClickEvent } from '../../../../types/events'; +import { ClickEvent } from '../../../../types/events.js'; import { create, render, axe, RenderFn, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { SecondaryLinks, SecondaryLinksProps } from './SecondaryLinks'; +import { SecondaryLinks, SecondaryLinksProps } from './SecondaryLinks.js'; describe('SecondaryLinks', () => { function renderSecondaryLinks( diff --git a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.tsx b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.tsx index 34b2396c23..f60282375e 100644 --- a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.tsx +++ b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/SecondaryLinks.tsx @@ -19,16 +19,19 @@ import { forwardRef, Ref } from 'react'; import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps, NoTheme } from '../../../../styles/styled'; -import { navigationItem } from '../../../../styles/style-mixins'; -import { EmotionAsPropType } from '../../../../types/prop-types'; -import { useFocusList, FocusProps } from '../../../../hooks/useFocusList'; -import SubHeadline from '../../../SubHeadline'; -import Body from '../../../Body'; -import Badge from '../../../Badge'; -import { useComponents } from '../../../ComponentsContext'; -import { Skeleton } from '../../../Skeleton'; -import { SecondaryGroupProps, SecondaryLinkProps } from '../../types'; +import styled, { StyleProps, NoTheme } from '../../../../styles/styled.js'; +import { navigationItem } from '../../../../styles/style-mixins.js'; +import { EmotionAsPropType } from '../../../../types/prop-types.js'; +import { + useFocusList, + FocusProps, +} from '../../../../hooks/useFocusList/index.js'; +import SubHeadline from '../../../SubHeadline/index.js'; +import Body from '../../../Body/index.js'; +import Badge from '../../../Badge/index.js'; +import { useComponents } from '../../../ComponentsContext/index.js'; +import { Skeleton } from '../../../Skeleton/index.js'; +import { SecondaryGroupProps, SecondaryLinkProps } from '../../types.js'; const anchorStyles = ({ theme }: StyleProps) => css` flex-wrap: wrap; @@ -101,6 +104,7 @@ function SecondaryGroup({ export interface SecondaryLinksProps { secondaryGroups: SecondaryGroupProps[]; + className?: string; } export const SecondaryLinks = forwardRef( diff --git a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/index.ts b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/index.ts index 0dfa8a4e83..e0cadb1cd6 100644 --- a/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/index.ts +++ b/packages/circuit-ui/components/SideNavigation/components/SecondaryLinks/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { SecondaryLinks } from './SecondaryLinks'; +export { SecondaryLinks } from './SecondaryLinks.js'; -export type { SecondaryLinksProps } from './SecondaryLinks'; +export type { SecondaryLinksProps } from './SecondaryLinks.js'; diff --git a/packages/circuit-ui/components/SideNavigation/index.ts b/packages/circuit-ui/components/SideNavigation/index.ts index d18fcb225a..a978a4eb28 100644 --- a/packages/circuit-ui/components/SideNavigation/index.ts +++ b/packages/circuit-ui/components/SideNavigation/index.ts @@ -13,12 +13,12 @@ * limitations under the License. */ -export { SideNavigation } from './SideNavigation'; +export { SideNavigation } from './SideNavigation.js'; -export type { SideNavigationProps } from './SideNavigation'; +export type { SideNavigationProps } from './SideNavigation.js'; export type { PrimaryLinkProps, SecondaryGroupProps, SecondaryLinkProps, -} from './types'; +} from './types.js'; diff --git a/packages/circuit-ui/components/SideNavigation/types.ts b/packages/circuit-ui/components/SideNavigation/types.ts index 62eb0aadb9..65ab1db21d 100644 --- a/packages/circuit-ui/components/SideNavigation/types.ts +++ b/packages/circuit-ui/components/SideNavigation/types.ts @@ -16,7 +16,7 @@ import { FC, MouseEvent, KeyboardEvent, AnchorHTMLAttributes } from 'react'; import { IconProps } from '@sumup/icons'; -import { BadgeProps } from '../Badge'; +import { BadgeProps } from '../Badge/index.js'; export interface PrimaryLinkProps extends AnchorHTMLAttributes { diff --git a/packages/circuit-ui/components/SidePanel/SidePanel.spec.tsx b/packages/circuit-ui/components/SidePanel/SidePanel.spec.tsx index c60f0cb8c8..d7d8ae662d 100644 --- a/packages/circuit-ui/components/SidePanel/SidePanel.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/SidePanel.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { render, userEvent, axe, waitFor } from '../../util/test-utils'; +import { render, userEvent, axe, waitFor } from '../../util/test-utils.js'; -import { SidePanel, SidePanelProps } from './SidePanel'; +import { SidePanel, SidePanelProps } from './SidePanel.js'; describe('SidePanel', () => { const baseProps: SidePanelProps = { diff --git a/packages/circuit-ui/components/SidePanel/SidePanel.stories.tsx b/packages/circuit-ui/components/SidePanel/SidePanel.stories.tsx index 6bdc2e1f9e..ce3edd9483 100644 --- a/packages/circuit-ui/components/SidePanel/SidePanel.stories.tsx +++ b/packages/circuit-ui/components/SidePanel/SidePanel.stories.tsx @@ -16,22 +16,22 @@ import { useState } from 'react'; import { within, userEvent } from '@storybook/testing-library'; -import Body from '../Body'; -import Button from '../Button'; -import ListItemGroup from '../ListItemGroup'; -import { ModalProvider } from '../ModalContext'; -import { TopNavigation } from '../TopNavigation'; +import Body from '../Body/index.js'; +import Button from '../Button/index.js'; +import ListItemGroup from '../ListItemGroup/index.js'; +import { ModalProvider } from '../ModalContext/index.js'; +import { TopNavigation } from '../TopNavigation/index.js'; import { baseArgs as topNavigationProps } from '../TopNavigation/TopNavigation.stories'; -import { SideNavigation } from '../SideNavigation'; +import { SideNavigation } from '../SideNavigation/index.js'; import { baseArgs as sideNavigationProps } from '../SideNavigation/SideNavigation.stories'; -import { spacing } from '../../styles/style-mixins'; +import { spacing } from '../../styles/style-mixins.js'; -import { SidePanelProvider } from './SidePanelContext'; +import { SidePanelProvider } from './SidePanelContext.js'; import { useSidePanel, ChildrenRenderProps, SidePanelHookProps, -} from './useSidePanel'; +} from './useSidePanel.js'; export default { title: 'Navigation/SidePanel', diff --git a/packages/circuit-ui/components/SidePanel/SidePanel.tsx b/packages/circuit-ui/components/SidePanel/SidePanel.tsx index 55f620be00..be81ac7b2a 100644 --- a/packages/circuit-ui/components/SidePanel/SidePanel.tsx +++ b/packages/circuit-ui/components/SidePanel/SidePanel.tsx @@ -17,22 +17,21 @@ import { UIEventHandler, useEffect, useId, useState } from 'react'; import { css } from '@emotion/react'; import { Props as ReactModalProps } from 'react-modal'; -import styled, { StyleProps } from '../../styles/styled'; -import { isFunction } from '../../util/type-check'; -import { AccessibilityError } from '../../util/errors'; - -import { MobileSidePanel } from './components/MobileSidePanel'; -import { DesktopSidePanel } from './components/DesktopSidePanel'; -import { Header } from './components/Header'; -import { SidePanelHookProps, Callback } from './useSidePanel'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { isFunction } from '../../util/type-check.js'; +import { AccessibilityError } from '../../util/errors.js'; + +import { MobileSidePanel } from './components/MobileSidePanel/index.js'; +import { DesktopSidePanel } from './components/DesktopSidePanel/index.js'; +import { Header } from './components/Header/index.js'; +import type { SidePanelHookProps, Callback } from './useSidePanel.js'; +import { + BODY_MAX_WIDTH, + HTML_OPEN_CLASS_NAME, + PORTAL_CLASS_NAME, +} from './constants.js'; const BODY_OPEN_CLASS_NAME = 'ReactModal__SidePanel__Body--open'; -export const HTML_OPEN_CLASS_NAME = 'ReactModal__SidePanel__Html--open'; -export const PORTAL_CLASS_NAME = 'ReactModalPortal__SidePanel'; -export const TRANSITION_DURATION_DESKTOP = 200; -export const TRANSITION_DURATION_MOBILE = 240; -export const SIDE_PANEL_WIDTH = '400px'; -export const BODY_MAX_WIDTH = '480px'; export type SidePanelProps = Omit & Pick< diff --git a/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx b/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx index 654dec21ff..a72435c58a 100644 --- a/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/SidePanelContext.spec.tsx @@ -30,9 +30,9 @@ import { act, userEvent as baseUserEvent, waitFor, -} from '../../util/test-utils'; -import { uniqueId } from '../../util/id'; -import { useMedia } from '../../hooks/useMedia'; +} from '../../util/test-utils.js'; +import { uniqueId } from '../../util/id.js'; +import { useMedia } from '../../hooks/useMedia/index.js'; import { SidePanelProvider, @@ -41,7 +41,7 @@ import { RemoveSidePanel, UpdateSidePanel, SidePanelContextProps, -} from './SidePanelContext'; +} from './SidePanelContext.js'; vi.mock('../../hooks/useMedia'); diff --git a/packages/circuit-ui/components/SidePanel/SidePanelContext.tsx b/packages/circuit-ui/components/SidePanel/SidePanelContext.tsx index ecfc19fbf4..9316164d14 100644 --- a/packages/circuit-ui/components/SidePanel/SidePanelContext.tsx +++ b/packages/circuit-ui/components/SidePanel/SidePanelContext.tsx @@ -25,21 +25,20 @@ import { import { css, useTheme } from '@emotion/react'; import ReactModal, { Props as ReactModalProps } from 'react-modal'; -import styled from '../../styles/styled'; -import { useMedia } from '../../hooks/useMedia'; -import { useStack, StackItem } from '../../hooks/useStack'; -import { Require } from '../../types/util'; -import { warn } from '../../util/logger'; -import { TOP_NAVIGATION_HEIGHT } from '../TopNavigation/TopNavigation'; - +import styled from '../../styles/styled.js'; +import { useMedia } from '../../hooks/useMedia/index.js'; +import { useStack, StackItem } from '../../hooks/useStack/index.js'; +import { Require } from '../../types/util.js'; +import { warn } from '../../util/logger.js'; +import { TOP_NAVIGATION_HEIGHT } from '../TopNavigation/TopNavigation.js'; + +import { SidePanel, SidePanelProps } from './SidePanel.js'; import { - SidePanel, - SidePanelProps, SIDE_PANEL_WIDTH, TRANSITION_DURATION_DESKTOP, TRANSITION_DURATION_MOBILE, -} from './SidePanel'; -import { SidePanelHookProps } from './useSidePanel'; +} from './constants.js'; +import type { SidePanelHookProps } from './useSidePanel.js'; // It is important for users of screen readers that other page content be hidden // (via the `aria-hidden` attribute) while the side panel is open on mobile. diff --git a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.spec.tsx b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.spec.tsx index fb0c7ef522..c5b44885f1 100644 --- a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.spec.tsx @@ -15,9 +15,9 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'; -import { render, axe, act } from '../../../../util/test-utils'; +import { render, axe, act } from '../../../../util/test-utils.js'; -import { DesktopSidePanel, DesktopSidePanelProps } from './DesktopSidePanel'; +import { DesktopSidePanel, DesktopSidePanelProps } from './DesktopSidePanel.js'; describe('DesktopSidePanel', () => { const baseProps: DesktopSidePanelProps = { diff --git a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.tsx b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.tsx index 4afaf00c51..095cd4fb75 100644 --- a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.tsx +++ b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/DesktopSidePanel.tsx @@ -16,13 +16,13 @@ import { css, ClassNames, Global } from '@emotion/react'; import ReactModal, { Props as ReactModalProps } from 'react-modal'; -import { StackContext } from '../../../StackContext'; +import { StackContext } from '../../../StackContext/index.js'; +import type { SidePanelProps } from '../../SidePanel.js'; import { - SidePanelProps, SIDE_PANEL_WIDTH, PORTAL_CLASS_NAME, TRANSITION_DURATION_DESKTOP, -} from '../../SidePanel'; +} from '../../constants.js'; export type DesktopSidePanelProps = ReactModalProps & Pick; diff --git a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/index.ts b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/index.ts index 6b6c1a0c3b..00e7c60810 100644 --- a/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/index.ts +++ b/packages/circuit-ui/components/SidePanel/components/DesktopSidePanel/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { DesktopSidePanel } from './DesktopSidePanel'; +export { DesktopSidePanel } from './DesktopSidePanel.js'; diff --git a/packages/circuit-ui/components/SidePanel/components/Header/Header.spec.tsx b/packages/circuit-ui/components/SidePanel/components/Header/Header.spec.tsx index 0d958a8b43..91bbc84bfd 100644 --- a/packages/circuit-ui/components/SidePanel/components/Header/Header.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/components/Header/Header.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { render, userEvent, axe } from '../../../../util/test-utils'; +import { render, userEvent, axe } from '../../../../util/test-utils.js'; -import { Header, HeaderProps } from './Header'; +import { Header, HeaderProps } from './Header.js'; describe('Header', () => { const baseProps: HeaderProps = { @@ -27,7 +27,7 @@ describe('Header', () => { id: 'side-panel-header', isSticky: false, onBack: undefined, - onClose: undefined, + onClose: vi.fn(), }; const renderComponent = (props: Partial = {}) => diff --git a/packages/circuit-ui/components/SidePanel/components/Header/Header.tsx b/packages/circuit-ui/components/SidePanel/components/Header/Header.tsx index e4ed55721a..92fd63b8ae 100644 --- a/packages/circuit-ui/components/SidePanel/components/Header/Header.tsx +++ b/packages/circuit-ui/components/SidePanel/components/Header/Header.tsx @@ -17,10 +17,10 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; import { ArrowLeft, Close } from '@sumup/icons'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { IconButton } from '../../../IconButton/IconButton'; -import Headline from '../../../Headline'; -import { SidePanelProps } from '../../SidePanel'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { IconButton } from '../../../IconButton/IconButton.js'; +import Headline from '../../../Headline/index.js'; +import type { SidePanelProps } from '../../SidePanel.js'; type HeaderStickyProps = { isSticky: boolean }; diff --git a/packages/circuit-ui/components/SidePanel/components/Header/index.ts b/packages/circuit-ui/components/SidePanel/components/Header/index.ts index 234267ef41..cda05ab711 100644 --- a/packages/circuit-ui/components/SidePanel/components/Header/index.ts +++ b/packages/circuit-ui/components/SidePanel/components/Header/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Header } from './Header'; +export { Header } from './Header.js'; diff --git a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.spec.tsx b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.spec.tsx index 4b66a6a342..804a1b7b4b 100644 --- a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render, act, axe } from '../../../../util/test-utils'; +import { render, act, axe } from '../../../../util/test-utils.js'; -import { MobileSidePanel, MobileSidePanelProps } from './MobileSidePanel'; +import { MobileSidePanel, MobileSidePanelProps } from './MobileSidePanel.js'; describe('MobileSidePanel', () => { const baseProps: MobileSidePanelProps = { diff --git a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.tsx b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.tsx index 76b3cded30..87ee1a8799 100644 --- a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.tsx +++ b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/MobileSidePanel.tsx @@ -16,13 +16,13 @@ import { css, ClassNames, Global } from '@emotion/react'; import ReactModal, { Props as ReactModalProps } from 'react-modal'; -import { StackContext } from '../../../StackContext'; +import { StackContext } from '../../../StackContext/index.js'; +import type { SidePanelProps } from '../../SidePanel.js'; import { - SidePanelProps, HTML_OPEN_CLASS_NAME, PORTAL_CLASS_NAME, TRANSITION_DURATION_MOBILE, -} from '../../SidePanel'; +} from '../../constants.js'; export type MobileSidePanelProps = ReactModalProps & Pick; diff --git a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/index.ts b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/index.ts index 7f9c6f7031..f83381c6a9 100644 --- a/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/index.ts +++ b/packages/circuit-ui/components/SidePanel/components/MobileSidePanel/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { MobileSidePanel } from './MobileSidePanel'; +export { MobileSidePanel } from './MobileSidePanel.js'; diff --git a/packages/circuit-ui/components/SidePanel/constants.ts b/packages/circuit-ui/components/SidePanel/constants.ts new file mode 100644 index 0000000000..28b0a27e0a --- /dev/null +++ b/packages/circuit-ui/components/SidePanel/constants.ts @@ -0,0 +1,21 @@ +/** + * Copyright 2023, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export const HTML_OPEN_CLASS_NAME = 'ReactModal__SidePanel__Html--open'; +export const PORTAL_CLASS_NAME = 'ReactModalPortal__SidePanel'; +export const TRANSITION_DURATION_DESKTOP = 200; +export const TRANSITION_DURATION_MOBILE = 240; +export const SIDE_PANEL_WIDTH = '400px'; +export const BODY_MAX_WIDTH = '480px'; diff --git a/packages/circuit-ui/components/SidePanel/index.ts b/packages/circuit-ui/components/SidePanel/index.ts index c1eaac56e3..0b27d24c6d 100644 --- a/packages/circuit-ui/components/SidePanel/index.ts +++ b/packages/circuit-ui/components/SidePanel/index.ts @@ -13,9 +13,9 @@ * limitations under the License. */ -export { SidePanelProvider } from './SidePanelContext'; -export { useSidePanel } from './useSidePanel'; -export { SIDE_PANEL_WIDTH } from './SidePanel'; +export { SidePanelProvider } from './SidePanelContext.js'; +export { useSidePanel } from './useSidePanel.js'; +export { SIDE_PANEL_WIDTH } from './constants.js'; -export type { SidePanelProviderProps } from './SidePanelContext'; -export type { SidePanelHookProps } from './useSidePanel'; +export type { SidePanelProviderProps } from './SidePanelContext.js'; +export type { SidePanelHookProps } from './useSidePanel.js'; diff --git a/packages/circuit-ui/components/SidePanel/useSidePanel.spec.tsx b/packages/circuit-ui/components/SidePanel/useSidePanel.spec.tsx index 4741fd67b3..fb715b977c 100644 --- a/packages/circuit-ui/components/SidePanel/useSidePanel.spec.tsx +++ b/packages/circuit-ui/components/SidePanel/useSidePanel.spec.tsx @@ -15,10 +15,10 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'; -import { renderHook } from '../../util/test-utils'; +import { renderHook } from '../../util/test-utils.js'; -import { useSidePanel } from './useSidePanel'; -import { SidePanelContext } from './SidePanelContext'; +import { useSidePanel } from './useSidePanel.js'; +import { SidePanelContext } from './SidePanelContext.js'; const defaultId = '1'; const testId = 'test'; diff --git a/packages/circuit-ui/components/SidePanel/useSidePanel.tsx b/packages/circuit-ui/components/SidePanel/useSidePanel.tsx index 8b8229ac12..1fec3d6713 100644 --- a/packages/circuit-ui/components/SidePanel/useSidePanel.tsx +++ b/packages/circuit-ui/components/SidePanel/useSidePanel.tsx @@ -22,9 +22,9 @@ import { useEffect, } from 'react'; -import { uniqueId } from '../../util/id'; +import { uniqueId } from '../../util/id.js'; -import { SidePanelContext, SidePanelContextProps } from './SidePanelContext'; +import { SidePanelContext, SidePanelContextProps } from './SidePanelContext.js'; export type Callback = () => void; diff --git a/packages/circuit-ui/components/Sidebar/Sidebar.spec.tsx b/packages/circuit-ui/components/Sidebar/Sidebar.spec.tsx index 9d8ef1793a..1de049ec44 100644 --- a/packages/circuit-ui/components/Sidebar/Sidebar.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/Sidebar.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { axe, userEvent, render } from '../../util/test-utils'; +import { axe, userEvent, render } from '../../util/test-utils.js'; -import { Sidebar } from './Sidebar'; +import { Sidebar } from './Sidebar.js'; describe('Sidebar', () => { const baseProps = { diff --git a/packages/circuit-ui/components/Sidebar/Sidebar.stories.tsx b/packages/circuit-ui/components/Sidebar/Sidebar.stories.tsx index 5a1eed979e..e9f1891fd7 100644 --- a/packages/circuit-ui/components/Sidebar/Sidebar.stories.tsx +++ b/packages/circuit-ui/components/Sidebar/Sidebar.stories.tsx @@ -15,13 +15,13 @@ import { useState } from 'react'; import { css } from '@emotion/react'; -import styled from '@emotion/styled'; import { Home, Profile, Sales, Shop } from '@sumup/icons'; -import Button from '../Button'; +import styled from '../../styles/styled.js'; +import Button from '../Button/index.js'; -import { Separator } from './components/Separator'; -import { Sidebar, SidebarProps } from './Sidebar'; +import { Separator } from './components/Separator/index.js'; +import { Sidebar, SidebarProps } from './Sidebar.js'; export default { title: 'Navigation/Sidebar', diff --git a/packages/circuit-ui/components/Sidebar/Sidebar.tsx b/packages/circuit-ui/components/Sidebar/Sidebar.tsx index a024630b5a..38ec71cd86 100644 --- a/packages/circuit-ui/components/Sidebar/Sidebar.tsx +++ b/packages/circuit-ui/components/Sidebar/Sidebar.tsx @@ -16,16 +16,16 @@ import { Fragment, ReactNode } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; +import styled, { StyleProps } from '../../styles/styled.js'; -import { Aggregator } from './components/Aggregator'; -import { Backdrop } from './components/Backdrop'; -import { CloseButton } from './components/CloseButton'; -import { Footer } from './components/Footer'; -import { Header } from './components/Header'; -import { NavItem } from './components/NavItem'; -import { NavList } from './components/NavList'; -import { Separator } from './components/Separator'; +import { Aggregator } from './components/Aggregator/index.js'; +import { Backdrop } from './components/Backdrop/index.js'; +import { CloseButton } from './components/CloseButton/index.js'; +import { Footer } from './components/Footer/index.js'; +import { Header } from './components/Header/index.js'; +import { NavItem } from './components/NavItem/index.js'; +import { NavList } from './components/NavList/index.js'; +import { Separator } from './components/Separator/index.js'; export interface SidebarProps { /** diff --git a/packages/circuit-ui/components/Sidebar/SidebarContext.spec.tsx b/packages/circuit-ui/components/Sidebar/SidebarContext.spec.tsx index 1dca35463f..530797acab 100644 --- a/packages/circuit-ui/components/Sidebar/SidebarContext.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/SidebarContext.spec.tsx @@ -16,13 +16,13 @@ import { describe, expect, it } from 'vitest'; import { useContext } from 'react'; -import { act, fireEvent, render } from '../../util/test-utils'; +import { act, fireEvent, render } from '../../util/test-utils.js'; import { SidebarContext, SidebarContextProvider, SidebarContextConsumer, -} from './SidebarContext'; +} from './SidebarContext.js'; const ToggleSidebarButton = () => { const { toggleSidebar, isSidebarOpen } = useContext(SidebarContext); diff --git a/packages/circuit-ui/components/Sidebar/SidebarService.spec.tsx b/packages/circuit-ui/components/Sidebar/SidebarService.spec.tsx index 502f576a0b..7841f585a9 100644 --- a/packages/circuit-ui/components/Sidebar/SidebarService.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/SidebarService.spec.tsx @@ -22,7 +22,7 @@ import { getSecondaryChildren, getChildrenLength, getIcon, -} from './SidebarService'; +} from './SidebarService.js'; describe('SidebarService', () => { describe('hasSelectedChild', () => { diff --git a/packages/circuit-ui/components/Sidebar/SidebarService.tsx b/packages/circuit-ui/components/Sidebar/SidebarService.tsx index 7b2e87961d..9d0322227c 100644 --- a/packages/circuit-ui/components/Sidebar/SidebarService.tsx +++ b/packages/circuit-ui/components/Sidebar/SidebarService.tsx @@ -16,8 +16,8 @@ import { Children, ReactElement } from 'react'; import { SecurePayments } from '@sumup/icons'; -import { isArray } from '../../util/type-check'; -import { isEmpty } from '../../util/helpers'; +import { isArray } from '../../util/type-check.js'; +import { isEmpty } from '../../util/helpers.js'; export type Child = { props: { diff --git a/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.spec.tsx b/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.spec.tsx index 53c72e8718..b2687f82bb 100644 --- a/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.spec.tsx @@ -22,9 +22,9 @@ import { render, userEvent, RenderFn, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { Aggregator, AggregatorProps } from './Aggregator'; +import { Aggregator, AggregatorProps } from './Aggregator.js'; const ProxyComponent = ({ children, selected, visible, ...rest }: any) => (
{children}
diff --git a/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.tsx b/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.tsx index eca657eb13..0a9c79188f 100644 --- a/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Aggregator/Aggregator.tsx @@ -16,13 +16,13 @@ import { useState, useEffect, ReactElement } from 'react'; import { css } from '@emotion/react'; -import { ClickEvent } from '../../../../types/events'; -import { isEmpty } from '../../../../util/helpers'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { Child, hasSelectedChild, getIcon } from '../../SidebarService'; -import { SubNavList } from '../SubNavList'; -import { NavLabel } from '../NavLabel'; -import { AccessibilityError } from '../../../../util/errors'; +import { ClickEvent } from '../../../../types/events.js'; +import { isEmpty } from '../../../../util/helpers.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { Child, hasSelectedChild, getIcon } from '../../SidebarService.js'; +import { SubNavList } from '../SubNavList/index.js'; +import { NavLabel } from '../NavLabel/index.js'; +import { AccessibilityError } from '../../../../util/errors.js'; export interface AggregatorProps { /** diff --git a/packages/circuit-ui/components/Sidebar/components/Aggregator/index.ts b/packages/circuit-ui/components/Sidebar/components/Aggregator/index.ts index 9d2c741cf8..b2c4e86749 100644 --- a/packages/circuit-ui/components/Sidebar/components/Aggregator/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/Aggregator/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Aggregator } from './Aggregator'; +export { Aggregator } from './Aggregator.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.spec.tsx b/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.spec.tsx index b96dfe5d71..6185798fe7 100644 --- a/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { Backdrop } from './Backdrop'; +import { Backdrop } from './Backdrop.js'; describe('Backdrop', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.ts b/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.ts index 8b4cb0f95d..706dc22210 100644 --- a/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.ts +++ b/packages/circuit-ui/components/Sidebar/components/Backdrop/Backdrop.ts @@ -16,7 +16,7 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; export interface BackdropProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Sidebar/components/Backdrop/index.ts b/packages/circuit-ui/components/Sidebar/components/Backdrop/index.ts index 2be255b0f4..39e909d89e 100644 --- a/packages/circuit-ui/components/Sidebar/components/Backdrop/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/Backdrop/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { Backdrop } from './Backdrop'; +export { Backdrop } from './Backdrop.js'; -export type { BackdropProps } from './Backdrop'; +export type { BackdropProps } from './Backdrop.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.spec.tsx b/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.spec.tsx index 707024e3aa..656905e3b4 100644 --- a/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { CloseButton } from './CloseButton'; +import { CloseButton } from './CloseButton.js'; describe('CloseButton', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.ts b/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.ts index 18ac82e5ec..14bcda4fa2 100644 --- a/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.ts +++ b/packages/circuit-ui/components/Sidebar/components/CloseButton/CloseButton.ts @@ -15,10 +15,10 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; import BaseButton, { CloseButtonProps as BaseButtonProps, -} from '../../../CloseButton'; +} from '../../../CloseButton/index.js'; export interface CloseButtonProps extends BaseButtonProps { /** diff --git a/packages/circuit-ui/components/Sidebar/components/CloseButton/index.ts b/packages/circuit-ui/components/Sidebar/components/CloseButton/index.ts index 646336673c..5705259987 100644 --- a/packages/circuit-ui/components/Sidebar/components/CloseButton/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/CloseButton/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { CloseButton } from './CloseButton'; +export { CloseButton } from './CloseButton.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/Footer/Footer.spec.tsx b/packages/circuit-ui/components/Sidebar/components/Footer/Footer.spec.tsx index 4226976eee..3b8ca2d8c6 100644 --- a/packages/circuit-ui/components/Sidebar/components/Footer/Footer.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Footer/Footer.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { Footer } from './Footer'; +import { Footer } from './Footer.js'; describe('Footer', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/Footer/Footer.ts b/packages/circuit-ui/components/Sidebar/components/Footer/Footer.ts index 482a82f876..f37394ed4d 100644 --- a/packages/circuit-ui/components/Sidebar/components/Footer/Footer.ts +++ b/packages/circuit-ui/components/Sidebar/components/Footer/Footer.ts @@ -15,7 +15,7 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; const baseStyles = ({ theme }: StyleProps) => css` margin-top: auto; diff --git a/packages/circuit-ui/components/Sidebar/components/Footer/index.ts b/packages/circuit-ui/components/Sidebar/components/Footer/index.ts index c78822a656..30ce30fd08 100644 --- a/packages/circuit-ui/components/Sidebar/components/Footer/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/Footer/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Footer } from './Footer'; +export { Footer } from './Footer.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/Header/Header.spec.tsx b/packages/circuit-ui/components/Sidebar/components/Header/Header.spec.tsx index b25176423b..d2385329d8 100644 --- a/packages/circuit-ui/components/Sidebar/components/Header/Header.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Header/Header.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { Header } from './Header'; +import { Header } from './Header.js'; describe('Header', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/Header/Header.ts b/packages/circuit-ui/components/Sidebar/components/Header/Header.ts index fb1eeea577..d5706754de 100644 --- a/packages/circuit-ui/components/Sidebar/components/Header/Header.ts +++ b/packages/circuit-ui/components/Sidebar/components/Header/Header.ts @@ -15,7 +15,7 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; const baseStyles = ({ theme }: StyleProps) => css` display: flex; diff --git a/packages/circuit-ui/components/Sidebar/components/Header/index.ts b/packages/circuit-ui/components/Sidebar/components/Header/index.ts index 4494ed579b..f8fefd023f 100644 --- a/packages/circuit-ui/components/Sidebar/components/Header/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/Header/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Header } from './Header'; +export { Header } from './Header.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.spec.tsx b/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.spec.tsx index 0c445afb44..4b0e052ee3 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.spec.tsx @@ -21,10 +21,10 @@ import { render, renderToHtml, axe, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; import { NavList } from '../NavList'; -import { NavItem } from './NavItem'; +import { NavItem } from './NavItem.js'; describe('NavItem', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.tsx b/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.tsx index 0a9f9df639..8af8bc1643 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.tsx +++ b/packages/circuit-ui/components/Sidebar/components/NavItem/NavItem.tsx @@ -15,14 +15,14 @@ import { ReactElement } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { ClickEvent } from '../../../../types/events'; -import { EmotionAsPropType } from '../../../../types/prop-types'; -import { useComponents } from '../../../ComponentsContext'; -import { getIcon } from '../../SidebarService'; -import { NavLabel } from '../NavLabel'; +import isPropValid from '../../../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { ClickEvent } from '../../../../types/events.js'; +import { EmotionAsPropType } from '../../../../types/prop-types.js'; +import { useComponents } from '../../../ComponentsContext/index.js'; +import { getIcon } from '../../SidebarService.js'; +import { NavLabel } from '../NavLabel/index.js'; export interface NavItemProps { /** diff --git a/packages/circuit-ui/components/Sidebar/components/NavItem/index.ts b/packages/circuit-ui/components/Sidebar/components/NavItem/index.ts index e57e5bf974..85169d5712 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavItem/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/NavItem/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { NavItem } from './NavItem'; +export { NavItem } from './NavItem.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.spec.tsx b/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.spec.tsx index 8dd874d8a2..1e6a80076e 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { NavLabel } from './NavLabel'; +import { NavLabel } from './NavLabel.js'; describe('NavLabel', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.ts b/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.ts index d9aa34b416..92a2a4086e 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.ts +++ b/packages/circuit-ui/components/Sidebar/components/NavLabel/NavLabel.ts @@ -16,7 +16,7 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; export interface NavLabelProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Sidebar/components/NavLabel/index.ts b/packages/circuit-ui/components/Sidebar/components/NavLabel/index.ts index 164d94d993..7cf400508d 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavLabel/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/NavLabel/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { NavLabel } from './NavLabel'; +export { NavLabel } from './NavLabel.js'; -export type { NavLabelProps } from './NavLabel'; +export type { NavLabelProps } from './NavLabel.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/NavList/NavList.spec.tsx b/packages/circuit-ui/components/Sidebar/components/NavList/NavList.spec.tsx index ae610ae26a..9b4560c2e6 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavList/NavList.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/NavList/NavList.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { NavList } from './NavList'; +import { NavList } from './NavList.js'; describe('NavList', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/NavList/NavList.tsx b/packages/circuit-ui/components/Sidebar/components/NavList/NavList.tsx index d0230cd063..eb8a3273c4 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavList/NavList.tsx +++ b/packages/circuit-ui/components/Sidebar/components/NavList/NavList.tsx @@ -16,7 +16,7 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled from '../../../../styles/styled'; +import styled from '../../../../styles/styled.js'; export type NavListProps = HTMLAttributes; diff --git a/packages/circuit-ui/components/Sidebar/components/NavList/index.ts b/packages/circuit-ui/components/Sidebar/components/NavList/index.ts index 5b708a87b0..207806ae10 100644 --- a/packages/circuit-ui/components/Sidebar/components/NavList/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/NavList/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { NavList } from './NavList'; +export { NavList } from './NavList.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/Separator/Separator.spec.tsx b/packages/circuit-ui/components/Sidebar/components/Separator/Separator.spec.tsx index 3218dc3bb5..c80b7c231f 100644 --- a/packages/circuit-ui/components/Sidebar/components/Separator/Separator.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Separator/Separator.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { Separator } from './Separator'; +import { Separator } from './Separator.js'; describe('Separator', () => { /** diff --git a/packages/circuit-ui/components/Sidebar/components/Separator/Separator.tsx b/packages/circuit-ui/components/Sidebar/components/Separator/Separator.tsx index 919f601279..030ca35d99 100644 --- a/packages/circuit-ui/components/Sidebar/components/Separator/Separator.tsx +++ b/packages/circuit-ui/components/Sidebar/components/Separator/Separator.tsx @@ -16,7 +16,7 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import Hr from '../../../Hr'; +import Hr from '../../../Hr/index.js'; const hrStyles = (theme: Theme) => css` border: 1px solid ${theme.colors.n700}; diff --git a/packages/circuit-ui/components/Sidebar/components/Separator/index.ts b/packages/circuit-ui/components/Sidebar/components/Separator/index.ts index 74284df219..d4ad087fb6 100644 --- a/packages/circuit-ui/components/Sidebar/components/Separator/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/Separator/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { Separator } from './Separator'; +export { Separator } from './Separator.js'; diff --git a/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.spec.tsx b/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.spec.tsx index b9e894cc6a..fe4e4b420e 100644 --- a/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.spec.tsx +++ b/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; -import { SubNavList } from './SubNavList'; +import { SubNavList } from './SubNavList.js'; describe('SubNavList', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.tsx b/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.tsx index 2cb473e393..327f76054f 100644 --- a/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.tsx +++ b/packages/circuit-ui/components/Sidebar/components/SubNavList/SubNavList.tsx @@ -16,13 +16,13 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; import { Child, getSelectedChildIndex, getSecondaryChildren, getChildrenLength, -} from '../../SidebarService'; +} from '../../SidebarService.js'; // @ts-expect-error Wontfix: this component is deprecated. export interface SubNavListProps extends HTMLAttributes { diff --git a/packages/circuit-ui/components/Sidebar/components/SubNavList/index.ts b/packages/circuit-ui/components/Sidebar/components/SubNavList/index.ts index 83cb11c9c5..b2b1907ab1 100644 --- a/packages/circuit-ui/components/Sidebar/components/SubNavList/index.ts +++ b/packages/circuit-ui/components/Sidebar/components/SubNavList/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { SubNavList } from './SubNavList'; +export { SubNavList } from './SubNavList.js'; diff --git a/packages/circuit-ui/components/Sidebar/index.ts b/packages/circuit-ui/components/Sidebar/index.ts index a4eb515bc7..98d4b67248 100644 --- a/packages/circuit-ui/components/Sidebar/index.ts +++ b/packages/circuit-ui/components/Sidebar/index.ts @@ -17,10 +17,10 @@ import { SidebarContext, SidebarContextProvider, SidebarContextConsumer, -} from './SidebarContext'; -import { Sidebar } from './Sidebar'; +} from './SidebarContext.js'; +import { Sidebar } from './Sidebar.js'; -export type { SidebarProps } from './Sidebar'; +export type { SidebarProps } from './Sidebar.js'; export default Sidebar; export { SidebarContext, SidebarContextProvider, SidebarContextConsumer }; diff --git a/packages/circuit-ui/components/Skeleton/Skeleton.spec.tsx b/packages/circuit-ui/components/Skeleton/Skeleton.spec.tsx index 881354a078..7d7194edeb 100644 --- a/packages/circuit-ui/components/Skeleton/Skeleton.spec.tsx +++ b/packages/circuit-ui/components/Skeleton/Skeleton.spec.tsx @@ -16,14 +16,14 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, axe, RenderFn } from '../../util/test-utils'; +import { create, render, axe, RenderFn } from '../../util/test-utils.js'; import { Skeleton, SkeletonProps, SkeletonContainer, SkeletonContainerProps, -} from './Skeleton'; +} from './Skeleton.js'; describe('Skeleton', () => { function renderSkeleton( diff --git a/packages/circuit-ui/components/Skeleton/Skeleton.tsx b/packages/circuit-ui/components/Skeleton/Skeleton.tsx index 5c52c6187b..32c2ff6346 100644 --- a/packages/circuit-ui/components/Skeleton/Skeleton.tsx +++ b/packages/circuit-ui/components/Skeleton/Skeleton.tsx @@ -15,9 +15,9 @@ import { createContext, useContext, ReactNode, forwardRef, Ref } from 'react'; import { css, keyframes } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; const SkeletonContext = createContext(false); @@ -34,6 +34,7 @@ export interface SkeletonContainerProps { * A reference to the HTML DOM element. */ ref?: Ref; + className?: string; } const containerStyles = css` @@ -84,6 +85,7 @@ export interface SkeletonProps { * A reference to the HTML DOM element. */ ref?: Ref; + className?: string; } const PULSE_WIDTH = '8rem'; diff --git a/packages/circuit-ui/components/Skeleton/index.ts b/packages/circuit-ui/components/Skeleton/index.ts index ea7e075b0c..e68bd89eb9 100644 --- a/packages/circuit-ui/components/Skeleton/index.ts +++ b/packages/circuit-ui/components/Skeleton/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { Skeleton, SkeletonContainer } from './Skeleton'; +export { Skeleton, SkeletonContainer } from './Skeleton.js'; -export type { SkeletonProps, SkeletonContainerProps } from './Skeleton'; +export type { SkeletonProps, SkeletonContainerProps } from './Skeleton.js'; diff --git a/packages/circuit-ui/components/Spinner/Spinner.spec.tsx b/packages/circuit-ui/components/Spinner/Spinner.spec.tsx index 7a02b64d85..73d113b048 100644 --- a/packages/circuit-ui/components/Spinner/Spinner.spec.tsx +++ b/packages/circuit-ui/components/Spinner/Spinner.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import { Spinner, SpinnerProps } from './Spinner'; +import { Spinner, SpinnerProps } from './Spinner.js'; describe('Spinner', () => { /** diff --git a/packages/circuit-ui/components/Spinner/Spinner.stories.tsx b/packages/circuit-ui/components/Spinner/Spinner.stories.tsx index fa77e134c0..d3ba8655df 100644 --- a/packages/circuit-ui/components/Spinner/Spinner.stories.tsx +++ b/packages/circuit-ui/components/Spinner/Spinner.stories.tsx @@ -15,9 +15,9 @@ import { css } from '@emotion/react'; -import { Stack } from '../../../../.storybook/components'; +import { Stack } from '../../../../.storybook/components/index.js'; -import { Spinner } from './Spinner'; +import { Spinner } from './Spinner.js'; export default { title: 'Components/Spinner', diff --git a/packages/circuit-ui/components/Spinner/Spinner.tsx b/packages/circuit-ui/components/Spinner/Spinner.tsx index 25269a5714..10ce463324 100644 --- a/packages/circuit-ui/components/Spinner/Spinner.tsx +++ b/packages/circuit-ui/components/Spinner/Spinner.tsx @@ -16,7 +16,7 @@ import { HTMLAttributes } from 'react'; import { css, keyframes } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; +import styled, { StyleProps } from '../../styles/styled.js'; const spin = keyframes` 0% { transform: rotate(0deg); } diff --git a/packages/circuit-ui/components/Spinner/index.ts b/packages/circuit-ui/components/Spinner/index.ts index 5b842d2aec..ca5a2d787f 100644 --- a/packages/circuit-ui/components/Spinner/index.ts +++ b/packages/circuit-ui/components/Spinner/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Spinner } from './Spinner'; +import { Spinner } from './Spinner.js'; -export type { SpinnerProps } from './Spinner'; +export type { SpinnerProps } from './Spinner.js'; export default Spinner; diff --git a/packages/circuit-ui/components/StackContext/index.ts b/packages/circuit-ui/components/StackContext/index.ts index d87a979427..f7e2086aad 100644 --- a/packages/circuit-ui/components/StackContext/index.ts +++ b/packages/circuit-ui/components/StackContext/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { StackContext, useStackContext } from './StackContext'; +export { StackContext, useStackContext } from './StackContext.js'; diff --git a/packages/circuit-ui/components/Step/Step.spec.tsx b/packages/circuit-ui/components/Step/Step.spec.tsx index 8689a848d5..89cbd3b861 100644 --- a/packages/circuit-ui/components/Step/Step.spec.tsx +++ b/packages/circuit-ui/components/Step/Step.spec.tsx @@ -15,10 +15,10 @@ import { Mock, afterAll, describe, expect, it, vi } from 'vitest'; -import { create, render } from '../../util/test-utils'; +import { create, render } from '../../util/test-utils.js'; -import Step from './Step'; -import { useStep } from './hooks/useStep'; +import Step from './Step.js'; +import { useStep } from './hooks/useStep.js'; vi.mock('./hooks/useStep', () => ({ useStep: vi.fn(() => ({})) })); diff --git a/packages/circuit-ui/components/Step/Step.stories.tsx b/packages/circuit-ui/components/Step/Step.stories.tsx index 288caf52b5..6813ed427b 100644 --- a/packages/circuit-ui/components/Step/Step.stories.tsx +++ b/packages/circuit-ui/components/Step/Step.stories.tsx @@ -15,10 +15,10 @@ import { action } from '@storybook/addon-actions'; -import Step from './Step'; -import CarouselSlider from './examples/CarouselSlider'; -import YesOrNoSlider from './examples/YesOrNoSlider'; -import MultiStepForm from './examples/MultiStepForm'; +import Step from './Step.js'; +import CarouselSlider from './examples/CarouselSlider.js'; +import YesOrNoSlider from './examples/YesOrNoSlider.js'; +import MultiStepForm from './examples/MultiStepForm.js'; const IMAGES = [ '/images/illustration-waves.jpg', diff --git a/packages/circuit-ui/components/Step/Step.ts b/packages/circuit-ui/components/Step/Step.ts index 8903646e8e..39977a0687 100644 --- a/packages/circuit-ui/components/Step/Step.ts +++ b/packages/circuit-ui/components/Step/Step.ts @@ -13,11 +13,11 @@ * limitations under the License. */ -import { CircuitError } from '../../util/errors'; -import { isFunction } from '../../util/type-check'; +import { CircuitError } from '../../util/errors.js'; +import { isFunction } from '../../util/type-check.js'; -import { useStep } from './hooks/useStep'; -import { StateAndHelpers, StepOptions } from './types'; +import { useStep } from './hooks/useStep.js'; +import { StateAndHelpers, StepOptions } from './types.js'; export interface StepProps extends StepOptions { /** diff --git a/packages/circuit-ui/components/Step/StepService.spec.ts b/packages/circuit-ui/components/Step/StepService.spec.ts index 772812e61e..ce325ac1c5 100644 --- a/packages/circuit-ui/components/Step/StepService.spec.ts +++ b/packages/circuit-ui/components/Step/StepService.spec.ts @@ -15,7 +15,7 @@ import { afterEach, describe, expect, it, vi } from 'vitest'; -import * as StepService from './StepService'; +import * as StepService from './StepService.js'; describe('StepService', () => { describe('calculateNextStep', () => { diff --git a/packages/circuit-ui/components/Step/StepService.ts b/packages/circuit-ui/components/Step/StepService.ts index 49196eba62..7f933d0571 100644 --- a/packages/circuit-ui/components/Step/StepService.ts +++ b/packages/circuit-ui/components/Step/StepService.ts @@ -13,9 +13,9 @@ * limitations under the License. */ -import { eachFn } from '../../util/helpers'; +import { eachFn } from '../../util/helpers.js'; -import { Actions, InternalState, PropGetters } from './types'; +import { Actions, InternalState, PropGetters } from './types.js'; type Data = { step?: number; diff --git a/packages/circuit-ui/components/Step/examples/CarouselSlider.tsx b/packages/circuit-ui/components/Step/examples/CarouselSlider.tsx index 979a5f60bb..497939889d 100644 --- a/packages/circuit-ui/components/Step/examples/CarouselSlider.tsx +++ b/packages/circuit-ui/components/Step/examples/CarouselSlider.tsx @@ -15,13 +15,12 @@ /* istanbul ignore file */ -import styled from '@emotion/styled'; import { css } from '@emotion/react'; -import Image from '../../Image'; -import Button from '../../Button'; -import Step, { StepProps } from '../Step'; -import { StyleProps } from '../../../styles/styled'; +import styled, { StyleProps } from '../../../styles/styled.js'; +import Image from '../../Image/index.js'; +import Button from '../../Button/index.js'; +import Step, { StepProps } from '../Step.js'; const SLIDE_WIDTH = 400; diff --git a/packages/circuit-ui/components/Step/examples/MultiStepForm.tsx b/packages/circuit-ui/components/Step/examples/MultiStepForm.tsx index 3866d10e07..dc902a58be 100644 --- a/packages/circuit-ui/components/Step/examples/MultiStepForm.tsx +++ b/packages/circuit-ui/components/Step/examples/MultiStepForm.tsx @@ -16,16 +16,16 @@ /* istanbul ignore file */ import { css } from '@emotion/react'; -import styled from '@emotion/styled'; -import Headline from '../../Headline'; -import Button from '../../Button'; -import ButtonGroup from '../../ButtonGroup'; -import Input from '../../Input'; -import Select from '../../Select'; -import ProgressBar from '../../ProgressBar'; -import Step from '../Step'; -import { spacing } from '../../../styles/style-mixins'; +import styled from '../../../styles/styled.js'; +import Headline from '../../Headline/index.js'; +import Button from '../../Button/index.js'; +import ButtonGroup from '../../ButtonGroup/index.js'; +import Input from '../../Input/index.js'; +import Select from '../../Select/index.js'; +import ProgressBar from '../../ProgressBar/index.js'; +import Step from '../Step.js'; +import { spacing } from '../../../styles/style-mixins.js'; interface FormProps { onNextClick: () => void; diff --git a/packages/circuit-ui/components/Step/examples/YesOrNoSlider.tsx b/packages/circuit-ui/components/Step/examples/YesOrNoSlider.tsx index 4a5a9419bf..ec0dea9af9 100644 --- a/packages/circuit-ui/components/Step/examples/YesOrNoSlider.tsx +++ b/packages/circuit-ui/components/Step/examples/YesOrNoSlider.tsx @@ -16,7 +16,6 @@ /* istanbul ignore file */ import { ReactNode, useState } from 'react'; -import styled from '@emotion/styled'; import { css } from '@emotion/react'; // eslint-disable-next-line import/no-extraneous-dependencies import { @@ -26,11 +25,11 @@ import { SwipeDirections, } from 'react-swipeable'; -import Image from '../../Image'; -import Button from '../../Button'; -import Step, { StepProps } from '../Step'; -import { StyleProps } from '../../../styles/styled'; -import { Actions } from '../types'; +import styled, { StyleProps } from '../../../styles/styled.js'; +import Image from '../../Image/index.js'; +import Button from '../../Button/index.js'; +import Step, { StepProps } from '../Step.js'; +import { Actions } from '../types.js'; const SLIDE_WIDTH = 400; const ANIMATION_DURATION = 200; diff --git a/packages/circuit-ui/components/Step/hooks/useStep.spec.ts b/packages/circuit-ui/components/Step/hooks/useStep.spec.ts index ee95654a37..6c1985ab06 100644 --- a/packages/circuit-ui/components/Step/hooks/useStep.spec.ts +++ b/packages/circuit-ui/components/Step/hooks/useStep.spec.ts @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { act, renderHook, waitFor } from '../../../util/test-utils'; +import { act, renderHook, waitFor } from '../../../util/test-utils.js'; -import { useStep } from './useStep'; +import { useStep } from './useStep.js'; describe('useStep', () => { it('should return state based on default values', () => { diff --git a/packages/circuit-ui/components/Step/hooks/useStep.ts b/packages/circuit-ui/components/Step/hooks/useStep.ts index ca0ed0bbf3..81946858d5 100644 --- a/packages/circuit-ui/components/Step/hooks/useStep.ts +++ b/packages/circuit-ui/components/Step/hooks/useStep.ts @@ -15,10 +15,10 @@ import { useReducer, useEffect, useRef } from 'react'; -import { CircuitError } from '../../../util/errors'; -import { isFunction } from '../../../util/type-check'; -import * as StepService from '../StepService'; -import { Duration, StateAndHelpers, StepOptions } from '../types'; +import { CircuitError } from '../../../util/errors.js'; +import { isFunction } from '../../../util/type-check.js'; +import * as StepService from '../StepService.js'; +import { Duration, StateAndHelpers, StepOptions } from '../types.js'; export function useStep({ initialStep = 0, diff --git a/packages/circuit-ui/components/Step/index.ts b/packages/circuit-ui/components/Step/index.ts index 767edd2f26..e833380628 100644 --- a/packages/circuit-ui/components/Step/index.ts +++ b/packages/circuit-ui/components/Step/index.ts @@ -13,10 +13,10 @@ * limitations under the License. */ -import Step from './Step'; +import Step from './Step.js'; -export { useStep } from './hooks/useStep'; +export { useStep } from './hooks/useStep.js'; -export type { StepOptions } from './types'; -export type { StepProps } from './Step'; +export type { StepOptions } from './types.js'; +export type { StepProps } from './Step.js'; export default Step; diff --git a/packages/circuit-ui/components/Step/types.ts b/packages/circuit-ui/components/Step/types.ts index 1c2d058b2e..b95e090d1a 100644 --- a/packages/circuit-ui/components/Step/types.ts +++ b/packages/circuit-ui/components/Step/types.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { ClickEvent } from '../../types/events'; +import { ClickEvent } from '../../types/events.js'; export type Play = () => void; export type Pause = () => void; diff --git a/packages/circuit-ui/components/SubHeadline/SubHeadline.spec.tsx b/packages/circuit-ui/components/SubHeadline/SubHeadline.spec.tsx index dc63703fe0..d642968e4a 100644 --- a/packages/circuit-ui/components/SubHeadline/SubHeadline.spec.tsx +++ b/packages/circuit-ui/components/SubHeadline/SubHeadline.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, renderToHtml, axe, render } from '../../util/test-utils'; +import { create, renderToHtml, axe, render } from '../../util/test-utils.js'; -import { SubHeadline } from './SubHeadline'; +import { SubHeadline } from './SubHeadline.js'; describe('SubHeadline', () => { /** diff --git a/packages/circuit-ui/components/SubHeadline/SubHeadline.stories.tsx b/packages/circuit-ui/components/SubHeadline/SubHeadline.stories.tsx index 3950a9d303..43b9b44644 100644 --- a/packages/circuit-ui/components/SubHeadline/SubHeadline.stories.tsx +++ b/packages/circuit-ui/components/SubHeadline/SubHeadline.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { SubHeadline, SubHeadlineProps } from './SubHeadline'; +import { SubHeadline, SubHeadlineProps } from './SubHeadline.js'; export default { title: 'Typography/SubHeadline', diff --git a/packages/circuit-ui/components/SubHeadline/SubHeadline.tsx b/packages/circuit-ui/components/SubHeadline/SubHeadline.tsx index bcd1b2451a..20d5425df0 100644 --- a/packages/circuit-ui/components/SubHeadline/SubHeadline.tsx +++ b/packages/circuit-ui/components/SubHeadline/SubHeadline.tsx @@ -14,9 +14,9 @@ */ import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; export interface SubHeadlineProps { /** diff --git a/packages/circuit-ui/components/SubHeadline/index.ts b/packages/circuit-ui/components/SubHeadline/index.ts index f05f793693..f757c7a9e4 100644 --- a/packages/circuit-ui/components/SubHeadline/index.ts +++ b/packages/circuit-ui/components/SubHeadline/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { SubHeadline } from './SubHeadline'; +import { SubHeadline } from './SubHeadline.js'; -export type { SubHeadlineProps } from './SubHeadline'; +export type { SubHeadlineProps } from './SubHeadline.js'; export default SubHeadline; diff --git a/packages/circuit-ui/components/Table/Table.spec.tsx b/packages/circuit-ui/components/Table/Table.spec.tsx index ad9e644e3d..d8201c2857 100644 --- a/packages/circuit-ui/components/Table/Table.spec.tsx +++ b/packages/circuit-ui/components/Table/Table.spec.tsx @@ -21,11 +21,11 @@ import { renderToHtml, axe, userEvent, -} from '../../util/test-utils'; -import Badge from '../Badge'; +} from '../../util/test-utils.js'; +import Badge from '../Badge/index.js'; -import Table from './Table'; -import { HeaderCell, Direction } from './types'; +import Table from './Table.js'; +import { HeaderCell, Direction } from './types.js'; const sortLabel = ({ direction }: { direction?: Direction }) => { const order = direction === 'ascending' ? 'descending' : 'ascending'; diff --git a/packages/circuit-ui/components/Table/Table.stories.tsx b/packages/circuit-ui/components/Table/Table.stories.tsx index 7dcf4faa9f..496add2e75 100644 --- a/packages/circuit-ui/components/Table/Table.stories.tsx +++ b/packages/circuit-ui/components/Table/Table.stories.tsx @@ -15,13 +15,13 @@ import { action } from '@storybook/addon-actions'; -import Badge from '../Badge'; -import { isString } from '../../util/type-check'; +import Badge from '../Badge/index.js'; +import { isString } from '../../util/type-check.js'; -import { TableProps } from './Table'; -import { Direction } from './types'; +import { TableProps } from './Table.js'; +import { Direction } from './types.js'; -import Table from '.'; +import Table from './index.js'; export default { title: 'Components/Table', diff --git a/packages/circuit-ui/components/Table/Table.tsx b/packages/circuit-ui/components/Table/Table.tsx index ae5340e18f..4b344ed7fd 100644 --- a/packages/circuit-ui/components/Table/Table.tsx +++ b/packages/circuit-ui/components/Table/Table.tsx @@ -16,14 +16,14 @@ import { Component, createRef, HTMLAttributes, UIEvent } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../styles/styled'; -import { isNil } from '../../util/type-check'; -import { throttle } from '../../util/helpers'; - -import TableHead from './components/TableHead'; -import TableBody from './components/TableBody'; -import { defaultSortBy, getSortDirection } from './utils'; -import { Direction, Row, HeaderCell } from './types'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { isNil } from '../../util/type-check.js'; +import { throttle } from '../../util/helpers.js'; + +import TableHead from './components/TableHead/index.js'; +import TableBody from './components/TableBody/index.js'; +import { defaultSortBy, getSortDirection } from './utils.js'; +import { Direction, Row, HeaderCell } from './types.js'; export interface TableProps extends HTMLAttributes { /** diff --git a/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.spec.tsx b/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.spec.tsx index f77ce1b343..e5813eb168 100644 --- a/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.spec.tsx +++ b/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.spec.tsx @@ -21,9 +21,9 @@ import { renderToHtml, axe, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import SortArrow from '.'; +import SortArrow from './index.js'; describe('SortArrow', () => { describe('Style tests', () => { diff --git a/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.tsx b/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.tsx index 1cf7b10f14..cc9d4a1670 100644 --- a/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.tsx +++ b/packages/circuit-ui/components/Table/components/SortArrow/SortArrow.tsx @@ -17,9 +17,9 @@ import { HTMLAttributes } from 'react'; import { css } from '@emotion/react'; import { ChevronUp, ChevronDown } from '@sumup/icons'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { hideVisually } from '../../../../styles/style-mixins'; -import { Direction } from '../../types'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { hideVisually } from '../../../../styles/style-mixins.js'; +import { Direction } from '../../types.js'; interface SortArrowProps extends HTMLAttributes { direction?: Direction; diff --git a/packages/circuit-ui/components/Table/components/SortArrow/index.ts b/packages/circuit-ui/components/Table/components/SortArrow/index.ts index c9f4366a8b..c07872f585 100644 --- a/packages/circuit-ui/components/Table/components/SortArrow/index.ts +++ b/packages/circuit-ui/components/Table/components/SortArrow/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import SortArrow from './SortArrow'; +import SortArrow from './SortArrow.js'; export default SortArrow; diff --git a/packages/circuit-ui/components/Table/components/TableBody/TableBody.spec.tsx b/packages/circuit-ui/components/Table/components/TableBody/TableBody.spec.tsx index e50033c458..3ba10592c7 100644 --- a/packages/circuit-ui/components/Table/components/TableBody/TableBody.spec.tsx +++ b/packages/circuit-ui/components/Table/components/TableBody/TableBody.spec.tsx @@ -15,9 +15,14 @@ import { describe, expect, it } from 'vitest'; -import { create, render, renderToHtml, axe } from '../../../../util/test-utils'; - -import TableBody from '.'; +import { + create, + render, + renderToHtml, + axe, +} from '../../../../util/test-utils.js'; + +import TableBody from './index.js'; const fixtureRows = [['Foo', 'Bar']]; diff --git a/packages/circuit-ui/components/Table/components/TableBody/TableBody.tsx b/packages/circuit-ui/components/Table/components/TableBody/TableBody.tsx index b3dd78c074..219f163368 100644 --- a/packages/circuit-ui/components/Table/components/TableBody/TableBody.tsx +++ b/packages/circuit-ui/components/Table/components/TableBody/TableBody.tsx @@ -13,11 +13,11 @@ * limitations under the License. */ -import { mapRowProps, mapCellProps } from '../../utils'; -import { Row } from '../../types'; -import TableRow from '../TableRow'; -import TableHeader from '../TableHeader'; -import TableCell from '../TableCell'; +import { mapRowProps, mapCellProps } from '../../utils.js'; +import { Row } from '../../types.js'; +import TableRow from '../TableRow/index.js'; +import TableHeader from '../TableHeader/index.js'; +import TableCell from '../TableCell/index.js'; type TableBodyProps = { /** diff --git a/packages/circuit-ui/components/Table/components/TableBody/index.ts b/packages/circuit-ui/components/Table/components/TableBody/index.ts index 4c537f8d6b..96bb245c6f 100644 --- a/packages/circuit-ui/components/Table/components/TableBody/index.ts +++ b/packages/circuit-ui/components/Table/components/TableBody/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import TableBody from './TableBody'; +import TableBody from './TableBody.js'; export default TableBody; diff --git a/packages/circuit-ui/components/Table/components/TableCell/TableCell.spec.tsx b/packages/circuit-ui/components/Table/components/TableCell/TableCell.spec.tsx index f634eeb6bb..a9d2776b19 100644 --- a/packages/circuit-ui/components/Table/components/TableCell/TableCell.spec.tsx +++ b/packages/circuit-ui/components/Table/components/TableCell/TableCell.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; import TableCell from '.'; diff --git a/packages/circuit-ui/components/Table/components/TableCell/TableCell.stories.tsx b/packages/circuit-ui/components/Table/components/TableCell/TableCell.stories.tsx index ed8b81a5c9..7221e2e79f 100644 --- a/packages/circuit-ui/components/Table/components/TableCell/TableCell.stories.tsx +++ b/packages/circuit-ui/components/Table/components/TableCell/TableCell.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { TableCellProps } from './TableCell'; +import { TableCellProps } from './TableCell.js'; -import TableCell from '.'; +import TableCell from './index.js'; export default { title: 'Components/Table/TableCell', diff --git a/packages/circuit-ui/components/Table/components/TableCell/TableCell.ts b/packages/circuit-ui/components/Table/components/TableCell/TableCell.ts index 7d9d3b817f..a6268a0760 100644 --- a/packages/circuit-ui/components/Table/components/TableCell/TableCell.ts +++ b/packages/circuit-ui/components/Table/components/TableCell/TableCell.ts @@ -15,8 +15,8 @@ import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { typography } from '../../../../styles/style-mixins'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { typography } from '../../../../styles/style-mixins.js'; const PRESENTATION = 'presentation'; diff --git a/packages/circuit-ui/components/Table/components/TableCell/index.ts b/packages/circuit-ui/components/Table/components/TableCell/index.ts index 13e841a1b1..95a0b7e3f1 100644 --- a/packages/circuit-ui/components/Table/components/TableCell/index.ts +++ b/packages/circuit-ui/components/Table/components/TableCell/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import TableCell from './TableCell'; +import TableCell from './TableCell.js'; export default TableCell; diff --git a/packages/circuit-ui/components/Table/components/TableHead/TableHead.spec.tsx b/packages/circuit-ui/components/Table/components/TableHead/TableHead.spec.tsx index 691eac760d..0f6ac420cf 100644 --- a/packages/circuit-ui/components/Table/components/TableHead/TableHead.spec.tsx +++ b/packages/circuit-ui/components/Table/components/TableHead/TableHead.spec.tsx @@ -21,10 +21,10 @@ import { renderToHtml, axe, userEvent, -} from '../../../../util/test-utils'; -import { HeaderCell, Direction } from '../../types'; +} from '../../../../util/test-utils.js'; +import { HeaderCell, Direction } from '../../types.js'; -import TableHead from '.'; +import TableHead from './index.js'; const sortLabel = ({ direction }: { direction?: Direction }) => { const order = direction === 'ascending' ? 'descending' : 'ascending'; diff --git a/packages/circuit-ui/components/Table/components/TableHead/TableHead.tsx b/packages/circuit-ui/components/Table/components/TableHead/TableHead.tsx index e87b80a43a..f1031e1b8c 100644 --- a/packages/circuit-ui/components/Table/components/TableHead/TableHead.tsx +++ b/packages/circuit-ui/components/Table/components/TableHead/TableHead.tsx @@ -16,11 +16,11 @@ import { Fragment } from 'react'; import { css } from '@emotion/react'; -import TableRow from '../TableRow'; -import TableHeader from '../TableHeader'; -import { mapCellProps, getSortParams } from '../../utils'; -import { Direction, HeaderCell } from '../../types'; -import styled, { StyleProps } from '../../../../styles/styled'; +import TableRow from '../TableRow/index.js'; +import TableHeader from '../TableHeader/index.js'; +import { mapCellProps, getSortParams } from '../../utils.js'; +import { Direction, HeaderCell } from '../../types.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; type ScrollableOptions = | { diff --git a/packages/circuit-ui/components/Table/components/TableHead/index.ts b/packages/circuit-ui/components/Table/components/TableHead/index.ts index a63e529c79..1fb79ae2fa 100644 --- a/packages/circuit-ui/components/Table/components/TableHead/index.ts +++ b/packages/circuit-ui/components/Table/components/TableHead/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import TableHead from './TableHead'; +import TableHead from './TableHead.js'; export default TableHead; diff --git a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.spec.tsx b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.spec.tsx index 8d8c210ac5..65b4cdb925 100644 --- a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.spec.tsx +++ b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.spec.tsx @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../../../util/test-utils'; +import { create, renderToHtml, axe } from '../../../../util/test-utils.js'; import TableHeader from '.'; diff --git a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.stories.tsx b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.stories.tsx index 0f9e1de288..de9edc9338 100644 --- a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.stories.tsx +++ b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.stories.tsx @@ -13,9 +13,9 @@ * limitations under the License. */ -import { TableHeaderProps } from './TableHeader'; +import { TableHeaderProps } from './TableHeader.js'; -import TableHeader from '.'; +import TableHeader from './index.js'; export default { title: 'Components/Table/TableHeader', diff --git a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.tsx b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.tsx index 942c768668..c2797a1f87 100644 --- a/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.tsx +++ b/packages/circuit-ui/components/Table/components/TableHeader/TableHeader.tsx @@ -15,14 +15,14 @@ import { ThHTMLAttributes, FC, PropsWithChildren } from 'react'; import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; - -import { focusOutline, typography } from '../../../../styles/style-mixins'; -import SortArrow from '../SortArrow'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { CellAlignment, SortParams } from '../../types'; -import { ClickEvent } from '../../../../types/events'; -import { AccessibilityError } from '../../../../util/errors'; + +import isPropValid from '../../../../styles/is-prop-valid.js'; +import { focusOutline, typography } from '../../../../styles/style-mixins.js'; +import SortArrow from '../SortArrow/index.js'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { CellAlignment, SortParams } from '../../types.js'; +import { ClickEvent } from '../../../../types/events.js'; +import { AccessibilityError } from '../../../../util/errors.js'; export interface TableHeaderProps extends ThHTMLAttributes { diff --git a/packages/circuit-ui/components/Table/components/TableHeader/index.ts b/packages/circuit-ui/components/Table/components/TableHeader/index.ts index 547d8b5967..d9db562747 100644 --- a/packages/circuit-ui/components/Table/components/TableHeader/index.ts +++ b/packages/circuit-ui/components/Table/components/TableHeader/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import TableHeader from './TableHeader'; +import TableHeader from './TableHeader.js'; export default TableHeader; diff --git a/packages/circuit-ui/components/Table/components/TableRow/TableRow.spec.tsx b/packages/circuit-ui/components/Table/components/TableRow/TableRow.spec.tsx index adc31fc2ec..40d2396cac 100644 --- a/packages/circuit-ui/components/Table/components/TableRow/TableRow.spec.tsx +++ b/packages/circuit-ui/components/Table/components/TableRow/TableRow.spec.tsx @@ -21,9 +21,9 @@ import { renderToHtml, axe, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import TableRow from '.'; +import TableRow from './index.js'; const children = 'Foo'; diff --git a/packages/circuit-ui/components/Table/components/TableRow/TableRow.tsx b/packages/circuit-ui/components/Table/components/TableRow/TableRow.tsx index bfdbe7eff1..e865563352 100644 --- a/packages/circuit-ui/components/Table/components/TableRow/TableRow.tsx +++ b/packages/circuit-ui/components/Table/components/TableRow/TableRow.tsx @@ -14,11 +14,11 @@ */ import { FC, PropsWithChildren } from 'react'; -import styled from '@emotion/styled'; import { css } from '@emotion/react'; -import { focusOutline } from '../../../../styles/style-mixins'; -import { ClickEvent } from '../../../../types/events'; +import styled from '../../../../styles/styled.js'; +import { focusOutline } from '../../../../styles/style-mixins.js'; +import { ClickEvent } from '../../../../types/events.js'; type TableRowProps = { onClick?: (event: ClickEvent) => void; diff --git a/packages/circuit-ui/components/Table/components/TableRow/index.ts b/packages/circuit-ui/components/Table/components/TableRow/index.ts index b0be986a58..8d17f89b2e 100644 --- a/packages/circuit-ui/components/Table/components/TableRow/index.ts +++ b/packages/circuit-ui/components/Table/components/TableRow/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import TableRow from './TableRow'; +import TableRow from './TableRow.js'; export default TableRow; diff --git a/packages/circuit-ui/components/Table/index.ts b/packages/circuit-ui/components/Table/index.ts index 0ba5bf0b8d..601e656494 100644 --- a/packages/circuit-ui/components/Table/index.ts +++ b/packages/circuit-ui/components/Table/index.ts @@ -13,14 +13,14 @@ * limitations under the License. */ -import Table, { TableProps } from './Table'; +import Table, { TableProps } from './Table.js'; import type { Direction as TableSortDirection, SortByValue as TableSortByValue, RowCell as TableRowCell, HeaderCell as TableHeaderCell, Row as TableRow, -} from './types'; +} from './types.js'; /** * @deprecated diff --git a/packages/circuit-ui/components/Table/utils.spec.ts b/packages/circuit-ui/components/Table/utils.spec.ts index 0782dd0d06..4db65db317 100644 --- a/packages/circuit-ui/components/Table/utils.spec.ts +++ b/packages/circuit-ui/components/Table/utils.spec.ts @@ -15,8 +15,8 @@ import { describe, expect, it } from 'vitest'; -import { RowCell, Direction, SortParams } from './types'; -import * as utils from './utils'; +import { RowCell, Direction, SortParams } from './types.js'; +import * as utils from './utils.js'; describe('Table utils', () => { describe('mapRowProps()', () => { diff --git a/packages/circuit-ui/components/Table/utils.ts b/packages/circuit-ui/components/Table/utils.ts index c8059ebdc0..bfcbadf687 100644 --- a/packages/circuit-ui/components/Table/utils.ts +++ b/packages/circuit-ui/components/Table/utils.ts @@ -15,7 +15,7 @@ import { ReactNode } from 'react'; -import { isArray, isFunction } from '../../util/type-check'; +import { isArray, isFunction } from '../../util/type-check.js'; import { Direction, @@ -26,7 +26,7 @@ import { RowCell, Row, SortParams, -} from './types'; +} from './types.js'; export const mapRowProps = (props: Row): { cells: RowCell[] } => isArray(props) ? { cells: props } : props; diff --git a/packages/circuit-ui/components/Tabs/Tabs.spec.tsx b/packages/circuit-ui/components/Tabs/Tabs.spec.tsx index 528ba4f2d5..40004c0568 100644 --- a/packages/circuit-ui/components/Tabs/Tabs.spec.tsx +++ b/packages/circuit-ui/components/Tabs/Tabs.spec.tsx @@ -15,12 +15,12 @@ import { describe, expect, it } from 'vitest'; -import { act, axe, fireEvent, render } from '../../util/test-utils'; +import { act, axe, fireEvent, render } from '../../util/test-utils.js'; -import { TabPanel } from './components/TabPanel'; -import { TabList } from './components/TabList'; -import { Tab } from './components/Tab'; -import { Tabs } from './Tabs'; +import { TabPanel } from './components/TabPanel/index.js'; +import { TabList } from './components/TabList/index.js'; +import { Tab } from './components/Tab/index.js'; +import { Tabs } from './Tabs.js'; describe('Tabs', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Tabs/Tabs.stories.tsx b/packages/circuit-ui/components/Tabs/Tabs.stories.tsx index 87996b15e7..8e28518367 100644 --- a/packages/circuit-ui/components/Tabs/Tabs.stories.tsx +++ b/packages/circuit-ui/components/Tabs/Tabs.stories.tsx @@ -15,9 +15,9 @@ import { useState, Fragment } from 'react'; -import { TabsProps } from './Tabs'; +import type { TabsProps } from './Tabs.js'; -import { Tabs, TabList, TabPanel, Tab } from '.'; +import { Tabs, TabList, TabPanel, Tab } from './index.js'; export default { title: 'Navigation/Tabs', diff --git a/packages/circuit-ui/components/Tabs/Tabs.tsx b/packages/circuit-ui/components/Tabs/Tabs.tsx index fb789b2dd7..99a53f97f4 100644 --- a/packages/circuit-ui/components/Tabs/Tabs.tsx +++ b/packages/circuit-ui/components/Tabs/Tabs.tsx @@ -15,11 +15,15 @@ import { Component, Fragment, ReactElement, ReactNode, createRef } from 'react'; -import { isArrowLeft, isArrowRight, isArrowDown } from '../../util/key-codes'; - -import { TabList } from './components/TabList'; -import { Tab } from './components/Tab'; -import { TabPanel } from './components/TabPanel'; +import { + isArrowLeft, + isArrowRight, + isArrowDown, +} from '../../util/key-codes.js'; + +import { TabList } from './components/TabList/index.js'; +import { Tab } from './components/Tab/index.js'; +import { TabPanel } from './components/TabPanel/index.js'; export interface TabsProps { /** diff --git a/packages/circuit-ui/components/Tabs/components/Tab/Tab.spec.tsx b/packages/circuit-ui/components/Tabs/components/Tab/Tab.spec.tsx index 4f028c67de..b5f069201b 100644 --- a/packages/circuit-ui/components/Tabs/components/Tab/Tab.spec.tsx +++ b/packages/circuit-ui/components/Tabs/components/Tab/Tab.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { render } from '../../../../util/test-utils'; +import { render } from '../../../../util/test-utils.js'; -import { Tab } from './Tab'; +import { Tab } from './Tab.js'; describe('Tab', () => { describe('styles', () => { diff --git a/packages/circuit-ui/components/Tabs/components/Tab/Tab.tsx b/packages/circuit-ui/components/Tabs/components/Tab/Tab.tsx index 03ce3d6c72..700ca4c950 100644 --- a/packages/circuit-ui/components/Tabs/components/Tab/Tab.tsx +++ b/packages/circuit-ui/components/Tabs/components/Tab/Tab.tsx @@ -16,10 +16,10 @@ import { AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef } from 'react'; import { css } from '@emotion/react'; -import { typography, focusVisible } from '../../../../styles/style-mixins'; -import styled, { NoTheme, StyleProps } from '../../../../styles/styled'; -import { useComponents } from '../../../ComponentsContext'; -import { EmotionAsPropType } from '../../../../types/prop-types'; +import { typography, focusVisible } from '../../../../styles/style-mixins.js'; +import styled, { NoTheme, StyleProps } from '../../../../styles/styled.js'; +import { useComponents } from '../../../ComponentsContext/index.js'; +import { EmotionAsPropType } from '../../../../types/prop-types.js'; export interface BaseProps { /** diff --git a/packages/circuit-ui/components/Tabs/components/Tab/index.ts b/packages/circuit-ui/components/Tabs/components/Tab/index.ts index e85b60df8d..cd7864627d 100644 --- a/packages/circuit-ui/components/Tabs/components/Tab/index.ts +++ b/packages/circuit-ui/components/Tabs/components/Tab/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { Tab } from './Tab'; +export { Tab } from './Tab.js'; -export type { TabProps } from './Tab'; +export type { TabProps } from './Tab.js'; diff --git a/packages/circuit-ui/components/Tabs/components/TabList/TabList.tsx b/packages/circuit-ui/components/Tabs/components/TabList/TabList.tsx index 1dec0a7533..edebd832a1 100644 --- a/packages/circuit-ui/components/Tabs/components/TabList/TabList.tsx +++ b/packages/circuit-ui/components/Tabs/components/TabList/TabList.tsx @@ -16,8 +16,8 @@ import { Children, HTMLAttributes } from 'react'; import { css } from '@emotion/react'; -import { shadow, hideScrollbar } from '../../../../styles/style-mixins'; -import styled, { StyleProps } from '../../../../styles/styled'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { shadow, hideScrollbar } from '../../../../styles/style-mixins.js'; export interface TabListProps extends HTMLAttributes { stretched?: boolean; diff --git a/packages/circuit-ui/components/Tabs/components/TabList/index.ts b/packages/circuit-ui/components/Tabs/components/TabList/index.ts index db339f8d1f..baa0f23a8d 100644 --- a/packages/circuit-ui/components/Tabs/components/TabList/index.ts +++ b/packages/circuit-ui/components/Tabs/components/TabList/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { TabList } from './TabList'; +export { TabList } from './TabList.js'; -export type { TabListProps } from './TabList'; +export type { TabListProps } from './TabList.js'; diff --git a/packages/circuit-ui/components/Tabs/components/TabPanel/index.ts b/packages/circuit-ui/components/Tabs/components/TabPanel/index.ts index 523a691814..582e00e147 100644 --- a/packages/circuit-ui/components/Tabs/components/TabPanel/index.ts +++ b/packages/circuit-ui/components/Tabs/components/TabPanel/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { TabPanel } from './TabPanel'; +export { TabPanel } from './TabPanel.js'; -export type { TabPanelProps } from './TabPanel'; +export type { TabPanelProps } from './TabPanel.js'; diff --git a/packages/circuit-ui/components/Tabs/components/TabPanels/index.ts b/packages/circuit-ui/components/Tabs/components/TabPanels/index.ts index b9bea69093..5e2a875586 100644 --- a/packages/circuit-ui/components/Tabs/components/TabPanels/index.ts +++ b/packages/circuit-ui/components/Tabs/components/TabPanels/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -import { TabPanels } from './TabPanels'; +import { TabPanels } from './TabPanels.js'; export default TabPanels; diff --git a/packages/circuit-ui/components/Tabs/index.ts b/packages/circuit-ui/components/Tabs/index.ts index 260a6b77a1..1f43854437 100644 --- a/packages/circuit-ui/components/Tabs/index.ts +++ b/packages/circuit-ui/components/Tabs/index.ts @@ -13,11 +13,11 @@ * limitations under the License. */ -export { Tabs } from './Tabs'; -export type { TabsProps } from './Tabs'; -export { Tab } from './components/Tab'; -export type { TabProps } from './components/Tab'; -export { TabPanel } from './components/TabPanel'; -export type { TabPanelProps } from './components/TabPanel'; -export { TabList } from './components/TabList'; -export type { TabListProps } from './components/TabList'; +export { Tabs } from './Tabs.js'; +export type { TabsProps } from './Tabs.js'; +export { Tab } from './components/Tab/index.js'; +export type { TabProps } from './components/Tab/index.js'; +export { TabPanel } from './components/TabPanel/index.js'; +export type { TabPanelProps } from './components/TabPanel/index.js'; +export { TabList } from './components/TabList/index.js'; +export type { TabListProps } from './components/TabList/index.js'; diff --git a/packages/circuit-ui/components/Tag/Tag.spec.tsx b/packages/circuit-ui/components/Tag/Tag.spec.tsx index 26539e6c46..e763ae92c4 100644 --- a/packages/circuit-ui/components/Tag/Tag.spec.tsx +++ b/packages/circuit-ui/components/Tag/Tag.spec.tsx @@ -22,9 +22,9 @@ import { axe, render, userEvent, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { Tag } from './Tag'; +import { Tag } from './Tag.js'; const DummyIcon = (props: any) =>
; diff --git a/packages/circuit-ui/components/Tag/Tag.stories.tsx b/packages/circuit-ui/components/Tag/Tag.stories.tsx index d6594cd5db..1252ad5287 100644 --- a/packages/circuit-ui/components/Tag/Tag.stories.tsx +++ b/packages/circuit-ui/components/Tag/Tag.stories.tsx @@ -16,7 +16,7 @@ import { action } from '@storybook/addon-actions'; import { Checkmark } from '@sumup/icons'; -import { Tag, TagProps } from './Tag'; +import { Tag, TagProps } from './Tag.js'; export default { title: 'Components/Tag', diff --git a/packages/circuit-ui/components/Tag/Tag.tsx b/packages/circuit-ui/components/Tag/Tag.tsx index f95dfef53e..9101346f25 100644 --- a/packages/circuit-ui/components/Tag/Tag.tsx +++ b/packages/circuit-ui/components/Tag/Tag.tsx @@ -17,11 +17,11 @@ import { Ref, forwardRef, HTMLAttributes, ButtonHTMLAttributes } from 'react'; import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { ClickEvent } from '../../types/events'; -import styled, { StyleProps } from '../../styles/styled'; -import { typography, focusVisible } from '../../styles/style-mixins'; -import CloseButton, { CloseButtonProps } from '../CloseButton'; -import { AccessibilityError } from '../../util/errors'; +import { ClickEvent } from '../../types/events.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { typography, focusVisible } from '../../styles/style-mixins.js'; +import CloseButton, { CloseButtonProps } from '../CloseButton/index.js'; +import { AccessibilityError } from '../../util/errors.js'; type BaseProps = { /** diff --git a/packages/circuit-ui/components/Tag/index.ts b/packages/circuit-ui/components/Tag/index.ts index 94bf516632..0586f2bf50 100644 --- a/packages/circuit-ui/components/Tag/index.ts +++ b/packages/circuit-ui/components/Tag/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Tag } from './Tag'; +import { Tag } from './Tag.js'; -export type { TagProps } from './Tag'; +export type { TagProps } from './Tag.js'; export default Tag; diff --git a/packages/circuit-ui/components/TextArea/TextArea.spec.tsx b/packages/circuit-ui/components/TextArea/TextArea.spec.tsx index faa8723992..ed4d64fbb8 100644 --- a/packages/circuit-ui/components/TextArea/TextArea.spec.tsx +++ b/packages/circuit-ui/components/TextArea/TextArea.spec.tsx @@ -16,7 +16,7 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { create, render, renderToHtml, axe } from '../../util/test-utils'; +import { create, render, renderToHtml, axe } from '../../util/test-utils.js'; import TextArea from '.'; diff --git a/packages/circuit-ui/components/TextArea/TextArea.stories.tsx b/packages/circuit-ui/components/TextArea/TextArea.stories.tsx index 1ed97acd22..d89f43f326 100644 --- a/packages/circuit-ui/components/TextArea/TextArea.stories.tsx +++ b/packages/circuit-ui/components/TextArea/TextArea.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { TextArea, TextAreaProps } from './TextArea'; +import { TextArea, TextAreaProps } from './TextArea.js'; export default { title: 'Forms/TextArea', diff --git a/packages/circuit-ui/components/TextArea/TextArea.tsx b/packages/circuit-ui/components/TextArea/TextArea.tsx index c10e6474ec..c0d69812d6 100644 --- a/packages/circuit-ui/components/TextArea/TextArea.tsx +++ b/packages/circuit-ui/components/TextArea/TextArea.tsx @@ -16,11 +16,11 @@ import { forwardRef, useRef } from 'react'; import { css } from '@emotion/react'; -import Input from '../Input'; -import { InputElement, InputProps } from '../Input/Input'; -import { applyMultipleRefs } from '../../util/refs'; +import Input from '../Input/index.js'; +import { InputElement, InputProps } from '../Input/Input.js'; +import { applyMultipleRefs } from '../../util/refs.js'; -import { useAutoExpand } from './useAutoExpand'; +import { useAutoExpand } from './useAutoExpand.js'; export type TextAreaProps = Omit & { /** diff --git a/packages/circuit-ui/components/TextArea/index.ts b/packages/circuit-ui/components/TextArea/index.ts index 138c1ee6d3..dc7926eecb 100644 --- a/packages/circuit-ui/components/TextArea/index.ts +++ b/packages/circuit-ui/components/TextArea/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { TextArea } from './TextArea'; +import { TextArea } from './TextArea.js'; -export type { TextAreaProps } from './TextArea'; +export type { TextAreaProps } from './TextArea.js'; export default TextArea; diff --git a/packages/circuit-ui/components/TextArea/types.ts b/packages/circuit-ui/components/TextArea/types.ts new file mode 100644 index 0000000000..0dcf4fd793 --- /dev/null +++ b/packages/circuit-ui/components/TextArea/types.ts @@ -0,0 +1,29 @@ +/** + * Copyright 2023, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import type { InputProps } from '../Input/index.js'; + +export type TextAreaProps = Omit & { + /** + * The number of visible text lines for the control. + * If set to `auto`, the control will auto-expand vertically to show the whole value. + */ + rows?: InputProps['rows'] | 'auto'; + /** + * Define the minimum number of visible text lines for the control. + * Works only when `rows` is set to `auto`. + */ + minRows?: InputProps['rows']; +}; diff --git a/packages/circuit-ui/components/TextArea/useAutoExpand.spec.tsx b/packages/circuit-ui/components/TextArea/useAutoExpand.spec.tsx index dfd52a4be8..f049859744 100644 --- a/packages/circuit-ui/components/TextArea/useAutoExpand.spec.tsx +++ b/packages/circuit-ui/components/TextArea/useAutoExpand.spec.tsx @@ -16,11 +16,16 @@ import { describe, expect, test, vi } from 'vitest'; import { MutableRefObject, FormEvent } from 'react'; -import { renderHook, userEvent, render, screen } from '../../util/test-utils'; -import { InputElement } from '../Input/Input'; - -import { TextArea, TextAreaProps } from './TextArea'; -import { useAutoExpand } from './useAutoExpand'; +import { + renderHook, + userEvent, + render, + screen, +} from '../../util/test-utils.js'; +import type { InputElement } from '../Input/Input.js'; + +import { TextArea, TextAreaProps } from './TextArea.js'; +import { useAutoExpand } from './useAutoExpand.js'; const baseTextareaProps: TextAreaProps = { label: 'Test', diff --git a/packages/circuit-ui/components/TextArea/useAutoExpand.ts b/packages/circuit-ui/components/TextArea/useAutoExpand.ts index 393d4da9c7..8a712a7713 100644 --- a/packages/circuit-ui/components/TextArea/useAutoExpand.ts +++ b/packages/circuit-ui/components/TextArea/useAutoExpand.ts @@ -16,10 +16,10 @@ import { FormEvent, RefObject, useCallback, useEffect } from 'react'; -import { InputElement } from '../Input/Input'; -import { useComponentSize } from '../../hooks/useComponentSize'; +import type { InputElement } from '../Input/Input.js'; +import { useComponentSize } from '../../hooks/useComponentSize/index.js'; -import { TextAreaProps } from '.'; +import type { TextAreaProps } from './index.js'; type ModifiedProps = Omit & { rows: TextAreaProps['minRows']; diff --git a/packages/circuit-ui/components/Title/Title.spec.tsx b/packages/circuit-ui/components/Title/Title.spec.tsx index fb59bec7b0..e08ae8fe40 100644 --- a/packages/circuit-ui/components/Title/Title.spec.tsx +++ b/packages/circuit-ui/components/Title/Title.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import { Title } from './Title'; +import { Title } from './Title.js'; describe('Title', () => { /** diff --git a/packages/circuit-ui/components/Title/Title.stories.tsx b/packages/circuit-ui/components/Title/Title.stories.tsx index 6e4c20befc..ef267a99d6 100644 --- a/packages/circuit-ui/components/Title/Title.stories.tsx +++ b/packages/circuit-ui/components/Title/Title.stories.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Title, TitleProps } from './Title'; +import { Title, TitleProps } from './Title.js'; export default { title: 'Typography/Title', diff --git a/packages/circuit-ui/components/Title/Title.tsx b/packages/circuit-ui/components/Title/Title.tsx index f52d8d1542..2172acb822 100644 --- a/packages/circuit-ui/components/Title/Title.tsx +++ b/packages/circuit-ui/components/Title/Title.tsx @@ -14,9 +14,9 @@ */ import { css } from '@emotion/react'; -import isPropValid from '@emotion/is-prop-valid'; -import styled, { StyleProps } from '../../styles/styled'; +import isPropValid from '../../styles/is-prop-valid.js'; +import styled, { StyleProps } from '../../styles/styled.js'; type Size = 'one' | 'two' | 'three' | 'four'; diff --git a/packages/circuit-ui/components/Title/index.ts b/packages/circuit-ui/components/Title/index.ts index 7e2dce9be6..07ee0509f1 100644 --- a/packages/circuit-ui/components/Title/index.ts +++ b/packages/circuit-ui/components/Title/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Title } from './Title'; +import { Title } from './Title.js'; -export type { TitleProps } from './Title'; +export type { TitleProps } from './Title.js'; export default Title; diff --git a/packages/circuit-ui/components/ToastContext/ToastContext.spec.tsx b/packages/circuit-ui/components/ToastContext/ToastContext.spec.tsx index 1c2f0bf7b6..05bc253002 100644 --- a/packages/circuit-ui/components/ToastContext/ToastContext.spec.tsx +++ b/packages/circuit-ui/components/ToastContext/ToastContext.spec.tsx @@ -20,10 +20,10 @@ import { render, userEvent as baseUserEvent, waitForElementToBeRemoved, -} from '../../util/test-utils'; +} from '../../util/test-utils.js'; -import { ToastProvider, ToastContext } from './ToastContext'; -import type { ToastComponent } from './types'; +import { ToastProvider, ToastContext } from './ToastContext.js'; +import type { ToastComponent } from './types.js'; const openButtonLabel = 'Open toast'; const toastMessage = "You've got mail!"; diff --git a/packages/circuit-ui/components/ToastContext/ToastContext.tsx b/packages/circuit-ui/components/ToastContext/ToastContext.tsx index 1b38ebee32..974ca8fecc 100644 --- a/packages/circuit-ui/components/ToastContext/ToastContext.tsx +++ b/packages/circuit-ui/components/ToastContext/ToastContext.tsx @@ -22,11 +22,11 @@ import { } from 'react'; import { css } from '@emotion/react'; -import { useStack, StackItem } from '../../hooks/useStack'; -import styled, { StyleProps } from '../../styles/styled'; -import { spacing } from '../../styles/style-mixins'; +import { useStack, StackItem } from '../../hooks/useStack/index.js'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { spacing } from '../../styles/style-mixins.js'; -import { BaseToastProps, ToastComponent } from './types'; +import { BaseToastProps, ToastComponent } from './types.js'; const DEFAULT_TOAST_DURATION = 6000; diff --git a/packages/circuit-ui/components/ToastContext/createUseToast.spec.tsx b/packages/circuit-ui/components/ToastContext/createUseToast.spec.tsx index 9fb4db64d8..00ed5ffef6 100644 --- a/packages/circuit-ui/components/ToastContext/createUseToast.spec.tsx +++ b/packages/circuit-ui/components/ToastContext/createUseToast.spec.tsx @@ -16,11 +16,11 @@ import { describe, expect, it, vi } from 'vitest'; import { ReactElement } from 'react'; -import { renderHook, act } from '../../util/test-utils'; +import { renderHook, act } from '../../util/test-utils.js'; -import { createUseToast } from './createUseToast'; -import { ToastContext } from './ToastContext'; -import type { ToastComponent } from './types'; +import { createUseToast } from './createUseToast.js'; +import { ToastContext } from './ToastContext.js'; +import type { ToastComponent } from './types.js'; const Toast: ToastComponent = ({ onClose }) => (
diff --git a/packages/circuit-ui/components/ToastContext/createUseToast.ts b/packages/circuit-ui/components/ToastContext/createUseToast.ts index a2ba3c1287..cd53333a2a 100644 --- a/packages/circuit-ui/components/ToastContext/createUseToast.ts +++ b/packages/circuit-ui/components/ToastContext/createUseToast.ts @@ -15,10 +15,10 @@ import { useContext, useMemo } from 'react'; -import { uniqueId } from '../../util/id'; +import { uniqueId } from '../../util/id.js'; -import { ToastContext } from './ToastContext'; -import type { BaseToastProps, ToastComponent } from './types'; +import { ToastContext } from './ToastContext.js'; +import type { BaseToastProps, ToastComponent } from './types.js'; export function createUseToast( component: ToastComponent, diff --git a/packages/circuit-ui/components/ToastContext/index.ts b/packages/circuit-ui/components/ToastContext/index.ts index 1e8e30fd86..6b23144e42 100644 --- a/packages/circuit-ui/components/ToastContext/index.ts +++ b/packages/circuit-ui/components/ToastContext/index.ts @@ -13,9 +13,9 @@ * limitations under the License. */ -export { ToastProvider } from './ToastContext'; -export { createUseToast } from './createUseToast'; +export { ToastProvider } from './ToastContext.js'; +export { createUseToast } from './createUseToast.js'; -export type { ToastProviderProps } from './ToastContext'; +export type { ToastProviderProps } from './ToastContext.js'; -export type { BaseToastProps, ToastComponent } from './types'; +export type { BaseToastProps, ToastComponent } from './types.js'; diff --git a/packages/circuit-ui/components/ToastContext/types.ts b/packages/circuit-ui/components/ToastContext/types.ts index 29056faa9c..0194c94715 100644 --- a/packages/circuit-ui/components/ToastContext/types.ts +++ b/packages/circuit-ui/components/ToastContext/types.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { ClickEvent } from '../../types/events'; +import { ClickEvent } from '../../types/events.js'; type OnClose = (event?: ClickEvent) => void; diff --git a/packages/circuit-ui/components/Toggle/Toggle.spec.tsx b/packages/circuit-ui/components/Toggle/Toggle.spec.tsx index a9fa534bbf..cf37ebb938 100644 --- a/packages/circuit-ui/components/Toggle/Toggle.spec.tsx +++ b/packages/circuit-ui/components/Toggle/Toggle.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it } from 'vitest'; import { createRef } from 'react'; -import { render, axe } from '../../util/test-utils'; +import { render, axe } from '../../util/test-utils.js'; -import { Toggle } from './Toggle'; +import { Toggle } from './Toggle.js'; const defaultProps = { label: 'Label', diff --git a/packages/circuit-ui/components/Toggle/Toggle.stories.tsx b/packages/circuit-ui/components/Toggle/Toggle.stories.tsx index 1b184102f4..6338f9f193 100644 --- a/packages/circuit-ui/components/Toggle/Toggle.stories.tsx +++ b/packages/circuit-ui/components/Toggle/Toggle.stories.tsx @@ -15,7 +15,7 @@ import { useState } from 'react'; -import { Toggle, ToggleProps } from './Toggle'; +import { Toggle, ToggleProps } from './Toggle.js'; export default { title: 'Forms/Toggle', diff --git a/packages/circuit-ui/components/Toggle/Toggle.tsx b/packages/circuit-ui/components/Toggle/Toggle.tsx index 3c440fb0f4..a9fbc43f1d 100644 --- a/packages/circuit-ui/components/Toggle/Toggle.tsx +++ b/packages/circuit-ui/components/Toggle/Toggle.tsx @@ -17,13 +17,13 @@ import { Ref, forwardRef, useId } from 'react'; import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../styles/styled'; -import { Body, BodyProps } from '../Body/Body'; -import { AccessibilityError } from '../../util/errors'; -import { FieldWrapper } from '../FieldAtoms'; -import { CLASS_DISABLED } from '../FieldAtoms/constants'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { Body, BodyProps } from '../Body/Body.js'; +import { AccessibilityError } from '../../util/errors.js'; +import { FieldWrapper } from '../FieldAtoms/index.js'; +import { CLASS_DISABLED } from '../FieldAtoms/constants.js'; -import { Switch, SwitchProps } from './components/Switch/Switch'; +import { Switch, SwitchProps } from './components/Switch/Switch.js'; export interface ToggleProps extends SwitchProps { /** diff --git a/packages/circuit-ui/components/Toggle/components/Switch/Switch.spec.tsx b/packages/circuit-ui/components/Toggle/components/Switch/Switch.spec.tsx index 565868c1e9..02f9ad9335 100644 --- a/packages/circuit-ui/components/Toggle/components/Switch/Switch.spec.tsx +++ b/packages/circuit-ui/components/Toggle/components/Switch/Switch.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { createRef } from 'react'; -import { create, render, userEvent } from '../../../../util/test-utils'; +import { create, render, userEvent } from '../../../../util/test-utils.js'; -import { Switch } from './Switch'; +import { Switch } from './Switch.js'; const defaultProps = { checkedLabel: 'on', diff --git a/packages/circuit-ui/components/Toggle/components/Switch/Switch.tsx b/packages/circuit-ui/components/Toggle/components/Switch/Switch.tsx index 4919791231..5de143c55a 100644 --- a/packages/circuit-ui/components/Toggle/components/Switch/Switch.tsx +++ b/packages/circuit-ui/components/Toggle/components/Switch/Switch.tsx @@ -16,9 +16,9 @@ import { ButtonHTMLAttributes, Ref, forwardRef } from 'react'; import { css } from '@emotion/react'; -import styled, { StyleProps } from '../../../../styles/styled'; -import { focusVisible, hideVisually } from '../../../../styles/style-mixins'; -import { AccessibilityError } from '../../../../util/errors'; +import styled, { StyleProps } from '../../../../styles/styled.js'; +import { focusVisible, hideVisually } from '../../../../styles/style-mixins.js'; +import { AccessibilityError } from '../../../../util/errors.js'; export interface SwitchProps extends ButtonHTMLAttributes { /** diff --git a/packages/circuit-ui/components/Toggle/index.ts b/packages/circuit-ui/components/Toggle/index.ts index f3e7822427..1d24dfc07b 100644 --- a/packages/circuit-ui/components/Toggle/index.ts +++ b/packages/circuit-ui/components/Toggle/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Toggle } from './Toggle'; +import { Toggle } from './Toggle.js'; -export type { ToggleProps } from './Toggle'; +export type { ToggleProps } from './Toggle.js'; export default Toggle; diff --git a/packages/circuit-ui/components/Tooltip/Tooltip.spec.tsx b/packages/circuit-ui/components/Tooltip/Tooltip.spec.tsx index ff3ad5412b..521bf11734 100644 --- a/packages/circuit-ui/components/Tooltip/Tooltip.spec.tsx +++ b/packages/circuit-ui/components/Tooltip/Tooltip.spec.tsx @@ -15,10 +15,10 @@ import { describe, expect, it } from 'vitest'; -import { create, renderToHtml, axe } from '../../util/test-utils'; +import { create, renderToHtml, axe } from '../../util/test-utils.js'; -import type { Position, Alignment } from './Tooltip'; -import { Tooltip } from './Tooltip'; +import type { Position, Alignment } from './Tooltip.js'; +import { Tooltip } from './Tooltip.js'; describe('Tooltip', () => { /** diff --git a/packages/circuit-ui/components/Tooltip/Tooltip.stories.tsx b/packages/circuit-ui/components/Tooltip/Tooltip.stories.tsx index 280d84da22..de935c3563 100644 --- a/packages/circuit-ui/components/Tooltip/Tooltip.stories.tsx +++ b/packages/circuit-ui/components/Tooltip/Tooltip.stories.tsx @@ -13,10 +13,11 @@ * limitations under the License. */ -import styled from '@emotion/styled'; import { Info } from '@sumup/icons'; -import { Tooltip } from './Tooltip'; +import styled from '../../styles/styled.js'; + +import { Tooltip } from './Tooltip.js'; export default { title: 'Components/Tooltip', diff --git a/packages/circuit-ui/components/Tooltip/Tooltip.tsx b/packages/circuit-ui/components/Tooltip/Tooltip.tsx index 4b2886cd49..a34d5a6845 100644 --- a/packages/circuit-ui/components/Tooltip/Tooltip.tsx +++ b/packages/circuit-ui/components/Tooltip/Tooltip.tsx @@ -14,10 +14,10 @@ */ import { css } from '@emotion/react'; -import styled from '@emotion/styled'; -import type { StyleProps } from '../../styles/styled'; -import { typography, shadow } from '../../styles/style-mixins'; +import styled from '../../styles/styled.js'; +import type { StyleProps } from '../../styles/styled.js'; +import { typography, shadow } from '../../styles/style-mixins.js'; const baseStyles = ({ theme }: StyleProps) => css` display: inline-block; diff --git a/packages/circuit-ui/components/Tooltip/TooltipContainer.tsx b/packages/circuit-ui/components/Tooltip/TooltipContainer.tsx index 829489116a..8cd05877d5 100644 --- a/packages/circuit-ui/components/Tooltip/TooltipContainer.tsx +++ b/packages/circuit-ui/components/Tooltip/TooltipContainer.tsx @@ -13,7 +13,7 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import styled from '../../styles/styled.js'; const TooltipContainer = styled.div` position: relative; diff --git a/packages/circuit-ui/components/Tooltip/index.ts b/packages/circuit-ui/components/Tooltip/index.ts index 0783fc1fd0..f9ee6a6e9e 100644 --- a/packages/circuit-ui/components/Tooltip/index.ts +++ b/packages/circuit-ui/components/Tooltip/index.ts @@ -13,8 +13,8 @@ * limitations under the License. */ -import { Tooltip } from './Tooltip'; +import { Tooltip } from './Tooltip.js'; -export type { TooltipProps } from './Tooltip'; +export type { TooltipProps } from './Tooltip.js'; export default Tooltip; diff --git a/packages/circuit-ui/components/TopNavigation/TopNavigation.spec.tsx b/packages/circuit-ui/components/TopNavigation/TopNavigation.spec.tsx index 8f812b173b..eb0815d484 100644 --- a/packages/circuit-ui/components/TopNavigation/TopNavigation.spec.tsx +++ b/packages/circuit-ui/components/TopNavigation/TopNavigation.spec.tsx @@ -16,10 +16,10 @@ import { describe, expect, it, vi } from 'vitest'; import { Shop, SumUpLogo } from '@sumup/icons'; -import { axe, render, renderToHtml } from '../../util/test-utils'; -import { PopoverProps } from '../Popover'; +import { axe, render, renderToHtml } from '../../util/test-utils.js'; +import { PopoverProps } from '../Popover/index.js'; -import { TopNavigation, TopNavigationProps } from './TopNavigation'; +import { TopNavigation, TopNavigationProps } from './TopNavigation.js'; describe('TopNavigation', () => { const baseProps: TopNavigationProps = { diff --git a/packages/circuit-ui/components/TopNavigation/TopNavigation.stories.tsx b/packages/circuit-ui/components/TopNavigation/TopNavigation.stories.tsx index 27bc9e5bfb..4455665702 100644 --- a/packages/circuit-ui/components/TopNavigation/TopNavigation.stories.tsx +++ b/packages/circuit-ui/components/TopNavigation/TopNavigation.stories.tsx @@ -18,11 +18,11 @@ import { action } from '@storybook/addon-actions'; import { Shop, SumUpLogo } from '@sumup/icons'; import { css } from '@emotion/react'; -import { SideNavigation } from '../SideNavigation'; -import { baseArgs as sideNavigationProps } from '../SideNavigation/SideNavigation.stories'; -import { ModalProvider } from '../ModalContext'; +import { SideNavigation } from '../SideNavigation/index.js'; +import { baseArgs as sideNavigationProps } from '../SideNavigation/SideNavigation.stories.js'; +import { ModalProvider } from '../ModalContext/index.js'; -import { TopNavigation, TopNavigationProps } from './TopNavigation'; +import { TopNavigation, TopNavigationProps } from './TopNavigation.js'; export default { title: 'Navigation/TopNavigation', diff --git a/packages/circuit-ui/components/TopNavigation/TopNavigation.tsx b/packages/circuit-ui/components/TopNavigation/TopNavigation.tsx index 42fde8df7f..895b90a949 100644 --- a/packages/circuit-ui/components/TopNavigation/TopNavigation.tsx +++ b/packages/circuit-ui/components/TopNavigation/TopNavigation.tsx @@ -17,14 +17,20 @@ import { ReactNode } from 'react'; import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import styled, { StyleProps } from '../../styles/styled'; -import { focusVisible } from '../../styles/style-mixins'; -import Hamburger, { HamburgerProps } from '../Hamburger'; -import { SkeletonContainer } from '../Skeleton'; - -import { ProfileMenu, ProfileMenuProps } from './components/ProfileMenu'; -import { UtilityLinks, UtilityLinksProps } from './components/UtilityLinks'; -import { UserProps } from './types'; +import styled, { StyleProps } from '../../styles/styled.js'; +import { focusVisible } from '../../styles/style-mixins.js'; +import Hamburger, { HamburgerProps } from '../Hamburger/index.js'; +import { SkeletonContainer } from '../Skeleton/index.js'; + +import { + ProfileMenu, + ProfileMenuProps, +} from './components/ProfileMenu/index.js'; +import { + UtilityLinks, + UtilityLinksProps, +} from './components/UtilityLinks/index.js'; +import { UserProps } from './types.js'; const CONTENT_HEIGHT = '56px'; export const TOP_NAVIGATION_HEIGHT = diff --git a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.spec.tsx b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.spec.tsx index 1a4e40944d..836447fd43 100644 --- a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.spec.tsx +++ b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.spec.tsx @@ -21,10 +21,10 @@ import { render, screen, userEvent, -} from '../../../../util/test-utils'; -import { PopoverProps } from '../../../Popover'; +} from '../../../../util/test-utils.js'; +import { PopoverProps } from '../../../Popover/index.js'; -import { ProfileMenu } from './ProfileMenu'; +import { ProfileMenu } from './ProfileMenu.js'; describe('ProfileMenu', () => { const baseProps = { diff --git a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.tsx b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.tsx index 557e955e96..dfd95b5c7b 100644 --- a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.tsx +++ b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/ProfileMenu.tsx @@ -17,13 +17,16 @@ import { useState, ButtonHTMLAttributes, useEffect } from 'react'; import { css } from '@emotion/react'; import { ChevronDown, Profile as ProfileIcon } from '@sumup/icons'; -import styled, { NoTheme, StyleProps } from '../../../../styles/styled'; -import { hideVisually, navigationItem } from '../../../../styles/style-mixins'; -import Avatar from '../../../Avatar'; -import Body from '../../../Body'; -import Popover, { PopoverProps } from '../../../Popover'; -import { Skeleton } from '../../../Skeleton'; -import { UserProps } from '../../types'; +import styled, { NoTheme, StyleProps } from '../../../../styles/styled.js'; +import { + hideVisually, + navigationItem, +} from '../../../../styles/style-mixins.js'; +import Avatar from '../../../Avatar/index.js'; +import Body from '../../../Body/index.js'; +import Popover, { PopoverProps } from '../../../Popover/index.js'; +import { Skeleton } from '../../../Skeleton/index.js'; +import { UserProps } from '../../types.js'; const profileWrapperStyles = ({ theme }: StyleProps) => css` height: 100%; diff --git a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/index.ts b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/index.ts index bc48b89795..656e38cb09 100644 --- a/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/index.ts +++ b/packages/circuit-ui/components/TopNavigation/components/ProfileMenu/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { ProfileMenu } from './ProfileMenu'; +export { ProfileMenu } from './ProfileMenu.js'; -export type { ProfileMenuProps } from './ProfileMenu'; +export type { ProfileMenuProps } from './ProfileMenu.js'; diff --git a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.spec.tsx b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.spec.tsx index f01f2a8948..7df14f50a9 100644 --- a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.spec.tsx +++ b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.spec.tsx @@ -22,9 +22,9 @@ import { render, renderToHtml, userEvent, -} from '../../../../util/test-utils'; +} from '../../../../util/test-utils.js'; -import { UtilityLinks } from './UtilityLinks'; +import { UtilityLinks } from './UtilityLinks.js'; describe('UtilityLinks', () => { const baseProps = { diff --git a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx index 97fbefc75b..6a0cae7663 100644 --- a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx +++ b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/UtilityLinks.tsx @@ -18,12 +18,15 @@ import { css } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; import { IconProps } from '@sumup/icons'; -import styled, { NoTheme, StyleProps } from '../../../../styles/styled'; -import { hideVisually, navigationItem } from '../../../../styles/style-mixins'; -import { EmotionAsPropType } from '../../../../types/prop-types'; -import Body from '../../../Body'; -import { useComponents } from '../../../ComponentsContext'; -import { Skeleton } from '../../../Skeleton'; +import styled, { NoTheme, StyleProps } from '../../../../styles/styled.js'; +import { + hideVisually, + navigationItem, +} from '../../../../styles/style-mixins.js'; +import { EmotionAsPropType } from '../../../../types/prop-types.js'; +import Body from '../../../Body/index.js'; +import { useComponents } from '../../../ComponentsContext/index.js'; +import { Skeleton } from '../../../Skeleton/index.js'; const anchorStyles = ({ theme }: StyleProps) => css` text-decoration: none; diff --git a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/index.ts b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/index.ts index 641f70de8f..5491775679 100644 --- a/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/index.ts +++ b/packages/circuit-ui/components/TopNavigation/components/UtilityLinks/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { UtilityLinks } from './UtilityLinks'; +export { UtilityLinks } from './UtilityLinks.js'; -export type { UtilityLinksProps } from './UtilityLinks'; +export type { UtilityLinksProps } from './UtilityLinks.js'; diff --git a/packages/circuit-ui/components/TopNavigation/index.ts b/packages/circuit-ui/components/TopNavigation/index.ts index 3eca742e0a..c0dcbc795a 100644 --- a/packages/circuit-ui/components/TopNavigation/index.ts +++ b/packages/circuit-ui/components/TopNavigation/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { TopNavigation, TOP_NAVIGATION_HEIGHT } from './TopNavigation'; +export { TopNavigation, TOP_NAVIGATION_HEIGHT } from './TopNavigation.js'; -export type { TopNavigationProps } from './TopNavigation'; +export type { TopNavigationProps } from './TopNavigation.js'; diff --git a/packages/circuit-ui/components/TopNavigation/types.ts b/packages/circuit-ui/components/TopNavigation/types.ts index 5cd4355c28..6879362f9a 100644 --- a/packages/circuit-ui/components/TopNavigation/types.ts +++ b/packages/circuit-ui/components/TopNavigation/types.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { AvatarProps } from '../Avatar'; +import { AvatarProps } from '../Avatar/index.js'; export type UserProps = { /** diff --git a/packages/circuit-ui/hooks/useAnimation/index.ts b/packages/circuit-ui/hooks/useAnimation/index.ts index 68d9db7f6d..ebdecb70f6 100644 --- a/packages/circuit-ui/hooks/useAnimation/index.ts +++ b/packages/circuit-ui/hooks/useAnimation/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useAnimation } from './useAnimation'; +export { useAnimation } from './useAnimation.js'; diff --git a/packages/circuit-ui/hooks/useAnimation/useAnimation.spec.ts b/packages/circuit-ui/hooks/useAnimation/useAnimation.spec.ts index 49a053dd93..2ff0a32349 100644 --- a/packages/circuit-ui/hooks/useAnimation/useAnimation.spec.ts +++ b/packages/circuit-ui/hooks/useAnimation/useAnimation.spec.ts @@ -15,9 +15,9 @@ import { beforeAll, describe, expect, it, vi } from 'vitest'; -import { renderHook, act } from '../../util/test-utils'; +import { renderHook, act } from '../../util/test-utils.js'; -import { useAnimation } from './useAnimation'; +import { useAnimation } from './useAnimation.js'; describe('useAnimation', () => { beforeAll(() => { diff --git a/packages/circuit-ui/hooks/useClickOutside/index.ts b/packages/circuit-ui/hooks/useClickOutside/index.ts index a1766170d6..1b71a4f87c 100644 --- a/packages/circuit-ui/hooks/useClickOutside/index.ts +++ b/packages/circuit-ui/hooks/useClickOutside/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useClickOutside } from './useClickOutside'; +export { useClickOutside } from './useClickOutside.js'; diff --git a/packages/circuit-ui/hooks/useClickOutside/useClickOutside.spec.tsx b/packages/circuit-ui/hooks/useClickOutside/useClickOutside.spec.tsx index 9e225e878c..a222af7490 100644 --- a/packages/circuit-ui/hooks/useClickOutside/useClickOutside.spec.tsx +++ b/packages/circuit-ui/hooks/useClickOutside/useClickOutside.spec.tsx @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { useRef, useState } from 'react'; -import { render, userEvent } from '../../util/test-utils'; +import { render, userEvent } from '../../util/test-utils.js'; -import { useClickOutside } from './useClickOutside'; +import { useClickOutside } from './useClickOutside.js'; describe('useClickOutside', () => { function MockComponent({ onClickOutside = vi.fn(), isActive = true }) { diff --git a/packages/circuit-ui/hooks/useClickOutside/useClickOutside.stories.tsx b/packages/circuit-ui/hooks/useClickOutside/useClickOutside.stories.tsx index f8697b2dd7..47a653812d 100644 --- a/packages/circuit-ui/hooks/useClickOutside/useClickOutside.stories.tsx +++ b/packages/circuit-ui/hooks/useClickOutside/useClickOutside.stories.tsx @@ -15,10 +15,10 @@ import { useRef, useState } from 'react'; -import Button from '../../components/Button'; -import Card from '../../components/Card'; +import Button from '../../components/Button/index.js'; +import Card from '../../components/Card/index.js'; -import { useClickOutside } from './useClickOutside'; +import { useClickOutside } from './useClickOutside.js'; export default { title: 'Hooks/useClickOutside', diff --git a/packages/circuit-ui/hooks/useCollapsible/index.ts b/packages/circuit-ui/hooks/useCollapsible/index.ts index 68749db692..afff934488 100644 --- a/packages/circuit-ui/hooks/useCollapsible/index.ts +++ b/packages/circuit-ui/hooks/useCollapsible/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useCollapsible } from './useCollapsible'; +export { useCollapsible } from './useCollapsible.js'; diff --git a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.spec.ts b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.spec.ts index b6727ed1d4..b2f5f4bfc9 100644 --- a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.spec.ts +++ b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.spec.ts @@ -16,9 +16,9 @@ import { describe, expect, it, vi } from 'vitest'; import { MouseEvent } from 'react'; -import { renderHook, act, waitFor } from '../../util/test-utils'; +import { renderHook, act, waitFor } from '../../util/test-utils.js'; -import { useCollapsible, getHeight } from './useCollapsible'; +import { useCollapsible, getHeight } from './useCollapsible.js'; describe('useCollapsible', () => { it('should return the open state and a toggle callback', () => { diff --git a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.stories.tsx b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.stories.tsx index 1a04b2d1bd..e4adf46cad 100644 --- a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.stories.tsx +++ b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.stories.tsx @@ -13,11 +13,11 @@ * limitations under the License. */ -import Body from '../../components/Body'; -import Button from '../../components/Button'; -import { spacing } from '../../styles/style-mixins'; +import Body from '../../components/Body/index.js'; +import Button from '../../components/Button/index.js'; +import { spacing } from '../../styles/style-mixins.js'; -import { CollapsibleOptions, useCollapsible } from './useCollapsible'; +import { CollapsibleOptions, useCollapsible } from './useCollapsible.js'; export default { title: 'Hooks/useCollapsible', diff --git a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.ts b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.ts index 10e078bef5..bb2714b75c 100644 --- a/packages/circuit-ui/hooks/useCollapsible/useCollapsible.ts +++ b/packages/circuit-ui/hooks/useCollapsible/useCollapsible.ts @@ -15,8 +15,8 @@ import { useState, useRef, useCallback, RefObject, useId } from 'react'; -import { ClickEvent } from '../../types/events'; -import { useAnimation } from '../useAnimation'; +import { ClickEvent } from '../../types/events.js'; +import { useAnimation } from '../useAnimation/index.js'; const DEFAULT_HEIGHT = 'auto'; diff --git a/packages/circuit-ui/hooks/useComponentSize/index.ts b/packages/circuit-ui/hooks/useComponentSize/index.ts index dc272729c0..fbadecc58d 100644 --- a/packages/circuit-ui/hooks/useComponentSize/index.ts +++ b/packages/circuit-ui/hooks/useComponentSize/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useComponentSize } from './useComponentSize'; +export { useComponentSize } from './useComponentSize.js'; diff --git a/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts b/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts index 22aed76240..d0cb7b42e5 100644 --- a/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts +++ b/packages/circuit-ui/hooks/useComponentSize/useComponentSize.spec.ts @@ -15,9 +15,9 @@ import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest'; -import { renderHook, act } from '../../util/test-utils'; +import { renderHook, act } from '../../util/test-utils.js'; -import { useComponentSize } from './useComponentSize'; +import { useComponentSize } from './useComponentSize.js'; vi.mock('../../util/helpers', () => ({ throttle: vi.fn((fn: T) => fn), diff --git a/packages/circuit-ui/hooks/useComponentSize/useComponentSize.ts b/packages/circuit-ui/hooks/useComponentSize/useComponentSize.ts index a51d3bedce..08074f674a 100644 --- a/packages/circuit-ui/hooks/useComponentSize/useComponentSize.ts +++ b/packages/circuit-ui/hooks/useComponentSize/useComponentSize.ts @@ -15,7 +15,7 @@ import { useCallback, useState, useEffect, RefObject } from 'react'; -import { throttle } from '../../util/helpers'; +import { throttle } from '../../util/helpers.js'; function getSize(element?: HTMLElement | null) { if (!element) { diff --git a/packages/circuit-ui/hooks/useEscapeKey/index.ts b/packages/circuit-ui/hooks/useEscapeKey/index.ts index 5cfe404dd1..1b7e71ea45 100644 --- a/packages/circuit-ui/hooks/useEscapeKey/index.ts +++ b/packages/circuit-ui/hooks/useEscapeKey/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useEscapeKey } from './useEscapeKey'; +export { useEscapeKey } from './useEscapeKey.js'; diff --git a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.spec.ts b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.spec.ts index b35ee8f8a2..404bfc82e4 100644 --- a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.spec.ts +++ b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.spec.ts @@ -15,9 +15,9 @@ import { describe, expect, it, vi } from 'vitest'; -import { renderHook, userEvent } from '../../util/test-utils'; +import { renderHook, userEvent } from '../../util/test-utils.js'; -import { useEscapeKey } from './useEscapeKey'; +import { useEscapeKey } from './useEscapeKey.js'; describe('useEscapeKey', () => { it('should call the callback when the escape key is pressed', async () => { diff --git a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.stories.tsx b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.stories.tsx index 8e60fc976d..74621f1231 100644 --- a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.stories.tsx +++ b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.stories.tsx @@ -15,10 +15,10 @@ import { useState } from 'react'; -import Body from '../../components/Body'; -import Button from '../../components/Button'; +import Body from '../../components/Body/index.js'; +import Button from '../../components/Button/index.js'; -import { useEscapeKey } from './useEscapeKey'; +import { useEscapeKey } from './useEscapeKey.js'; export default { title: 'Hooks/useEscapeKey', diff --git a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.ts b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.ts index 07996db1d6..2c3897513a 100644 --- a/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.ts +++ b/packages/circuit-ui/hooks/useEscapeKey/useEscapeKey.ts @@ -15,7 +15,7 @@ import { useEffect } from 'react'; -import { isEscape } from '../../util/key-codes'; +import { isEscape } from '../../util/key-codes.js'; /** * Calls a function when the escape key is pressed. diff --git a/packages/circuit-ui/hooks/useFocusList/index.ts b/packages/circuit-ui/hooks/useFocusList/index.ts index ae39ca8962..55dcf0a780 100644 --- a/packages/circuit-ui/hooks/useFocusList/index.ts +++ b/packages/circuit-ui/hooks/useFocusList/index.ts @@ -13,6 +13,6 @@ * limitations under the License. */ -export { useFocusList } from './useFocusList'; +export { useFocusList } from './useFocusList.js'; -export type { FocusProps } from './useFocusList'; +export type { FocusProps } from './useFocusList.js'; diff --git a/packages/circuit-ui/hooks/useFocusList/useFocusList.spec.tsx b/packages/circuit-ui/hooks/useFocusList/useFocusList.spec.tsx index 5321afea91..4a60cfae32 100644 --- a/packages/circuit-ui/hooks/useFocusList/useFocusList.spec.tsx +++ b/packages/circuit-ui/hooks/useFocusList/useFocusList.spec.tsx @@ -15,9 +15,9 @@ import { describe, expect, it } from 'vitest'; -import { render, act, userEvent } from '../../util/test-utils'; +import { render, act, userEvent } from '../../util/test-utils.js'; -import { useFocusList } from './useFocusList'; +import { useFocusList } from './useFocusList.js'; describe('useFocusList', () => { const list = Array.from(Array(5).keys()); diff --git a/packages/circuit-ui/hooks/useFocusList/useFocusList.stories.tsx b/packages/circuit-ui/hooks/useFocusList/useFocusList.stories.tsx index 610b1fe9a2..02f40647c9 100644 --- a/packages/circuit-ui/hooks/useFocusList/useFocusList.stories.tsx +++ b/packages/circuit-ui/hooks/useFocusList/useFocusList.stories.tsx @@ -17,9 +17,9 @@ import { css } from '@emotion/react'; import { action } from '@storybook/addon-actions'; -import { listItem } from '../../styles/style-mixins'; +import { listItem } from '../../styles/style-mixins.js'; -import { useFocusList } from './useFocusList'; +import { useFocusList } from './useFocusList.js'; export default { title: 'Hooks/useFocusList', diff --git a/packages/circuit-ui/hooks/useFocusList/useFocusList.ts b/packages/circuit-ui/hooks/useFocusList/useFocusList.ts index de0978e550..5f5a8a725c 100644 --- a/packages/circuit-ui/hooks/useFocusList/useFocusList.ts +++ b/packages/circuit-ui/hooks/useFocusList/useFocusList.ts @@ -15,7 +15,7 @@ import { KeyboardEvent, useCallback, useId } from 'react'; -import { isArrowDown, isArrowUp } from '../../util/key-codes'; +import { isArrowDown, isArrowUp } from '../../util/key-codes.js'; export type FocusProps = { 'data-focus-list': string; diff --git a/packages/circuit-ui/hooks/useLatest/index.ts b/packages/circuit-ui/hooks/useLatest/index.ts new file mode 100644 index 0000000000..160788e25d --- /dev/null +++ b/packages/circuit-ui/hooks/useLatest/index.ts @@ -0,0 +1,16 @@ +/** + * Copyright 2021, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export { useLatest } from './useLatest.js'; diff --git a/packages/circuit-ui/hooks/useLatest/useLatest.spec.tsx b/packages/circuit-ui/hooks/useLatest/useLatest.spec.tsx new file mode 100644 index 0000000000..a7c25e965e --- /dev/null +++ b/packages/circuit-ui/hooks/useLatest/useLatest.spec.tsx @@ -0,0 +1,44 @@ +/** + * Copyright 2019, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { describe, expect, it } from 'vitest'; + +import { renderHook } from '../../util/test-utils.js'; + +import { useLatest } from './useLatest.js'; + +describe('useLatest', () => { + afterEach(() => {}); + + it('should store the latest value in a ref object', () => { + const value = 'value'; + const { result } = renderHook(() => useLatest(value)); + + expect(result.current).toEqual({ current: value }); + }); + + it('should update the stored value', () => { + const initialValue = 'value'; + const { result, rerender } = renderHook((value = initialValue) => + useLatest(value), + ); + + const newValue = 'newValue'; + + rerender(newValue); + + expect(result.current).toEqual({ current: newValue }); + }); +}); diff --git a/packages/circuit-ui/hooks/useLatest/useLatest.ts b/packages/circuit-ui/hooks/useLatest/useLatest.ts new file mode 100644 index 0000000000..2fffa5f8b1 --- /dev/null +++ b/packages/circuit-ui/hooks/useLatest/useLatest.ts @@ -0,0 +1,29 @@ +/** + * Copyright 2023, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { useRef, useEffect, useLayoutEffect } from 'react'; + +const useIsomorphicLayoutEffect = + typeof document !== 'undefined' ? useLayoutEffect : useEffect; + +export function useLatest(value: T) { + const ref = useRef(value); + + useIsomorphicLayoutEffect(() => { + ref.current = value; + }); + + return ref; +} diff --git a/packages/circuit-ui/hooks/useMedia/index.ts b/packages/circuit-ui/hooks/useMedia/index.ts index ca1b72644d..7ba354620a 100644 --- a/packages/circuit-ui/hooks/useMedia/index.ts +++ b/packages/circuit-ui/hooks/useMedia/index.ts @@ -13,4 +13,4 @@ * limitations under the License. */ -export { useMedia } from './useMedia'; +export { useMedia } from './useMedia.js'; diff --git a/packages/circuit-ui/hooks/usePrevious/index.ts b/packages/circuit-ui/hooks/usePrevious/index.ts new file mode 100644 index 0000000000..2df7a24d05 --- /dev/null +++ b/packages/circuit-ui/hooks/usePrevious/index.ts @@ -0,0 +1,16 @@ +/** + * Copyright 2021, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export { usePrevious } from './usePrevious.js'; diff --git a/packages/circuit-ui/hooks/usePrevious/usePrevious.spec.tsx b/packages/circuit-ui/hooks/usePrevious/usePrevious.spec.tsx new file mode 100644 index 0000000000..d9c5caf6be --- /dev/null +++ b/packages/circuit-ui/hooks/usePrevious/usePrevious.spec.tsx @@ -0,0 +1,45 @@ +/** + * Copyright 2019, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { describe, expect, it } from 'vitest'; + +import { renderHook } from '../../util/test-utils.js'; + +import { usePrevious } from './usePrevious.js'; + +describe('usePrevious', () => { + afterEach(() => {}); + + it('should be undefined on first render', () => { + const { result } = renderHook((value = 'initialValue') => + usePrevious(value), + ); + + expect(result.current).toBeUndefined(); + }); + + it('should return the previous value on the next render', () => { + const initialValue = 'value'; + const { result, rerender } = renderHook((value = initialValue) => + usePrevious(value), + ); + + const newValue = 'newValue'; + + rerender(newValue); + + expect(result.current).toEqual(initialValue); + }); +}); diff --git a/packages/circuit-ui/hooks/usePrevious/usePrevious.ts b/packages/circuit-ui/hooks/usePrevious/usePrevious.ts new file mode 100644 index 0000000000..09d09d511b --- /dev/null +++ b/packages/circuit-ui/hooks/usePrevious/usePrevious.ts @@ -0,0 +1,27 @@ +/** + * Copyright 2023, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { useRef, useEffect, useLayoutEffect } from 'react'; + +const useIsomorphicLayoutEffect = + typeof document !== 'undefined' ? useLayoutEffect : useEffect; + +export function usePrevious(value: T) { + const ref = useRef(); + useIsomorphicLayoutEffect(() => { + ref.current = value; + }); + return ref.current; +} diff --git a/packages/circuit-ui/hooks/useStack/index.ts b/packages/circuit-ui/hooks/useStack/index.ts index 5d33607239..ee095af29d 100644 --- a/packages/circuit-ui/hooks/useStack/index.ts +++ b/packages/circuit-ui/hooks/useStack/index.ts @@ -13,5 +13,5 @@ * limitations under the License. */ -export { useStack } from './useStack'; -export type { StackItem } from './useStack'; +export { useStack } from './useStack.js'; +export type { StackItem } from './useStack.js'; diff --git a/packages/circuit-ui/hooks/useStack/useStack.spec.ts b/packages/circuit-ui/hooks/useStack/useStack.spec.ts index 66c9ce1b0e..c83ea93cbd 100644 --- a/packages/circuit-ui/hooks/useStack/useStack.spec.ts +++ b/packages/circuit-ui/hooks/useStack/useStack.spec.ts @@ -15,9 +15,9 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'; -import { renderHook, act } from '../../util/test-utils'; +import { renderHook, act } from '../../util/test-utils.js'; -import { useStack } from './useStack'; +import { useStack } from './useStack.js'; describe('useStack', () => { beforeEach(() => { diff --git a/packages/circuit-ui/index.ts b/packages/circuit-ui/index.ts index a1cb4062ce..6eb755ce77 100644 --- a/packages/circuit-ui/index.ts +++ b/packages/circuit-ui/index.ts @@ -14,20 +14,20 @@ */ // Typography -export { default as Headline } from './components/Headline'; -export type { HeadlineProps } from './components/Headline'; -export { default as Title } from './components/Title'; -export type { TitleProps } from './components/Title'; -export { default as SubHeadline } from './components/SubHeadline'; -export type { SubHeadlineProps } from './components/SubHeadline'; -export { default as Body } from './components/Body'; -export type { BodyProps } from './components/Body'; -export { default as BodyLarge } from './components/BodyLarge'; -export type { BodyLargeProps } from './components/BodyLarge'; -export { default as Anchor } from './components/Anchor'; -export type { AnchorProps } from './components/Anchor'; -export { default as List } from './components/List'; -export type { ListProps } from './components/List'; +export { default as Headline } from './components/Headline/index.js'; +export type { HeadlineProps } from './components/Headline/index.js'; +export { default as Title } from './components/Title/index.js'; +export type { TitleProps } from './components/Title/index.js'; +export { default as SubHeadline } from './components/SubHeadline/index.js'; +export type { SubHeadlineProps } from './components/SubHeadline/index.js'; +export { default as Body } from './components/Body/index.js'; +export type { BodyProps } from './components/Body/index.js'; +export { default as BodyLarge } from './components/BodyLarge/index.js'; +export type { BodyLargeProps } from './components/BodyLarge/index.js'; +export { default as Anchor } from './components/Anchor/index.js'; +export type { AnchorProps } from './components/Anchor/index.js'; +export { default as List } from './components/List/index.js'; +export type { ListProps } from './components/List/index.js'; // Forms export { @@ -35,149 +35,156 @@ export { RangePickerController, SingleDayPicker, CalendarConstants, -} from './components/Calendar'; +} from './components/Calendar/index.js'; export type { RangePickerProps, RangePickerControllerProps, SingleDayPickerProps, -} from './components/Calendar'; -export { default as CalendarTag } from './components/CalendarTag'; -export type { CalendarTagProps } from './components/CalendarTag'; -export { default as CalendarTagTwoStep } from './components/CalendarTagTwoStep'; -export type { CalendarTagTwoStepProps } from './components/CalendarTagTwoStep'; -export { default as Checkbox } from './components/Checkbox'; -export type { CheckboxProps } from './components/Checkbox'; -export { default as Input } from './components/Input'; -export type { InputProps, InputElement } from './components/Input'; -export { default as RadioButton } from './components/RadioButton'; -export type { RadioButtonProps } from './components/RadioButton'; -export { default as RadioButtonGroup } from './components/RadioButtonGroup'; -export type { RadioButtonGroupProps } from './components/RadioButtonGroup'; -export { default as SearchInput } from './components/SearchInput'; -export type { SearchInputProps } from './components/SearchInput'; -export { default as DateInput } from './components/DateInput'; -export type { DateInputProps } from './components/DateInput'; -export { default as Select } from './components/Select'; -export type { SelectProps, SelectOption } from './components/Select'; -export { default as TextArea } from './components/TextArea'; -export type { TextAreaProps } from './components/TextArea'; -export { default as CurrencyInput } from './components/CurrencyInput'; -export type { CurrencyInputProps } from './components/CurrencyInput'; -export { default as ImageInput } from './components/ImageInput'; -export type { ImageInputProps } from './components/ImageInput'; +} from './components/Calendar/index.js'; +export { default as CalendarTag } from './components/CalendarTag/index.js'; +export type { CalendarTagProps } from './components/CalendarTag/index.js'; +export { default as CalendarTagTwoStep } from './components/CalendarTagTwoStep/index.js'; +export type { CalendarTagTwoStepProps } from './components/CalendarTagTwoStep/index.js'; +export { default as Checkbox } from './components/Checkbox/index.js'; +export type { CheckboxProps } from './components/Checkbox/index.js'; +export { default as Input } from './components/Input/index.js'; +export type { InputProps, InputElement } from './components/Input/index.js'; +export { default as RadioButton } from './components/RadioButton/index.js'; +export type { RadioButtonProps } from './components/RadioButton/index.js'; +export { default as RadioButtonGroup } from './components/RadioButtonGroup/index.js'; +export type { RadioButtonGroupProps } from './components/RadioButtonGroup/index.js'; +export { default as SearchInput } from './components/SearchInput/index.js'; +export type { SearchInputProps } from './components/SearchInput/index.js'; +export { default as DateInput } from './components/DateInput/index.js'; +export type { DateInputProps } from './components/DateInput/index.js'; +export { default as Select } from './components/Select/index.js'; +export type { SelectProps, SelectOption } from './components/Select/index.js'; +export { default as TextArea } from './components/TextArea/index.js'; +export type { TextAreaProps } from './components/TextArea/index.js'; +export { default as CurrencyInput } from './components/CurrencyInput/index.js'; +export type { CurrencyInputProps } from './components/CurrencyInput/index.js'; +export { default as ImageInput } from './components/ImageInput/index.js'; +export type { ImageInputProps } from './components/ImageInput/index.js'; // Actions -export { default as Button } from './components/Button'; -export type { ButtonProps } from './components/Button'; -export { default as ButtonGroup } from './components/ButtonGroup'; -export type { ButtonGroupProps } from './components/ButtonGroup'; -export { default as CloseButton } from './components/CloseButton'; -export type { CloseButtonProps } from './components/CloseButton'; -export { default as IconButton } from './components/IconButton'; -export type { IconButtonProps } from './components/IconButton'; -export { default as Toggle } from './components/Toggle'; -export type { ToggleProps } from './components/Toggle'; -export { default as Selector } from './components/Selector'; -export type { SelectorProps } from './components/Selector'; -export { default as SelectorGroup } from './components/SelectorGroup'; -export type { SelectorGroupProps } from './components/SelectorGroup'; -export type { ClickEvent } from './types/events'; +export { default as Button } from './components/Button/index.js'; +export type { ButtonProps } from './components/Button/index.js'; +export { default as ButtonGroup } from './components/ButtonGroup/index.js'; +export type { ButtonGroupProps } from './components/ButtonGroup/index.js'; +export { default as CloseButton } from './components/CloseButton/index.js'; +export type { CloseButtonProps } from './components/CloseButton/index.js'; +export { default as IconButton } from './components/IconButton/index.js'; +export type { IconButtonProps } from './components/IconButton/index.js'; +export { default as Toggle } from './components/Toggle/index.js'; +export type { ToggleProps } from './components/Toggle/index.js'; +export { default as Selector } from './components/Selector/index.js'; +export type { SelectorProps } from './components/Selector/index.js'; +export { default as SelectorGroup } from './components/SelectorGroup/index.js'; +export type { SelectorGroupProps } from './components/SelectorGroup/index.js'; +export type { ClickEvent } from './types/events.js'; // Notifications -export { default as NotificationBanner } from './components/NotificationBanner'; -export type { NotificationBannerProps } from './components/NotificationBanner'; -export { default as NotificationFullscreen } from './components/NotificationFullscreen'; -export type { NotificationFullscreenProps } from './components/NotificationFullscreen'; -export { useNotificationToast } from './components/NotificationToast'; -export type { NotificationToastProps } from './components/NotificationToast'; -export { ToastProvider } from './components/ToastContext'; -export type { ToastProviderProps } from './components/ToastContext'; -export { default as NotificationInline } from './components/NotificationInline'; -export type { NotificationInlineProps } from './components/NotificationInline'; +export { default as NotificationBanner } from './components/NotificationBanner/index.js'; +export type { NotificationBannerProps } from './components/NotificationBanner/index.js'; +export { default as NotificationFullscreen } from './components/NotificationFullscreen/index.js'; +export type { NotificationFullscreenProps } from './components/NotificationFullscreen/index.js'; +export { useNotificationToast } from './components/NotificationToast/index.js'; +export type { NotificationToastProps } from './components/NotificationToast/index.js'; +export { ToastProvider } from './components/ToastContext/index.js'; +export type { ToastProviderProps } from './components/ToastContext/index.js'; +export { default as NotificationInline } from './components/NotificationInline/index.js'; +export type { NotificationInlineProps } from './components/NotificationInline/index.js'; // Layout -export { Grid, Row, Col } from './components/Grid'; -export type { ColProps } from './components/Grid'; -export { default as InlineElements } from './components/InlineElements'; -export type { InlineElementsProps } from './components/InlineElements'; +export { Grid, Row, Col } from './components/Grid/index.js'; +export type { ColProps } from './components/Grid/index.js'; +export { default as InlineElements } from './components/InlineElements/index.js'; +export type { InlineElementsProps } from './components/InlineElements/index.js'; // Navigation -export { default as Hamburger } from './components/Hamburger'; -export type { HamburgerProps } from './components/Hamburger'; -export { default as Header } from './components/Header'; -export type { HeaderProps } from './components/Header'; -export { default as Pagination } from './components/Pagination'; -export type { PaginationProps } from './components/Pagination'; +export { default as Hamburger } from './components/Hamburger/index.js'; +export type { HamburgerProps } from './components/Hamburger/index.js'; +export { default as Header } from './components/Header/index.js'; +export type { HeaderProps } from './components/Header/index.js'; +export { default as Pagination } from './components/Pagination/index.js'; +export type { PaginationProps } from './components/Pagination/index.js'; export { TopNavigation, TOP_NAVIGATION_HEIGHT, -} from './components/TopNavigation'; -export type { TopNavigationProps } from './components/TopNavigation'; -export { SideNavigation } from './components/SideNavigation'; +} from './components/TopNavigation/index.js'; +export type { TopNavigationProps } from './components/TopNavigation/index.js'; +export { SideNavigation } from './components/SideNavigation/index.js'; export type { SideNavigationProps, PrimaryLinkProps, SecondaryGroupProps, SecondaryLinkProps, -} from './components/SideNavigation'; -export { Tabs, TabList, TabPanel, Tab } from './components/Tabs'; +} from './components/SideNavigation/index.js'; +export { Tabs, TabList, TabPanel, Tab } from './components/Tabs/index.js'; export type { TabsProps, TabListProps, TabPanelProps, TabProps, -} from './components/Tabs'; -export { default as Sidebar } from './components/Sidebar'; -export type { SidebarProps } from './components/Sidebar'; +} from './components/Tabs/index.js'; +export { default as Sidebar } from './components/Sidebar/index.js'; +export type { SidebarProps } from './components/Sidebar/index.js'; export { SidebarContextProvider, SidebarContextConsumer, -} from './components/Sidebar'; +} from './components/Sidebar/index.js'; // Misc -export { default as Spinner } from './components/Spinner'; -export type { SpinnerProps } from './components/Spinner'; -export { default as Badge } from './components/Badge'; -export type { BadgeProps } from './components/Badge'; -export { default as Card, CardHeader, CardFooter } from './components/Card'; +export { default as Spinner } from './components/Spinner/index.js'; +export type { SpinnerProps } from './components/Spinner/index.js'; +export { default as Badge } from './components/Badge/index.js'; +export type { BadgeProps } from './components/Badge/index.js'; +export { + default as Card, + CardHeader, + CardFooter, +} from './components/Card/index.js'; export type { CardProps, CardHeaderProps, CardFooterProps, -} from './components/Card'; -export { default as Hr } from './components/Hr'; -export { default as Image } from './components/Image'; -export type { ImageProps } from './components/Image'; -export { default as ProgressBar } from './components/ProgressBar'; -export type { ProgressBarProps } from './components/ProgressBar'; -export { default as Tag } from './components/Tag'; -export type { TagProps } from './components/Tag'; -export { default as Popover } from './components/Popover'; -export type { PopoverProps, PopoverItemProps } from './components/Popover'; -export { default as Tooltip } from './components/Tooltip'; -export type { TooltipProps } from './components/Tooltip'; -export { default as BaseStyles } from './components/BaseStyles'; -export { ModalProvider } from './components/ModalContext'; -export type { ModalProviderProps } from './components/ModalContext'; -export { useModal } from './components/Modal'; -export type { ModalProps } from './components/Modal'; -export { useNotificationModal } from './components/NotificationModal'; -export type { NotificationModalProps } from './components/NotificationModal'; -export { default as ListItem } from './components/ListItem'; -export type { ListItemProps } from './components/ListItem'; -export { default as ListItemGroup } from './components/ListItemGroup'; -export type { ListItemGroupProps } from './components/ListItemGroup'; +} from './components/Card/index.js'; +export { default as Hr } from './components/Hr/index.js'; +export { default as Image } from './components/Image/index.js'; +export type { ImageProps } from './components/Image/index.js'; +export { default as ProgressBar } from './components/ProgressBar/index.js'; +export type { ProgressBarProps } from './components/ProgressBar/index.js'; +export { default as Tag } from './components/Tag/index.js'; +export type { TagProps } from './components/Tag/index.js'; +export { default as Popover } from './components/Popover/index.js'; +export type { + PopoverProps, + PopoverItemProps, +} from './components/Popover/index.js'; +export { default as Tooltip } from './components/Tooltip/index.js'; +export type { TooltipProps } from './components/Tooltip/index.js'; +export { default as BaseStyles } from './components/BaseStyles/index.js'; +export { ModalProvider } from './components/ModalContext/index.js'; +export type { ModalProviderProps } from './components/ModalContext/index.js'; +export { useModal } from './components/Modal/index.js'; +export type { ModalProps } from './components/Modal/index.js'; +export { useNotificationModal } from './components/NotificationModal/index.js'; +export type { NotificationModalProps } from './components/NotificationModal/index.js'; +export { default as ListItem } from './components/ListItem/index.js'; +export type { ListItemProps } from './components/ListItem/index.js'; +export { default as ListItemGroup } from './components/ListItemGroup/index.js'; +export type { ListItemGroupProps } from './components/ListItemGroup/index.js'; export { SidePanelProvider, useSidePanel, SIDE_PANEL_WIDTH, -} from './components/SidePanel'; +} from './components/SidePanel/index.js'; export type { SidePanelProviderProps, SidePanelHookProps, -} from './components/SidePanel'; +} from './components/SidePanel/index.js'; -export { default as Table } from './components/Table'; +export { default as Table } from './components/Table/index.js'; export type { TableProps, TableSortDirection, @@ -186,22 +193,25 @@ export type { TableRowCell, TableCell, TableRow, -} from './components/Table'; +} from './components/Table/index.js'; -export { default as Step, useStep } from './components/Step'; -export type { StepProps, StepOptions } from './components/Step'; -export { default as AspectRatio } from './components/AspectRatio'; -export type { AspectRatioProps } from './components/AspectRatio'; -export { default as Carousel, CarouselComposer } from './components/Carousel'; -export type { CarouselProps } from './components/Carousel'; -export { default as Avatar } from './components/Avatar'; -export type { AvatarProps } from './components/Avatar'; +export { default as Step, useStep } from './components/Step/index.js'; +export type { StepProps, StepOptions } from './components/Step/index.js'; +export { default as AspectRatio } from './components/AspectRatio/index.js'; +export type { AspectRatioProps } from './components/AspectRatio/index.js'; +export { + default as Carousel, + CarouselComposer, +} from './components/Carousel/index.js'; +export type { CarouselProps } from './components/Carousel/index.js'; +export { default as Avatar } from './components/Avatar/index.js'; +export type { AvatarProps } from './components/Avatar/index.js'; export { ComponentsContext, useComponents, -} from './components/ComponentsContext'; -export type { ComponentsContextType } from './components/ComponentsContext'; +} from './components/ComponentsContext/index.js'; +export type { ComponentsContextType } from './components/ComponentsContext/index.js'; export { cx, @@ -216,12 +226,12 @@ export { inputOutline, typography, center, -} from './styles/style-mixins'; +} from './styles/style-mixins.js'; -export { uniqueId } from './util/id'; +export { uniqueId } from './util/id.js'; // Hooks -export { useClickOutside } from './hooks/useClickOutside'; -export { useEscapeKey } from './hooks/useEscapeKey'; -export { useFocusList } from './hooks/useFocusList'; -export { useCollapsible } from './hooks/useCollapsible'; +export { useClickOutside } from './hooks/useClickOutside/index.js'; +export { useEscapeKey } from './hooks/useEscapeKey/index.js'; +export { useFocusList } from './hooks/useFocusList/index.js'; +export { useCollapsible } from './hooks/useCollapsible/index.js'; diff --git a/packages/circuit-ui/package.json b/packages/circuit-ui/package.json index 3f06cbd0e9..a99fd21b80 100644 --- a/packages/circuit-ui/package.json +++ b/packages/circuit-ui/package.json @@ -2,9 +2,8 @@ "name": "@sumup/circuit-ui", "version": "7.0.0-next.0", "description": "SumUp's React UI component library", - "main": "dist/cjs/index.js", - "module": "dist/es/index.js", - "types": "dist/es/index.d.ts", + "type": "module", + "exports": "./dist/index.js", "sideEffects": false, "files": [ "dist", @@ -24,9 +23,7 @@ "scripts": { "start": "tsc --watch", "clean": "rm -rf ./dist", - "build:es": "tsc --project tsconfig.es.json", - "build:cjs": "tsc --project tsconfig.cjs.json", - "build": "npm run build:es && npm run build:cjs", + "build": "tsc --project tsconfig.build.json", "lint": "foundry run eslint . --ext .js,.jsx,.ts,.tsx", "lint:fix": "npm run lint -- --fix", "test": "vitest" @@ -37,12 +34,9 @@ "moment": "^2.29.4", "react-dates": "^21.2.0", "react-modal": "^3.16.1", - "react-number-format": "^5.1.4", - "use-latest": "^1.2.1", - "use-previous": "^1.2.0" + "react-number-format": "^5.1.4" }, "devDependencies": { - "@emotion/babel-plugin": "^11.10.2", "@emotion/cache": "^11.4.0", "@emotion/is-prop-valid": "^1.1.0", "@emotion/jest": "^11.10.5", @@ -65,7 +59,6 @@ "@types/testing-library__jest-dom": "^5.14.5", "component-playground": "^3.2.1", "cross-env": "^7.0.2", - "fork-ts-checker-webpack-plugin": "^8.0.0", "jest-axe": "^7.0.1", "react": "^18.2.0", "react-docgen": "^5.4.3", @@ -84,5 +77,8 @@ "@sumup/intl": "1.x", "react": ">=18.0.0 <19.0.0", "react-dom": ">=18.0.0 <19.0.0" + }, + "engines": { + "node": ">=16" } } diff --git a/packages/circuit-ui/styles/is-prop-valid.ts b/packages/circuit-ui/styles/is-prop-valid.ts new file mode 100644 index 0000000000..2de4038f51 --- /dev/null +++ b/packages/circuit-ui/styles/is-prop-valid.ts @@ -0,0 +1,25 @@ +/** + * Copyright 2023, SumUp Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import _isPropValid from '@emotion/is-prop-valid'; + +// HACK: Emotion.js doesn't properly expose ESM files. This workaround is needed +// to make the default export work. +// See https://github.com/emotion-js/emotion/issues/2730#issuecomment-1298407552 +const isPropValid = (_isPropValid.default || _isPropValid) as ( + prop: string, +) => boolean; + +export default isPropValid; diff --git a/packages/circuit-ui/styles/style-mixins.spec.tsx b/packages/circuit-ui/styles/style-mixins.spec.tsx index 1b5763984f..8fac63e4cd 100644 --- a/packages/circuit-ui/styles/style-mixins.spec.tsx +++ b/packages/circuit-ui/styles/style-mixins.spec.tsx @@ -17,7 +17,7 @@ import { describe, expect, it } from 'vitest'; import { css } from '@emotion/react'; import { light, Theme } from '@sumup/design-tokens'; -import { create } from '../util/test-utils'; +import { create } from '../util/test-utils.js'; import { cx, @@ -34,7 +34,7 @@ import { listItem, navigationItem, center, -} from './style-mixins'; +} from './style-mixins.js'; describe('Style helpers', () => { const byte = (theme: Theme) => css` diff --git a/packages/circuit-ui/styles/style-mixins.stories.tsx b/packages/circuit-ui/styles/style-mixins.stories.tsx index 1a0ab1f0b7..fcfcc7b956 100644 --- a/packages/circuit-ui/styles/style-mixins.stories.tsx +++ b/packages/circuit-ui/styles/style-mixins.stories.tsx @@ -13,11 +13,10 @@ * limitations under the License. */ -import styled from '@emotion/styled'; - -import { Stack } from '../../../.storybook/components'; -import Button from '../components/Button'; +import { Stack } from '../../../.storybook/components/index.js'; +import Button from '../components/Button/index.js'; +import styled from './styled.js'; import { spacing, shadow, @@ -29,7 +28,7 @@ import { hideScrollbar, SpacingValue, center, -} from './style-mixins'; +} from './style-mixins.js'; export default { title: 'Features/Style Mixins', diff --git a/packages/circuit-ui/styles/style-mixins.ts b/packages/circuit-ui/styles/style-mixins.ts index 7f2c1b4261..867ff4c856 100644 --- a/packages/circuit-ui/styles/style-mixins.ts +++ b/packages/circuit-ui/styles/style-mixins.ts @@ -16,8 +16,8 @@ import { css, SerializedStyles } from '@emotion/react'; import { Theme } from '@sumup/design-tokens'; -import { warn } from '../util/logger'; -import { isFunction } from '../util/type-check'; +import { warn } from '../util/logger.js'; +import { isFunction } from '../util/type-check.js'; type ThemeArgs = Theme | { theme: Theme }; diff --git a/packages/circuit-ui/styles/styled.ts b/packages/circuit-ui/styles/styled.ts index 138f24b944..8975f60f9d 100644 --- a/packages/circuit-ui/styles/styled.ts +++ b/packages/circuit-ui/styles/styled.ts @@ -13,9 +13,16 @@ * limitations under the License. */ -import styled from '@emotion/styled'; +import _styled from '@emotion/styled'; +import type { CreateStyled } from '@emotion/styled'; import { Theme } from '@sumup/design-tokens'; +// HACK: Emotion.js doesn't properly expose ESM files. This workaround is needed +// to make the default export work. +// See https://github.com/emotion-js/emotion/issues/2730#issuecomment-1298407552 +// eslint-disable-next-line +const styled = (_styled.default || _styled) as CreateStyled; + export default styled; export interface StyleProps { diff --git a/packages/circuit-ui/tsconfig.es.json b/packages/circuit-ui/tsconfig.build.json similarity index 88% rename from packages/circuit-ui/tsconfig.es.json rename to packages/circuit-ui/tsconfig.build.json index 541e01434f..5384122b7f 100644 --- a/packages/circuit-ui/tsconfig.es.json +++ b/packages/circuit-ui/tsconfig.build.json @@ -2,7 +2,7 @@ "extends": "./tsconfig.json", "compilerOptions": { "noEmit": false, - "outDir": "./dist/es" + "outDir": "./dist" }, "exclude": [ "**/*/__tests__/*", diff --git a/packages/circuit-ui/tsconfig.cjs.json b/packages/circuit-ui/tsconfig.cjs.json deleted file mode 100644 index 03404b0df2..0000000000 --- a/packages/circuit-ui/tsconfig.cjs.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "extends": "./tsconfig.es.json", - "compilerOptions": { - "module": "CommonJS", - "outDir": "./dist/cjs" - } -} diff --git a/packages/circuit-ui/tsconfig.json b/packages/circuit-ui/tsconfig.json index b30356063e..c2848ab0d9 100644 --- a/packages/circuit-ui/tsconfig.json +++ b/packages/circuit-ui/tsconfig.json @@ -9,7 +9,8 @@ "isolatedModules": true, "jsx": "react-jsx", "jsxImportSource": "@emotion/react", - "moduleResolution": "node", + "module": "NodeNext", + "moduleResolution": "NodeNext", "noEmit": true, "noFallthroughCasesInSwitch": true, "noUnusedLocals": true, diff --git a/packages/circuit-ui/types/global.d.ts b/packages/circuit-ui/types/global.d.ts index f330db9cd9..95d147c6ae 100644 --- a/packages/circuit-ui/types/global.d.ts +++ b/packages/circuit-ui/types/global.d.ts @@ -14,7 +14,6 @@ */ import { Theme as CircuitTheme } from '@sumup/design-tokens'; -import {} from '@emotion/react/types/css-prop'; // See https://github.com/emotion-js/emotion/pull/1941 declare module '@emotion/react' { // eslint-disable-next-line @typescript-eslint/no-empty-interface diff --git a/packages/circuit-ui/util/helpers.spec.ts b/packages/circuit-ui/util/helpers.spec.ts index c0bb03783f..2f670f719e 100644 --- a/packages/circuit-ui/util/helpers.spec.ts +++ b/packages/circuit-ui/util/helpers.spec.ts @@ -15,7 +15,7 @@ import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest'; -import { clamp, eachFn, isEmpty, throttle } from './helpers'; +import { clamp, eachFn, isEmpty, throttle } from './helpers.js'; describe('helpers', () => { describe('clamp', () => { diff --git a/packages/circuit-ui/util/helpers.ts b/packages/circuit-ui/util/helpers.ts index 248d7f5ddb..f6eb7bb89d 100644 --- a/packages/circuit-ui/util/helpers.ts +++ b/packages/circuit-ui/util/helpers.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { isArray, isFunction, isObject, isString } from './type-check'; +import { isArray, isFunction, isObject, isString } from './type-check.js'; /** * Calls each function in an array with the arguments it receives. diff --git a/packages/circuit-ui/util/id.spec.ts b/packages/circuit-ui/util/id.spec.ts index 6265d24524..cb6604630e 100644 --- a/packages/circuit-ui/util/id.spec.ts +++ b/packages/circuit-ui/util/id.spec.ts @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import { uniqueId } from './id'; +import { uniqueId } from './id.js'; describe('Id', () => { it('should generate a unique, auto-incrementing id', () => { diff --git a/packages/circuit-ui/util/key-codes.spec.tsx b/packages/circuit-ui/util/key-codes.spec.tsx index 2bfcc349d3..75acf00061 100644 --- a/packages/circuit-ui/util/key-codes.spec.tsx +++ b/packages/circuit-ui/util/key-codes.spec.tsx @@ -23,7 +23,7 @@ import { isEnter, isEscape, isSpacebar, -} from './key-codes'; +} from './key-codes.js'; describe('key codes', () => { const events = { diff --git a/packages/circuit-ui/util/logger.ts b/packages/circuit-ui/util/logger.ts index 0d18a451fe..1ca4755c04 100644 --- a/packages/circuit-ui/util/logger.ts +++ b/packages/circuit-ui/util/logger.ts @@ -14,14 +14,15 @@ * limitations under the License. */ -import { DeprecationError } from './errors'; +import { DeprecationError } from './errors.js'; /** * Always wrap in `process.env.NODE_ENV !== 'production'` to enable dead code * elimination. */ -export const warn = (componentName: string, ...message: unknown[]): void => +export function warn(componentName: string, ...message: unknown[]): void { console.warn(`[${componentName}]`, ...message); +} const DEPRECATED: { [key: string]: true } = {}; diff --git a/packages/circuit-ui/util/refs.spec.tsx b/packages/circuit-ui/util/refs.spec.tsx index 0c53d49273..c86b8e4e35 100644 --- a/packages/circuit-ui/util/refs.spec.tsx +++ b/packages/circuit-ui/util/refs.spec.tsx @@ -16,8 +16,8 @@ import { describe, expect, test, vi } from 'vitest'; import { useRef } from 'react'; -import { render, renderHook } from './test-utils'; -import { applyMultipleRefs } from './refs'; +import { render, renderHook } from './test-utils.js'; +import { applyMultipleRefs } from './refs.js'; describe('applyMultipleRefs function', () => { test("should populate a reference's `current` member'", () => { diff --git a/packages/circuit-ui/util/regex.spec.ts b/packages/circuit-ui/util/regex.spec.ts index b386806f22..3bd6d46415 100644 --- a/packages/circuit-ui/util/regex.spec.ts +++ b/packages/circuit-ui/util/regex.spec.ts @@ -15,7 +15,7 @@ import { describe, expect, it } from 'vitest'; -import * as regex from './regex'; +import * as regex from './regex.js'; describe('currency', () => { describe('currencyToRegex()', () => { diff --git a/packages/circuit-ui/util/test-utils.tsx b/packages/circuit-ui/util/test-utils.tsx index 5d320e8cc4..714780e4cf 100644 --- a/packages/circuit-ui/util/test-utils.tsx +++ b/packages/circuit-ui/util/test-utils.tsx @@ -29,7 +29,7 @@ import { light } from '@sumup/design-tokens'; import { ComponentsContext, defaultComponents, -} from '../components/ComponentsContext/ComponentsContext'; +} from '../components/ComponentsContext/ComponentsContext.js'; export * from '@testing-library/react'; diff --git a/packages/circuit-ui/util/type-check.spec.ts b/packages/circuit-ui/util/type-check.spec.ts index 4deb8aaa5e..18447649dc 100644 --- a/packages/circuit-ui/util/type-check.spec.ts +++ b/packages/circuit-ui/util/type-check.spec.ts @@ -22,7 +22,7 @@ import { isNumber, isObject, isString, -} from './type-check'; +} from './type-check.js'; describe('type check', () => { describe('isFunction', () => { diff --git a/packages/design-tokens/index.ts b/packages/design-tokens/index.ts index 6f51402142..1ebb9c0ef4 100644 --- a/packages/design-tokens/index.ts +++ b/packages/design-tokens/index.ts @@ -13,13 +13,13 @@ * limitations under the License. */ -import * as Types from './types'; -import * as lightBase from './themes/light'; +import type { Theme } from './types/index.js'; +import * as lightBase from './themes/light.js'; -export { themePropType } from './utils/theme-prop-type'; +export { themePropType } from './utils/theme-prop-type.js'; // HACK: Copy the theme, otherwise, it gets exported as 'module'. -const light: Types.Theme = { ...lightBase }; +const light: Theme = { ...lightBase }; -export type Theme = Types.Theme; +export type { Theme }; export { light }; diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index 32d5ad385d..18f8e55bad 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -2,14 +2,11 @@ "name": "@sumup/design-tokens", "version": "5.1.1", "description": "Visual primitives such as typography, color, and spacing that are shared across platforms.", - "main": "dist/cjs/index.js", - "module": "dist/es/index.js", - "types": "dist/es/index.d.ts", + "type": "module", + "exports": "./dist/index.js", "sideEffects": false, "files": [ - "dist", - "README.md", - "LICENSE" + "dist" ], "repository": { "type": "git", @@ -23,9 +20,7 @@ "homepage": "https://github.com/sumup-oss/circuit-ui/tree/main/packages/design-tokens/README.md", "scripts": { "start": "tsc --watch", - "build": "npm run build:es && npm run build:cjs", - "build:es": "tsc", - "build:cjs": "tsc --project tsconfig.cjs.json", + "build": "tsc", "lint": "foundry run eslint . --ext .js,.jsx,.ts,.tsx", "lint:fix": "npm run lint -- --fix", "test": "vitest" @@ -37,5 +32,8 @@ "@types/node": "^18.15.11", "@types/prop-types": "^15.7.5", "typescript": "^5.0.4" + }, + "engines": { + "node": ">=16" } } diff --git a/packages/design-tokens/tests/index.spec.ts b/packages/design-tokens/tests/index.spec.ts index b20ac8531c..0c6b1556f3 100644 --- a/packages/design-tokens/tests/index.spec.ts +++ b/packages/design-tokens/tests/index.spec.ts @@ -15,7 +15,7 @@ import { describe, it, expect } from 'vitest'; -import { light } from '..'; +import { light } from '../index.js'; describe('Themes', () => { describe('light', () => { diff --git a/packages/design-tokens/themes/light.ts b/packages/design-tokens/themes/light.ts index 7a61b75901..2f209bc4e5 100644 --- a/packages/design-tokens/themes/light.ts +++ b/packages/design-tokens/themes/light.ts @@ -13,7 +13,7 @@ * limitations under the License. */ -import { Colors } from '../types'; +import { Colors } from '../types/index.js'; export const type = 'light'; @@ -122,4 +122,4 @@ export const colors: Colors = { ...misc, }; -export * from './shared'; +export * from './shared.js'; diff --git a/packages/design-tokens/themes/shared.ts b/packages/design-tokens/themes/shared.ts index f4733eee7d..21aa19a4f7 100644 --- a/packages/design-tokens/themes/shared.ts +++ b/packages/design-tokens/themes/shared.ts @@ -24,7 +24,7 @@ import { Breakpoints, MediaQueries, ZIndex, -} from '../types'; +} from '../types/index.js'; export const spacings: Spacings = { bit: '4px', diff --git a/packages/design-tokens/tsconfig.cjs.json b/packages/design-tokens/tsconfig.cjs.json deleted file mode 100644 index 8ab4792db4..0000000000 --- a/packages/design-tokens/tsconfig.cjs.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "extends": "./tsconfig.json", - "compilerOptions": { - "module": "CommonJS", - "outDir": "./dist/cjs" - } -} diff --git a/packages/design-tokens/tsconfig.json b/packages/design-tokens/tsconfig.json index bec2d392f0..6ae55502ea 100644 --- a/packages/design-tokens/tsconfig.json +++ b/packages/design-tokens/tsconfig.json @@ -4,8 +4,9 @@ "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "isolatedModules": true, - "moduleResolution": "node", - "outDir": "./dist/es", + "module": "NodeNext", + "moduleResolution": "NodeNext", + "outDir": "./dist", "resolveJsonModule": true, "strict": true, "target": "es2017" diff --git a/packages/design-tokens/utils/theme-prop-type.ts b/packages/design-tokens/utils/theme-prop-type.ts index 193d6c3f72..b8cbc9d230 100644 --- a/packages/design-tokens/utils/theme-prop-type.ts +++ b/packages/design-tokens/utils/theme-prop-type.ts @@ -30,7 +30,7 @@ import { Grid, Transitions, ZIndex, -} from '../types'; +} from '../types/index.js'; const typePropType = PropTypes.shape({ fontSize: PropTypes.string, diff --git a/packages/icons/package.json b/packages/icons/package.json index cc4824354e..54a4f11c4c 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -2,14 +2,17 @@ "name": "@sumup/icons", "version": "2.22.0", "description": "A collection of icons by SumUp", - "main": "dist/cjs/index.js", - "module": "dist/es/index.js", - "types": "./dist/index.d.ts", + "type": "module", + "main": "./dist/index.js", + "exports": { + ".": "./dist/index.js", + "./manifest.json": "./manifest.json", + "./*.svg": "./web/v2/*.svg" + }, "sideEffects": false, "files": [ "dist", - "README.md", - "*.svg", + "web", "manifest.json" ], "repository": { @@ -23,12 +26,11 @@ }, "homepage": "https://github.com/sumup-oss/circuit-ui/tree/main/packages/icons/README.md", "scripts": { - "start": "ts-node-dev --respawn --watch web ./scripts/web.ts", - "build": "ts-node ./scripts/web.ts", + "start": "tsx watch ./scripts/web.ts", + "build": "tsx ./scripts/web.ts", "lint": "foundry run eslint . --ext .ts,.tsx,.js,.jsx", "lint:fix": "npm run lint -- --fix", - "prepublish": "npm run build && cp web/v1/* .", - "postpublish": "rm -f *.svg" + "prepublish": "npm run build" }, "devDependencies": { "@babel/core": "^7.21.4", @@ -39,12 +41,13 @@ "@types/lodash": "^4.14.194", "babel-plugin-inline-react-svg": "^2.0.2", "dedent": "^0.7.0", - "lodash": "^4.17.15", - "ts-node": "^10.9.1", - "ts-node-dev": "^2.0.0", + "tsx": "^3.12.6", "typescript": "^5.0.4" }, "peerDependencies": { "react": ">=16.0.0 <19.0.0" + }, + "engines": { + "node": ">=16" } } diff --git a/packages/icons/scripts/web.ts b/packages/icons/scripts/web.ts index 8e72ffda8b..b450c28f8d 100644 --- a/packages/icons/scripts/web.ts +++ b/packages/icons/scripts/web.ts @@ -13,29 +13,25 @@ * limitations under the License. */ -import fs from 'fs'; -import path from 'path'; +import fs from 'node:fs'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; import dedent from 'dedent'; -import { entries, flow, groupBy, map } from 'lodash/fp'; import { transformSync } from '@babel/core'; -import manifest from '../manifest.json'; +import manifest from '../manifest.json' assert { type: 'json' }; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); const BASE_DIR = path.join(__dirname, '..'); const ICON_DIR = path.join(BASE_DIR, './web/v2'); const DIST_DIR = path.join(BASE_DIR, 'dist'); -enum IconSize { - SIZE_16 = '16', - SIZE_24 = '24', - SIZE_32 = '32', -} - type Icon = { name: string; category: string; - size: IconSize; + size: '16' | '24' | '32'; }; type Component = { @@ -76,7 +72,7 @@ function buildComponentFile(component: Component): string { }' icon. Please use one of the available sizes: '${sizes.join("', '")}'.`; /** - * TODO look into whether we still need the React import here + * TODO: look into whether we still need the React import here */ return dedent` import React from 'react'; @@ -118,7 +114,7 @@ function buildDeclarationFile(components: Component[]): string { }); const exportNames = components.map((file) => file.name); return dedent` - import { FC, SVGProps } from 'react'; + import type { FC, SVGProps } from 'react'; export interface IconProps extends SVGProps { /** @@ -141,26 +137,15 @@ function buildDeclarationFile(components: Component[]): string { `; } -function transpileMain(fileName: string, code: string): void { - const distDir = path.join(DIST_DIR, 'cjs'); - const output = transformSync(code, { - cwd: BASE_DIR, - presets: ['@babel/preset-env', '@babel/preset-react'], - plugins: [['inline-react-svg', { svgo: false }]], - filename: fileName, - })?.code as string; - writeFile(distDir, fileName, output); -} - function transpileModule(fileName: string, code: string): void { - const distDir = path.join(DIST_DIR, 'es'); const output = transformSync(code, { cwd: BASE_DIR, + targets: { esmodules: true }, presets: [['@babel/preset-env', { modules: false }], '@babel/preset-react'], plugins: [['inline-react-svg', { svgo: false }]], filename: fileName, })?.code as string; - writeFile(distDir, fileName, output); + writeFile(DIST_DIR, fileName, output); } function writeFile(dir: string, fileName: string, fileContent: string): void { @@ -177,14 +162,18 @@ function writeFile(dir: string, fileName: string, fileContent: string): void { } function main(): void { - const components = flow( - groupBy('name'), - entries, - map((group: [string, Icon[]]) => ({ - name: getComponentName(group[0]), - icons: group[1], - })), - )(manifest.icons) as Component[]; + const icons = manifest.icons as Icon[]; + const iconsByName = icons.reduce((acc, icon) => { + acc[icon.name] = acc[icon.name] || []; + acc[icon.name].push(icon); + return acc; + }, {} as Record); + const components: Component[] = Object.entries(iconsByName).map( + ([name, icons]) => ({ + name: getComponentName(name), + icons, + }), + ); const indexRaw = buildIndexFile(components); const declarationFile = buildDeclarationFile(components); @@ -192,11 +181,9 @@ function main(): void { components.forEach((component) => { const componentFileName = `${component.name}.js`; const componentRaw = buildComponentFile(component); - transpileMain(componentFileName, componentRaw); transpileModule(componentFileName, componentRaw); }); - transpileMain('index.js', indexRaw); transpileModule('index.js', indexRaw); writeFile(DIST_DIR, 'index.d.ts', declarationFile); diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json index 9ad5db7c47..ca834a944c 100644 --- a/packages/icons/tsconfig.json +++ b/packages/icons/tsconfig.json @@ -1,7 +1,9 @@ { "compilerOptions": { "esModuleInterop": true, - "resolveJsonModule": true + "resolveJsonModule": true, + "module": "NodeNext", + "moduleResolution": "NodeNext" }, "include": ["scripts/*"] }