@selfdecode/sd-component-library 2.45.11 → 2.45.14

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

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

@@ -1,5 +1,5 @@
-import { SelectorV2Props } from "../selector-v2";
 import { SxProps } from "rebass";
+import { SelectorV2Props } from "../selector-v2";
 export interface SecondaryCustomSelectorProps<T extends string = string> extends Pick<SelectorV2Props<T>, "options" | "value" | "onChange" | "width" | "variant"> {
     label: string;
     containerSx?: SxProps["sx"];

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

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

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

@@ -1,6 +1,6 @@
-import { BaseComponentProps } from "../../interfaces";
 import { CSSProperties } from "react";
 import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
+import { BaseComponentProps } from "../../interfaces";
 export declare type SelectorOption<T extends string = string> = {
     id: string;
     title: string;

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

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

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

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

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

@@ -1,3 +1,2 @@
-/// <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,4 +1,3 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { TabProps } from "./partials/tab";
 import { History } from "history";
+import { TabProps } from "./partials/tab";
 declare type CommonTabProps = Pick<TabProps, "Icon" | "iconHeight" | "title" | "hash">;
 export interface TabObject extends CommonTabProps {
     /**

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

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

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

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

package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts

@@ -8,4 +8,8 @@ export interface TooltipWithPointerProps {
     pointerSize?: number;
     tooltipPx?: string | string[];
     tooltipPy?: string | string[];
+    /**
+     * Whether to show tooltip.
+     */
+    tooltipVisible: boolean;
 }

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

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

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

@@ -1,4 +1,4 @@
-import { RefObject, Dispatch, SetStateAction } from "react";
+import { Dispatch, RefObject, SetStateAction } from "react";
 /**
  * A custom useState hook function, that automatically
  * updates the state whenever the dependency param changes

package/lib/core/theme.d.ts

@@ -68,6 +68,9 @@ declare const _default: {
                 customTertiary: {
                     gap: string;
                 };
+                customScrollable: {
+                    gap: string;
+                };
             };
         };
         _dropdowns: {
@@ -340,6 +343,13 @@ declare const _default: {
                     textTransform: string;
                     color: string;
                 };
+                customScrollable: {
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textTransform: string;
+                    color: string;
+                };
             };
             iconButton: {
                 marginRight: string;

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseAccordionProps, BaseBadgeProps, BaseBreadcrumbProps, BaseButtonProps, BaseCtaButtonProps, BaseTextCtaButtonProps, BaseBaseGridContainerProps, BaseDropdownProps, BaseInputProps, BaseTextInputProps, BaseNumberInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseProgressBarProps, BaseSelectorProps, SelectorOptionType, SlideSettingsType, BaseTextSwitchProps, BaseTextPropsInterface, BaseResponsiveTextProps, BaseBicolorBadgeProps, BaseBaseOutlineMeterProps, BaseBoxyNumberInputProps, BaseSublistAccordionProps, BasePaginationBarProps, BaseCarouselSwitchProps, BaseCompactSelectorProps, BaseDateRangeInputProps, OutlinedDateRangeInputProps } from "./interfaces";
+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";
 export declare const ComponentLibThemeProvider: import("react").FC<import("./components/wrapper/interfaces").WrapperProps>;
 export { Accordion } from "./components/accordions/base-accordion";
 export declare type AccordionProps = BaseAccordionProps;
@@ -43,6 +43,7 @@ export { PoweredByGreyLogoButton } from "./components/buttons/logos/powered-by-g
 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 { RoundCard } from "./components/cards/round-card";
 export { Checkbox } from "./components/checkboxes/checkbox";
 export { PartialCheckbox } from "./components/checkboxes/partial-checkbox";
@@ -133,23 +134,7 @@ export { RoundedProgressBar } from "./components/progress-bars/rounded-progress-
 export { ProgressSteps } from "./components/progress-steps";
 export { RadioButton } from "./components/radio-button";
 export { FiveStarsRating } from "./components/ratings/five-stars-rating";
-export type { SelectorOptionType as SelectorOption };
-export { Selector } from "./components/selectors/selector";
-export type { BaseSelectorProps as SelectorProps };
-export { TertiarySelector } from "./components/selectors/tertiary-selector";
-export { PrimarySelector } from "./components/selectors/primary-selector";
-export { SecondarySelector } from "./components/selectors/secondary-selector";
-export { CompactPrimarySelector } from "./components/selectors/compact-primary-selector";
-export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
-export { CustomSelector } from "./components/selectors/custom-selector";
-export { SecondaryCustomSelector } from "./components/selectors/secondary-custom-selector";
-export { TertiaryCustomSelector } from "./components/selectors/tertiary-custom-selector";
-export { SelectorV2 } from "./components/selectors/selector-v2";
-export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/selector-v2";
-export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
-export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
-export { PrimarySelectorV2 } from "./components/selectors/primary-selector-v2";
-export { CombinedSecondarySelectorV2 } from "./components/selectors/combined-secondary-selector-v2";
+export * from "./components/selectors";
 export { Slider } from "./components/slider";
 export declare type SlideSettings = SlideSettingsType;
 export { TextSwitch } from "./components/switches/text-switch";
@@ -198,8 +183,8 @@ export { ReactElementTooltip } from "./components/tooltips/react-element-tooltip
 export { ActionsTooltip } from "./components/tooltips/actions-tooltip";
 export { TooltipWithPointer } from "./components/tooltips/tooltip-with-pointer";
 export { Footer } from "./components/complex/footer";
-export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
-export { UpdatedNavbar } from "./components/complex/updated-navbar";
+export * from "./components/complex/navbar";
+export * from "./components/complex/updated-navbar";
 export { Anchor } from "./components/utils/anchor";
 export { PageTracker } from "./components/utils/page-tracker";
 export { ScrollToTop } from "./components/utils/scroll-to-top";