@selfdecode/sd-component-library 2.44.2 → 2.44.5

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

@@ -45,4 +45,12 @@ export interface CustomScrollbarBoxProps {
      * 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/multi-row-secondary-text-input/interfaces.d.ts

@@ -2,6 +2,9 @@ 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/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/search-input/presentational/interfaces.d.ts

@@ -1,5 +1,6 @@
 import { PrimaryTextInputProps } from "../../primary-text-input";
 import { SearchResult } from "../partials/search-box/interfaces";
+import { SxProps } from "rebass";
 /**
  * Defines SearchInput component's properties.
  */
@@ -29,9 +30,15 @@ export interface SearchInputProps extends BaseInputProps {
     /**
      * The array of results
      */
-    searchResults?: Array<SearchResult>;
+    searchResults?: SearchResult[];
     /**
      * Whether to use react-router links.
      */
     useRouterLinks?: boolean;
+    /**
+     * Sx prop of the container.
+     */
+    containerSx?: SxProps["sx"];
+    searchIconBottom?: string;
+    xIconBottom?: string;
 }

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

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 export declare type OutlineMeterPosition = number;
 export interface OutlineMeterProps {
     /**
@@ -106,6 +107,10 @@ export interface OutlineMeterProps {
      * Border radius of the mask.
      */
     maskBorderRadius?: number;
+    /**
+     * Cursor for the gauge.
+     */
+    cursor?: CSSProperties["cursor"];
 }
 export declare type SmallOutlineMeterProps = OutlineMeterProps;
 export interface OutlineMeterRangeConfig {

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { OutlineMeterProps } from "../outline-meter";
-export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
+export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius" | "cursor"> {
     /**
      * Colors for smiley corresponding to state.
      */

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;

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

@@ -39,6 +39,11 @@ export interface TabBarV2Props {
      * Font size of the tab text.
      */
     fontSize?: number;
+    /**
+     * Tab offsets. Padding = borderRadius + offset.
+     */
+    tabTopAdditionalOffset?: number;
+    tabBottomAdditionalOffset?: number;
 }
 export interface TabV2Config {
     id: string;

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

@@ -1,5 +1,5 @@
 import { TabBarV2Props, TabV2Config } from "../../interfaces";
-export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId" | "tabPx">> {
+export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId" | "tabPx" | "tabTopAdditionalOffset" | "tabBottomAdditionalOffset">> {
     /**
      * Index of the selected tab.
      */
@@ -25,4 +25,6 @@ export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "t
      */
     px?: string | string[];
     observer?: IntersectionObserver;
+    topAdditionalOffset: number;
+    bottomAdditionalOffset: number;
 }

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

@@ -3,4 +3,8 @@ import { TextProps } from "rebass";
 export interface BaseTextV2Props extends Omit<TextProps, "color"> {
     color?: string | string[];
     textTransform?: React.CSSProperties["textTransform"];
+    /**
+     * Whether to apply "no-translate" class to text block.
+     */
+    dontTranslate?: boolean;
 }

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;