sprintify-ui 0.8.67 → 0.8.68

package/dist/sprintify-ui.es.js

@@ -5537,8 +5537,13 @@ const ZA = ["innerHTML"], Go = /* @__PURE__ */ oe({
     visible: { type: Boolean, default: !0 },
     text: { default: null },
     class: { default: null },
-    floatingOptions: { default: void 0 },
-    interactive: { type: Boolean, default: !1 }
+    floatingOptions: { default() {
+      return {
+        placement: "top-start"
+      };
+    } },
+    interactive: { type: Boolean, default: !1 },
+    dark: { type: Boolean, default: !1 }
   },
   setup(n) {
     const e = n, t = j(null), r = T(() => Is(t)), i = j(null), { floatingStyles: s, showTooltip: o } = L0(r, i, e.interactive, e.floatingOptions);
@@ -5571,9 +5576,11 @@ const ZA = ["innerHTML"], Go = /* @__PURE__ */ oe({
             default: te(() => [
               b(o) ? ve(l.$slots, "tooltip", { key: 0 }, () => [
                 M("div", {
-                  class: "bg-white shadow-md text-xs max-w-xs leading-snug ring-1 ring-black ring-opacity-10 text-slate-900 rounded-md pt-1.5 pb-2 px-3",
+                  class: U(["text-xs max-w-xs leading-snug rounded-md pt-1.5 pb-2 px-3", [
+                    l.dark ? "bg-slate-900 text-white" : "bg-white text-slate-900 ring-1 ring-black ring-opacity-10 shadow-md"
+                  ]]),
                   innerHTML: l.text
-                }, null, 8, ZA)
+                }, null, 10, ZA)
               ]) : se("", !0)
             ]),
             _: 3
@@ -8914,7 +8921,7 @@ const T_ = {
     }
     const E = Rn(() => {
       c();
-    }, 300);
+    }, 400);
     function _(S) {
       return r.showEmptyOption ? !(S.value == null && !S.label.toLowerCase().includes(a.value.toLowerCase())) : !0;
     }

package/dist/types/components/BaseTooltip.vue.d.ts

@@ -17,13 +17,16 @@ declare const __VLS_component: import("vue").DefineComponent<{
     class?: string[] | string | null | undefined;
     floatingOptions?: UseFloatingOptions;
     interactive?: boolean;
+    dark?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     visible?: boolean;
     text?: string | null | undefined;
     class?: string[] | string | null | undefined;
     floatingOptions?: UseFloatingOptions;
     interactive?: boolean;
+    dark?: boolean;
 }> & Readonly<{}>, {
+    dark: boolean;
     class: string | string[] | null;
     text: string | null;
     visible: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.67",
+  "version": "0.8.68",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseAutocompleteFetch.vue

@@ -276,7 +276,7 @@ function search() {
 
 const debouncedSearch = debounce(() => {
   search();
-}, 300);
+}, 400);
 
 function filterOptions(option: RawOption): boolean {
   // Do nothing if showEmptyOption is false

package/src/components/BaseTooltip.stories.js

@@ -33,6 +33,9 @@ const Template = (args) => ({
 export const Demo = Template.bind({});
 Demo.args = {};
 
+export const Dark = Template.bind({});
+Dark.args = { dark: true };
+
 const CustomSlotTemplate = (args) => ({
   components: {
     BaseCard,

package/src/components/BaseTooltip.vue

@@ -28,7 +28,10 @@
           name="tooltip"
         >
           <div
-            class="bg-white shadow-md text-xs max-w-xs leading-snug ring-1 ring-black ring-opacity-10 text-slate-900 rounded-md pt-1.5 pb-2 px-3"
+            class="text-xs max-w-xs leading-snug rounded-md pt-1.5 pb-2 px-3"
+            :class="[
+              dark ? 'bg-slate-900 text-white' : 'bg-white text-slate-900 ring-1 ring-black ring-opacity-10 shadow-md',
+            ]"
             v-html="text"
           />
         </slot>
@@ -52,12 +55,18 @@ const props = withDefaults(defineProps<{
   class?: string[] | string | null | undefined;
   floatingOptions?: UseFloatingOptions,
   interactive?: boolean,
+  dark?: boolean,
 }>(), {
   visible: true,
   text: null,
   class: null,
-  floatingOptions: undefined,
+  floatingOptions() {
+    return {
+      placement: 'top-start',
+    };
+  },
   interactive: false,
+  dark: false,
 });
 
 const targetRef = ref<HTMLElement | null>(null);