Merge pull request #535 from atls/feat/upgrade-emotion

feat/upgrade-emotion
atls · Jan 26, 2024 · 4481c53 · 4481c53
2 parents c5aacc5 + 346f6a4
commit 4481c53
Show file tree

Hide file tree

Showing 185 changed files with 1,936 additions and 1,876 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/cache/@babel-helper-module-imports-npm-7.22.15-687e77ee50-b30edc03dc.zip b/.yarn/cache/@babel-helper-module-imports-npm-7.22.15-687e77ee50-b30edc03dc.zip
diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.23.4-b1f0d030c3-20253f64c4.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.23.4-b1f0d030c3-20253f64c4.zip
diff --git a/.yarn/cache/@babel-runtime-npm-7.23.9-3b96e23cc2-7110ef4dda.zip b/.yarn/cache/@babel-runtime-npm-7.23.9-3b96e23cc2-7110ef4dda.zip
diff --git a/.yarn/cache/@babel-types-npm-7.23.9-c32aeb5f36-2ea924ff7f.zip b/.yarn/cache/@babel-types-npm-7.23.9-c32aeb5f36-2ea924ff7f.zip
diff --git a/.yarn/cache/@emotion-babel-plugin-npm-11.11.0-c1dcc4c884-8016da0104.zip b/.yarn/cache/@emotion-babel-plugin-npm-11.11.0-c1dcc4c884-8016da0104.zip
diff --git a/.yarn/cache/@emotion-cache-npm-11.11.0-3e6e449071-2564df3c16.zip b/.yarn/cache/@emotion-cache-npm-11.11.0-3e6e449071-2564df3c16.zip
diff --git a/.yarn/cache/@emotion-css-npm-10.0.27-3fd4a0c157-04e586a09b.zip b/.yarn/cache/@emotion-css-npm-10.0.27-3fd4a0c157-04e586a09b.zip
diff --git a/.yarn/cache/@emotion-css-npm-11.11.2-dbfa42cf83-796ba77842.zip b/.yarn/cache/@emotion-css-npm-11.11.2-dbfa42cf83-796ba77842.zip
diff --git a/.yarn/cache/@emotion-hash-npm-0.9.1-650576c2b1-87587f4a5f.zip b/.yarn/cache/@emotion-hash-npm-0.9.1-650576c2b1-87587f4a5f.zip
diff --git a/.yarn/cache/@emotion-react-npm-11.11.3-5802f4fe7f-67de547d17.zip b/.yarn/cache/@emotion-react-npm-11.11.3-5802f4fe7f-67de547d17.zip
diff --git a/.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-a229e75eda.zip b/.yarn/cache/@emotion-serialize-npm-1.1.3-0ce9e71d95-a229e75eda.zip
diff --git a/.yarn/cache/@emotion-sheet-npm-1.2.2-a918ac483c-b25ec606f0.zip b/.yarn/cache/@emotion-sheet-npm-1.2.2-a918ac483c-b25ec606f0.zip
diff --git a/.yarn/cache/@emotion-styled-base-npm-10.3.0-37d578811d-329952f65c.zip b/.yarn/cache/@emotion-styled-base-npm-10.3.0-37d578811d-329952f65c.zip
diff --git a/.yarn/cache/@emotion-styled-npm-10.3.0-65b17d7921-20d6021418.zip b/.yarn/cache/@emotion-styled-npm-10.3.0-65b17d7921-20d6021418.zip
diff --git a/.yarn/cache/@emotion-styled-npm-11.11.0-9a95c8527d-3433979aad.zip b/.yarn/cache/@emotion-styled-npm-11.11.0-9a95c8527d-3433979aad.zip
diff --git a/.yarn/cache/@emotion-unitless-npm-0.8.1-bcf0a8f565-6f28915658.zip b/.yarn/cache/@emotion-unitless-npm-0.8.1-bcf0a8f565-6f28915658.zip
diff --git a/.yarn/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-757b7a8800.zip b/.yarn/cache/@emotion-use-insertion-effect-with-fallbacks-npm-1.0.1-730758c66c-757b7a8800.zip
diff --git a/.yarn/cache/@emotion-utils-npm-1.2.1-3d04f99348-d80f12813e.zip b/.yarn/cache/@emotion-utils-npm-1.2.1-3d04f99348-d80f12813e.zip
diff --git a/.yarn/cache/@emotion-weak-memoize-npm-0.3.1-bfc18213af-64f8180e70.zip b/.yarn/cache/@emotion-weak-memoize-npm-0.3.1-bfc18213af-64f8180e70.zip
diff --git a/...linux-x64-gnu-npm-12.3.4-97054948a9-9.zip → ...-darwin-arm64-npm-12.3.4-3c587df0e7-9.zip b/...linux-x64-gnu-npm-12.3.4-97054948a9-9.zip → ...-darwin-arm64-npm-12.3.4-3c587df0e7-9.zip
diff --git a/.yarn/cache/@types-react-dom-npm-17.0.11-fc2e584a96-240e593c0e.zip b/.yarn/cache/@types-react-dom-npm-17.0.11-fc2e584a96-240e593c0e.zip
diff --git a/.yarn/cache/@types-react-dom-npm-18.2.18-b316a8af22-22e1cb67df.zip b/.yarn/cache/@types-react-dom-npm-18.2.18-b316a8af22-22e1cb67df.zip
diff --git a/.yarn/cache/@types-react-npm-17.0.39-b4ac1f7bfe-339320a48f.zip b/.yarn/cache/@types-react-npm-17.0.39-b4ac1f7bfe-339320a48f.zip
diff --git a/.yarn/cache/@types-react-npm-18.2.48-3bda252d86-bdb08eca13.zip b/.yarn/cache/@types-react-npm-18.2.48-3bda252d86-bdb08eca13.zip
diff --git a/.yarn/cache/@types-styled-system-npm-5.1.15-da988ea366-e69d1abe24.zip b/.yarn/cache/@types-styled-system-npm-5.1.15-da988ea366-e69d1abe24.zip
diff --git a/.yarn/cache/@types-styled-system-npm-5.1.16-8dae4ab089-f3321df9e0.zip b/.yarn/cache/@types-styled-system-npm-5.1.16-8dae4ab089-f3321df9e0.zip
diff --git a/.yarn/cache/@types-styled-system-npm-5.1.17-b23679d367-1acf54c3ed.zip b/.yarn/cache/@types-styled-system-npm-5.1.17-b23679d367-1acf54c3ed.zip
diff --git a/.yarn/cache/babel-plugin-emotion-npm-10.2.2-91c217c25d-88ffb34b71.zip b/.yarn/cache/babel-plugin-emotion-npm-10.2.2-91c217c25d-88ffb34b71.zip
diff --git a/.yarn/cache/babel-plugin-syntax-jsx-npm-6.18.0-fcf0a98a71-dd37d9280c.zip b/.yarn/cache/babel-plugin-syntax-jsx-npm-6.18.0-fcf0a98a71-dd37d9280c.zip
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001566-4f87887103-ffa7768d52.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001566-4f87887103-ffa7768d52.zip
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001580-0920f47d30-e79e5b04f6.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001580-0920f47d30-e79e5b04f6.zip
diff --git a/.yarn/cache/fsevents-patch-19706e7e35-9.zip b/.yarn/cache/fsevents-patch-19706e7e35-9.zip
diff --git a/.yarn/cache/react-dropzone-npm-14.2.1-0de144dac0-92063113b4.zip b/.yarn/cache/react-dropzone-npm-14.2.1-0de144dac0-92063113b4.zip
diff --git a/.yarn/cache/react-laag-npm-2.0.4-6112c8d85c-d018f37526.zip b/.yarn/cache/react-laag-npm-2.0.4-6112c8d85c-d018f37526.zip
diff --git a/.yarn/cache/stylis-npm-4.2.0-6b07f11c99-c7ee385328.zip b/.yarn/cache/stylis-npm-4.2.0-6b07f11c99-c7ee385328.zip
diff --git a/package.json b/package.json
@@ -15,11 +15,6 @@
     "postinstall": "yarn workspace @atls-ui-admin/icons build-icons"
   },
   "resolutions": {
-    "@emotion/css": "11.9.0",
-    "@emotion/react": "11.9.3",
-    "@emotion/styled": "11.9.3",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
     "css-loader": "^5.0.0",
     "dotenv-webpack": "^6.0.0",
     "eslint": "8.17.0",
@@ -40,7 +35,7 @@
     "@types/glob": "^7",
     "@types/jest": "^28.1.2",
     "@types/node": "^18.16.20",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.2.48",
     "eslint": "^8.17.0",
     "husky": "7.0.4",
     "jest-environment-jsdom": "^28.1.1",

diff --git a/ui-admin/button/package.json b/ui-admin/button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@atls-ui-admin/button",
-  "version": "0.0.21",
+  "version": "0.1.0",
   "license": "BSD-3-Clause",
   "files": [
     "dist"
@@ -14,18 +14,18 @@
     "@atls-ui-parts/button": "workspace:*"
   },
   "devDependencies": {
-    "@emotion/styled": "^11.9.3",
-    "@types/react": "^18.0.14",
-    "@types/styled-system": "^5.1.15",
-    "react": "^18.2.0",
-    "styled-system": "^5.1.5",
-    "styled-tools": "^1.7.2"
+    "@emotion/styled": "11.11.0",
+    "@types/react": "^18.2.48",
+    "@types/styled-system": "5.1.22",
+    "react": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
   },
   "peerDependencies": {
-    "@emotion/styled": "^11.1.5",
-    "react": "^17.0.1",
-    "styled-system": "^5.1.5",
-    "styled-tools": "^1.7.2"
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
   },
   "publishConfig": {
     "access": "public",

diff --git a/ui-admin/button/src/button.stories.tsx b/ui-admin/button/src/button.stories.tsx
@@ -17,8 +17,8 @@ export const Button = ({ containerWith, childrenPrefix, childrenSuffix, children
 )
 
 Button.args = {
-  containerWith: 200,
   children: 'Кнопка',
+  containerWith: 200,
   childrenPrefix: '',
   childrenSuffix: '',
   size: 'normal',

diff --git a/ui-admin/button/src/button.styles.ts b/ui-admin/button/src/button.styles.ts
@@ -11,8 +11,8 @@ const shapeNormalSizeStyles = createShapeStyles({ size: 32, fontSize: 12, roundi
 const largeNormalSizeStyles = createShapeStyles({ size: 48, fontSize: 14, rounding: 3 })
 
 const appearancePrimaryStyles = createAppearanceStyles({
-  backgroundColor: prop('theme.colors.button.primary.fill'),
   fontColor: 'white',
+  backgroundColor: prop('theme.colors.button.primary.fill'),
   invertedBorderWidth: 2,
 })
 

diff --git a/ui-admin/design/package.json b/ui-admin/design/package.json
@@ -18,9 +18,9 @@
     "@atls-ui-admin/theme": "workspace:*",
     "@babel/core": "^7.18.5",
     "@emotion/babel-plugin": "^11.9.2",
-    "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/css": "11.9.0",
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "11.9.3",
     "@storybook/addon-actions": "^6.5.9",
     "@storybook/addon-docs": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
@@ -33,8 +33,8 @@
     "@storybook/theming": "^6.5.9",
     "@types/events": "^3.0.0",
     "@types/express": "^4.17.13",
-    "@types/react": "^18.0.14",
-    "@types/react-dom": "^18.0.5",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "babel-loader": "^8.2.5",
     "core-js": "^3.23.1",
     "events": "^3.3.0",

diff --git a/ui-admin/icon/package.json b/ui-admin/icon/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@atls-ui-admin/icon",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "files": [
@@ -13,14 +13,14 @@
   },
   "devDependencies": {
     "@admui/theme": "0.4.14",
-    "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/css": "11.11.2",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
     "@testing-library/react": "^13.3.0",
-    "@types/styled-system": "^5.1.15",
-    "react": "^18.2.0",
-    "styled-system": "^5.1.5",
-    "styled-tools": "^1.7.2",
+    "@types/styled-system": "^5.1.22",
+    "react": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2",
     "typescript": "4.6.2"
   },
   "peerDependencies": {

diff --git a/ui-admin/icon/src/icon.component.tsx b/ui-admin/icon/src/icon.component.tsx
@@ -2,6 +2,4 @@ import styled             from '@emotion/styled'
 
 import { ifSpinModifier } from './icon.styles'
 
-const Icon = styled.svg(ifSpinModifier())
-
-export { Icon }
+export const Icon = styled.svg(ifSpinModifier())
diff --git a/ui-admin/icons/package.json b/ui-admin/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@atls-ui-admin/icons",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "files": [
@@ -31,7 +31,7 @@
     "@atlantis-lab/prettier-config": "*",
     "@atlantis-lab/tsconfig": "*",
     "@atls-ui-admin/icon": "*",
-    "@emotion/styled": "^10.0.0",
+    "@emotion/styled": "11.11.0",
     "prettier": "^1.18.0",
     "react": "^16.12.0",
     "styled-system": "^5.1.0",

diff --git a/ui-admin/icons/src/bag.icon.tsx b/ui-admin/icons/src/bag.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const BagIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/chart.icon.tsx b/ui-admin/icons/src/chart.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const ChartIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/check.icon.tsx b/ui-admin/icons/src/check.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const CheckIcon = (props: IconProps) => (
   <Icon
     xmlns='http://www.w3.org/2000/svg'

diff --git a/ui-admin/icons/src/close.icon.tsx b/ui-admin/icons/src/close.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const CloseIcon = (props: IconProps) => (
   <Icon
     viewBox='0 0 24 24'

diff --git a/ui-admin/icons/src/drag.icon.tsx b/ui-admin/icons/src/drag.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const DragIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/index.ts b/ui-admin/icons/src/index.ts
@@ -10,4 +10,4 @@ export * from './ruby.icon'
 export * from './trash.icon'
 export * from './upload.icon'
 export * from './user.icon'
-export * from './users.icon'
+export * from './users.icon'
diff --git a/ui-admin/icons/src/loading.icon.tsx b/ui-admin/icons/src/loading.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const LoadingIcon = (props: IconProps) => (
   <Icon
     xmlns='http://www.w3.org/2000/svg'

diff --git a/ui-admin/icons/src/logo.icon.tsx b/ui-admin/icons/src/logo.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const LogoIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/pencil.icon.tsx b/ui-admin/icons/src/pencil.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const PencilIcon = (props: IconProps) => (
   <Icon
     viewBox='0 0 24 24'

diff --git a/ui-admin/icons/src/ruby.icon.tsx b/ui-admin/icons/src/ruby.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const RubyIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/trash.icon.tsx b/ui-admin/icons/src/trash.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const TrashIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/upload.icon.tsx b/ui-admin/icons/src/upload.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const UploadIcon = (props: IconProps) => (
   <Icon width='1em' height='1em' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' {...props}>
     <path d='M19.5312 14.5313C19.2375 14.2375 18.7625 14.2375 18.4688 14.5313L12.325 20.675C12.0312 20.9688 12.0312 21.4438 12.325 21.7375L12.6812 22.0938C12.975 22.3875 13.45 22.3875 13.7437 22.0938L18.0063 17.8313V27.25C18.0063 27.6625 18.3438 28 18.7563 28H19.2563C19.6688 28 20.0063 27.6625 20.0063 27.25V17.8313L24.2687 22.0938C24.5625 22.3875 25.0375 22.3875 25.3312 22.0938L25.6875 21.7375C25.9813 21.4438 25.9813 20.9688 25.6875 20.675L19.5312 14.5313ZM35.7313 18.925C35.9062 18.3063 36 17.6625 36 17C36 13.1313 32.8688 10 29 10C27.9562 10 26.9438 10.225 26 10.675C24.025 7.8625 20.7313 6 17 6C11.1 6 6.26875 10.6563 6.0125 16.5125C2.45 17.7625 0 21.1438 0 25C0 29.975 4.025 34 9 34H32C36.4188 34 40 30.425 40 26C40 23.0625 38.3875 20.325 35.7313 18.925ZM32 32H9C5.13125 32 2 28.8688 2 25C2 21.45 4.6375 18.5188 8.0625 18.0625C8.01875 17.7125 8 17.3563 8 17C8 12.0313 12.0312 8 17 8C20.7687 8 23.9937 10.3125 25.3375 13.6C26.25 12.6188 27.55 12 29 12C31.7625 12 34 14.2375 34 17C34 18.1563 33.6062 19.225 32.9437 20.075C35.8125 20.525 38 23.0063 38 26C38 29.3125 35.3125 32 32 32Z' />

diff --git a/ui-admin/icons/src/user.icon.tsx b/ui-admin/icons/src/user.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const UserIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/src/users.icon.tsx b/ui-admin/icons/src/users.icon.tsx
@@ -1,5 +1,7 @@
-import React from 'react'
-import { Icon, IconProps } from '@atls-ui-admin/icon'
+import React               from 'react'
+
+import { Icon }            from '@atls-ui-admin/icon'
+import { IconProps } from '@atls-ui-admin/icon'
 export const UsersIcon = (props: IconProps) => (
   <Icon
     width='1em'

diff --git a/ui-admin/icons/svgr.ts b/ui-admin/icons/svgr.ts
@@ -18,6 +18,7 @@ const svgrTemplate = ({ template }, opts, { componentName, jsx }) => {
 
   return typeScriptTpl.ast`
 import React from 'react'
+
 import { Icon, IconProps } from '@atls-ui-admin/icon'
 export const ${componentName.name} = (props: IconProps) => ${jsx}
 ${componentName.name}.displayName = '${componentName.name}'

diff --git a/ui-admin/theme/package.json b/ui-admin/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@atls-ui-admin/theme",
-  "version": "0.0.7",
+  "version": "0.1.0",
   "license": "BSD-3-Clause",
   "main": "src/index.ts",
   "files": [
@@ -12,14 +12,14 @@
     "postpack": "rm -rf dist"
   },
   "devDependencies": {
-    "@emotion/react": "^11.9.3",
+    "@emotion/react": "11.11.3",
     "@types/node": "^18.0.0",
-    "@types/react": "^18.0.14",
-    "react": "^18.2.0"
+    "@types/react": "^18.2.48",
+    "react": "18.2.0"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.1.5",
-    "react": "^17.0.1"
+    "@emotion/react": "11.11.3",
+    "react": "18.2.0"
   },
   "publishConfig": {
     "access": "public",

diff --git a/ui-admin/theme/src/theme.provider.tsx b/ui-admin/theme/src/theme.provider.tsx
@@ -11,7 +11,6 @@ import { useThemeMode }                          from './mode'
 
 export const BaseThemeProvider = (props) => {
   const [mode] = useThemeMode()
-
   return <EmotionThemeProvider {...props} theme={() => (mode === 'dark' ? dark : light)} />
 }
 

diff --git a/ui-admin/upload/package.json b/ui-admin/upload/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@atls-ui-admin/upload",
-  "version": "0.0.14",
+  "version": "0.1.0",
   "license": "MIT",
   "main": "src/index.ts",
   "files": [
@@ -13,21 +13,21 @@
   },
   "dependencies": {
     "@atls/react-upload": "^0.0.3",
-    "react-dropzone": "^14.2.1"
+    "react-dropzone": "14.2.3"
   },
   "devDependencies": {
     "@apollo/client": "3.6.6",
     "@atls-ui-admin/icon": "workspace:*",
     "@atls-ui-admin/icons": "workspace:*",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@emotion/react": "11.11.3",
+    "@emotion/styled": "11.11.0",
     "@testing-library/react": "^13.3.0",
     "@types/node": "^18.0.0",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.2.48",
     "graphql": "^16.5.0",
     "graphql-tag": "^2.12.5",
-    "react": "^18.2.0",
-    "styled-tools": "^1.7.2",
+    "react": "18.2.0",
+    "styled-tools": "1.7.2",
     "typescript": "4.6.2"
   },
   "peerDependencies": {

diff --git a/ui-admin/upload/src/dropzone-placeholder.component.tsx b/ui-admin/upload/src/dropzone-placeholder.component.tsx
@@ -9,8 +9,8 @@ import { PlaceholderIcon }   from './placeholder-icon'
 import { PlaceholderLink }   from './placeholder-link'
 
 const Container = styled.div({
-  display: 'flex',
   flexDirection: 'column',
+  display: 'flex',
   alignItems: 'center',
 })