@selfdecode/sd-component-library 2.46.7 → 2.46.8

package/lib/193805683b5b1e117aab667b99dc2e4d.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="34.594"
+  height="35.279"
+  viewBox="0 0 34.594 35.279"
+>
+  <path
+    d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
+    transform="translate(-11.752 -13.596)"
+  />
+  <path
+    d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
+    transform="translate(-8.46 -10.227)"
+  />
+</svg>

package/lib/components/buttons/cta/cta-button/interfaces.d.ts

@@ -2,4 +2,4 @@ import { ButtonProps } from "../../button";
 /**
  * Additional props we want to add
  */
-export declare type CtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "height" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "borderWidth" | "borderRadius" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "v1" | "transition" | "m" | "mt" | "mr" | "mb" | "ml" | "padding" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "letterSpacing" | "sx">;
+export declare type CtaButtonProps = Omit<ButtonProps, "variant" | "borderStyle" | "hoverBorderStyle">;

package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;
+export declare type PrimaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;

package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { PrimaryBlueButtonProps } from "./interfaces";
+import { PrimaryBlueButtonProps as Props } from "./interfaces";
 /**
  * The primary button.
  */
-export declare const PrimaryBlueButton: React.FunctionComponent<PrimaryBlueButtonProps>;
+export declare const PrimaryBlueButton: React.FC<Props>;

package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryOrangeButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps">;
+export declare type PrimaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;

package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps" | "letterSpacing">;
+export declare type PrimaryTextButtonProps = Omit<CtaButtonProps, "borderWidth" | "bg" | "hoverBg">;

package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { PrimaryTextButtonProps } from "./interfaces";
+import { PrimaryTextButtonProps as Props } from "./interfaces";
 /**
  * The primary button.
  */
-export declare const PrimaryTextButton: React.FunctionComponent<PrimaryTextButtonProps>;
+export declare const PrimaryTextButton: React.FC<Props>;

package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type SecondaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;
+export declare type SecondaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;

package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type SecondaryOrangeButtonProps = Pick<CtaButtonProps, "link" | "isInternal" | "children" | "disabled" | "history" | "onClick" | "scrollTo" | "height" | "width" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps">;
+export declare type SecondaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;

package/lib/components/buttons/index.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps } from "./button";
+import { CtaButtonProps } from "./cta/cta-button";
+import { TextCtaButtonProps } from "./cta/text-cta-button";
+export { Button } from "../buttons/button";
+export type { ButtonProps };
+export { CtaButton } from "../buttons/cta/cta-button";
+export type { CtaButtonProps };
+export { TextCtaButton } from "../buttons/cta/text-cta-button";
+export type { TextCtaButtonProps };
+export { PrimaryBlueButton } from "../buttons/cta/primary-blue-button";
+export { PrimaryOrangeButton } from "../buttons/cta/primary-orange-button";
+export { SecondaryBlueButton } from "../buttons/cta/secondary-blue-button";
+export { SecondaryOrangeButton } from "../buttons/cta/secondary-orange-button";
+export { PrimaryTextButton } from "../buttons/cta/primary-text-button";
+export { GoToButton } from "../buttons/partials/goto-button";
+export { NextButton } from "../buttons/cta/next-button";
+export { ShareButton } from "../buttons/cta/share-button";
+export { IconButton } from "../buttons/partials/icon-button";
+export { TickButton } from "../buttons/partials/tick-button";
+export { CrossButton } from "../buttons/partials/cross-button";
+export { PoweredByGreyLogoButton } from "../buttons/logos/powered-by-grey-logo";
+export { PoweredByWhiteLogoButton } from "../buttons/logos/powered-by-white-logo";
+export { RadioInfoButton } from "../buttons/radio-info-button";
+export { RoundIconButton } from "../buttons/round-icon-button";
+export { NavbarLogoButton } from "../buttons/logos/navbar-logo";

package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts

@@ -42,6 +42,18 @@ export declare type NavItem = {
      * Whether weglot should translate text
      */
     dontTranslate?: boolean;
+    /**
+     * The url of the link. It should be set to undefined
+     * when it has children NavMenuItems
+     */
+    url?: string;
+    /**
+     * Flag to decide if the URL is internal.
+     *
+     * It means the url points to some page within the react app
+     * and react router's `Link` can be used to navigate to that page.
+     */
+    isInternal?: boolean;
 };
 export declare type NavMenuItem = {
     /**

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/index.d.ts

@@ -0,0 +1 @@
+export { NavbarItemWithoutMenu } from "./navbar-item-without-menu";

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/intefaces.d.ts

@@ -0,0 +1,7 @@
+import { NavItem } from "../../../interfaces";
+export interface NavbarItemWithMenuProps {
+    /**
+     * The navItem to be rendered
+     */
+    item: NavItem;
+}

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/navbar-item-without-menu.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { NavbarItemWithMenuProps } from "./intefaces";
+export declare const NavbarItemWithoutMenu: React.FC<NavbarItemWithMenuProps>;

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

@@ -1,5 +1,6 @@
 import { NavItem } from "../partials/navbar-v2/partials/interfaces";
 export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
 export declare const labsNavItem: NavItem;
+export declare const lifestyleAnalyzerNavItem: NavItem;
 export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
 export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;

package/lib/components/icons/environment-icon/environment.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="34.594"
+  height="35.279"
+  viewBox="0 0 34.594 35.279"
+>
+  <path
+    d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
+    transform="translate(-11.752 -13.596)"
+  />
+  <path
+    d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
+    transform="translate(-8.46 -10.227)"
+  />
+</svg>

package/lib/components/icons/environment-icon/index.d.ts

@@ -0,0 +1 @@
+export { ReactComponent as EnvironmentIcon } from "./environment.svg";

package/lib/components/icons/index.d.ts

@@ -17,3 +17,4 @@ export { StarIcon } from "./star-icon";
 export { VialIcon } from "./vial-icon";
 export { WarningCircleIcon } from "./warning-circle-icon";
 export { TriangularPointerIcon } from "./triangular-pointer-icon";
+export { EnvironmentIcon } from "./environment-icon";

package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts

@@ -1,2 +1,3 @@
 import { ProgressBarProps } from "../progress-bar";
-export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BackgroundColorProps } from "../progress-bar/interfaces";
+export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml"> & Pick<BackgroundColorProps, "completedColor" | "reaminsColor">;

package/lib/components/progress-bars/progress-bar/interfaces.d.ts

@@ -31,7 +31,7 @@ interface BackgroundProps {
  * The following props are used if we just want to provide some color to the
  * background of progress bar and don't want additional effects.
  */
-interface BackgroundColorProps {
+export interface BackgroundColorProps {
     withBackgroundProps?: false;
     /**
      *  The color of the completed part of our progress.

package/lib/components/texts/responsive-text/interfaces.d.ts

@@ -8,7 +8,7 @@ declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "dis
  */
 export declare type SDFontSizeWeight = [number, "semi-bold" | "regular" | "bold"];
 export interface ResponsiveTextProps extends PropsFromBaseText {
-    fontSizeWeight: SDFontSizeWeight[];
+    fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
     /**
      * Optional font family
      */

package/lib/components/texts/responsive-text-v2/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { BaseTextV2Props } from "../base-text-v2";
 import { SDFontSizeWeight } from "../responsive-text/interfaces";
 export interface ResponsiveTextV2Props extends Omit<BaseTextV2Props, "variant"> {
-    fontSizeWeight: SDFontSizeWeight[];
+    fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
 }

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

@@ -52,7 +52,7 @@ export declare function useBreakPoints(): {
  * @param callback Function to process intersection changes.
  */
 export declare function useIntersectionObserver(rootRef: RefObject<HTMLElement>, rootMargin: string, callback: IntersectionObserverCallback): IntersectionObserver | undefined;
-export declare function useHover(): {
+export declare function useHover(onHover?: (newState: boolean) => void): {
     isHover: boolean;
     hoverCallbacks: {
         onMouseEnter: () => void;

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps, BaseBaseOutlineMeterProps, BaseBicolorBadgeProps, BaseBoxyNumberInputProps, BaseBreadcrumbProps, BaseButtonProps, BaseCarouselSwitchProps, BaseCtaButtonProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSublistAccordionProps, BaseTextCtaButtonProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, SlideSettingsType } from "./interfaces";
+import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps, BaseBaseOutlineMeterProps, BaseBicolorBadgeProps, BaseBoxyNumberInputProps, BaseBreadcrumbProps, BaseCarouselSwitchProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSublistAccordionProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, SlideSettingsType } from "./interfaces";
 export declare const ComponentLibThemeProvider: import("react").FC<import("./components/wrapper/interfaces").WrapperProps>;
 export { Accordion } from "./components/accordions/base-accordion";
 export declare type AccordionProps = BaseAccordionProps;
@@ -22,28 +22,7 @@ export { Breadcrumb } from "./components/breadcrumbs/breadcrumb";
 export declare type BreadCrumbProps = BaseBreadcrumbProps;
 export { PrimaryBreadcrumb } from "./components/breadcrumbs/primary-breadcrumb";
 export { SecondaryBreadcrumb } from "./components/breadcrumbs/secondary-breadcrumb";
-export { Button } from "./components/buttons/button";
-export declare type ButtonProps = BaseButtonProps;
-export { CtaButton } from "./components/buttons/cta/cta-button";
-export declare type CtaButtonProps = BaseCtaButtonProps;
-export { TextCtaButton } from "./components/buttons/cta/text-cta-button";
-export declare type TextCtaButtonProps = BaseTextCtaButtonProps;
-export { PrimaryBlueButton } from "./components/buttons/cta/primary-blue-button";
-export { PrimaryOrangeButton } from "./components/buttons/cta/primary-orange-button";
-export { SecondaryBlueButton } from "./components/buttons/cta/secondary-blue-button";
-export { SecondaryOrangeButton } from "./components/buttons/cta/secondary-orange-button";
-export { PrimaryTextButton } from "./components/buttons/cta/primary-text-button";
-export { GoToButton } from "./components/buttons/partials/goto-button";
-export { NextButton } from "./components/buttons/cta/next-button";
-export { ShareButton } from "./components/buttons/cta/share-button";
-export { IconButton } from "./components/buttons/partials/icon-button";
-export { TickButton } from "./components/buttons/partials/tick-button";
-export { CrossButton } from "./components/buttons/partials/cross-button";
-export { PoweredByGreyLogoButton } from "./components/buttons/logos/powered-by-grey-logo";
-export { PoweredByWhiteLogoButton } from "./components/buttons/logos/powered-by-white-logo";
-export { RadioInfoButton } from "./components/buttons/radio-info-button";
-export { RoundIconButton } from "./components/buttons/round-icon-button";
-export { NavbarLogoButton } from "./components/buttons/logos/navbar-logo";
+export * from "./components/buttons";
 export { RoundCard } from "./components/cards/round-card";
 export { Checkbox } from "./components/checkboxes/checkbox";
 export { PartialCheckbox } from "./components/checkboxes/partial-checkbox";