@selfdecode/sd-component-library 2.45.14 → 2.45.17

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/animations/up-down-arrow/up-down-arrow.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { UpDownArrowProps } from "./interfaces";
 export declare function UpDownArrow(props: UpDownArrowProps): JSX.Element;

package/lib/components/bicolor-badge/interfaces.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface BicolorBadgeProps {
     /**
      * Color of the left section

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/checkboxes/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxProps } from "./interfaces";
 /**
  * Base checkbox component. Other checkbox components should be built from this.

package/lib/components/complex/footer/partials/footer-link/footer-link.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FooterLinkProps } from "./interfaces";
 export declare function FooterLink(props: FooterLinkProps): JSX.Element;

package/lib/components/complex/footer/partials/footer-section/footer-section.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FooterSectionProps } from "./interfaces";
 export declare function FooterSection(props: FooterSectionProps): JSX.Element;

package/lib/components/complex/footer/partials/footer-social/footer-social.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function FooterSocial(): JSX.Element;

package/lib/components/complex/footer/presentational/footer-presentational.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FooterPresentationalProps } from "./interfaces";
 export declare function FooterPresentational(props: FooterPresentationalProps): JSX.Element;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/menu-row/menu-row.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MenuRowProps } from "./interfaces";
 export declare function MenuRow(props: MenuRowProps): JSX.Element;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/new-apps/new-apps.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { NewAppsItemProps } from "./interfaces";
 export declare function NewAppsItem(props: NewAppsItemProps): JSX.Element;

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/menu-box/menu-box.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MenuBoxProps } from "./interfaces";
 export declare function MenuBox(props: MenuBoxProps): JSX.Element;

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/complex/navbar/presentational/navbar-presentational.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavbarProps } from "./interfaces";
 /**
  * Renders either navbar-v1 or navbar-v2, depeding on the v2 prop

package/lib/components/containers/max-width-container/max-width-container.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MaxWidthContainerProps } from "./interfaces";
 export declare const MaxWidthContainer: (props: MaxWidthContainerProps) => JSX.Element;

package/lib/components/containers/section-container/section-container.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SectionContainerProps } from "./interfaces";
 /**
  * The SectionContainer has responsive behavior

package/lib/components/feature-explanation/feature-explanation.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FeatureExplanationProps } from "./interfaces";
 export declare const FeatureExplanation: (props: FeatureExplanationProps) => JSX.Element;

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/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SearchAutocompleteResultsBoxProps as Props } from "./interfaces";
 export declare const SearchAutocompleteResultsBox: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SearchAutocompleteRowProps as Props } from "./interfaces";
 export declare const SearchAutocompleteRow: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/search-autocomplete-input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SearchAutocompleteInputProps as Props } from "./interfaces";
 export declare const SearchAutocompleteInput: <T extends {
     id: string;

package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SearchBoxProps } from "./interfaces";
 export declare const SearchBox: (props: SearchBoxProps) => JSX.Element;

package/lib/components/labels/base-label/base-label.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BaseLabelProps } from "./interfaces";
 export declare const BaseLabel: (props: BaseLabelProps) => JSX.Element;

package/lib/components/radio-button/radio-button.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RadioButtonProps } from "./interfaces";
 export declare const RadioButton: (props: RadioButtonProps) => JSX.Element;

package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FiveStarsRatingProps } from "./interfaces";
 export declare const FiveStarsRating: (props: FiveStarsRatingProps) => JSX.Element;

package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CompactPrimarySelectorProps as Props } from "./interfaces";
 export declare const CompactPrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "translateSelect">) => JSX.Element;

package/lib/components/selectors/custom-scrollable-selector/custom-scrollable-selector.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CustomScrollableSelectorProps as Props } from "./interfaces";
 export declare const CustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element | null;

package/lib/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
 export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
 export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element | null;

package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { OptionRowProps as Props } from "./interfaces";
 export declare const OptionRow: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { PrimaryCustomScrollableSelectorProps as Props } from "./interfaces";
 export declare const PrimaryCustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-selector/primary-selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PrimarySelectorProps as Props } from "./interfaces";
 /**
  * The PrimarySelector.

package/lib/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SecondaryCustomSelectorOptionsBoxProps as Props } from "./interfaces";
 export declare const SecondaryCustomSelectorOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/secondary-custom-selector/secondary-custom-selector.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SecondaryCustomSelectorProps as Props } from "./interfaces";
 export declare const SecondaryCustomSelector: <T extends string = string>(props: Props<T>) => JSX.Element | null;

package/lib/components/selectors/secondary-selector/secondary-selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SecondarySelectorProps as Props } from "./interfaces";
 /**
  * The SecondarySelector.

package/lib/components/selectors/selector/selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectorProps as Props } from "./interfaces";
 export declare const getNoTranslateClass: (flag: boolean) => "no-translate" | undefined;
 export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BaseSelectorV2Props as Props } from "./interfaces";
 export declare const BaseSelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/selector-v2.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SelectorV2Props as Props } from "./interfaces";
 export declare const SelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/tertiary-selector/tertiary-selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TertiarySelectorProps as Props } from "./interfaces";
 /**
  * The TertiarySelector.

package/lib/components/slider/partials/step-circles/step-circles.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { StepCirclesProps } from "./interfaces";
 export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;

package/lib/components/slider/slider.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SliderProps } from "./interfaces";
 export declare const Slider: (props: SliderProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabProps } from "./interfaces";
 export declare const Ribbon: ({ active, activeColor, color, }: {
     active?: boolean | undefined;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TabBarProps } from "./interfaces";
 export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, }: TabBarProps<T>): JSX.Element;

package/lib/components/tabs/tabbed-view/tabbed-view.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TabbedViewProps } from "./interfaces";
 export declare function TabbedView({ tabs, color, activeColor, contentPadding, tabPadding, }: TabbedViewProps): JSX.Element;

package/lib/components/tabs/tabs-menu/tabs-menu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsMenuProps } from "./interfaces";
 /**
  * TabsMenu component.

package/lib/components/texts/base-text/base-text.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BaseTextProps } from "./interfaces";
 export declare const BaseText: (props: BaseTextProps) => JSX.Element;

package/lib/components/texts/eighteen-bold/eighteen-bold.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { EighteenBoldProps } from "./interfaces";
 export declare const EighteenBold: (props: EighteenBoldProps) => JSX.Element;

package/lib/components/texts/eighteen-regular/eighteen-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { EighteenRegularProps } from "./interfaces";
 export declare const EighteenRegular: (props: EighteenRegularProps) => JSX.Element;

package/lib/components/texts/fifty-five-sb/fifty-five-sb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FiftyFiveSbProps } from "./interfaces";
 export declare const FiftyFiveSb: (props: FiftyFiveSbProps) => JSX.Element;

package/lib/components/texts/fourteen-regular/fourteen-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FourteenRegularProps } from "./interfaces";
 export declare const FourteenRegular: (props: FourteenRegularProps) => JSX.Element;

package/lib/components/texts/fourteen-sb/fourteen-sb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FourteenSbProps } from "./interfaces";
 export declare const FourteenSb: (props: FourteenSbProps) => JSX.Element;

package/lib/components/texts/fourty-bold/fourty-bold.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { FourtyBoldProps } from "./interfaces";
 export declare const FourtyBold: (props: FourtyBoldProps) => JSX.Element;

package/lib/components/texts/no-translate/no-translate.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TextProps } from "rebass";
 export declare const NoTranslate: (props: TextProps) => JSX.Element;

package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SixteenRegularProps } from "./interfaces";
 export declare const SixteenRegular: (props: SixteenRegularProps) => JSX.Element;

package/lib/components/texts/ten-sb/ten-sb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TenSbProps } from "./interfaces";
 export declare const TenSb: (props: TenSbProps) => JSX.Element;

package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ThirteenBoldProps } from "./interfaces";
 export declare const ThirteenBold: (props: ThirteenBoldProps) => JSX.Element;

package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ThirteenRegularProps } from "./interfaces";
 export declare const ThirteenRegular: (props: ThirteenRegularProps) => JSX.Element;

package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ThirteenSbProps } from "./interfaces";
 export declare const ThirteenSb: (props: ThirteenSbProps) => JSX.Element;

package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ThirtyTwoBoldProps } from "./interfaces";
 export declare const ThirtyTwoBold: (props: ThirtyTwoBoldProps) => JSX.Element;

package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ThirtyTwoRegularProps } from "./interfaces";
 export declare const ThirtyTwoRegular: (props: ThirtyTwoRegularProps) => JSX.Element;

package/lib/components/texts/twelve-regular/twelve-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TwelveRegularProps } from "./interfaces";
 export declare const TwelveRegular: (props: TwelveRegularProps) => JSX.Element;

package/lib/components/texts/twelve-sb/twelve-sb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TwelveSbProps } from "./interfaces";
 export declare const TwelveSb: (props: TwelveSbProps) => JSX.Element;

package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TwentyFourBoldProps } from "./interfaces";
 export declare const TwentyFourBold: (props: TwentyFourBoldProps) => JSX.Element;

package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TwentyFourRegularProps } from "./interfaces";
 export declare const TwentyFourRegular: (props: TwentyFourRegularProps) => JSX.Element;

package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ScrollToTopProps } from "./interfaces";
 export declare const ScrollToTop: (props: ScrollToTopProps) => JSX.Element;

package/lib/components/utils/scroll-to-top-on-mount/scroll-to-top-on-mount.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ScrollToTopOnMount: () => JSX.Element;

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";