@selfdecode/sd-component-library 2.43.8 → 2.43.12

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

@@ -14,7 +14,7 @@ export interface ButtonProps extends BaseComponentProps {
      */
     link?: string;
     /**
-     * Indicates wheter the url provided in the link prop can be
+     * Indicates whether the url provided in the link prop can be
      * handled by React-Router or not.
      *
      * Default value: true
@@ -47,7 +47,7 @@ export interface ButtonProps extends BaseComponentProps {
     /**
      * padding for the button
      */
-    padding?: Array<string>;
+    padding?: string | string[];
     /**
      * The font-size css property
      */
@@ -57,9 +57,9 @@ export interface ButtonProps extends BaseComponentProps {
      */
     fontWeight?: string;
     /**
-     * The leter-spacing css property
+     * The letter-spacing css property
      */
-    letterSpacing?: Array<string>;
+    letterSpacing?: string | string[];
     /**
      * The border radius for the button.
      */
@@ -68,10 +68,12 @@ export interface ButtonProps extends BaseComponentProps {
      * The button's width
      */
     width?: string | string[];
+    minWidth?: string | string[];
+    maxWidth?: string | string[];
     /**
      * The button's height
      */
-    height?: Array<string>;
+    height?: 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">;
+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">;

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

package/lib/components/complex/navbar/index.d.ts

@@ -1 +1 @@
-export { NavbarPresentational as Navbar } from "./presentational";
+export { NavbarPresentational as Navbar, getLabShopsUrlProps, } from "./presentational";

package/lib/components/complex/navbar/presentational/index.d.ts

@@ -1 +1,2 @@
 export { NavbarPresentational } from "./navbar-presentational";
+export { getLabShopsUrlProps } from "./url-utils";

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

@@ -1,8 +1,8 @@
 import { BaseComponentProps } from "../../interfaces";
 /**
- * Defines the ProgpressBar component's properties.
+ * Defines the ProgressBar component's properties.
  */
-interface CommonProgressBarProps extends BaseComponentProps {
+export interface CommonProgressBarProps extends BaseComponentProps {
     /**
      * The total amount of steps in our total progress
      */

package/lib/components/progress-bars/rounded-progress-bar/index.d.ts

@@ -0,0 +1 @@
+export { RoundedProgressBar } from "./rounded-progress-bar";

package/lib/components/progress-bars/rounded-progress-bar/interfaces.d.ts

@@ -0,0 +1,24 @@
+import { SxProps } from "rebass";
+import { CommonProgressBarProps } from "../progress-bar/interfaces";
+export interface RoundedProgressBarProps extends Pick<CommonProgressBarProps, "currentStep" | "totalSteps"> {
+    /**
+     * Bar height.
+     */
+    height?: string | string[];
+    /**
+     * Border radius of the bars.
+     */
+    borderRadius?: string | string[];
+    /**
+     * Color of the not active part.
+     */
+    baseColor?: string;
+    /**
+     * Color of the active part.
+     */
+    activeColor?: string;
+    /**
+     * Sx prop to customize container.
+     */
+    containerSx?: SxProps["sx"];
+}

package/lib/components/progress-bars/rounded-progress-bar/rounded-progress-bar.d.ts

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

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

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

@@ -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">) => 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/primary-selector-v2/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { SelectorV2Props } from "../selector-v2";
-export declare type PrimarySelectorV2Props = Omit<SelectorV2Props, "variant">;
+export declare type PrimarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant">;

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

@@ -1,2 +1,2 @@
 import { SelectorV2Props } from "../selector-v2";
-export declare type SecondarySelectorV2Props = Omit<SelectorV2Props, "variant" | "labelContainerAlignItems">;
+export declare type SecondarySelectorV2Props<T extends string = string> = Omit<SelectorV2Props<T>, "variant" | "labelContainerAlignItems">;

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

@@ -89,5 +89,9 @@ 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;
 };
 export declare type CurrentSelection<T extends string = string> = SelectorOption<T> | undefined;

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

@@ -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">) => 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/selectors/tertiary-selector-v2/interfaces.d.ts

@@ -1,3 +1,3 @@
 import { SelectorV2Props } from "../selector-v2";
-export interface TertiarySelectorV2Props extends Omit<SelectorV2Props, "variant"> {
+export interface TertiarySelectorV2Props<T extends string = string> extends Omit<SelectorV2Props<T>, "variant"> {
 }

package/lib/index.d.ts

@@ -120,6 +120,7 @@ export { ProgressBar } from "./components/progress-bars/progress-bar";
 export declare type ProgressBarProps = BaseProgressBarProps;
 export { LineProgressBar } from "./components/progress-bars/line-progress-bar";
 export { StripedLineProgressBar } from "./components/progress-bars/striped-line-progress-bar";
+export { RoundedProgressBar } from "./components/progress-bars/rounded-progress-bar";
 export { ProgressSteps } from "./components/progress-steps";
 export { RadioButton } from "./components/radio-button";
 export { FiveStarsRating } from "./components/ratings/five-stars-rating";
@@ -182,7 +183,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 { Footer } from "./components/complex/footer";
-export { Navbar } from "./components/complex/navbar";
+export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
 export { Anchor } from "./components/utils/anchor";
 export { PageTracker } from "./components/utils/page-tracker";
 export { ScrollToTop } from "./components/utils/scroll-to-top";