@selfdecode/sd-component-library 2.44.0 → 2.44.4

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;

package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts

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

package/lib/components/texts/ten-sb/ten-sb.d.ts

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

package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts

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

package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts

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

package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts

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

package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts

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

package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts

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

package/lib/components/texts/twelve-regular/twelve-regular.d.ts

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

package/lib/components/texts/twelve-sb/twelve-sb.d.ts

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

package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts

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

package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts

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

package/lib/components/tooltips/base-tooltip/interfaces.d.ts

@@ -7,7 +7,7 @@ export interface BaseTooltipProps extends BaseComponentProps {
     /**
      * Text to be displayed in the tooltip.
      */
-    tooltipText: string;
+    tooltipText: string | React.ReactNode;
     /**
      * Color of text to be displayed in the tooltip.
      */

package/lib/components/tooltips/primary-info-tooltip/interfaces.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseInfoTooltipProps } from "../base-info-tooltip";
 /**
  * Additional props we want to add
@@ -7,6 +8,6 @@ export interface PrimaryInfoTooltipProps extends SameProps {
     /**
      * Only this prop is required
      */
-    tooltipText: string;
+    tooltipText: string | React.ReactNode;
 }
 export {};

package/lib/components/tooltips/star-tooltip/partials/toltip-text-modal/interfaces.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export interface TooltipTextModalProps {
     isOpen: boolean;
     onClose: () => void;
-    text: string;
+    text: string | React.ReactNode;
 }

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

@@ -61,6 +61,13 @@ declare const _default: {
                 combined: {
                     display: string;
                 };
+                customSecondary: {
+                    gap: string;
+                    gridTemplateColumns: string;
+                };
+                customTertiary: {
+                    gap: string;
+                };
             };
         };
         _dropdowns: {
@@ -264,7 +271,6 @@ declare const _default: {
             };
             selectors: {
                 secondary: {
-                    fontFamily: string;
                     fontSize: string[];
                     fontWeight: number;
                     letterSpacing: number;
@@ -272,7 +278,6 @@ declare const _default: {
                     color: string;
                 };
                 secondaryError: {
-                    fontFamily: string;
                     width: string;
                     fontSize: string[];
                     fontWeight: number;
@@ -282,7 +287,6 @@ declare const _default: {
                     color: string;
                 };
                 tertiary: {
-                    fontFamily: string;
                     width: string;
                     color: string;
                     fontSize: string[];
@@ -292,7 +296,6 @@ declare const _default: {
                     marginBottom: string[];
                 };
                 tertiaryError: {
-                    fontFamily: string;
                     width: string;
                     fontSize: string[];
                     fontWeight: number;
@@ -302,13 +305,11 @@ declare const _default: {
                     color: string;
                 };
                 compact: {
-                    fontFamily: string;
                     width: string;
                     color: string;
                     fontSize: string[];
                 };
                 secondaryV2: {
-                    fontFamily: string;
                     color: string;
                     fontSize: string;
                 };
@@ -317,7 +318,6 @@ declare const _default: {
                     left: string;
                     top: string;
                     height: string;
-                    fontFamily: string;
                     fontWeight: number;
                     color: string;
                     fontSize: string;
@@ -326,6 +326,19 @@ declare const _default: {
                     width: string;
                     bg: string;
                     px: string;
+                    zIndex: number;
+                };
+                customSecondary: {
+                    fontSize: string;
+                    fontWeight: number;
+                    color: string;
+                };
+                customTertiary: {
+                    fontSize: string;
+                    fontWeight: number;
+                    letterSpacing: string;
+                    textTransform: string;
+                    color: string;
                 };
             };
             iconButton: {

package/lib/index.d.ts

@@ -86,12 +86,16 @@ export declare type BoxyNumberInputProps = BaseBoxyNumberInputProps;
 export { SearchInput } from "./components/inputs/search-input";
 export { AutocompleteInput } from "./components/inputs/autocomplete-input";
 export type { AutocompleteInputProps, AutocompleteOption, } from "./components/inputs/autocomplete-input/interfaces";
+export { SearchAutocompleteInput } from "./components/inputs/search-autocomplete-input";
+export type { SearchAutocompleteOption } from "./components/inputs/search-autocomplete-input/interfaces";
 export { PrimaryDateInput } from "./components/inputs/date-inputs/primary-date-input";
 export { OutlinedDateInput } from "./components/inputs/date-inputs/outlined-date-input";
 export { BaseDateRangeInput } from "./components/inputs/date-inputs/base-date-range-input";
 export type { BaseDateRangeInputProps };
 export { OutlinedDateRangeInput } from "./components/inputs/date-inputs/outlined-date-range-input";
 export type { OutlinedDateRangeInputProps };
+export { MultiRowSecondaryTextInput } from "./components/inputs/multi-row-secondary-text-input";
+export { PrimaryDateRangeInput } from "./components/inputs/date-inputs/primary-date-range-input";
 export { Link } from "./components/links/link";
 export declare type LinkProps = BaseLinkProps;
 export { PrimaryLink } from "./components/links/primary-link";
@@ -135,6 +139,8 @@ export { SecondarySelector } from "./components/selectors/secondary-selector";
 export { CompactPrimarySelector } from "./components/selectors/compact-primary-selector";
 export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
 export { CustomSelector } from "./components/selectors/custom-selector";
+export { SecondaryCustomSelector } from "./components/selectors/secondary-custom-selector";
+export { TertiaryCustomSelector } from "./components/selectors/tertiary-custom-selector";
 export { SelectorV2 } from "./components/selectors/selector-v2";
 export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/selector-v2";
 export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";