chore: misc fixes

polkadot-cloud · Jan 4, 2025 · 83a3f72 · 83a3f72
1 parent 21d6d87
commit 83a3f72
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 19 deletions.
diff --git a/...erlay/OverlayBackground/index.module.scss → ...re/src/overlay/Backdrop/index.module.scss b/...erlay/OverlayBackground/index.module.scss → ...re/src/overlay/Backdrop/index.module.scss
@@ -1,7 +1,7 @@
 // Copyright 2024 @polkadot-cloud/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
-.overlayBackground {
+.backdrop {
   background: var(--modal-background-color);
   transition: backdrop-filter 0.5s;
   backdrop-filter: blur(4px);

diff --git a/...e/src/overlay/OverlayBackground/index.tsx → ...es/ui-core/src/overlay/Backdrop/index.tsx b/...e/src/overlay/OverlayBackground/index.tsx → ...es/ui-core/src/overlay/Backdrop/index.tsx
@@ -7,15 +7,8 @@ import type { ModalOverlayProps } from '../../../../ui-overlay/src/types'
 import commonClasses from '../common.module.scss'
 import classes from './index.module.scss'
 
-export const OverlayBackground = ({
-  children,
-  blur,
-  ...rest
-}: ModalOverlayProps) => {
-  const allClasses = classNames(
-    commonClasses.fixedPosition,
-    classes.overlayBackground
-  )
+export const Backdrop = ({ children, blur, ...rest }: ModalOverlayProps) => {
+  const allClasses = classNames(commonClasses.fixedPosition, classes.backdrop)
   return (
     <motion.div
       style={blur ? { backdropFilter: `blur(${blur})` } : undefined}

diff --git a/packages/ui-core/src/overlay/index.tsx b/packages/ui-core/src/overlay/index.tsx
@@ -1,6 +1,7 @@
 // Copyright 2024 @polkadot-cloud/polkadot-staking-dashboard authors & contributors
 // SPDX-License-Identifier: GPL-3.0-only
 
+export * from './Backdrop'
 export * from './CanvasContainer'
 export * from './CanvasContent'
 export * from './CanvasScroll'
@@ -20,4 +21,3 @@ export * from './ModalScroll'
 export * from './ModalSection'
 export * from './ModalTitle'
 export * from './ModalWarnings'
-export * from './OverlayBackground'
diff --git a/packages/ui-overlay/package.json b/packages/ui-overlay/package.json
@@ -12,7 +12,6 @@
   },
   "exports": {
     ".": "./src/index.tsx",
-    "./types": "./src/types.ts",
-    "./css": "./src/index.scss"
+    "./types": "./src/types.ts"
   }
 }
diff --git a/packages/ui-overlay/src/Background.tsx b/packages/ui-overlay/src/Background.tsx
@@ -3,7 +3,7 @@
 
 import { useAnimation } from 'framer-motion'
 import { useEffect } from 'react'
-import { OverlayBackground } from '../../ui-core/src/overlay/OverlayBackground'
+import { Backdrop } from 'ui-core/overlay'
 import { useOverlay } from './Provider'
 import type { CanvasStatus } from './Provider/types'
 
@@ -39,7 +39,7 @@ export const Background = ({
   return modalStatus === 'closed' &&
     canvasStatus === 'closed' &&
     externalOverlayStatus === 'closed' ? null : (
-    <OverlayBackground
+    <Backdrop
       blur={
         canvasStatus === 'open' || externalOverlayStatus === 'open'
           ? '1.4rem'

diff --git a/release-please-config.json b/release-please-config.json
@@ -2,14 +2,15 @@
   "last-release-sha": "99cfade027ce6ca81d0a14657d6bdd1b05406ad8",
   "include-component-in-tag": true,
   "packages": {
-    "packages/app": {},
-    "packages/assets": {},
+    "packages/ui-core": {},
+    "packages/types": {},
     "packages/consts": {},
+    "packages/assets": {},
     "packages/locales": {},
     "packages/styles": {},
     "packages/plugin-staking-api": {},
-    "packages/types": {},
+    "packages/ui-overlay": {},
     "packages/ui-buttons": {},
-    "packages/ui-core": {}
+    "packages/app": {}
   }
 }