@selfdecode/sd-component-library 2.43.14 → 2.43.18

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

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

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps">;
+export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps" | "letterSpacing">;

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

@@ -1,4 +1,4 @@
 import { ButtonProps } from "../../buttons/button";
-export interface BaseFeedbackButtonProps extends Pick<ButtonProps, "children" | "onClick"> {
+export interface BaseFeedbackButtonProps extends Pick<ButtonProps, "children" | "onClick" | "disabled"> {
     active?: boolean;
 }

package/lib/components/feedback/multiple-options-feedback/interfaces.d.ts

@@ -3,6 +3,7 @@ export interface MultipleOptionsFeedbackProps extends Omit<BaseFeedbackBlockProp
     options: FeedbackOption[];
     selectedOptionId?: string;
     onFeedback: (id: string) => void;
+    disabled?: boolean;
 }
 export interface FeedbackOption {
     id: string;

package/lib/components/feedback/yes-no-feedback-block/interfaces.d.ts

@@ -2,5 +2,6 @@ import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
 export interface YesNoFeedbackBlockProps extends Omit<BaseFeedbackBlockProps, "children"> {
     selectedOption?: YesNoOption;
     onFeedback: (option: YesNoOption) => void;
+    disabled?: boolean;
 }
 export declare type YesNoOption = "yes" | "no";

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/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.d.ts

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

package/lib/components/selectors/combined-secondary-selector-v2/index.d.ts

@@ -0,0 +1 @@
+export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";

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

@@ -0,0 +1,5 @@
+import { SelectorV2Props } from "../selector-v2";
+export interface CombinedSecondarySelectorV2Props extends Omit<SelectorV2Props, "variant" | "selectorLabel" | "labelMargin" | "labelContainerAlignItems" | "secondLabel" | "gap"> {
+    selectorLabel: string;
+    gap?: number;
+}

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

@@ -3,4 +3,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-v2/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { SelectorProps } from "../selector";
+import { BaseSelectorV2Props } from "./partials/base-selector-v2";
 export declare type SelectorOptionV2<T extends string | null = string> = {
     id: string;
     title: string;
@@ -7,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"> {
+export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options">, Pick<BaseSelectorV2Props, "pl" | "containerVariant" | "labelContainerAlignItems"> {
     /**
      * Default value of the selector.
      */

package/lib/components/selectors/selector-v2/partials/base-selector-v2/interfaces.d.ts

@@ -22,4 +22,12 @@ export interface BaseSelectorV2Props<T extends string = string> extends Omit<Sel
      * How to align items in label container.
      */
     labelContainerAlignItems?: string;
+    /**
+     * Left padding of the select element.
+     */
+    pl?: string | string[];
+    /**
+     * Variant for the selector container.
+     */
+    containerVariant?: string;
 }

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

@@ -3,4 +3,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-v2/partials/tab-v2/interfaces.d.ts

@@ -8,6 +8,10 @@ export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "t
      * Index of the current tab.
      */
     idx: number;
+    /**
+     * Total number of tabs.
+     */
+    totalTabs: number;
     /**
      * Width of the dash under selected tab.
      */

package/lib/components/tooltips/tooltip-with-pointer/index.d.ts

@@ -0,0 +1 @@
+export { TooltipWithPointer } from "./tooltip-with-pointer";

package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface TooltipWithPointerProps {
+    children: React.ReactNode;
+    tooltipText: string;
+    tooltipWidth?: string | string[];
+    placement?: "left" | "right";
+    tooltipOffset?: number;
+    pointerSize?: number;
+    tooltipPx?: string | string[];
+    tooltipPy?: string | string[];
+}

package/lib/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.d.ts

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

package/lib/core/theme.d.ts

@@ -58,6 +58,9 @@ declare const _default: {
                     gridTemplateColumns: string;
                     alignItems: string;
                 };
+                combined: {
+                    display: string;
+                };
             };
         };
         _dropdowns: {

package/lib/index.d.ts

@@ -140,6 +140,7 @@ export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/
 export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
 export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
 export { PrimarySelectorV2 } from "./components/selectors/primary-selector-v2";
+export { CombinedSecondarySelectorV2 } from "./components/selectors/combined-secondary-selector-v2";
 export { Slider } from "./components/slider";
 export declare type SlideSettings = SlideSettingsType;
 export { TextSwitch } from "./components/switches/text-switch";
@@ -185,6 +186,7 @@ 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 { TooltipWithPointer } from "./components/tooltips/tooltip-with-pointer";
 export { Footer } from "./components/complex/footer";
 export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
 export { Anchor } from "./components/utils/anchor";