@selfdecode/sd-component-library 2.43.7 → 2.43.8

package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { GridContainerV2Props as Props } from "./interfaces";
+export declare const GridContainerV2: React.FC<Props>;

package/lib/components/containers/grid-containers/grid-container-v2/index.d.ts

@@ -0,0 +1 @@
+export { GridContainerV2 } from "./grid-container-v2";

package/lib/components/containers/grid-containers/grid-container-v2/interfaces.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from "rebass";
+export interface GridContainerV2Props extends Omit<BoxProps, "display"> {
+    /**
+     * Grid columns template.
+     */
+    gridTemplateColumns?: string | string[];
+    /**
+     * Grid rows template.
+     */
+    gridTemplateRows?: string | string[];
+    /**
+     * Gap between elements.
+     */
+    gap?: string | string[];
+}

package/lib/components/tabs/tab-bar-v2/interfaces.d.ts

@@ -31,10 +31,6 @@ export interface TabBarV2Props {
      * Border radius of the tab bar (in px).
      */
     borderRadius?: number;
-    /**
-     * Side padding of the tab bar.
-     */
-    paddingX?: string;
     /**
      * Side padding of the tab.
      */

package/lib/components/tabs/tab-bar-v2/partials/tab-v2/interfaces.d.ts

@@ -20,4 +20,5 @@ export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "t
      * Side padding of the tab
      */
     px?: string | string[];
+    observer?: IntersectionObserver;
 }

package/lib/core/custom-hooks.d.ts

@@ -41,3 +41,11 @@ export declare function useBreakPoints(): {
     isTab: boolean;
     isDesktop: boolean;
 };
+/**
+ * Provided intersection observer for the specified elements.
+ *
+ * @param rootRef Ref for the root element.
+ * @param rootMargin Margin for the root element area.
+ * @param callback Function to process intersection changes.
+ */
+export declare function useIntersectionObserver(rootRef: RefObject<HTMLElement>, rootMargin: string, callback: IntersectionObserverCallback): IntersectionObserver | undefined;

package/lib/index.d.ts

@@ -53,6 +53,7 @@ export { MaxFrContainer } from "./components/containers/grid-containers/max-fr-c
 export { MaxMaxContainer } from "./components/containers/grid-containers/max-max-container";
 export { SectionContainer } from "./components/containers/section-container";
 export { MaxWidthContainer } from "./components/containers/max-width-container";
+export { GridContainerV2 as Grid } from "./components/containers/grid-containers/grid-container-v2";
 export { CarouselSectionContainer } from "./components/carousels/carousel-section-container";
 export { ResponsiveGridContainerT1 } from "./components/containers/responsive-containers/responsive-container-t1";
 export { ResponsiveGridContainerT2 } from "./components/containers/responsive-containers/responsive-container-t2";