@selfdecode/sd-component-library 2.45.15 → 2.45.18

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/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/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/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/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

@@ -52,10 +52,24 @@ 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;
         onMouseLeave: () => void;
     };
 };
+export declare function useContentSize<T extends Element = HTMLElement>(settings?: {
+    listenForResize?: boolean;
+    debounceDelay?: number;
+    checkEachRender?: boolean;
+}): {
+    ref: RefObject<T>;
+    contentWidth: number;
+    contentHeight: number;
+};
+export declare function useElementCoordinates<T extends Element = HTMLElement>(): {
+    ref: RefObject<T>;
+    x: number;
+    y: number;
+};

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, 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";
@@ -106,20 +85,7 @@ export { List } from "./components/lists/list";
 export declare type ListProps = BaseListProps;
 export { PrimaryList } from "./components/lists/primary-list";
 export { ActionsMenu } from "./components/menus/actions-menu";
-export { BaseOutlineMeter } from "./components/meters/base-outline-meter";
-export declare type BaseOutlineMeterProps = BaseBaseOutlineMeterProps;
-export { DiscreteOutlineMeter } from "./components/meters/discrete-outline-meter";
-export { ContinuousOutlineMeter } from "./components/meters/continuous-outline-meter";
-export { MulticolorOutlineMeter } from "./components/meters/multicolor-outline-meter";
-export { BarsMeter } from "./components/meters/bars-meter";
-export { PeopleMeter } from "./components/meters/people-meter";
-export { SmileyMeter } from "./components/meters/smiley-meter";
-export { DashedMeter } from "./components/meters/dashed-meter";
-export { GradientOutlineMeter, SmallGradientOutlineMeter, } from "./components/meters/gradient-outline-meter";
-export { OutlineMeter, SmallOutlineMeter, } from "./components/meters/outline-meter";
-export type { OutlineMeterPosition, Bounds, OutlineMeterLabelPosition, } from "./components/meters/outline-meter";
-export { SmileyMeterV2, SmallSmileyMeterV2, } from "./components/meters/smiley-meter-v2";
-export { MultiOptionDiscreteOutlineMeter, SmallMultiOptionDiscreteOutlineMeter, } from "./components/meters/multi-option-discrete-outline-meter";
+export * from "./components/meters";
 export { Modal } from "./components/modals/modal";
 export declare type ModalProps = BaseModalProps;
 export { PrimaryModal } from "./components/modals/primary-modal";