Notification komponentindeki middle-center

ui/public/version.json

@@ -1,5 +1,5 @@
 {
-  "commit": "168768b",
+  "commit": "b286332",
   "releases": [
     {
       "version": "1.1.04",

ui/src/components/ui/@types/placement.ts

@@ -2,6 +2,7 @@ export type NotificationPlacement =
     | 'top-start'
     | 'top-center'
     | 'top-end'
+    | 'middle-center'
     | 'bottom-start'
     | 'bottom-center'
     | 'bottom-end'

ui/src/components/ui/toast/transition.ts

@@ -104,6 +104,16 @@ const scaleTransition = (
                 ...scaleMotionProps,
             },
         },
+        'middle-center': {
+            default: {
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+            },
+            variants: {
+                ...scaleMotionProps,
+            },
+        },
         'bottom-end': {
             default: {
                 bottom: offsetY,
@@ -168,6 +178,16 @@ const fadeTransition = (
                 ...fadeMotionProps,
             },
         },
+        'middle-center': {
+            default: {
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+            },
+            variants: {
+                ...fadeMotionProps,
+            },
+        },
         'bottom-end': {
             default: {
                 bottom: offsetY,

ui/src/components/ui/utils/constants.ts

@@ -54,6 +54,7 @@ export const PLACEMENT = {
     TOP_START: 'top-start',
     TOP_CENTER: 'top-center',
     TOP_END: 'top-end',
+    MIDDLE_CENTER: 'middle-center',
     BOTTOM_START: 'bottom-start',
     BOTTOM_CENTER: 'bottom-center',
     BOTTOM_END: 'bottom-end',