@milaboratories/uikit 2.10.39 → 2.10.41

package/src/components/PlAlert/pl-alert.scss

@@ -72,12 +72,5 @@
     position: absolute;
     top: 10px;
     right: 12px;
-    cursor: pointer;
-    background-color: #d3d7e0;
-    @include mask(url(../../assets/images/24_close.svg), 24px);
-    transition: all 0.1s ease-in-out;
-    &:hover {
-      background-color: var(--main-dark-color);
-    }
   }
 }

package/src/components/PlSlideModal/PlPureSlideModal.vue

@@ -7,9 +7,12 @@ export default {
 
 <script lang="ts" setup>
 import "./pl-slide-modal.scss";
+
 import { ref, useAttrs } from "vue";
+import { useClickOutside } from "../../composition/useClickOutside";
+import { useEventListener } from "../../composition/useEventListener";
+import PlCloseModalBtn from "../../utils/PlCloseModalBtn.vue";
 import TransitionSlidePanel from "../TransitionSlidePanel.vue";
-import { useClickOutside, useEventListener } from "../../index";
 import type { Props } from "./props";
 import { defaultProps } from "./props";
 
@@ -45,7 +48,7 @@ useEventListener(document, "keydown", (evt: KeyboardEvent) => {
         v-bind="attrs"
         @keyup.esc="emit('update:modelValue', false)"
       >
-        <div class="close-dialog-btn" @click="emit('update:modelValue', false)" />
+        <PlCloseModalBtn class="close-dialog-btn" @click="emit('update:modelValue', false)" />
         <slot />
       </div>
     </TransitionSlidePanel>

package/src/components/PlSlideModal/pl-slide-modal.scss

@@ -29,16 +29,8 @@
 
   .close-dialog-btn {
     position: absolute;
-    z-index: 1;
     top: 12px;
     right: 12px;
-    cursor: pointer;
-    background-color: #d3d7e0;
-    @include mask(url("../../assets/images/24_close.svg"), 24px);
-
-    &:hover {
-      background-color: var(--main-dark-color);
-    }
   }
 
   &.has-title {