@selfdecode/sd-component-library 2.43.2 → 2.43.6

package/lib/c801ade937bddadb73cb5b241c151ab6.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 27"
+>
+  <g >
+    <path
+      d="M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z"
+      transform="translate(-365.884 -271.09)"
+    />
+    <circle cx="3.758" cy="3.758" r="3.758" transform="translate(19.728 0.06)" />
+    <circle cx="3.758" cy="3.758" r="3.758" />
+  </g>
+</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

@@ -34,6 +34,10 @@ export declare type NavItem = {
      * Whether to include icon in mobile navbar menu
      */
     mobileShowIcon?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
 };
 export declare type NavMenuItem = {
     /**
@@ -75,4 +79,8 @@ export declare type NavMenuItem = {
      * Whether item is currenly selected (and hence should be highlighted)
      */
     isSelected?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
 };

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

@@ -1,5 +1,5 @@
 import { NavItem } from "../partials/navbar-v2/partials/interfaces";
-export declare const geneticsNavItem: NavItem;
+export declare const getgeneticsNavItem: (isPractitioner: boolean) => 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/url-utils.d.ts

@@ -0,0 +1,10 @@
+export declare const useEnvironment: () => {
+    isDev: boolean;
+    isLocal: boolean;
+    isProd: boolean;
+    isQA: boolean;
+};
+export declare const getLabShopsUrlProps: () => {
+    url: string;
+    isInternal: boolean;
+};

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/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">> {
+export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges" | "bounds">> {
     /**
      * 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">> {
+export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges" | "bounds">> {
     distanceFromLabelToRanges: number;
 }

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

@@ -1,7 +1,8 @@
 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" | "counterClockWise">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
+export interface OutlineMeterRangeProps extends Required<Pick<OutlineMeterProps, "value" | "arc" | "distanceBetweenRanges" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth" | "hideLabels">>, OutlineMeterRangeConfig, Pick<OutlineMeterLabelPointerProps, "distanceFromRanges"> {
     segmented?: boolean;
+    connected?: boolean;
     /**
      * Meter diameter.
      */

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

@@ -23,5 +23,6 @@ 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, ccw?: boolean | undefined) => boolean;
+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 flipBounds: (bounds: Bounds) => Bounds;

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

@@ -1,2 +1,3 @@
 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/assets/neutral-smiley.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 27"
+>
+  <g >
+    <path
+      d="M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z"
+      transform="translate(-365.884 -271.09)"
+    />
+    <circle cx="3.758" cy="3.758" r="3.758" transform="translate(19.728 0.06)" />
+    <circle cx="3.758" cy="3.758" r="3.758" />
+  </g>
+</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];
+    colorsMap?: [string, string, string];
     /**
      * Colors for labels.
      */
-    labelsMap?: [string, string];
+    labelsMap?: [string, string, string];
     /**
      * Whether to hide labels.
      */
@@ -15,7 +15,7 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
     /**
      * Value that splits smiley meter outline.
      */
-    splitValue?: number;
+    splitValues?: [number, number];
     /**
      * Smiley width.
      */

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

@@ -2,5 +2,4 @@ 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/modals/modal/interfaces.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SxProps } from "rebass";
 export interface ModalProps {
     /**
      * The theme variant to use for the modal's styles.
@@ -64,4 +65,8 @@ export interface ModalProps {
      * content is shown at the top
      */
     popUpHeight?: string | string[];
+    /**
+     * Additional props for the modal outer container.
+     */
+    containerSx?: SxProps["sx"];
 }

package/lib/components/modals/modal/modal.d.ts

@@ -3,4 +3,4 @@ import { ModalProps } from "./interfaces";
 /**
  * The modal container.
  */
-export declare const Modal: React.FunctionComponent<ModalProps>;
+export declare const Modal: React.FC<ModalProps>;

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

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

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

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

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

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

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?: Array<string>;
+    width?: string | 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[];
+    gap?: string | 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,4 +24,8 @@ 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,4 +18,8 @@ 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">;
+export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg" | "elementId">;
 /**
  * Props for TabBar
  */

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

@@ -60,4 +60,8 @@ 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,8 @@
 /// <reference types="react" />
 import { TabProps } from "./interfaces";
-export declare const Ribbon: ({ active, activeColor }: {
+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, }: TabProps<T>): 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;

package/lib/components/tabs/tabbed-view/assets/index.d.ts

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

package/lib/components/tabs/tabbed-view/assets/instagram.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
+  <path  d="M3060.99,3222.39a2.661,2.661,0,0,0-2.66-2.39h-17.66a2.592,2.592,0,0,0-.48.04,2.649,2.649,0,0,0-2.19,2.66v17.59a3.4,3.4,0,0,0,.03.45,2.643,2.643,0,0,0,2.59,2.26h17.76c0.1,0,.2-0.01.31-0.02a2.641,2.641,0,0,0,2.31-2.6v-17.76A1.848,1.848,0,0,0,3060.99,3222.39Zm-11.49,4.69a4.42,4.42,0,1,1-4.42,4.42A4.415,4.415,0,0,1,3049.5,3227.08Zm8.85,2.77v9.53a0.891,0.891,0,0,1-.96.97h-15.8a0.882,0.882,0,0,1-.93-0.93c-0.01-3.19,0-6.39,0-9.58v-0.1h1.99a7.072,7.072,0,0,0,3.39,7.94,7.059,7.059,0,0,0,7.44-.33,7.064,7.064,0,0,0,2.87-7.61h2v0.11Zm0-3.68a0.883,0.883,0,0,1-.91.91h-2.61a0.873,0.873,0,0,1-.9-0.88c-0.01-.89-0.01-1.78,0-2.66a0.868,0.868,0,0,1,.9-0.88c0.87-.01,1.75-0.01,2.62,0a0.878,0.878,0,0,1,.9.9v2.61Z" transform="translate(-3038 -3220)"/>
+</svg>

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/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,6 +53,11 @@ declare const _default: {
                     gridTemplateColumns: string;
                     alignItems: string;
                 };
+                secondaryV2: {
+                    display: string;
+                    gridTemplateColumns: string;
+                    alignItems: string;
+                };
             };
         };
         _dropdowns: {
@@ -299,6 +304,11 @@ declare const _default: {
                     color: string;
                     fontSize: string[];
                 };
+                secondaryV2: {
+                    fontFamily: string;
+                    color: string;
+                    fontSize: string;
+                };
             };
             iconButton: {
                 marginRight: string;
@@ -402,6 +412,27 @@ 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,6 +134,7 @@ 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";
@@ -166,6 +168,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";