diff --git a/.husky/pre-commit b/.husky/pre-commit index fab6428a..14ace7b3 100755 --- a/.husky/pre-commit +++ b/.husky/pre-commit @@ -1,4 +1,4 @@ #!/bin/sh . "$(dirname "$0")/_/husky.sh" -pnpm lint-staged +pnpm lint-staged \ No newline at end of file diff --git a/components/package.json b/components/package.json index ccbb265d..c7dcdf39 100644 --- a/components/package.json +++ b/components/package.json @@ -39,6 +39,7 @@ "lodash": "^4.17.21" }, "devDependencies": { + "@babel/core": "^7.20.5", "@honkhonk/vite-plugin-svgr": "^1.1.0", "@jest/types": "^27.2.5", "@stylelint/postcss-css-in-js": "^0.38.0", @@ -69,12 +70,12 @@ "rimraf": "^3.0.2", "ts-jest": "^27.0.7", "ts-node": "^10.4.0", - "vite": "^2.6.13", - "vite-plugin-babel-macros": "^1.0.5", - "vite-plugin-dts": "^0.9.2", + "vite": "^3.2.5", + "vite-plugin-babel-macros": "^1.0.6", + "vite-plugin-dts": "1.6.6", "vite-plugin-stylelint": "^2.2.3", "vite-plugin-svgr": "^1.1.0", - "vite-tsconfig-paths": "^3.3.17" + "vite-tsconfig-paths": "^4.0.1" }, "peerDependencies": { "react": "^17", diff --git a/components/src/components/atoms/Avatar/Avatar.test.tsx b/components/src/components/atoms/Avatar/Avatar.test.tsx index e68cb613..379911a4 100644 --- a/components/src/components/atoms/Avatar/Avatar.test.tsx +++ b/components/src/components/atoms/Avatar/Avatar.test.tsx @@ -4,9 +4,10 @@ import { ThemeProvider } from 'styled-components' import { cleanup, render, screen, waitFor } from '@/test' -import { Avatar } from './Avatar' import { lightTheme } from '@/src/tokens' +import { Avatar } from './Avatar' + describe('', () => { afterEach(cleanup) diff --git a/components/src/components/atoms/Avatar/Avatar.tsx b/components/src/components/atoms/Avatar/Avatar.tsx index a7e89325..b6dc72f6 100644 --- a/components/src/components/atoms/Avatar/Avatar.tsx +++ b/components/src/components/atoms/Avatar/Avatar.tsx @@ -36,14 +36,14 @@ const Container = styled.div( ${!$noBorder && css` &::after { - box-shadow: ${theme.shadows['-px']} ${theme.colors.foregroundTertiary}; + box-shadow: ${theme.shadows['-px']} ${theme.colors.backgroundSecondary}; content: ''; inset: 0; position: absolute; } `} - background-color: ${theme.colors.foregroundSecondary}; + background-color: ${theme.colors.backgroundSecondary}; width: 100%; padding-bottom: 100%; diff --git a/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx b/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx index 3ddd4855..36c39648 100644 --- a/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx +++ b/components/src/components/atoms/BackdropSurface/BackdropSurface.tsx @@ -19,16 +19,11 @@ export const BackdropSurface = styled.div<{ ${!$empty && $state === 'entered' ? css` - background-color: rgba( - 0, - 0, - 0, - ${theme.shades.backgroundHideFallback} - ); + background-color: rgba(0, 0, 0, ${theme.opacity.overlayFallback}); @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { backdrop-filter: blur(16px); - background-color: ${theme.colors.backgroundHide}; + background-color: rgba(0, 0, 0, ${theme.opacity.overlay}); } ` : css` diff --git a/components/src/components/atoms/Button/Button.test.tsx b/components/src/components/atoms/Button/Button.test.tsx index 16890a40..3ecc9298 100644 --- a/components/src/components/atoms/Button/Button.test.tsx +++ b/components/src/components/atoms/Button/Button.test.tsx @@ -4,9 +4,10 @@ import { ThemeProvider } from 'styled-components' import { cleanup, render, screen } from '@/test' -import { Button } from './Button' import { lightTheme } from '@/src/tokens' +import { Button } from './Button' + describe('