@selfdecode/sd-component-library 2.46.12 → 2.46.14

package/lib/components/buttons/partials/goto-button/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../../button";
-/**
- * Props for GoToButton, derived from the base button.
- */
-export declare type GoToButtonProps = Pick<ButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { ButtonProps } from "../../button";
+/**
+ * Props for GoToButton, derived from the base button.
+ */
+export declare type GoToButtonProps = Pick<ButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/buttons/partials/icon-button/assets/icon-sample.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="21.35" viewBox="0 0 17 21.35">
-  <path d="M2393.78,1473.47h-5.01c-0.04-.36-0.35-1.64-0.72-1.64h-4.11c-0.38,0-.68,1.28-0.72,1.64h-5.02a0.721,0.721,0,0,0-.71.72v1.37a0.713,0.713,0,0,0,.71.71h15.58a0.715,0.715,0,0,0,.72-0.71v-1.37A0.723,0.723,0,0,0,2393.78,1473.47Zm-14.79,4.18v14.8a0.717,0.717,0,0,0,.72.72h12.57a0.717,0.717,0,0,0,.72-0.72v-14.8h-14.01Zm5.26,11.11a0.8,0.8,0,0,1-1.59,0v-7.85a0.8,0.8,0,0,1,1.59,0v7.85Zm5.07,0a0.79,0.79,0,1,1-1.58,0v-7.85a0.79,0.79,0,0,1,1.58,0v7.85Z" transform="translate(-2377.5 -1471.81)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="21.35" viewBox="0 0 17 21.35">
+  <path d="M2393.78,1473.47h-5.01c-0.04-.36-0.35-1.64-0.72-1.64h-4.11c-0.38,0-.68,1.28-0.72,1.64h-5.02a0.721,0.721,0,0,0-.71.72v1.37a0.713,0.713,0,0,0,.71.71h15.58a0.715,0.715,0,0,0,.72-0.71v-1.37A0.723,0.723,0,0,0,2393.78,1473.47Zm-14.79,4.18v14.8a0.717,0.717,0,0,0,.72.72h12.57a0.717,0.717,0,0,0,.72-0.72v-14.8h-14.01Zm5.26,11.11a0.8,0.8,0,0,1-1.59,0v-7.85a0.8,0.8,0,0,1,1.59,0v7.85Zm5.07,0a0.79,0.79,0,1,1-1.58,0v-7.85a0.79,0.79,0,0,1,1.58,0v7.85Z" transform="translate(-2377.5 -1471.81)"/>
+</svg>

package/lib/components/buttons/partials/icon-button/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as SampleIcon } from "./icon-sample.svg";
+export { ReactComponent as SampleIcon } from "./icon-sample.svg";

package/lib/components/buttons/partials/icon-button/icon-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { IconButtonProps } from "./interfaces";
-/**
- * The icon button.
- */
-export declare const IconButton: React.FC<IconButtonProps>;
+import React from "react";
+import { IconButtonProps } from "./interfaces";
+/**
+ * The icon button.
+ */
+export declare const IconButton: React.FC<IconButtonProps>;

package/lib/components/buttons/partials/icon-button/index.d.ts

@@ -1 +1 @@
-export { IconButton } from "./icon-button";
+export { IconButton } from "./icon-button";

package/lib/components/buttons/partials/icon-button/interfaces.d.ts

@@ -1,28 +1,28 @@
-import React from "react";
-import { ButtonProps } from "../../button";
-export declare type BaseButtonProps = Omit<ButtonProps, "variant">;
-/**
- * Defines the icon button component's properties.
- */
-export interface IconButtonProps extends BaseButtonProps {
-    /**
-     * The child component for the button, which will be the icon itself.
-     */
-    children?: React.ReactNode;
-    /**
-     * A potential label for the button.
-     */
-    label?: string;
-    /**
-     * The color of the icon.
-     */
-    color?: string;
-    /**
-     * Reverse items order i.e set icon before label
-     */
-    reverseOrder?: boolean;
-    /**
-     * Hides label on mobile screens
-     */
-    hideLabelOnMobile?: boolean;
-}
+import React from "react";
+import { ButtonProps } from "../../button";
+export declare type BaseButtonProps = Omit<ButtonProps, "variant">;
+/**
+ * Defines the icon button component's properties.
+ */
+export interface IconButtonProps extends BaseButtonProps {
+    /**
+     * The child component for the button, which will be the icon itself.
+     */
+    children?: React.ReactNode;
+    /**
+     * A potential label for the button.
+     */
+    label?: string;
+    /**
+     * The color of the icon.
+     */
+    color?: string;
+    /**
+     * Reverse items order i.e set icon before label
+     */
+    reverseOrder?: boolean;
+    /**
+     * Hides label on mobile screens
+     */
+    hideLabelOnMobile?: boolean;
+}

package/lib/components/buttons/partials/multi-choice/assets/index.d.ts

@@ -1,2 +1,2 @@
-export { ReactComponent as Plus } from "./plus.svg";
-export { ReactComponent as Minus } from "./minus.svg";
+export { ReactComponent as Plus } from "./plus.svg";
+export { ReactComponent as Minus } from "./minus.svg";

package/lib/components/buttons/partials/multi-choice/index.d.ts

@@ -1,3 +1,3 @@
-import { MultiChoiceButtonProps as Props } from "./interfaces";
-export declare type MultiChoiceButtonProps = Props;
-export { MultiChoiceButton } from "./multi-choice-button";
+import { MultiChoiceButtonProps as Props } from "./interfaces";
+export declare type MultiChoiceButtonProps = Props;
+export { MultiChoiceButton } from "./multi-choice-button";

package/lib/components/buttons/partials/multi-choice/interfaces.d.ts

@@ -1,11 +1,11 @@
-import { ButtonProps } from "../../button";
-export declare type BaseButtonProps = Pick<ButtonProps, "link" | "scrollTo" | "borderStyle" | "borderColor" | "borderWidth" | "borderRadius" | "width" | "height" | "history" | "variant" | "onClick" | "children" | "padding" | "disabled" | "fontSize" | "fontWeight" | "letterSpacing" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
-/**
- * Additional props we want to add
- */
-export interface MultiChoiceButtonProps extends BaseButtonProps {
-    /**
-     * The action we want to call when the button is either selected or deselected.
-     */
-    onSelect: (isSelected: boolean) => void;
-}
+import { ButtonProps } from "../../button";
+export declare type BaseButtonProps = Pick<ButtonProps, "link" | "scrollTo" | "borderStyle" | "borderColor" | "borderWidth" | "borderRadius" | "width" | "height" | "history" | "variant" | "onClick" | "children" | "padding" | "disabled" | "fontSize" | "fontWeight" | "letterSpacing" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+/**
+ * Additional props we want to add
+ */
+export interface MultiChoiceButtonProps extends BaseButtonProps {
+    /**
+     * The action we want to call when the button is either selected or deselected.
+     */
+    onSelect: (isSelected: boolean) => void;
+}

package/lib/components/buttons/partials/multi-choice/multi-choice-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { MultiChoiceButtonProps } from "./interfaces";
-/**
- * The multichoice button.
- */
-export declare const MultiChoiceButton: React.FunctionComponent<MultiChoiceButtonProps>;
+import React from "react";
+import { MultiChoiceButtonProps } from "./interfaces";
+/**
+ * The multichoice button.
+ */
+export declare const MultiChoiceButton: React.FunctionComponent<MultiChoiceButtonProps>;

package/lib/components/buttons/partials/square-button/index.d.ts

@@ -1,3 +1,3 @@
-import { SquareButtonProps as Props } from "./interfaces";
-export declare type SquareButtonProps = Props;
-export { SquareButton } from "./square-button";
+import { SquareButtonProps as Props } from "./interfaces";
+export declare type SquareButtonProps = Props;
+export { SquareButton } from "./square-button";

package/lib/components/buttons/partials/square-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from "../../button";
-export declare type SquareButtonProps = Pick<ButtonProps, "width" | "height" | "link" | "scrollTo" | "borderStyle" | "borderWidth" | "borderColor" | "history" | "onClick" | "children" | "disabled" | "fontSize" | "fontWeight" | "letterSpacing" | "bg" | "fill" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { ButtonProps } from "../../button";
+export declare type SquareButtonProps = Pick<ButtonProps, "width" | "height" | "link" | "scrollTo" | "borderStyle" | "borderWidth" | "borderColor" | "history" | "onClick" | "children" | "disabled" | "fontSize" | "fontWeight" | "letterSpacing" | "bg" | "fill" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/buttons/partials/square-button/square-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SquareButtonProps } from "./interfaces";
-/**
- * The circle button.
- */
-export declare const SquareButton: React.FunctionComponent<SquareButtonProps>;
+import React from "react";
+import { SquareButtonProps } from "./interfaces";
+/**
+ * The circle button.
+ */
+export declare const SquareButton: React.FunctionComponent<SquareButtonProps>;

package/lib/components/buttons/partials/tick-button/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as Tick } from "./tick.svg";
+export { ReactComponent as Tick } from "./tick.svg";

package/lib/components/buttons/partials/tick-button/index.d.ts

@@ -1 +1 @@
-export { TickButton } from "./tick-button";
+export { TickButton } from "./tick-button";

package/lib/components/buttons/partials/tick-button/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../../button";
-/**
- * Props for TickButton, derived from the base button.
- */
-export declare type TickButtonProps = Pick<ButtonProps, "width" | "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;
+import { ButtonProps } from "../../button";
+/**
+ * Props for TickButton, derived from the base button.
+ */
+export declare type TickButtonProps = Pick<ButtonProps, "width" | "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/buttons/partials/tick-button/tick-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { TickButtonProps } from "./interfaces";
-/**
- * The Tick Button.
- */
-export declare const TickButton: React.FunctionComponent<TickButtonProps>;
+import React from "react";
+import { TickButtonProps } from "./interfaces";
+/**
+ * The Tick Button.
+ */
+export declare const TickButton: React.FunctionComponent<TickButtonProps>;

package/lib/components/buttons/radio-info-button/index.d.ts

@@ -1 +1 @@
-export { RadioInfoButton } from "./radio-info-button";
+export { RadioInfoButton } from "./radio-info-button";

package/lib/components/buttons/radio-info-button/interfaces.d.ts

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-export interface RadioInfoButtonProps {
-    /**
-     * Active state value.
-     */
-    isActive?: boolean;
-    /**
-     * Main color in the non-disrupted state (hex)
-     */
-    baseColor?: string;
-    /**
-     * Main color in the hover state (hex).
-     */
-    hoverColor?: string;
-    /**
-     * Main color in the active state (hex).
-     */
-    activeColor?: string;
-    /**
-     * Character to be placed inside of button.
-     */
-    innerIcon?: React.ReactNode;
-    /**
-     * Callback to be executed after clicking on the button.
-     */
-    onClick: () => void;
-    /**
-     * Callback to be executed after hover state change.
-     */
-    onHover?: (newState: boolean) => void;
-}
+/// <reference types="react" />
+export interface RadioInfoButtonProps {
+    /**
+     * Active state value.
+     */
+    isActive?: boolean;
+    /**
+     * Main color in the non-disrupted state (hex)
+     */
+    baseColor?: string;
+    /**
+     * Main color in the hover state (hex).
+     */
+    hoverColor?: string;
+    /**
+     * Main color in the active state (hex).
+     */
+    activeColor?: string;
+    /**
+     * Character to be placed inside of button.
+     */
+    innerIcon?: React.ReactNode;
+    /**
+     * Callback to be executed after clicking on the button.
+     */
+    onClick: () => void;
+    /**
+     * Callback to be executed after hover state change.
+     */
+    onHover?: (newState: boolean) => void;
+}

package/lib/components/buttons/radio-info-button/radio-info-button.d.ts

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

package/lib/components/buttons/round-icon-button/index.d.ts

@@ -1 +1 @@
-export { RoundIconButton } from "./round-icon-button";
+export { RoundIconButton } from "./round-icon-button";

package/lib/components/buttons/round-icon-button/interfaces.d.ts

@@ -1,67 +1,67 @@
-import { CSSProperties } from "react";
-import { ButtonProps } from "../button";
-export interface RoundIconButtonProps extends Omit<ButtonProps, "borderRadius" | "onClick"> {
-    /**
-     * Active state value.
-     */
-    isActive?: boolean;
-    /**
-     * Callback to be executed after clicking on the button.
-     */
-    onClick?: (newState: boolean, ...args: any[]) => void;
-    /**
-     * Active state background.
-     */
-    activeBg?: string;
-    /**
-     * Icon to be displayed inside of button.
-     */
-    icon: React.ReactNode;
-    /**
-     * Inner icon width.
-     */
-    iconWidth?: string | string[];
-    /**
-     * Inner icon height.
-     */
-    iconHeight?: string | string[];
-    /**
-     * Inner icon color.
-     */
-    iconColor?: string;
-    /**
-     * Slots to be displayed inside.
-     */
-    slots?: Slot[];
-    /**
-     * Text to be displayed inside of tooltip header (blue).
-     */
-    tooltipHeader: string;
-    /**
-     * Text to be displayed inside of tooltip sub header (grey).
-     */
-    tooltipSubheader?: string;
-    /**
-     * Text to be displayed in the bottom of the tooltip (dark grey).
-     */
-    tooltipText?: string[];
-    /**
-     * Whether to show arrow tip.
-     */
-    showArrowTip?: boolean;
-    /**
-     * Whether to show tooltip.
-     */
-    showTooltip?: boolean;
-    /**
-     * Max width of the tooltip content.
-     */
-    tooltipContentMaxWidth?: string | string[];
-}
-export interface Slot {
-    content: React.ReactNode;
-    top?: CSSProperties["top"];
-    bottom?: CSSProperties["bottom"];
-    left?: CSSProperties["left"];
-    right?: CSSProperties["right"];
-}
+import { CSSProperties } from "react";
+import { ButtonProps } from "../button";
+export interface RoundIconButtonProps extends Omit<ButtonProps, "borderRadius" | "onClick"> {
+    /**
+     * Active state value.
+     */
+    isActive?: boolean;
+    /**
+     * Callback to be executed after clicking on the button.
+     */
+    onClick?: (newState: boolean, ...args: any[]) => void;
+    /**
+     * Active state background.
+     */
+    activeBg?: string;
+    /**
+     * Icon to be displayed inside of button.
+     */
+    icon: React.ReactNode;
+    /**
+     * Inner icon width.
+     */
+    iconWidth?: string | string[];
+    /**
+     * Inner icon height.
+     */
+    iconHeight?: string | string[];
+    /**
+     * Inner icon color.
+     */
+    iconColor?: string;
+    /**
+     * Slots to be displayed inside.
+     */
+    slots?: Slot[];
+    /**
+     * Text to be displayed inside of tooltip header (blue).
+     */
+    tooltipHeader: string;
+    /**
+     * Text to be displayed inside of tooltip sub header (grey).
+     */
+    tooltipSubheader?: string;
+    /**
+     * Text to be displayed in the bottom of the tooltip (dark grey).
+     */
+    tooltipText?: string[];
+    /**
+     * Whether to show arrow tip.
+     */
+    showArrowTip?: boolean;
+    /**
+     * Whether to show tooltip.
+     */
+    showTooltip?: boolean;
+    /**
+     * Max width of the tooltip content.
+     */
+    tooltipContentMaxWidth?: string | string[];
+}
+export interface Slot {
+    content: React.ReactNode;
+    top?: CSSProperties["top"];
+    bottom?: CSSProperties["bottom"];
+    left?: CSSProperties["left"];
+    right?: CSSProperties["right"];
+}

package/lib/components/buttons/round-icon-button/round-icon-button.d.ts

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

package/lib/components/cards/round-card/index.d.ts

@@ -1 +1 @@
-export { RoundCard } from "./round-card";
+export { RoundCard } from "./round-card";

package/lib/components/cards/round-card/interfaces.d.ts

@@ -1,37 +1,37 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface RoundCardProps extends BaseComponentProps {
-    /**
-     * The card's width
-     */
-    width?: Array<string>;
-    /**
-     * The card's height
-     */
-    height?: Array<string>;
-    /**
-     * borderStyle of card
-     */
-    borderWidth?: Array<string>;
-    /**
-     * Color of the border
-     */
-    borderColor?: string;
-    /**
-     * padding of card.
-     */
-    p?: Array<string>;
-    /**
-     * Background color.
-     */
-    backgroundColor?: string;
-    /**
-     * Children to be rendered in the card
-     */
-    children: React.ReactNode;
-    /**
-     * Border radius of the card.
-     */
-    borderRadius?: string | string[];
-    minWidth?: string;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface RoundCardProps extends BaseComponentProps {
+    /**
+     * The card's width
+     */
+    width?: Array<string>;
+    /**
+     * The card's height
+     */
+    height?: Array<string>;
+    /**
+     * borderStyle of card
+     */
+    borderWidth?: Array<string>;
+    /**
+     * Color of the border
+     */
+    borderColor?: string;
+    /**
+     * padding of card.
+     */
+    p?: Array<string>;
+    /**
+     * Background color.
+     */
+    backgroundColor?: string;
+    /**
+     * Children to be rendered in the card
+     */
+    children: React.ReactNode;
+    /**
+     * Border radius of the card.
+     */
+    borderRadius?: string | string[];
+    minWidth?: string;
+}

package/lib/components/cards/round-card/round-card.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { RoundCardProps } from "./interfaces";
-/**
- *  RoundCard component.
- */
-export declare const RoundCard: (props: RoundCardProps) => React.ReactElement<RoundCardProps>;
+import React from "react";
+import { RoundCardProps } from "./interfaces";
+/**
+ *  RoundCard component.
+ */
+export declare const RoundCard: (props: RoundCardProps) => React.ReactElement<RoundCardProps>;

package/lib/components/carousels/carousel-section-container/carousel-section-container.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { CarouselSectionContainerProps as Props } from "./interfaces";
-/**
- * The CarouselSectionContainer component
- * In mobile view, it displays the items in a single row, and allows
- * to move between them using 2 arrows at the top right corner.
- * @param props
- */
-export declare const CarouselSectionContainer: React.FC<Props>;
+import React from "react";
+import { CarouselSectionContainerProps as Props } from "./interfaces";
+/**
+ * The CarouselSectionContainer component
+ * In mobile view, it displays the items in a single row, and allows
+ * to move between them using 2 arrows at the top right corner.
+ * @param props
+ */
+export declare const CarouselSectionContainer: React.FC<Props>;

package/lib/components/carousels/carousel-section-container/index.d.ts

@@ -1 +1 @@
-export { CarouselSectionContainer } from "./carousel-section-container";
+export { CarouselSectionContainer } from "./carousel-section-container";

package/lib/components/carousels/carousel-section-container/interfaces.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode } from "react";
-import { SectionContainerProps } from "../../containers/section-container/interfaces";
-export declare type CarouselSectionContainerProps = SectionContainerProps & {
-    /**
-     * The items of the carousel
-     */
-    carouselItems: ReactNode[];
-    /**
-     * The width in px of each item in the carousel.
-     * This should be the sum of the horizontal
-     * content, margin, padding and border.
-     */
-    itemWidth: number;
-    /**
-     * Amount of space in px between each carouselItem
-     */
-    spacing: number;
-    /**
-     * The component that contains the carouselItems in
-     * desktop and tablet views.
-     */
-    WrapperComponent: React.FC;
-};
+import { ReactNode } from "react";
+import { SectionContainerProps } from "../../containers/section-container/interfaces";
+export declare type CarouselSectionContainerProps = SectionContainerProps & {
+    /**
+     * The items of the carousel
+     */
+    carouselItems: ReactNode[];
+    /**
+     * The width in px of each item in the carousel.
+     * This should be the sum of the horizontal
+     * content, margin, padding and border.
+     */
+    itemWidth: number;
+    /**
+     * Amount of space in px between each carouselItem
+     */
+    spacing: number;
+    /**
+     * The component that contains the carouselItems in
+     * desktop and tablet views.
+     */
+    WrapperComponent: React.FC;
+};

package/lib/components/checkboxes/checkbox/checkbox.d.ts

@@ -1,5 +1,6 @@
-import { CheckboxProps } from "./interfaces";
-/**
- * Base checkbox component. Other checkbox components should be built from this.
- */
-export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+/// <reference types="react" />
+import { CheckboxProps } from "./interfaces";
+/**
+ * Base checkbox component. Other checkbox components should be built from this.
+ */
+export declare const Checkbox: (props: CheckboxProps) => JSX.Element;

package/lib/components/checkboxes/checkbox/index.d.ts

@@ -1 +1 @@
-export { Checkbox } from "./checkbox";
+export { Checkbox } from "./checkbox";