@selfdecode/sd-component-library 2.44.0 → 2.44.4

package/lib/components/accordions/base-accordion/interfaces.d.ts

@@ -4,7 +4,7 @@ export interface AccordionProps extends BaseComponentProps {
     /**
      * The button's width
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * Text that will be shown when the accordion is closed.
      */
@@ -53,7 +53,7 @@ export interface AccordionProps extends BaseComponentProps {
     /**
      * paddingX of wrapper.
      */
-    px?: Array<string>;
+    px?: string | string[];
     /**
      * paddingY of wrapper.
      */
@@ -61,7 +61,7 @@ export interface AccordionProps extends BaseComponentProps {
     /**
      * padding of wrapper.
      */
-    p?: Array<string>;
+    p?: string | string[];
     /**
      * Should the arrow be hidden?
      */
@@ -89,4 +89,12 @@ export interface AccordionProps extends BaseComponentProps {
      * disable CSS Flex if pdf flow.
      */
     isPDFflow?: boolean;
+    /**
+     * Accordion arrow color. Defaults to blue.
+     */
+    arrowColor?: string;
+    /**
+     * Accordion arrow color in the opened state.
+     */
+    openedArrowColor?: string;
 }

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

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 import { History } from "history";
 import { BaseComponentProps } from "../../interfaces";
 import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
+import { SxProps } from "rebass";
 /**
  * Defines the button component's properties. You cannot pass
  * both onClick and link props at the same time
@@ -164,4 +165,8 @@ export interface ButtonProps extends BaseComponentProps {
      * Style props passed to the loadingIcon when loading is true
      */
     loadingIconProps?: LoadingIconProps;
+    /**
+     * Button component sx.
+     */
+    sx?: SxProps["sx"];
 }

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

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

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

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/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/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/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/custom-scrollbar-box/interfaces.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { CSSProperties } from "react";
+import { SxProps } from "rebass";
 export interface CustomScrollbarBoxProps {
     /**
      * Content inside the scroll box
@@ -11,11 +12,11 @@ export interface CustomScrollbarBoxProps {
     /**
      * Height of the box
      */
-    height: Array<string>;
+    height: string | string[];
     /**
      * Width of the box
      */
-    width: Array<string>;
+    width: string | string[];
     /**
      * Color of the background of the scrollbar
      */
@@ -31,5 +32,25 @@ export interface CustomScrollbarBoxProps {
     /**
      * Padding around the content
      */
-    p?: Array<string>;
+    p?: string | string[];
+    /**
+     * Y-overflow of the content
+     */
+    overflowY?: CSSProperties["overflowY"];
+    /**
+     * Max height of the content
+     */
+    maxHeight?: string | string[];
+    /**
+     * Sx prop to customize inner container
+     */
+    sx?: SxProps["sx"];
+    /**
+     * Whether scrollbar should appear only on hover.
+     */
+    makeVisibleOnHoverOnly?: boolean;
+    /**
+     * Hover with of the scroll bar.
+     */
+    hoverScrollbarWidth?: string | string[];
 }

package/lib/components/dividers/divider/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { BaseComponentProps } from "../../interfaces";
+import { SxProps } from "rebass";
 export interface DividerProps extends BaseComponentProps {
     /**
      * The divider's width
@@ -16,4 +17,8 @@ export interface DividerProps extends BaseComponentProps {
      * The opacity of the divider
      */
     opacity?: string;
+    /**
+     * Prop to customize divider.
+     */
+    sx?: SxProps["sx"];
 }

package/lib/components/dividers/horizontal-divider/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { DividerProps } from "../divider";
-export declare type HorizontalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml" | "opacity">;
+export declare type HorizontalDividerProps = Omit<DividerProps, "variant">;

package/lib/components/dividers/vertical-divider/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { DividerProps } from "../divider";
-export declare type VerticalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type VerticalDividerProps = Omit<DividerProps, "variant">;

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/date-inputs/primary-date-range-input/index.d.ts

@@ -0,0 +1 @@
+export { PrimaryDateRangeInput } from "./primary-date-range-input";

package/lib/components/inputs/date-inputs/primary-date-range-input/interfaces.d.ts

@@ -0,0 +1,21 @@
+import { BaseDateRangeInputProps } from "../base-date-range-input";
+export interface PrimaryDateRangeInputProps extends Omit<BaseDateRangeInputProps, "showCalendar" | "children" | "onClose"> {
+    width?: string | string[];
+    /**
+     * Label props.
+     */
+    label?: string;
+    labelColor?: string;
+    /**
+     * Text to be displayed inside of input.
+     */
+    text?: string;
+    /**
+     * Placeholder to be displayed inside of input if text isn't specified.
+     */
+    placeholder?: string;
+    /**
+     * Distance between label and input.
+     */
+    gap?: string | string[];
+}

package/lib/components/inputs/date-inputs/primary-date-range-input/primary-date-range-input.d.ts

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

package/lib/components/inputs/input/interfaces.d.ts

@@ -16,7 +16,7 @@ export declare type InputProps = BaseComponentProps & {
     /**
      * The padding to apply to the input.
      */
-    padding?: Array<string>;
+    padding?: string | string[];
     /**
      * The text alignment to use for the input
      */
@@ -24,7 +24,7 @@ export declare type InputProps = BaseComponentProps & {
     /**
      * The width of the input element
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * The input's placeholder
      */

package/lib/components/inputs/multi-row-secondary-text-input/index.d.ts

@@ -0,0 +1 @@
+export { MultiRowSecondaryTextInput } from "./multi-row-secondary-text-input";

package/lib/components/inputs/multi-row-secondary-text-input/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { SecondaryTextInputProps } from "../secondary-text-input";
+export interface MultiRowSecondaryTextInputProps extends Omit<SecondaryTextInputProps, "value" | "onChange"> {
+    value: string;
+    onChange: (value: string) => void;
+    fontSize?: number;
+    fontWeight?: number;
+    rows?: number;
+    lineHeight?: number;
+    underlineColor?: string;
+}

package/lib/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.d.ts

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

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

@@ -0,0 +1 @@
+export { SearchAutocompleteInput } from "./search-autocomplete-input";

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

@@ -0,0 +1,26 @@
+import { SxProps } from "rebass";
+import { SecondaryTextInputProps } from "../secondary-text-input";
+export interface SearchAutocompleteInputProps<T extends {
+    id: string;
+} = {
+    id: string;
+}> extends Omit<SecondaryTextInputProps, "sx"> {
+    searchValue: string;
+    onSearch: (newSearchValue: string) => void;
+    onSelect: (newValue: SearchAutocompleteOption<T>) => void;
+    hasSelection: boolean;
+    results: SearchAutocompleteOption<T>[];
+    rowsDisplayed?: number;
+    rowHeight?: number;
+    containerSx?: SxProps["sx"];
+    inputSx?: SxProps["sx"];
+}
+export interface SearchAutocompleteOption<T extends {
+    id: string;
+} = {
+    id: string;
+}> {
+    id: string;
+    title: string;
+    value: T;
+}

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

@@ -0,0 +1 @@
+export { SearchAutocompleteResultsBox } from "./search-autocomplete-results-box";

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

@@ -0,0 +1,11 @@
+import { SearchAutocompleteOption } from "../../interfaces";
+export interface SearchAutocompleteResultsBoxProps<T extends {
+    id: string;
+} = {
+    id: string;
+}> {
+    results: SearchAutocompleteOption<T>[];
+    onSelect: (newValue: SearchAutocompleteOption<T>) => void;
+    rowsDisplayed: number;
+    rowHeight: number;
+}

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

@@ -0,0 +1,6 @@
+import { SearchAutocompleteResultsBoxProps as Props } from "./interfaces";
+export declare const SearchAutocompleteResultsBox: <T extends {
+    id: string;
+} = {
+    id: string;
+}>(props: Props<T>) => JSX.Element;

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

@@ -0,0 +1 @@
+export { SearchAutocompleteRow } from "./search-autocomplete-row";

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

@@ -0,0 +1,9 @@
+export interface SearchAutocompleteRowProps<T extends {
+    id: string;
+} = {
+    id: string;
+}> {
+    onClick: () => void;
+    title: string;
+    height: number;
+}

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

@@ -0,0 +1,6 @@
+import { SearchAutocompleteRowProps as Props } from "./interfaces";
+export declare const SearchAutocompleteRow: <T extends {
+    id: string;
+} = {
+    id: string;
+}>(props: Props<T>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import { SearchAutocompleteInputProps as Props } from "./interfaces";
+export declare const SearchAutocompleteInput: <T extends {
+    id: string;
+} = {
+    id: string;
+}>(props: Props<T>) => 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/inputs/secondary-text-input/interfaces.d.ts

@@ -1,9 +1,10 @@
 import { ResponsiveTextV2Props } from "../../texts/responsive-text-v2";
 import { PrimaryTextInputProps } from "../primary-text-input";
+import { SxProps } from "rebass";
 /**
  * Defines the SecondaryTextInput component's properties.
  */
-export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled"> & {
+export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx"> & {
     /**
      * The label for the text input
      */
@@ -36,4 +37,8 @@ export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onCha
      * Default value: ["0px"].
      */
     labelMargin?: string | string[];
+    /**
+     * Padding of the input element.
+     */
+    inputSx?: SxProps["sx"];
 };

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/meters/multi-option-discrete-outline-meter/interfaces.d.ts

@@ -9,5 +9,6 @@ export interface MultiOptionDiscreteOutlineMeterProps<T> extends Omit<OutlineMet
 export interface DiscreteOutlineMeterOption<T> {
     label?: string;
     value: T;
+    labelColor?: string;
 }
 export declare type SmallMultiOptionDiscreteOutlineMeterProps<T> = MultiOptionDiscreteOutlineMeterProps<T>;

package/lib/components/modals/modal/interfaces.d.ts

@@ -32,7 +32,7 @@ export interface ModalProps {
     /**
      * Width property of the modal.
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * Boolean to open up the pop up.
      */
@@ -40,19 +40,19 @@ export interface ModalProps {
     /**
      * Optional change to the container's borderRadius. Default value: ["5px"]
      */
-    borderRadius?: Array<string>;
+    borderRadius?: string | string[];
     /**
      * Optional change for the default padding. This padding is
      * for the outer container, and not inside the popup itself.
      * Default value: ["30px", "150px"],
      */
-    outerPadding?: Array<string>;
+    outerPadding?: string | string[];
     /**
      * Optional change for the default inner padding. This adds padding
      * for the components inside the outer popup container.
      * Default value: ["40px 20px", "50px"]
      */
-    innerPadding?: Array<string>;
+    innerPadding?: string | string[];
     /**
      * Optional ability to close the modal when clicking outside the content
      * False by default
@@ -69,4 +69,8 @@ export interface ModalProps {
      * Additional props for the modal outer container.
      */
     containerSx?: SxProps["sx"];
+    /**
+     * Additional props for the modal inner container.
+     */
+    innerSx?: SxProps["sx"];
 }

package/lib/components/modals/primary-modal/interfaces.d.ts

@@ -8,8 +8,4 @@ export interface PrimaryModalProps extends ModalProps {
      * text content of the modal
      */
     text: string;
-    /**
-     * Display close button
-     */
-    showXIcon?: boolean;
 }

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" | "translateSelect">) => 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/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryCustomSelector } from "./secondary-custom-selector";

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

@@ -0,0 +1,6 @@
+import { SelectorV2Props } from "../selector-v2";
+import { SxProps } from "rebass";
+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-option-row/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryCustomSelectorOptionRow } from "./secondary-custom-selector-option-row";

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

@@ -0,0 +1,5 @@
+export interface SecondaryCustomSelectorOptionRowProps {
+    title: string;
+    onClick: () => void;
+    isLast?: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+export { SecondaryCustomSelectorOptionsBox } from "./secondary-custom-selector-options-box";

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

@@ -0,0 +1,5 @@
+import { SelectorOptionV2 } from "../../../selector-v2";
+export interface SecondaryCustomSelectorOptionsBoxProps<T extends string = string> {
+    options: SelectorOptionV2<T>[];
+    onSelect: (option: SelectorOptionV2<T>) => void;
+}

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

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

@@ -0,0 +1,2 @@
+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-custom-selector/index.d.ts

@@ -0,0 +1 @@
+export { TertiaryCustomSelector } from "./tertiary-custom-selector";

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

@@ -0,0 +1,3 @@
+import { SecondaryCustomSelectorProps } from "../secondary-custom-selector/interfaces";
+export interface TertiaryCustomSelectorProps<T extends string = string> extends Omit<SecondaryCustomSelectorProps, "variant"> {
+}

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

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

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;