@selfdecode/sd-component-library 2.42.41 → 2.43.4

package/lib/269d4dbd2027234c18668478378a32a4.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path id="Icon_material-language" data-name="Icon material-language" d="M12.99,3A10,10,0,1,0,23,13,10,10,0,0,0,12.99,3Zm6.93,6H16.97a15.649,15.649,0,0,0-1.38-3.56A8.03,8.03,0,0,1,19.92,9ZM13,5.04A14.087,14.087,0,0,1,14.91,9H11.09A14.087,14.087,0,0,1,13,5.04ZM5.26,15a7.822,7.822,0,0,1,0-4H8.64a16.515,16.515,0,0,0-.14,2,16.515,16.515,0,0,0,.14,2Zm.82,2H9.03a15.649,15.649,0,0,0,1.38,3.56A7.987,7.987,0,0,1,6.08,17ZM9.03,9H6.08a7.987,7.987,0,0,1,4.33-3.56A15.649,15.649,0,0,0,9.03,9ZM13,20.96A14.087,14.087,0,0,1,11.09,17h3.82A14.087,14.087,0,0,1,13,20.96ZM15.34,15H10.66a14.713,14.713,0,0,1-.16-2,14.585,14.585,0,0,1,.16-2h4.68a14.585,14.585,0,0,1,.16,2A14.713,14.713,0,0,1,15.34,15Zm.25,5.56A15.649,15.649,0,0,0,16.97,17h2.95a8.03,8.03,0,0,1-4.33,3.56ZM17.36,15a16.515,16.515,0,0,0,.14-2,16.515,16.515,0,0,0-.14-2h3.38a7.822,7.822,0,0,1,0,4Z" transform="translate(-3 -3)" />
+</svg>

package/lib/components/boxes/no-translate-box/index.d.ts

@@ -0,0 +1 @@
+export { NoTranslateBox } from "./no-translate-box";

package/lib/components/boxes/no-translate-box/interfaces.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BoxProps } from "rebass";
+export interface NoTranslateBoxProps extends BoxProps {
+    children: React.ReactNode;
+}

package/lib/components/boxes/no-translate-box/no-translate-box.d.ts

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

package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts

@@ -4,6 +4,10 @@ export declare type NavItem = {
      * The text to be shown in the link
      */
     title: string;
+    /**
+     * Optional mobile title
+     */
+    mobileTitle?: string;
     /**
      * The links that should be displayed when:
      *    - in desktop view, the user hovers this NavItem
@@ -22,6 +26,18 @@ export declare type NavItem = {
      * An SVG Component to be placed to the left of the title
      */
     Icon?: FC<SVGProps<SVGSVGElement>>;
+    /**
+     * Whether or not to hide arrow
+     */
+    hideArrow?: boolean;
+    /**
+     * Whether to include icon in mobile navbar menu
+     */
+    mobileShowIcon?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
 };
 export declare type NavMenuItem = {
     /**
@@ -59,4 +75,12 @@ export declare type NavMenuItem = {
      * What to do instead of redirecting to a url.
      */
     onClick?: () => void;
+    /**
+     * Whether item is currenly selected (and hence should be highlighted)
+     */
+    isSelected?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
 };

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-mobile-v2/partials/navbar-mobile-unfolded-navigation/interfaces.d.ts

@@ -2,7 +2,7 @@ import { NavbarMobileV2PresentationalProps } from "../../presentational/interfac
 /**
  * Defines the NavigationUnfolded component's properties.
  */
-export declare type NavbarMobileUnfoldedNavigationProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "unsubscribedUser" | "accountNavItem" | "navItems" | "hideSearch"> & {
+export declare type NavbarMobileUnfoldedNavigationProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "unsubscribedUser" | "accountNavItem" | "navItems" | "hideSearch" | "languageNavItem"> & {
     /**
      * Callback function to be called when the X icon button is clicked
      */

package/lib/components/complex/navbar/partials/navbar-v2/presentational/interfaces.d.ts

@@ -18,4 +18,8 @@ export declare type NavbarV2PresentationalProps = Pick<NavbarProps, "history" |
      * rendered when hovering on the PersonalAreaItem component
      */
     accountNavItem: NavItem;
+    /**
+     * A language selector item
+     */
+    languageNavItem: NavItem;
 };

package/lib/components/complex/navbar/presentational/constants-v3.d.ts

@@ -1,4 +1,5 @@
 import { NavItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
+export declare const geneticsNavItem: NavItem;
 export declare const labsNavItem: NavItem;
 export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
+export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;

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

@@ -87,4 +87,16 @@ export declare type NavbarProps = {
      * }
      */
     onLogout?: () => void;
+    /**
+     * User current selected language code
+     */
+    selectedLangCode: string;
+    /**
+     * List of selectable language codes
+     */
+    langCodes: string[];
+    /**
+     * What to do on language switch
+     */
+    onLanguageSwitch: (langCode: string) => void;
 };

package/lib/components/complex/navbar/presentational/language-mapping.d.ts

@@ -0,0 +1 @@
+export declare const getNativeLanguageName: (langCode: string) => string | undefined;

package/lib/components/containers/section-container/interfaces.d.ts

@@ -8,7 +8,7 @@ export interface SectionContainerProps extends BaseComponentProps {
     /**
      * The title of the section
      */
-    title: string;
+    title: string | React.ReactNode;
     /**
      * Used for displaying content (like a short information
      * or notification) to the right of the title in desktop

package/lib/components/icons/globe-icon/globe.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path id="Icon_material-language" data-name="Icon material-language" d="M12.99,3A10,10,0,1,0,23,13,10,10,0,0,0,12.99,3Zm6.93,6H16.97a15.649,15.649,0,0,0-1.38-3.56A8.03,8.03,0,0,1,19.92,9ZM13,5.04A14.087,14.087,0,0,1,14.91,9H11.09A14.087,14.087,0,0,1,13,5.04ZM5.26,15a7.822,7.822,0,0,1,0-4H8.64a16.515,16.515,0,0,0-.14,2,16.515,16.515,0,0,0,.14,2Zm.82,2H9.03a15.649,15.649,0,0,0,1.38,3.56A7.987,7.987,0,0,1,6.08,17ZM9.03,9H6.08a7.987,7.987,0,0,1,4.33-3.56A15.649,15.649,0,0,0,9.03,9ZM13,20.96A14.087,14.087,0,0,1,11.09,17h3.82A14.087,14.087,0,0,1,13,20.96ZM15.34,15H10.66a14.713,14.713,0,0,1-.16-2,14.585,14.585,0,0,1,.16-2h4.68a14.585,14.585,0,0,1,.16,2A14.713,14.713,0,0,1,15.34,15Zm.25,5.56A15.649,15.649,0,0,0,16.97,17h2.95a8.03,8.03,0,0,1-4.33,3.56ZM17.36,15a16.515,16.515,0,0,0,.14-2,16.515,16.515,0,0,0-.14-2h3.38a7.822,7.822,0,0,1,0,4Z" transform="translate(-3 -3)" />
+</svg>

package/lib/components/icons/globe-icon/index.d.ts

@@ -0,0 +1 @@
+export { ReactComponent as GlobeIcon } from "./globe.svg";

package/lib/components/icons/index.d.ts

@@ -1,17 +1,18 @@
+export { BorderedPlainWarningCircleIcon } from "./bordered-plain-warning-circle-icon";
 export { CartIcon } from "./cart-icon";
 export { CrossIcon } from "./cross-icon";
 export { GeneticsIcon } from "./genetics-icon";
+export { GlobeIcon } from "./globe-icon";
 export { HamburgerIcon } from "./hamburger-icon";
+export { PlainWarningCircleIcon } from "./plain-warning-circle-icon";
 export { ProfileIcon } from "./profile-icon";
+export { RescanIcon } from "./rescan-icon";
+export { RoundBorderedStar } from "./round-bordered-star";
 export { SDLogoNoTextIcon } from "./sd-logo-no-text-icon";
 export { SDLogoWhiteIcon } from "./sd-logo-white-icon";
+export { SDNavbarIcon } from "./sd-navbar-icon";
 export { SearchIcon } from "./search-icon";
 export { ShortDownArrowIcon } from "./short-dropdown-arrow-icon";
-export { VialIcon } from "./vial-icon";
-export { RescanIcon } from "./rescan-icon";
-export { SDNavbarIcon } from "./sd-navbar-icon";
 export { StarIcon } from "./star-icon";
+export { VialIcon } from "./vial-icon";
 export { WarningCircleIcon } from "./warning-circle-icon";
-export { BorderedPlainWarningCircleIcon } from "./bordered-plain-warning-circle-icon";
-export { PlainWarningCircleIcon } from "./plain-warning-circle-icon";
-export { RoundBorderedStar } from "./round-bordered-star";

package/lib/components/meters/outline-meter/partials/base-meter-label-box/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { OutlineMeterLabelBoxProps } from "../outline-meter-label-box/interfaces";
 import { OutlineMeterLabelPosition } from "../../interfaces";
-export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges" | "bounds">> {
+export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges">> {
     /**
      * Whether value is in the range to which label corresponds.
      */

package/lib/components/meters/outline-meter/partials/outline-meter-label-box/interfaces.d.ts

@@ -1,4 +1,4 @@
 import { OutlineMeterRangeProps } from "../outline-meter-range/interfaces";
-export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges" | "bounds">> {
+export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges">> {
     distanceFromLabelToRanges: number;
 }

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

@@ -1,8 +1,7 @@
 import { OutlineMeterLabelPosition, OutlineMeterProps, OutlineMeterRangeConfig } from "../../interfaces";
 import { OutlineMeterLabelPointerProps } from "../outline-meter-label-pointer/interfaces";
-export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
+export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels" | "counterClockWise">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
     segmented?: boolean;
-    connected?: boolean;
     /**
      * Meter diameter.
      */

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

@@ -23,6 +23,5 @@ export declare const getInnerX: (x: number, alpha: number, delta: number) => num
  * @param delta Distance between points
  */
 export declare const getInnerY: (y: number, alpha: number, delta: number) => number;
-export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
-export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
+export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds, ccw?: boolean | undefined) => boolean;
 export declare const flipBounds: (bounds: Bounds) => Bounds;

package/lib/components/meters/smiley-meter-v2/assets/index.d.ts

@@ -1,3 +1,2 @@
 export { ReactComponent as HappySmileyIcon } from "./happy-smiley.svg";
 export { ReactComponent as SadSmileyIcon } from "./sad-smiley.svg";
-export { ReactComponent as NeutralSmileyIcon } from "./neutral-smiley.svg";

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -3,11 +3,11 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
     /**
      * Colors for smiley corresponding to state.
      */
-    colorsMap?: [string, string, string];
+    colorsMap?: [string, string];
     /**
      * Colors for labels.
      */
-    labelsMap?: [string, string, string];
+    labelsMap?: [string, string];
     /**
      * Whether to hide labels.
      */
@@ -15,7 +15,7 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
     /**
      * Value that splits smiley meter outline.
      */
-    splitValues?: [number, number];
+    splitValue?: number;
     /**
      * Smiley width.
      */

package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts

@@ -2,4 +2,5 @@ import { OutlineMeterRangeConfig } from "../../../outline-meter";
 import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
 export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
     ranges: OutlineMeterRangeConfig[];
+    counterClockWise: boolean;
 }

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

@@ -17,7 +17,7 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
     /**
      * this is the width of the component
      */
-    width?: string | string[];
+    width?: Array<string>;
     /**
      * this is the name prop which we use as a form of an id for this selector. It needs to be unique, given more name based form components in the same app.
      */
@@ -40,7 +40,7 @@ export declare type SelectorProps<T extends string = string> = BaseComponentProp
      * this is an optional amount of spacing between the
      * selectorLabel and the selectInput. Default value: ["20px"]
      */
-    gap?: string | string[];
+    gap?: string[];
     /**
      * text to be shown inside the selector when no options are provided
      * Default value: 'No options'

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

@@ -24,8 +24,4 @@ export interface SelectorV2Props<T extends string = string> extends Omit<Selecto
      * List of available selector's options.
      */
     options: SelectorOptionV2<T>[];
-    /**
-     * How to align items in label container.
-     */
-    labelContainerAlignItems?: string;
 }

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

@@ -18,8 +18,4 @@ export interface BaseSelectorV2Props<T extends string = string> extends Omit<Sel
      * List of available selector's options.
      */
     options: SelectorOptionV2<T | null>[];
-    /**
-     * How to align items in label container.
-     */
-    labelContainerAlignItems?: string;
 }

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

@@ -2,7 +2,7 @@ import { TabProps } from "./partials/tab/interfaces";
 /**
  * Configuration describing each tab
  */
-export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg" | "elementId">;
+export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg">;
 /**
  * Props for TabBar
  */

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

@@ -60,8 +60,4 @@ export interface TabProps<T> {
      * Provide a custom component to render instead of label/icon
      */
     tabHeaderComponent?: React.ReactNode;
-    /**
-     * Optional string to be used as `id` on the tab's html element
-     */
-    elementId?: string;
 }

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

@@ -1,7 +1,6 @@
 import { TabProps } from "./interfaces";
-export declare const Ribbon: ({ active, activeColor, color, }: {
+export declare const Ribbon: ({ active, activeColor }: {
     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, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, }: TabProps<T>): JSX.Element;

package/lib/components/text-boxes/table-of-content/interfaces.d.ts

@@ -3,6 +3,7 @@ declare type linkObject = {
     text: string;
     link?: string;
     target?: string;
+    translate?: boolean;
 };
 /**
  * Text Box props.
@@ -15,7 +16,7 @@ export interface TableOfContentProps extends BaseComponentProps {
     /**
      * Text items to be listed.
      */
-    textItems: Array<linkObject>;
+    textItems: linkObject[];
     /**
      * Should the title of table be responsive.
      */

package/lib/components/text-boxes/table-of-content/table-of-content.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { TableOfContentProps } from "./interfaces";
-export declare const TableOfContent: React.FunctionComponent<TableOfContentProps>;
+export declare const TableOfContent: React.FC<TableOfContentProps>;

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

@@ -85,5 +85,7 @@ interface Variant {
     withFontProperties?: false;
     variant: BaseComponentProps["variant"];
 }
-export declare type BaseTextProps = CommonBaseTextProps & (FontProperties | Variant);
+export declare type BaseTextProps = CommonBaseTextProps & (FontProperties | Variant) & {
+    dontTranslate?: boolean;
+};
 export {};

package/lib/components/texts/eighteen-bold/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type EighteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type EighteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/eighteen-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type EighteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type EighteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fifty-five-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type FiftyFiveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type FiftyFiveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourteen-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type FourteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type FourteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourteen-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type FourteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type FourteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourty-bold/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type FourtyBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type FourtyBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/no-translate/index.d.ts

@@ -0,0 +1 @@
+export { NoTranslate } from "./no-translate";

package/lib/components/texts/no-translate/no-translate.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from "rebass";
+export declare const NoTranslate: (props: TextProps) => JSX.Element;

package/lib/components/texts/responsive-text/interfaces.d.ts

@@ -2,7 +2,7 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "backgroundColor" | "width" | "height" | "onClick" | "m" | "mt" | "mr" | "mb" | "ml">;
+declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "backgroundColor" | "width" | "height" | "onClick" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;
 /**
  * SelfDecode's combinations of fontSize and fontWeight.
  */

package/lib/components/texts/sixteen-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type SixteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type SixteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/sixteen-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type SixteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type SixteenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/ten-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type TenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type TenSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-bold/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type ThirteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type ThirteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type ThirteenRegularProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type ThirteenRegularProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirteen-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type ThirteenSbProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type ThirteenSbProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirty-two-bold/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type ThirtyTwoBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type ThirtyTwoBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/thirty-two-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type ThirtyTwoRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type ThirtyTwoRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twelve-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type TwelveRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type TwelveRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twelve-sb/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type TwelveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type TwelveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twenty-four-bold/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type TwentyFourBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "display" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type TwentyFourBoldProps = Pick<BaseTextProps, "children" | "color" | "cursor" | "display" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/twenty-four-regular/interfaces.d.ts

@@ -2,4 +2,4 @@ import { BaseTextProps } from "../base-text";
 /**
  * Props we want from the base text.
  */
-export declare type TwentyFourRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml">;
+export declare type TwentyFourRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/tooltips/base-info-tooltip/interfaces.d.ts

@@ -2,7 +2,7 @@ import { BaseTooltipProps } from "../base-tooltip";
 /**
  * Additional props BaseInfoTooltipProps
  */
-declare type CommonProps = Pick<BaseTooltipProps, "m" | "mt" | "mr" | "mb" | "ml" | "bg" | "color" | "width" | "tooltipText" | "placement">;
+declare type CommonProps = Pick<BaseTooltipProps, "m" | "mt" | "mr" | "mb" | "ml" | "bg" | "color" | "width" | "tooltipText" | "placement" | "dontTranslate">;
 export interface BaseInfoTooltipProps extends CommonProps {
     /**
      * Color of the info icon. Should be a hex value.

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

@@ -28,4 +28,8 @@ export interface BaseTooltipProps extends BaseComponentProps {
      * Placement of tooltip content box.
      */
     placement?: "left" | "right";
+    /**
+     * Whether weglot should translate
+     */
+    dontTranslate?: boolean;
 }

package/lib/core/theme.d.ts

@@ -53,11 +53,6 @@ declare const _default: {
                     gridTemplateColumns: string;
                     alignItems: string;
                 };
-                secondaryV2: {
-                    display: string;
-                    gridTemplateColumns: string;
-                    alignItems: string;
-                };
             };
         };
         _dropdowns: {
@@ -304,11 +299,6 @@ declare const _default: {
                     color: string;
                     fontSize: string[];
                 };
-                secondaryV2: {
-                    fontFamily: string;
-                    color: string;
-                    fontSize: string;
-                };
             };
             iconButton: {
                 marginRight: string;
@@ -412,27 +402,6 @@ declare const _default: {
                     transform: string;
                 };
             };
-            secondaryV2: {
-                fontFamily: string;
-                fontWeight: string;
-                fontSize: string;
-                letterSpacing: number;
-                color: string;
-                outline: string;
-                border: string;
-                borderRadius: number;
-                borderBottomColor: string;
-                borderBottomStyle: string;
-                borderBottomWidth: number;
-                pb: string;
-                pl: number;
-                pt: number;
-                pr: string;
-                "& + svg": {
-                    fill: string;
-                    transform: string;
-                };
-            };
         };
     };
     text: {

package/lib/index.d.ts

@@ -17,6 +17,7 @@ export { DesktopHiddenBox } from "./components/boxes/desktop-hidden-box";
 export { MobileHiddenBox } from "./components/boxes/mobile-hidden-box";
 export { OutsideClickBox } from "./components/boxes/outside-click-box";
 export { ScrollOnHoverBox } from "./components/boxes/scroll-on-hover-box";
+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";
@@ -133,7 +134,6 @@ export { CustomSelector } from "./components/selectors/custom-selector";
 export { SelectorV2 } from "./components/selectors/selector-v2";
 export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/selector-v2";
 export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
-export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
 export { Slider } from "./components/slider";
 export declare type SlideSettings = SlideSettingsType;
 export { TextSwitch } from "./components/switches/text-switch";
@@ -167,6 +167,7 @@ export { ThirtyTwoRegular } from "./components/texts/thirty-two-regular";
 export { ThirtyTwoBold } from "./components/texts/thirty-two-bold";
 export { FourtyBold } from "./components/texts/fourty-bold";
 export { FiftyFiveSb } from "./components/texts/fifty-five-sb";
+export { NoTranslate } from "./components/texts/no-translate";
 export { DividedTextBox } from "./components/text-boxes/divided-text-box";
 export { TableOfContent } from "./components/text-boxes/table-of-content";
 export { BaseTooltip } from "./components/tooltips/base-tooltip";