@selfdecode/sd-component-library 2.43.6 → 2.43.10

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

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

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

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

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

@@ -14,7 +14,7 @@ export interface ButtonProps extends BaseComponentProps {
      */
     link?: string;
     /**
-     * Indicates wheter the url provided in the link prop can be
+     * Indicates whether the url provided in the link prop can be
      * handled by React-Router or not.
      *
      * Default value: true
@@ -47,7 +47,7 @@ export interface ButtonProps extends BaseComponentProps {
     /**
      * padding for the button
      */
-    padding?: Array<string>;
+    padding?: string | string[];
     /**
      * The font-size css property
      */
@@ -57,9 +57,9 @@ export interface ButtonProps extends BaseComponentProps {
      */
     fontWeight?: string;
     /**
-     * The leter-spacing css property
+     * The letter-spacing css property
      */
-    letterSpacing?: Array<string>;
+    letterSpacing?: string | string[];
     /**
      * The border radius for the button.
      */
@@ -68,10 +68,12 @@ export interface ButtonProps extends BaseComponentProps {
      * The button's width
      */
     width?: string | string[];
+    minWidth?: string | string[];
+    maxWidth?: string | string[];
     /**
      * The button's height
      */
-    height?: Array<string>;
+    height?: string | string[];
     /**
      * The border style to apply to the button.
      */

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

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

package/lib/components/checkboxes/checkbox/checkbox.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1 +1,2 @@
 export { NavbarPresentational } from "./navbar-presentational";
+export { getLabShopsUrlProps } from "./url-utils";

package/lib/components/complex/navbar/presentational/interfaces.d.ts

@@ -82,7 +82,6 @@ export declare type NavbarProps = {
      * What to do when the logout button has been pressed.
      *
      * Default value: () => {
-     *  window.localStorage.setItem("hideDecody", "false");
      *  window.location.href = "/account/logout";
      * }
      */

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

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

package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { GridContainerV2Props as Props } from "./interfaces";
+export declare const GridContainerV2: React.FC<Props>;

package/lib/components/containers/grid-containers/grid-container-v2/index.d.ts

@@ -0,0 +1 @@
+export { GridContainerV2 } from "./grid-container-v2";

package/lib/components/containers/grid-containers/grid-container-v2/interfaces.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from "rebass";
+export interface GridContainerV2Props extends Omit<BoxProps, "display"> {
+    /**
+     * Grid columns template.
+     */
+    gridTemplateColumns?: string | string[];
+    /**
+     * Grid rows template.
+     */
+    gridTemplateRows?: string | string[];
+    /**
+     * Gap between elements.
+     */
+    gap?: string | string[];
+}

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { BaseComponentProps } from "../../interfaces";
 /**
- * Defines the ProgpressBar component's properties.
+ * Defines the ProgressBar component's properties.
  */
-interface CommonProgressBarProps extends BaseComponentProps {
+export interface CommonProgressBarProps extends BaseComponentProps {
     /**
      * The total amount of steps in our total progress
      */

package/lib/components/progress-bars/rounded-progress-bar/index.d.ts

@@ -0,0 +1 @@
+export { RoundedProgressBar } from "./rounded-progress-bar";

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

@@ -0,0 +1,24 @@
+import { SxProps } from "rebass";
+import { CommonProgressBarProps } from "../progress-bar/interfaces";
+export interface RoundedProgressBarProps extends Pick<CommonProgressBarProps, "currentStep" | "totalSteps"> {
+    /**
+     * Bar height.
+     */
+    height?: string | string[];
+    /**
+     * Border radius of the bars.
+     */
+    borderRadius?: string | string[];
+    /**
+     * Color of the not active part.
+     */
+    baseColor?: string;
+    /**
+     * Color of the active part.
+     */
+    activeColor?: string;
+    /**
+     * Sx prop to customize container.
+     */
+    containerSx?: SxProps["sx"];
+}

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { RoundedProgressBarProps as Props } from "./interfaces";
+export declare const RoundedProgressBar: React.FC<Props>;

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

@@ -1,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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">) => 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/primary-selector-v2/index.d.ts

@@ -0,0 +1 @@
+export { PrimarySelectorV2 } from "./primary-selector-v2";

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

@@ -0,0 +1,2 @@
+import { SelectorV2Props } from "../selector-v2";
+export declare type PrimarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant">;

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { PrimarySelectorV2Props as Props } from "./interfaces";
+export declare const PrimarySelectorV2: React.FC<Props>;

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/secondary-selector-v2/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { SelectorV2Props } from "../selector-v2";
-export declare type SecondarySelectorV2Props = Omit<SelectorV2Props, "variant" | "labelContainerAlignItems">;
+export declare type SecondarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant" | "labelContainerAlignItems">;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SelectorProps as Props } from "./interfaces";
 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/selectors/tertiary-selector-v2/interfaces.d.ts

@@ -1,3 +1,3 @@
 import { SelectorV2Props } from "../selector-v2";
-export interface TertiarySelectorV2Props extends Omit<SelectorV2Props, "variant"> {
+export interface TertiarySelectorV2Props<T extends string = string> extends Omit<SelectorV2Props<T>, "variant"> {
 }

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, }: TabBarProps<T>): JSX.Element;

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

@@ -31,10 +31,6 @@ export interface TabBarV2Props {
      * Border radius of the tab bar (in px).
      */
     borderRadius?: number;
-    /**
-     * Side padding of the tab bar.
-     */
-    paddingX?: string;
     /**
      * Side padding of the tab.
      */

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

@@ -20,4 +20,5 @@ export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "t
      * Side padding of the tab
      */
     px?: string | string[];
+    observer?: IntersectionObserver;
 }

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/base-text-v2/base-text-v2.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { BaseTextV2Props as Props } from "./interfaces";
+export declare const BaseTextV2: React.FC<Props>;

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

@@ -0,0 +1,2 @@
+export { BaseTextV2 } from "./base-text-v2";
+export type { BaseTextV2Props } from "./interfaces";

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

@@ -0,0 +1,2 @@
+import { TextProps } from "rebass";
+export declare type BaseTextV2Props = TextProps;

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/responsive-text/interfaces.d.ts

@@ -6,7 +6,7 @@ declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "dis
 /**
  * SelfDecode's combinations of fontSize and fontWeight.
  */
-declare type SDFontSizeWeight = [number, "semi-bold" | "regular" | "bold"];
+export declare type SDFontSizeWeight = [number, "semi-bold" | "regular" | "bold"];
 export interface ResponsiveTextProps extends PropsFromBaseText {
     fontSizeWeight: SDFontSizeWeight[];
     /**

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

@@ -0,0 +1,2 @@
+export { ResponsiveTextV2 } from "./responsive-text-v2";
+export type { ResponsiveTextV2Props } from "./interfaces";

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { ResponsiveTextV2Props as Props } from "./interfaces";
+export declare const ResponsiveTextV2: React.FC<Props>;

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

@@ -41,3 +41,11 @@ export declare function useBreakPoints(): {
     isTab: boolean;
     isDesktop: boolean;
 };
+/**
+ * Provided intersection observer for the specified elements.
+ *
+ * @param rootRef Ref for the root element.
+ * @param rootMargin Margin for the root element area.
+ * @param callback Function to process intersection changes.
+ */
+export declare function useIntersectionObserver(rootRef: RefObject<HTMLElement>, rootMargin: string, callback: IntersectionObserverCallback): IntersectionObserver | undefined;

package/lib/core/theme.d.ts

@@ -309,6 +309,21 @@ declare const _default: {
                     color: string;
                     fontSize: string;
                 };
+                primaryV2: {
+                    position: string;
+                    left: string;
+                    top: string;
+                    height: string;
+                    fontFamily: string;
+                    fontWeight: number;
+                    color: string;
+                    fontSize: string;
+                    letterSpacing: string;
+                    textTransform: string;
+                    width: string;
+                    bg: string;
+                    px: string;
+                };
             };
             iconButton: {
                 marginRight: string;
@@ -433,6 +448,16 @@ declare const _default: {
                     transform: string;
                 };
             };
+            primaryV2: {
+                fontFamily: string;
+                fontSize: string;
+                color: string;
+                px: string;
+                py: string;
+                borderRadius: string;
+                borderColor: string;
+                outline: string;
+            };
         };
     };
     text: {