@selfdecode/sd-component-library 2.43.10 → 2.43.14

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

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

package/lib/components/bicolor-badge/interfaces.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface BicolorBadgeProps {
     /**
      * Color of the left section

package/lib/components/breadcrumbs/breadcrumb/crumb/interfaces.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from "react";
 export declare type CrumbType = {
     title: string;
+    dontTranslate?: boolean;
     onClick?: () => void;
 };
 /**

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

@@ -1,3 +1,4 @@
+/// <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,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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 +1,2 @@
+/// <reference types="react" />
 export declare function FooterSocial(): JSX.Element;

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

@@ -1,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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,3 +1,4 @@
+/// <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,2 +1,3 @@
+/// <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,3 +1,4 @@
+/// <reference types="react" />
 import { SectionContainerProps } from "./interfaces";
 /**
  * The SectionContainer has responsive behavior

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

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

package/lib/components/inputs/autocomplete-input/interfaces.d.ts

@@ -21,6 +21,10 @@ export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps,
      * One possible use case is if you want don't want search/select text on the text field to dissapear, when switching between mobile to desktop layout.
      */
     initialValue?: string;
+    /**
+     * Whether to translate input and options.
+     */
+    translateContent?: boolean;
 }
 export interface AutocompleteOption<T> {
     /**

package/lib/components/inputs/autocomplete-input/partials/results-box/interfaces.d.ts

@@ -9,4 +9,8 @@ export interface ResultsBoxProps<T> {
      * Callback to be executed when option is selected.
      */
     onSelect: (option: string) => void;
+    /**
+     * Whether to allow translation of box content.
+     */
+    translateContent?: boolean;
 }

package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts

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

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/labels/base-label/base-label.d.ts

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

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

@@ -1,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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">) => JSX.Element;
+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/compact-primary-selector/interfaces.d.ts

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

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

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 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">) => 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">) => 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"> & {
+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"> & {
     /**
      * Optional amount of spacing between the
      * selectorLabel and the selectInput. Default value: ["3px"]

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SecondarySelectorProps as Props } from "./interfaces";
 /**
  * The SecondarySelector.

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

@@ -89,5 +89,10 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
      * By default Selector checks the title property of the SelectorOption object. With this prop you can change this behaviour to check the value property instead.
      */
     useValueInsteadOfTitle?: boolean;
+    /**
+     * 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,4 @@
+/// <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,2 +1,3 @@
+/// <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,2 +1,3 @@
+/// <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/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">;
+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">;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 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">) => 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">) => JSX.Element;

package/lib/components/slider/partials/step-circles/step-circles.d.ts

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

package/lib/components/slider/slider.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SliderProps } from "./interfaces";
 export declare const Slider: (props: SliderProps) => 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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TabProps } from "./interfaces";
 export declare const Ribbon: ({ active, activeColor, color, }: {
     active?: boolean | undefined;
     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,3 @@
+/// <reference types="react" />
 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/tabs/tabbed-view/tabbed-view.d.ts

@@ -1,2 +1,3 @@
+/// <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,3 +1,4 @@
+/// <reference types="react" />
 import { TabsMenuProps } from "./interfaces";
 /**
  * TabsMenu component.

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

@@ -1,2 +1,3 @@
+/// <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

@@ -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/texts/eighteen-bold/eighteen-bold.d.ts

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