sprintify-ui 0.6.27 → 0.6.29

package/dist/sprintify-ui.es.js

@@ -5761,7 +5761,7 @@ const Hw = ["value", "name", "disabled", "required"], qw = ["value"], wu = "", x
       ])
     ], 64));
   }
-}), Yw = { class: "relative transform overflow-hidden rounded-lg bg-white border border-slate-200 p-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg" }, Kw = { class: "sm:flex sm:items-start" }, Qw = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Zw = {
+}), Yw = { class: "relative transform overflow-hidden rounded-lg bg-white ring-1 ring-black ring-opacity-10 p-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg" }, Kw = { class: "sm:flex sm:items-start" }, Qw = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Zw = {
   id: "modal-title",
   class: "text-base font-medium leading-6 text-slate-900"
 }, Xw = { class: "mt-2" }, Jw = { class: "text-sm font-light text-slate-600" }, ex = { class: "mt-5 sm:mt-4 sm:flex sm:flex-row-reverse" }, Hm = /* @__PURE__ */ _e({
@@ -9090,7 +9090,7 @@ const Dd = /* @__PURE__ */ _e({
           ref_key: "floatingRef",
           ref: i,
           style: rt(T(a)),
-          class: "fixed top-0 left-0 pointer-events-none"
+          class: "fixed top-0 left-0 pointer-events-none z-modal"
         }, [
           Ee(In, {
             "enter-active-class": "transition duration-200 ease-out",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.27",
+  "version": "0.6.29",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseClipboard.stories.js

@@ -1,4 +1,5 @@
 import BaseClipboard from './BaseClipboard.vue';
+import BaseModalCenter from './BaseModalCenter.vue';
 
 export default {
   title: 'Components/BaseClipboard',
@@ -30,3 +31,25 @@ export const Demo = Template.bind({});
 Demo.args = {
   value: '168.192.0.1',
 };
+
+const TemplateModal = (args) => ({
+  components: { BaseClipboard, BaseModalCenter },
+  setup() {
+    return { args };
+  },
+  template: `
+  <BaseModalCenter :model-value="true" :close-on-outside-click="true"
+  :show-close-button="true">
+    <div class="p-5">
+      <BaseClipboard v-bind="args" class="mb-3">
+        <span class="underline text-blue-600">{{ args.value }}</span>
+      </BaseClipboard>
+    </div>
+  </BaseModalCenter>
+  `,
+});
+
+export const Modal = TemplateModal.bind({});
+Modal.args = {
+  value: 'testtest',
+};

package/src/components/BaseClipboard.vue

@@ -12,7 +12,7 @@
       <div
         ref="floatingRef"
         :style="floatingStyles"
-        class="fixed top-0 left-0 pointer-events-none"
+        class="fixed top-0 left-0 pointer-events-none z-modal"
       >
         <transition
           enter-active-class="transition duration-200 ease-out"

package/src/components/BaseDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="relative transform overflow-hidden rounded-lg bg-white border border-slate-200 p-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg"
+    class="relative transform overflow-hidden rounded-lg bg-white ring-1 ring-black ring-opacity-10 p-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg"
   >
     <div class="sm:flex sm:items-start">
       <div