@selfdecode/sd-component-library 2.42.36 → 2.42.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/components/complex/navbar/presentational/constants-v3.d.ts +1 -1
  2. package/lib/components/tabs/tab-bar/interfaces.d.ts +1 -1
  3. package/lib/components/tabs/tab-bar/partials/tab/interfaces.d.ts +4 -0
  4. package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts +1 -1
  5. package/lib/components/tabs/tabbed-view/assets/index.d.ts +1 -0
  6. package/lib/components/tabs/tabbed-view/assets/instagram.svg +3 -0
  7. package/lib/index.js +1 -1
  8. package/package.json +1 -1
package/lib/components/complex/navbar/presentational/constants-v3.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { NavItem } from "../partials/navbar-v2/partials/interfaces";
2
- export declare const geneticsNavItem: NavItem;
2
+ export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
3
3
  export declare const labsNavItem: NavItem;
4
4
  export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
package/lib/components/tabs/tab-bar/interfaces.d.ts CHANGED
@@ -2,7 +2,7 @@ import { TabProps } from "./partials/tab/interfaces";
2
2
  /**
3
3
  * Configuration describing each tab
4
4
  */
5
- export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg">;
5
+ export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg" | "elementId">;
6
6
  /**
7
7
  * Props for TabBar
8
8
  */
package/lib/components/tabs/tab-bar/partials/tab/interfaces.d.ts CHANGED
@@ -60,4 +60,8 @@ export interface TabProps<T> {
60
60
  * Provide a custom component to render instead of label/icon
61
61
  */
62
62
  tabHeaderComponent?: React.ReactNode;
63
+ /**
64
+ * Optional string to be used as `id` on the tab's html element
65
+ */
66
+ elementId?: string;
63
67
  }
package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts CHANGED
@@ -4,4 +4,4 @@ export declare const Ribbon: ({ active, activeColor }: {
4
4
  active?: boolean | undefined;
5
5
  activeColor?: string | undefined;
6
6
  }) => JSX.Element;
7
- export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, }: TabProps<T>): JSX.Element;
7
+ 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;
package/lib/components/tabs/tabbed-view/assets/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ReactComponent as InstagramIcon } from "./instagram.svg";
package/lib/components/tabs/tabbed-view/assets/instagram.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
2
+ <path d="M3060.99,3222.39a2.661,2.661,0,0,0-2.66-2.39h-17.66a2.592,2.592,0,0,0-.48.04,2.649,2.649,0,0,0-2.19,2.66v17.59a3.4,3.4,0,0,0,.03.45,2.643,2.643,0,0,0,2.59,2.26h17.76c0.1,0,.2-0.01.31-0.02a2.641,2.641,0,0,0,2.31-2.6v-17.76A1.848,1.848,0,0,0,3060.99,3222.39Zm-11.49,4.69a4.42,4.42,0,1,1-4.42,4.42A4.415,4.415,0,0,1,3049.5,3227.08Zm8.85,2.77v9.53a0.891,0.891,0,0,1-.96.97h-15.8a0.882,0.882,0,0,1-.93-0.93c-0.01-3.19,0-6.39,0-9.58v-0.1h1.99a7.072,7.072,0,0,0,3.39,7.94,7.059,7.059,0,0,0,7.44-.33,7.064,7.064,0,0,0,2.87-7.61h2v0.11Zm0-3.68a0.883,0.883,0,0,1-.91.91h-2.61a0.873,0.873,0,0,1-.9-0.88c-0.01-.89-0.01-1.78,0-2.66a0.868,0.868,0,0,1,.9-0.88c0.87-.01,1.75-0.01,2.62,0a0.878,0.878,0,0,1,.9.9v2.61Z" transform="translate(-3038 -3220)"/>
3
+ </svg>