@selfdecode/sd-component-library 2.43.12 → 2.43.16

package/lib/components/breadcrumbs/secondary-breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryBreadcrumb } from "./secondary-breadcrumb";

package/lib/components/breadcrumbs/secondary-breadcrumb/interfaces.d.ts

@@ -0,0 +1,2 @@
+import { BreadCrumbProps } from "../breadcrumb";
+export declare type SecondaryBreadcrumbProps = Omit<BreadCrumbProps, "variant">;

package/lib/components/breadcrumbs/secondary-breadcrumb/secondary-breadcrumb.d.ts

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

package/lib/components/buttons/button/interfaces.d.ts

@@ -74,6 +74,8 @@ export interface ButtonProps extends BaseComponentProps {
      * The button's height
      */
     height?: string | string[];
+    minHeight?: string | string[];
+    maxHeight?: string | string[];
     /**
      * The border style to apply to the button.
      */

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

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

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

package/lib/components/complex/footer/presentational/interfaces.d.ts

@@ -1,7 +1,8 @@
 import { History } from "history";
-export interface FooterPresentationalProps {
+import { MaxWidthContainerProps } from "../../../containers/max-width-container/interfaces";
+export interface FooterPresentationalProps extends Pick<MaxWidthContainerProps, "bgSx"> {
     /**
      * The history object
      */
-    history: History;
+    history?: History;
 }

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

@@ -3,11 +3,11 @@ export interface DividerProps extends BaseComponentProps {
     /**
      * The divider's width
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * The divider's height
      */
-    height?: Array<string>;
+    height?: string | string[];
     /**
      * The color of the divider
      */

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

@@ -1,4 +1,5 @@
 import { BaseDateRangeInputProps } from "../base-date-range-input";
+import { SxProps } from "rebass";
 export interface OutlinedDateRangeInputProps extends Omit<BaseDateRangeInputProps, "showCalendar" | "children" | "onClose"> {
     /**
      * Text to be displayed inside of button.
@@ -43,4 +44,8 @@ export interface OutlinedDateRangeInputProps extends Omit<BaseDateRangeInputProp
      * Default value: **undefined**
      */
     labelText?: string;
+    /**
+     * Prop to apply styles for the container.
+     */
+    containerSx?: SxProps["sx"];
 }

package/lib/components/inputs/secondary-number-input/interfaces.d.ts

@@ -5,8 +5,6 @@ import { SecondaryTextInputProps } from "../secondary-text-input";
  */
 export interface SecondaryNumberInputProps extends NumberInputProps {
     label?: string;
-    min?: number;
-    max?: number;
     inputPadding?: string[];
     labelMargin?: string[];
     errorMessage?: string;

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

@@ -1,4 +1,4 @@
-import { ResponsiveTextProps } from "../../texts/responsive-text";
+import { ResponsiveTextV2Props } from "../../texts/responsive-text-v2";
 import { PrimaryTextInputProps } from "../primary-text-input";
 /**
  * Defines the SecondaryTextInput component's properties.
@@ -16,24 +16,24 @@ export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onCha
         /**
          * Default value: ["3px"]
          */
-        ml?: ResponsiveTextProps["ml"];
+        ml?: ResponsiveTextV2Props["ml"];
         /**
          * You can use negative values to show the content
          * a little bit above the label. Default value: undefined
          */
-        mt?: ResponsiveTextProps["mt"];
+        mt?: ResponsiveTextV2Props["mt"];
         /**
          * Default value: "#9BA2B4", "cl_grey", "grey"
          */
-        color?: ResponsiveTextProps["color"];
+        color?: ResponsiveTextV2Props["color"];
         /**
          * Default value: [[10, "semi-bold"]]
          */
-        fontSizeWeight?: ResponsiveTextProps["fontSizeWeight"];
+        fontSizeWeight?: ResponsiveTextV2Props["fontSizeWeight"];
     };
     /**
      * Distance between the label and the input.
      * Default value: ["0px"].
      */
-    labelMargin?: string[];
+    labelMargin?: string | string[];
 };

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryInputLabels } from "./secondary-input-labels";

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/interfaces.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SecondaryTextInputProps } from "../../interfaces";
+export interface SecondaryInputLabelsProps extends Pick<SecondaryTextInputProps, "label" | "secondLabel" | "labelMargin" | "errorMessage"> {
+    secondLabelTextTransform?: React.CSSProperties["textTransform"];
+}

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.d.ts

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

package/lib/components/meters/multi-option-discrete-outline-meter/constants.d.ts

@@ -0,0 +1 @@
+export declare const defaultPointerWidth = 1;

package/lib/components/meters/multi-option-discrete-outline-meter/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiOptionDiscreteOutlineMeter } from "./multi-option-discrete-outline-meter";
+export { SmallMultiOptionDiscreteOutlineMeter } from "./small-multi-option-discrete-outline-meter";

package/lib/components/meters/multi-option-discrete-outline-meter/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { OutlineMeterProps } from "../outline-meter";
+export interface MultiOptionDiscreteOutlineMeterProps<T> extends Omit<OutlineMeterProps, "ranges" | "value" | "segmented" | "innerPointRadius" | "pointStrokeWidth"> {
+    value: T;
+    options: DiscreteOutlineMeterOption<T>[];
+    matchedRangeColor?: string;
+    notMatchedRangeColor?: string;
+    pointerWidth?: number;
+}
+export interface DiscreteOutlineMeterOption<T> {
+    label?: string;
+    value: T;
+}
+export declare type SmallMultiOptionDiscreteOutlineMeterProps<T> = MultiOptionDiscreteOutlineMeterProps<T>;

package/lib/components/meters/multi-option-discrete-outline-meter/multi-option-discrete-outline-meter.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { MultiOptionDiscreteOutlineMeterProps as Props } from "./interfaces";
+export declare function MultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element | null;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.d.ts

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

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/index.d.ts

@@ -0,0 +1 @@
+export { DiscreteMeterLabelPointer } from "./discrete-meter-label-pointer";

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts

@@ -0,0 +1,9 @@
+export interface DiscreteMeterLabelPointerProps {
+    pointerLength: number;
+    pointerWidth: number;
+    radius: number;
+    alpha: number;
+    color: string;
+    label?: string;
+    textBottomMargin: number;
+}

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { DiscreteMeterNeedleProps as Props } from "./interfaces";
+export declare function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/index.d.ts

@@ -0,0 +1 @@
+export { DiscreteMeterNeedle } from "./discrete-meter-needle";

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/interfaces.d.ts

@@ -0,0 +1,24 @@
+import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+export interface DiscreteMeterNeedleProps<T> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "value" | "options" | "arc" | "distanceBetweenRanges" | "gaugeWidth">> {
+    /**
+     * Needle circle stroke width.
+     */
+    innerCircleStrokeWidth: number;
+    /**
+     * Needle circle radius.
+     */
+    innerCircleRadius: number;
+    /**
+     * Distance from range edge to needle.
+     */
+    distanceFromRange: number;
+    /**
+     * Thickness of the needle pointer.
+     */
+    needleWidth: number;
+    /**
+     * Needle color.
+     */
+    needleColor: string;
+    diameter: number;
+}

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/discrete-range.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { DiscreteRangeProps as Props } from "./interfaces";
+export declare function DiscreteRange<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/index.d.ts

@@ -0,0 +1 @@
+export { DiscreteRange } from "./discrete-range";

package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-range/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { DiscreteOutlineMeterOption, MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+export interface DiscreteRangeProps<T> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "gaugeWidth" | "arc" | "distanceBetweenRanges" | "pointerWidth">>, Pick<DiscreteOutlineMeterOption<T>, "label"> {
+    idx: number;
+    color: string;
+    diameter: number;
+    totalRanges: number;
+    showLabel: boolean;
+    isMatchedRange: boolean;
+    pointerLength: number;
+}

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/index.d.ts

@@ -0,0 +1 @@
+export { MatchedRangeLabelBox } from "./matched-range-label-box";

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts

@@ -0,0 +1,9 @@
+import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
+export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">> {
+    color: string;
+    radius: number;
+    label?: string;
+    idx: number;
+    totalRanges: number;
+    pointerLength: number;
+}

package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.d.ts

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

package/lib/components/meters/multi-option-discrete-outline-meter/small-multi-option-discrete-outline-meter.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { SmallMultiOptionDiscreteOutlineMeterProps as Props } from "./interfaces";
+export declare function SmallMultiOptionDiscreteOutlineMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/meters/outline-meter/utils.d.ts

@@ -4,8 +4,9 @@ export declare const degToRad: (deg: number) => number;
  * Returns coordinates of the point on the arc
  * @param r Circle radius.
  * @param alpha Angle between horizontal axis and radius to the point on the arc.
+ * @param baseRadius radius of the reference circle.
  */
-export declare const getCoordinateForArc: (r: number, alpha: number) => {
+export declare const getCoordinateForArc: (r: number, alpha: number, baseRadius?: number) => {
     x: number;
     y: number;
 };

package/lib/components/pagination-bars/pagination-bar/interfaces.d.ts

@@ -1,4 +1,5 @@
-export interface PaginationBarProps {
+import { MaxWidthContainerProps } from "../../containers/max-width-container/interfaces";
+export interface PaginationBarProps extends Pick<MaxWidthContainerProps, "bgSx" | "innerSx"> {
     /**
      * The number of current page
      */

package/lib/components/selectors/primary-selector/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { SelectorProps } from "../selector";
-export declare type PrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "textTransform" | "translateSelect">;
+export declare type PrimarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "textTransform" | "translateSelect" | "translateDefaultOption">;

package/lib/components/selectors/primary-selector/primary-selector.d.ts

@@ -2,4 +2,4 @@ import { PrimarySelectorProps as Props } from "./interfaces";
 /**
  * The PrimarySelector.
  */
-export declare const PrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "translateSelect">) => JSX.Element;
+export declare const PrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "selectElementHeight" | "translateSelect" | "translateDefaultOption">) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { SelectorProps } from "../selector";
-export declare type SecondarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "secondLabel" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "translateSelect"> & {
+export declare type SecondarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "disabledTextValue" | "hideDefaultOnSelect" | "secondLabel" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "translateSelect" | "translateDefaultOption"> & {
     /**
      * Optional amount of spacing between the
      * selectorLabel and the selectInput. Default value: ["3px"]

package/lib/components/selectors/selector/interfaces.d.ts

@@ -93,5 +93,6 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
      * Whether to translate content of selector.
      */
     translateSelect?: boolean;
+    translateDefaultOption?: boolean;
 };
 export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;

package/lib/components/selectors/selector/selector.d.ts

@@ -1,2 +1,3 @@
 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/tertiary-selector/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { SelectorProps } from "../selector";
-export declare type TertiarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "gap" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "secondLabel" | "defaultOptionColor" | "selectedOptionColor" | "errorBackground" | "onFocus" | "id" | "translateSelect">;
+export declare type TertiarySelectorProps<T extends string = string> = Pick<SelectorProps<T>, "name" | "defaultValue" | "options" | "selectorLabel" | "onChange" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "gap" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "selectElementHeight" | "errorMessage" | "hideErrorText" | "textTransform" | "secondLabel" | "defaultOptionColor" | "selectedOptionColor" | "errorBackground" | "onFocus" | "id" | "translateSelect" | "translateDefaultOption">;

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

@@ -2,4 +2,4 @@ import { TertiarySelectorProps as Props } from "./interfaces";
 /**
  * The TertiarySelector.
  */
-export declare const TertiarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "id" | "onFocus" | "textTransform" | "gap" | "errorBackground" | "errorMessage" | "hideErrorText" | "secondLabel" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "selectElementHeight" | "defaultOptionColor" | "selectedOptionColor" | "translateSelect">) => JSX.Element;
+export declare const TertiarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "id" | "onFocus" | "textTransform" | "gap" | "errorBackground" | "errorMessage" | "hideErrorText" | "secondLabel" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin" | "selectElementHeight" | "defaultOptionColor" | "selectedOptionColor" | "translateSelect" | "translateDefaultOption">) => JSX.Element;

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

@@ -41,4 +41,12 @@ export interface TabBarProps<T> {
      * Width of each tab.
      */
     tabWidth?: string | string[];
+    /**
+     * Height of each tab.
+     */
+    tabHeight?: string | string[];
+    /**
+     * Max width of each tab.
+     */
+    tabMaxWidth?: string | string[];
 }

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

@@ -4,6 +4,10 @@ export interface TabProps<T> {
      * Tab width.
      */
     width?: string | string[];
+    /**
+     * Tab height.
+     */
+    height?: string | string[];
     /**
      * This is the text to be displayed on the tab
      */
@@ -39,7 +43,7 @@ export interface TabProps<T> {
     /**
      * Padding of each tab to be set up externally
      */
-    tabPadding: string[];
+    tabPadding?: string | string[];
     /**
      * Tab background.
      */
@@ -64,4 +68,8 @@ export interface TabProps<T> {
      * Optional string to be used as `id` on the tab's html element
      */
     elementId?: string;
+    /**
+     * Tab container max width.
+     */
+    maxWidth?: string | string[];
 }

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

@@ -4,4 +4,4 @@ export declare const Ribbon: ({ active, activeColor, color, }: {
     activeColor?: string | undefined;
     color?: string | undefined;
 }) => JSX.Element;
-export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, elementId, }: TabProps<T>): JSX.Element;
+export declare function Tab<T>({ width, height, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, elementId, maxWidth, }: TabProps<T>): JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TabBarProps } from "./interfaces";
-export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, }: TabBarProps<T>): JSX.Element;
+export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, }: TabBarProps<T>): JSX.Element;

package/lib/components/texts/base-text-v2/interfaces.d.ts

@@ -1,2 +1,6 @@
+/// <reference types="react" />
 import { TextProps } from "rebass";
-export declare type BaseTextV2Props = TextProps;
+export interface BaseTextV2Props extends Omit<TextProps, "color"> {
+    color?: string | string[];
+    textTransform?: React.CSSProperties["textTransform"];
+}

package/lib/components/tooltips/actions-tooltip/actions-tooltip.d.ts

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

package/lib/components/tooltips/actions-tooltip/index.d.ts

@@ -0,0 +1 @@
+export { ActionsTooltip } from "./actions-tooltip";

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

@@ -0,0 +1,10 @@
+export interface ActionsTooltipProps {
+    actions: ActionConfig[];
+    actionsBoxWidth?: string;
+    actionBoxPx?: string | string[];
+    actionBoxPy?: string | string[];
+}
+export interface ActionConfig {
+    text: string;
+    onClick: () => void;
+}

package/lib/components/tooltips/actions-tooltip/partials/action-box/action-box.d.ts

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

package/lib/components/tooltips/actions-tooltip/partials/action-box/index.d.ts

@@ -0,0 +1 @@
+export { ActionBox } from "./action-box";

package/lib/components/tooltips/actions-tooltip/partials/action-box/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { ActionConfig } from "../../interfaces";
+export interface ActionBoxProps extends ActionConfig {
+    px?: string | string[];
+    py?: string | string[];
+}

package/lib/core/custom-hooks.d.ts

@@ -38,8 +38,11 @@ export declare function useMediaQuery(query: string): boolean;
  */
 export declare function useBreakPoints(): {
     isMobile: boolean;
+    isLargeMobile: boolean;
     isTab: boolean;
     isDesktop: boolean;
+    isWiderThanMobile: boolean;
+    isWiderThanLargeMobile: boolean;
 };
 /**
  * Provided intersection observer for the specified elements.
@@ -49,3 +52,10 @@ export declare function useBreakPoints(): {
  * @param callback Function to process intersection changes.
  */
 export declare function useIntersectionObserver(rootRef: RefObject<HTMLElement>, rootMargin: string, callback: IntersectionObserverCallback): IntersectionObserver | undefined;
+export declare function useHover(): {
+    isHover: boolean;
+    hoverCallbacks: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+};

package/lib/core/theme.d.ts

@@ -476,6 +476,20 @@ declare const _default: {
                     color: string;
                 };
             };
+            secondary: {
+                last: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    color: string;
+                };
+                normal: {
+                    fontFamily: string;
+                    fontSize: string;
+                    fontWeight: number;
+                    color: string;
+                };
+            };
         };
         _10SemiBold: {
             fontFamily: string;

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export { NoTranslateBox } from "./components/boxes/no-translate-box";
 export { Breadcrumb } from "./components/breadcrumbs/breadcrumb";
 export declare type BreadCrumbProps = BaseBreadcrumbProps;
 export { PrimaryBreadcrumb } from "./components/breadcrumbs/primary-breadcrumb";
+export { SecondaryBreadcrumb } from "./components/breadcrumbs/secondary-breadcrumb";
 export { Button } from "./components/buttons/button";
 export declare type ButtonProps = BaseButtonProps;
 export { CtaButton } from "./components/buttons/cta/cta-button";
@@ -110,6 +111,7 @@ export { GradientOutlineMeter, SmallGradientOutlineMeter, } from "./components/m
 export { OutlineMeter, SmallOutlineMeter, } from "./components/meters/outline-meter";
 export type { OutlineMeterPosition, Bounds, OutlineMeterLabelPosition, } from "./components/meters/outline-meter";
 export { SmileyMeterV2, SmallSmileyMeterV2, } from "./components/meters/smiley-meter-v2";
+export { MultiOptionDiscreteOutlineMeter, SmallMultiOptionDiscreteOutlineMeter, } from "./components/meters/multi-option-discrete-outline-meter";
 export { Modal } from "./components/modals/modal";
 export declare type ModalProps = BaseModalProps;
 export { PrimaryModal } from "./components/modals/primary-modal";
@@ -182,6 +184,7 @@ export { PrimaryInfoTooltip } from "./components/tooltips/primary-info-tooltip";
 export { StarTooltip } from "./components/tooltips/star-tooltip";
 export { RadioInfoButtonTooltip } from "./components/tooltips/radio-info-button-tooltip";
 export { ReactElementTooltip } from "./components/tooltips/react-element-tooltip";
+export { ActionsTooltip } from "./components/tooltips/actions-tooltip";
 export { Footer } from "./components/complex/footer";
 export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
 export { Anchor } from "./components/utils/anchor";