@selfdecode/sd-component-library 2.42.35 → 2.42.39

package/lib/components/complex/navbar/presentational/constants-v3.d.ts

@@ -1,4 +1,4 @@
 import { NavItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const geneticsNavItem: NavItem;
+export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
 export declare const labsNavItem: NavItem;
 export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;

package/lib/components/modals/modal/interfaces.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SxProps } from "rebass";
 export interface ModalProps {
     /**
      * The theme variant to use for the modal's styles.
@@ -64,4 +65,8 @@ export interface ModalProps {
      * content is shown at the top
      */
     popUpHeight?: string | string[];
+    /**
+     * Additional props for the modal outer container.
+     */
+    containerSx?: SxProps["sx"];
 }

package/lib/components/modals/modal/modal.d.ts

@@ -3,4 +3,4 @@ import { ModalProps } from "./interfaces";
 /**
  * The modal container.
  */
-export declare const Modal: React.FunctionComponent<ModalProps>;
+export declare const Modal: React.FC<ModalProps>;

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

@@ -2,7 +2,7 @@ import { TabProps } from "./partials/tab/interfaces";
 /**
  * Configuration describing each tab
  */
-export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg">;
+export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg" | "elementId">;
 /**
  * Props for TabBar
  */

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

@@ -60,4 +60,8 @@ export interface TabProps<T> {
      * Provide a custom component to render instead of label/icon
      */
     tabHeaderComponent?: React.ReactNode;
+    /**
+     * Optional string to be used as `id` on the tab's html element
+     */
+    elementId?: string;
 }

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

@@ -4,4 +4,4 @@ export declare const Ribbon: ({ active, activeColor }: {
     active?: boolean | undefined;
     activeColor?: string | undefined;
 }) => JSX.Element;
-export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, }: TabProps<T>): JSX.Element;
+export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, elementId, }: TabProps<T>): JSX.Element;