@selfdecode/sd-component-library 2.45.1 → 2.45.4

package/lib/components/interfaces.d.ts

@@ -7,23 +7,23 @@ export interface BaseComponentProps {
     /**
      * The margin property
      */
-    m?: string[];
+    m?: string | string[];
     /**
      * The margin property top
      */
-    mt?: string[];
+    mt?: string | string[];
     /**
      * The margin property right
      */
-    mr?: string[];
+    mr?: string | string[];
     /**
      * The margin property bottom
      */
-    mb?: string[];
+    mb?: string | string[];
     /**
      * The margin property left
      */
-    ml?: string[];
+    ml?: string | string[];
     /**
      * Z-index of the component
      */

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

@@ -1,5 +1,5 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface LinkProps extends BaseComponentProps {
+import { LinkProps as RebassLinkProps } from "rebass";
+export interface LinkProps extends RebassLinkProps {
     /**
      * The text of the link
      */
@@ -18,4 +18,8 @@ export interface LinkProps extends BaseComponentProps {
      * Color of the text in the link
      */
     color?: string;
+    /**
+     * Whether to block auto-translation for link content.
+     */
+    dontTranslate?: boolean;
 }

package/lib/components/links/primary-link/interfaces.d.ts

@@ -1,7 +1,2 @@
 import { LinkProps } from "../link";
-export declare type PrimaryLinkProps = Pick<LinkProps, "href" | "title" | "internal" | "m" | "mt" | "mr" | "mb" | "ml"> & {
-    /**
-     * Default value: ["#9E1CB5"] (the same as ["purple"] and ["cl_purple"])
-     */
-    color?: LinkProps["color"];
-};
+export declare type PrimaryLinkProps = Omit<LinkProps, "variant">;

package/lib/components/menus/actions-menu/actions-menu.d.ts

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

package/lib/components/menus/actions-menu/index.d.ts

@@ -0,0 +1 @@
+export { ActionsMenu } from "./actions-menu";

package/lib/components/menus/actions-menu/interfaces.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from "rebass";
+export interface ActionsMenuProps {
+    actions: ActionConfig[];
+    actionsBoxWidth?: string;
+    actionBoxPx?: string | string[];
+    actionBoxPy?: string | string[];
+    containerSx?: SxProps["sx"];
+    /**
+     * Whether to hide options box after selection.
+     */
+    closeAfterSelection?: boolean;
+}
+export interface ActionConfig {
+    text: string;
+    onClick: () => void;
+}

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/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 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/interfaces.d.ts

@@ -8,7 +8,7 @@ export declare type SelectorOptionV2<T extends string | null = string> = {
 /**
  * Defines the selector component's properties.
  */
-export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options">, Pick<BaseSelectorV2Props, "pl" | "containerVariant" | "labelContainerAlignItems"> {
+export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options">, Pick<BaseSelectorV2Props, "pl" | "containerVariant" | "labelContainerAlignItems" | "disabled"> {
     /**
      * Default value of the selector.
      */

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

@@ -30,4 +30,8 @@ export interface BaseSelectorV2Props<T extends string = string> extends Omit<Sel
      * Variant for the selector container.
      */
     containerVariant?: string;
+    /**
+     * Whether to force disabling of the select element.
+     */
+    disabled?: boolean;
 }

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/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/switches/toggle-switch/index.d.ts

@@ -0,0 +1 @@
+export { ToggleSwitch } from "./toggle-switch";

package/lib/components/switches/toggle-switch/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface ToggleSwitchProps {
+    initialState?: boolean;
+    onClick?: () => void;
+}

package/lib/components/switches/toggle-switch/toggle-switch.d.ts

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

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

@@ -44,11 +44,11 @@ interface CommonBaseTextProps extends Pick<BaseComponentProps, "m" | "mt" | "mr"
     /**
      * Possible letter spacing
      */
-    letterSpacing?: Array<string>;
+    letterSpacing?: string | string[];
     /**
      * Possible line height adjustments
      */
-    lineHeight?: Array<string>;
+    lineHeight?: string | string[];
     /**
      * Possible bg color for the text
      */

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

@@ -20,4 +20,12 @@ 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[];
+    /**
+     * Tooltip line size.
+     */
+    totalLineSize?: number;
 }

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/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";
@@ -102,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";
@@ -153,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";
@@ -195,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";