@selfdecode/sd-component-library 2.45.0 → 2.45.3

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/radio-info-button-tooltip/interfaces.d.ts

@@ -20,4 +20,8 @@ export interface RadioInfoButtonTooltipProps extends Omit<RadioInfoButtonProps,
      * Position of the tooltip in the horizontal plane (right by default).
      */
     tooltipHorizontalPosition?: "left" | "right";
+    /**
+     * Max width of tooltip content.
+     */
+    tooltipContentMaxWidth?: string | string[];
 }

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { BoxProps } from "rebass";
 /**
  * Type for the refsMap to be stored in reference manager.
  */
@@ -8,7 +9,7 @@ export declare type refsMap = {
 /**
  * Interface for Anchor props.
  */
-export interface AnchorProps {
+export interface AnchorProps extends BoxProps {
     /**
      * Hash id of the component.
      */
@@ -30,4 +31,8 @@ export interface AnchorProps {
      * Children of Anchor component.
      */
     children: React.ReactNode;
+    /**
+     * Scroll behavior for the anchor.
+     */
+    scrollBehavior?: "auto" | "smooth";
 }

package/lib/components/utils/anchor/refs-manager.d.ts

@@ -27,8 +27,9 @@ declare class RefsManager {
      * Scroll the component with provided ID into the view.
      *
      * @param id ID for the component.
+     * @param behavior Scroll behavior.
      */
-    scrollToRef(id: string): void;
+    scrollToRef(id: string, behavior?: "smooth" | "auto"): void;
 }
 export declare const refsManager: RefsManager;
 export {};

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

@@ -54,7 +54,9 @@ export { MaxFrContainer } from "./components/containers/grid-containers/max-fr-c
 export { MaxMaxContainer } from "./components/containers/grid-containers/max-max-container";
 export { SectionContainer } from "./components/containers/section-container";
 export { MaxWidthContainer } from "./components/containers/max-width-container";
+export { MaxWidthContainerV2 as MaxWidth } from "./components/containers/max-width-container-v2";
 export { GridContainerV2 as Grid } from "./components/containers/grid-containers/grid-container-v2";
+export { FlexCenter } from "./components/containers/flex-center";
 export { CarouselSectionContainer } from "./components/carousels/carousel-section-container";
 export { ResponsiveGridContainerT1 } from "./components/containers/responsive-containers/responsive-container-t1";
 export { ResponsiveGridContainerT2 } from "./components/containers/responsive-containers/responsive-container-t2";
@@ -86,6 +88,8 @@ 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";
@@ -100,6 +104,7 @@ export { PrimaryLink } from "./components/links/primary-link";
 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";
@@ -137,6 +142,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";
@@ -149,6 +156,7 @@ export { TextSwitch } from "./components/switches/text-switch";
 export declare type TextSwitchProps = BaseTextSwitchProps;
 export { CarouselSwitch } from "./components/switches/carousel-switch";
 export declare type CarouselSwitchProps = BaseCarouselSwitchProps;
+export { ToggleSwitch } from "./components/switches/toggle-switch";
 export { TabsMenu } from "./components/tabs/tabs-menu";
 export { TabBar } from "./components/tabs/tab-bar";
 export { TabbedView } from "./components/tabs/tabbed-view";
@@ -191,6 +199,7 @@ export { ActionsTooltip } from "./components/tooltips/actions-tooltip";
 export { TooltipWithPointer } from "./components/tooltips/tooltip-with-pointer";
 export { Footer } from "./components/complex/footer";
 export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
+export { UpdatedNavbar } from "./components/complex/updated-navbar";
 export { Anchor } from "./components/utils/anchor";
 export { PageTracker } from "./components/utils/page-tracker";
 export { ScrollToTop } from "./components/utils/scroll-to-top";