@selfdecode/sd-component-library 2.46.5 → 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/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/index.d.ts

@@ -1,2 +1,2 @@
-export { NavbarPresentational as Navbar, getLabShopsUrlProps, } from "./presentational";
+export * from "./presentational";
 export * from "./partials";

package/lib/components/complex/navbar/partials/index.d.ts

@@ -1 +1,2 @@
 export * from "./navbar-v1";
+export * from "./navbar-v2";

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

@@ -1 +1,2 @@
 export { NavbarV2Presentational as NavbarV2 } from "./presentational";
+export * from "./partials";

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

@@ -0,0 +1 @@
+export type { NavItem as NavItemConfig } from "./interfaces";

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/partials/navbar-v2/presentational/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { NavbarProps } from "../../../presentational/interfaces";
+import { NavbarProps } from "../../../presentational";
 import { NavItem } from "../partials/interfaces";
 export declare type NavbarV2PresentationalProps = Pick<NavbarProps, "history" | "unsubscribedUser" | "onSearch" | "searchResults" | "itemsInCart" | "onClickCartIcon" | "isLegacy" | "borderBottomColor" | "onClickSearch" | "useRouterLinks" | "hideSearch" | "searchValue"> & {
     /**

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

@@ -1,2 +1,4 @@
-export { NavbarPresentational } from "./navbar-presentational";
+export { NavbarPresentational as Navbar } from "./navbar-presentational";
 export { getLabShopsUrlProps } from "./url-utils";
+export type { NavbarProps } from "./interfaces";
+export { getNativeLanguageName } from "./language-mapping";

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

@@ -26,7 +26,7 @@ export declare const legacyToolsItem: {
         url?: undefined;
     })[];
 };
-export declare const myAccountItem: {
+export declare const getMyAccountItem: (isProfessional?: boolean, isLegacy?: boolean) => {
     Icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -42,10 +42,6 @@ export declare const myAccountItem: {
     })[];
 };
 export declare const regularUserItems: ({
-    title: string;
-    url: string;
-    items?: undefined;
-} | {
     title: string;
     items: ({
         title: string;
@@ -56,4 +52,8 @@ export declare const regularUserItems: ({
         title: string;
     })[];
     url?: undefined;
+} | {
+    title: string;
+    url: string;
+    items?: undefined;
 })[];

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/icons/round-bordered-star/interfaces.d.ts

@@ -1,4 +1,6 @@
+import { SxProps } from "rebass";
 export interface RoundBorderedStarProps {
+    sx?: SxProps["sx"];
     /**
      * Icon size (20px by default)
      */

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/meters/dashed-meter/interfaces.d.ts

@@ -14,4 +14,5 @@ export interface DashedMeterProps extends BaseComponentProps, Pick<BaseGridConta
     dashHeight?: string;
     verticalDashHeight?: string;
     dashBorderRadius?: string;
+    activeColor?: string;
 }

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

@@ -0,0 +1,21 @@
+import { BaseCompactSelectorProps, BaseSelectorProps, SelectorOptionType } from "../../interfaces";
+export type { SelectorOptionType as SelectorOption };
+export { Selector } from "./selector";
+export type { BaseSelectorProps as SelectorProps };
+export { TertiarySelector } from "./tertiary-selector";
+export { PrimarySelector } from "./primary-selector";
+export { SecondarySelector } from "./secondary-selector";
+export { CompactPrimarySelector } from "./compact-primary-selector";
+export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
+export { CustomSelector } from "./custom-selector";
+export { SecondaryCustomSelector } from "./secondary-custom-selector";
+export { TertiaryCustomSelector } from "./tertiary-custom-selector";
+export { CombinedSecondaryCustomSelector } from "./combined-secondary-custom-selector";
+export { SelectorV2 } from "./selector-v2";
+export type { SelectorV2Props, SelectorOptionV2 } from "./selector-v2";
+export { TertiarySelectorV2 } from "./tertiary-selector-v2";
+export { SecondarySelectorV2 } from "./secondary-selector-v2";
+export { PrimarySelectorV2 } from "./primary-selector-v2";
+export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
+export { CustomScrollableSelector } from "./custom-scrollable-selector";
+export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";

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

@@ -0,0 +1 @@
+export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SecondaryCustomSelectorProps } from "../secondary-custom-selector/interfaces";
+export interface PrimaryCustomScrollableSelectorProps<T extends string = string> extends Omit<SecondaryCustomSelectorProps<T>, "variant"> {
+    leftSlot?: React.ReactNode;
+}

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

@@ -0,0 +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/custom-scrollable-options-box/index.d.ts

@@ -0,0 +1 @@
+export { CustomScrollableOptionsBox } from "./custom-scrollable-options-box";

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

@@ -0,0 +1,4 @@
+import { PrimaryCustomScrollableSelectorProps } from "../../interfaces";
+export interface CustomScrollableOptionsBoxProps<T extends string = string> extends Pick<PrimaryCustomScrollableSelectorProps<T>, "value" | "options" | "onChange"> {
+    isVisible: boolean;
+}

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

@@ -0,0 +1 @@
+export { OptionRow } from "./option-row";

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

@@ -0,0 +1,5 @@
+import { SelectorOptionV2 } from "../../../selector-v2";
+export interface OptionRowProps<T extends string = string> extends SelectorOptionV2<T> {
+    currentSelection?: boolean;
+    onClick: () => void;
+}

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

@@ -0,0 +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

@@ -0,0 +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;