@myelmut/design-system 0.1.22 → 0.1.24

package/dist/types/index.d.ts

@@ -706,6 +706,8 @@ export declare function useClickOutside<T extends HTMLElement>(ref: React.RefObj
  */
 export declare function useIntersectionObserver({ ref, onAppear, onDisappear, threshold }: UseSingleObserverOptions): void;
 
+export declare function useIsDesktop(): boolean;
+
 export declare function useIsMobile(): boolean;
 
 /**
@@ -719,10 +721,10 @@ export declare function useIsMobile(): boolean;
  * @param threshold - Intersection ratio at which the callback is triggered (e.g., `0.1`).
  * @param rootMargin - Margin around the root bounding box (e.g., `'0px'`, `'10px 0px'`).
  */
-export declare function useMultiIntersectionObserver({ selector, callback, root, threshold, rootMargin }: UseMultiObserverOptions): void;
+export declare function useMultiIntersectionObserver({ targets, callback, root, threshold, rootMargin }: UseMultiObserverOptions): void;
 
 declare type UseMultiObserverOptions = {
-    selector: string;
+    targets: Element[];
     callback: (entry: IntersectionObserverEntry, element: HTMLElement) => void;
     root?: Element | null;
     threshold?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myelmut/design-system",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Design system for Elmut project",
   "repository": {
     "type": "git",

package/styles/globals.css

@@ -163,6 +163,15 @@
             transform: translateX(-50%);
         }
     }
+
+    .scrollbar-hide {
+        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+    }
+
+    .scrollbar-hide::-webkit-scrollbar {
+        display: none; /* Chrome, Safari, Opera */
+    }
 }
 
 @utility container {