@selfdecode/sd-component-library 2.42.3 → 2.42.4

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface ContinuousOutlineMeterProps extends BaseComponentProps {
-    /**
-     * stage of meter. out of 100.
-     */
-    stage: number;
-    /**
-     * width of the outline
-     */
-    width?: Array<string>;
-    /**
-     * color of the currently active strokes
-     */
-    color?: string;
-    /**
-     * color of the currently inactive strokes
-     */
-    inactiveColor?: string;
-    /**
-     * children to be rendered inside the meter
-     */
-    children: React.ReactNode;
-}
-export declare type ContinuousOutlineProps = Pick<ContinuousOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface ContinuousOutlineMeterProps extends BaseComponentProps {
+    /**
+     * stage of meter. out of 100.
+     */
+    stage: number;
+    /**
+     * width of the outline
+     */
+    width?: Array<string>;
+    /**
+     * color of the currently active strokes
+     */
+    color?: string;
+    /**
+     * color of the currently inactive strokes
+     */
+    inactiveColor?: string;
+    /**
+     * children to be rendered inside the meter
+     */
+    children: React.ReactNode;
+}
+export declare type ContinuousOutlineProps = Pick<ContinuousOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;

package/lib/components/meters/dashed-meter/dashed-meter.d.ts

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

package/lib/components/meters/dashed-meter/index.d.ts

@@ -1 +1 @@
-export { DashedMeter } from "./dashed-meter";
+export { DashedMeter } from "./dashed-meter";

package/lib/components/meters/dashed-meter/interfaces.d.ts

@@ -1,8 +1,8 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface DashedMeterProps extends BaseComponentProps {
-    value: 0 | 1 | 2 | 3 | 4 | 5;
-    /**
-     * Whether to use vertical version.
-     */
-    vertical?: boolean;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface DashedMeterProps extends BaseComponentProps {
+    value: 0 | 1 | 2 | 3 | 4 | 5;
+    /**
+     * Whether to use vertical version.
+     */
+    vertical?: boolean;
+}

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

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

package/lib/components/meters/discrete-outline-meter/index.d.ts

@@ -1 +1 @@
-export { DiscreteOutlineMeter } from "./discrete-outline-meter";
+export { DiscreteOutlineMeter } from "./discrete-outline-meter";

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface DiscreteOutlineMeterProps extends BaseComponentProps {
-    /**
-     * stage of meter. out of 5.
-     */
-    stage: 0 | 1 | 2 | 3 | 4 | 5;
-    /**
-     * width of the outline
-     */
-    width: Array<string>;
-    /**
-     * color of the currently active strokes
-     */
-    color?: string;
-    /**
-     * color of the currently inactive strokes
-     */
-    inactiveColor?: string;
-    /**
-     * children be rendered inside the meter
-     */
-    children: React.ReactNode;
-}
-export declare type DiscreteOutlineProps = Pick<DiscreteOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface DiscreteOutlineMeterProps extends BaseComponentProps {
+    /**
+     * stage of meter. out of 5.
+     */
+    stage: 0 | 1 | 2 | 3 | 4 | 5;
+    /**
+     * width of the outline
+     */
+    width: Array<string>;
+    /**
+     * color of the currently active strokes
+     */
+    color?: string;
+    /**
+     * color of the currently inactive strokes
+     */
+    inactiveColor?: string;
+    /**
+     * children be rendered inside the meter
+     */
+    children: React.ReactNode;
+}
+export declare type DiscreteOutlineProps = Pick<DiscreteOutlineMeterProps, "stage" | "width" | "color" | "inactiveColor">;

package/lib/components/meters/multicolor-outline-meter/index.d.ts

@@ -1 +1 @@
-export { MulticolorOutlineMeter } from "./multicolor-outline-meter";
+export { MulticolorOutlineMeter } from "./multicolor-outline-meter";

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

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface MulticolorOutlineMeterProps extends BaseComponentProps {
-    /**
-     * stage of meter. out of 100.
-     */
-    stage: number;
-    /**
-     * width of the outline
-     */
-    width?: Array<string>;
-    /**
-     * color of the currently active strokes
-     */
-    colorsArray?: Array<string>;
-    /**
-     * children be rendered inside the meter
-     */
-    children: React.ReactNode;
-}
-export declare type MulticolorOutlineProps = Pick<MulticolorOutlineMeterProps, "stage" | "width" | "colorsArray">;
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface MulticolorOutlineMeterProps extends BaseComponentProps {
+    /**
+     * stage of meter. out of 100.
+     */
+    stage: number;
+    /**
+     * width of the outline
+     */
+    width?: Array<string>;
+    /**
+     * color of the currently active strokes
+     */
+    colorsArray?: Array<string>;
+    /**
+     * children be rendered inside the meter
+     */
+    children: React.ReactNode;
+}
+export declare type MulticolorOutlineProps = Pick<MulticolorOutlineMeterProps, "stage" | "width" | "colorsArray">;

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

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

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

@@ -1 +1 @@
-export { ReactComponent as Person } from "./person.svg";
+export { ReactComponent as Person } from "./person.svg";

package/lib/components/meters/people-meter/index.d.ts

@@ -1 +1 @@
-export { PeopleMeter } from "./people-meter";
+export { PeopleMeter } from "./people-meter";

package/lib/components/meters/people-meter/interfaces.d.ts

@@ -1,23 +1,23 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface PeopleMeterProps extends BaseComponentProps {
-    /**
-     * gap between bars
-     */
-    gap?: string[];
-    /**
-     * Colors for Person Icon if they are active
-     */
-    activeColors?: string[];
-    /**
-     * Max bars to be displayed
-     */
-    maxValue?: number;
-    /**
-     * Number of active bars
-     */
-    value: number;
-    /**
-     * Width of one person icon
-     */
-    widthPerIcon?: string;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface PeopleMeterProps extends BaseComponentProps {
+    /**
+     * gap between bars
+     */
+    gap?: string[];
+    /**
+     * Colors for Person Icon if they are active
+     */
+    activeColors?: string[];
+    /**
+     * Max bars to be displayed
+     */
+    maxValue?: number;
+    /**
+     * Number of active bars
+     */
+    value: number;
+    /**
+     * Width of one person icon
+     */
+    widthPerIcon?: string;
+}

package/lib/components/meters/people-meter/people-meter.d.ts

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

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

@@ -1,5 +1,5 @@
-export { ReactComponent as OutlinedSmileyState1 } from "./outlined-smiley-state-1.svg";
-export { ReactComponent as OutlinedSmileyState2 } from "./outlined-smiley-state-2.svg";
-export { ReactComponent as OutlinedSmileyState3 } from "./outlined-smiley-state-3.svg";
-export { ReactComponent as OutlinedSmileyState4 } from "./outlined-smiley-state-4.svg";
-export { ReactComponent as OutlinedSmileyState5 } from "./outlined-smiley-state-5.svg";
+export { ReactComponent as OutlinedSmileyState1 } from "./outlined-smiley-state-1.svg";
+export { ReactComponent as OutlinedSmileyState2 } from "./outlined-smiley-state-2.svg";
+export { ReactComponent as OutlinedSmileyState3 } from "./outlined-smiley-state-3.svg";
+export { ReactComponent as OutlinedSmileyState4 } from "./outlined-smiley-state-4.svg";
+export { ReactComponent as OutlinedSmileyState5 } from "./outlined-smiley-state-5.svg";

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

@@ -1 +1 @@
-export { SmileyMeter } from "./smiley-meter";
+export { SmileyMeter } from "./smiley-meter";

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

@@ -1,31 +1,31 @@
-import { BaseComponentProps } from "../../interfaces";
-declare type stringMap = {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-};
-export interface SmileyMeterProps extends BaseComponentProps {
-    /**
-     * diameter of the smiley meter
-     */
-    diameter?: string;
-    /**
-     * Value for the meter (out of 5)
-     */
-    value: 1 | 2 | 3 | 4 | 5;
-    /**
-     * Texts to be displayed when hovered over any smiley
-     */
-    hoverTextMap?: stringMap;
-    /**
-     * Colors for smiley corresponding to state
-     */
-    colorsMap?: stringMap;
-    /**
-     * Flag to decide if text should be displayed on hover
-     */
-    isInteractive?: boolean;
-}
-export {};
+import { BaseComponentProps } from "../../interfaces";
+declare type stringMap = {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export interface SmileyMeterProps extends BaseComponentProps {
+    /**
+     * diameter of the smiley meter
+     */
+    diameter?: string;
+    /**
+     * Value for the meter (out of 5)
+     */
+    value: 1 | 2 | 3 | 4 | 5;
+    /**
+     * Texts to be displayed when hovered over any smiley
+     */
+    hoverTextMap?: stringMap;
+    /**
+     * Colors for smiley corresponding to state
+     */
+    colorsMap?: stringMap;
+    /**
+     * Flag to decide if text should be displayed on hover
+     */
+    isInteractive?: boolean;
+}
+export {};

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

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

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

@@ -1 +1 @@
-export { ReactComponent as XIcon } from "./x-symbol.svg";
+export { ReactComponent as XIcon } from "./x-symbol.svg";

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

@@ -1,3 +1,3 @@
-import { ModalProps as Props } from "./interfaces";
-export { Modal } from "./modal";
-export declare type ModalProps = Props;
+import { ModalProps as Props } from "./interfaces";
+export { Modal } from "./modal";
+export declare type ModalProps = Props;

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

@@ -1,67 +1,67 @@
-/// <reference types="react" />
-export interface ModalProps {
-    /**
-     * The theme variant to use for the modal's styles.
-     */
-    variant?: string;
-    /**
-     * The content of the modal.
-     */
-    children?: React.ReactNode;
-    /**
-     * Background colour of the container.
-     */
-    containerBg?: string | string[];
-    /**
-     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
-     */
-    coverBg?: string | string[];
-    /**
-     * Color to fill the x-icon.
-     */
-    xIconColor?: string;
-    /**
-     * Should display the option to close the modal. True by default
-     */
-    showXIcon?: boolean;
-    /**
-     * The callback to run when the button is clicked.
-     */
-    onClickX?: (...variables: any[]) => void;
-    /**
-     * Width property of the modal.
-     */
-    width?: Array<string>;
-    /**
-     * Boolean to open up the pop up.
-     */
-    isOpen?: boolean;
-    /**
-     * Optional change to the container's borderRadius. Default value: ["5px"]
-     */
-    borderRadius?: Array<string>;
-    /**
-     * Optional change for the default padding. This padding is
-     * for the outer container, and not inside the popup itself.
-     * Default value: ["30px", "150px"],
-     */
-    outerPadding?: Array<string>;
-    /**
-     * Optional change for the default inner padding. This adds padding
-     * for the components inside the outer popup container.
-     * Default value: ["40px 20px", "50px"]
-     */
-    innerPadding?: Array<string>;
-    /**
-     * Optional ability to close the modal when clicking outside the content
-     * False by default
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * Use this prop when you don't want the modal to be centered.
-     * It's default value is 100% for all screen sizes. You could
-     * set it as ["auto", "100%"] so that in mobile devices the
-     * content is shown at the top
-     */
-    popUpHeight?: string | string[];
-}
+/// <reference types="react" />
+export interface ModalProps {
+    /**
+     * The theme variant to use for the modal's styles.
+     */
+    variant?: string;
+    /**
+     * The content of the modal.
+     */
+    children?: React.ReactNode;
+    /**
+     * Background colour of the container.
+     */
+    containerBg?: string | string[];
+    /**
+     * Custom color of the background cover. Default value: "rgba(69,104,249, 0.4)"
+     */
+    coverBg?: string | string[];
+    /**
+     * Color to fill the x-icon.
+     */
+    xIconColor?: string;
+    /**
+     * Should display the option to close the modal. True by default
+     */
+    showXIcon?: boolean;
+    /**
+     * The callback to run when the button is clicked.
+     */
+    onClickX?: (...variables: any[]) => void;
+    /**
+     * Width property of the modal.
+     */
+    width?: Array<string>;
+    /**
+     * Boolean to open up the pop up.
+     */
+    isOpen?: boolean;
+    /**
+     * Optional change to the container's borderRadius. Default value: ["5px"]
+     */
+    borderRadius?: Array<string>;
+    /**
+     * Optional change for the default padding. This padding is
+     * for the outer container, and not inside the popup itself.
+     * Default value: ["30px", "150px"],
+     */
+    outerPadding?: Array<string>;
+    /**
+     * Optional change for the default inner padding. This adds padding
+     * for the components inside the outer popup container.
+     * Default value: ["40px 20px", "50px"]
+     */
+    innerPadding?: Array<string>;
+    /**
+     * Optional ability to close the modal when clicking outside the content
+     * False by default
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Use this prop when you don't want the modal to be centered.
+     * It's default value is 100% for all screen sizes. You could
+     * set it as ["auto", "100%"] so that in mobile devices the
+     * content is shown at the top
+     */
+    popUpHeight?: string | string[];
+}

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

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

package/lib/components/modals/primary-modal/index.d.ts

@@ -1 +1 @@
-export { PrimaryModal } from "./primary-modal";
+export { PrimaryModal } from "./primary-modal";

package/lib/components/modals/primary-modal/interfaces.d.ts

@@ -1,15 +1,15 @@
-import { ModalProps } from "../modal/interfaces";
-export interface PrimaryModalProps extends ModalProps {
-    /**
-     * heading of the modal
-     */
-    heading: string;
-    /**
-     * text content of the modal
-     */
-    text: string;
-    /**
-     * Display close button
-     */
-    showXIcon?: boolean;
-}
+import { ModalProps } from "../modal/interfaces";
+export interface PrimaryModalProps extends ModalProps {
+    /**
+     * heading of the modal
+     */
+    heading: string;
+    /**
+     * text content of the modal
+     */
+    text: string;
+    /**
+     * Display close button
+     */
+    showXIcon?: boolean;
+}

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

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

package/lib/components/page-selectors/page-selector/assets/index.d.ts

@@ -1,2 +1,2 @@
-export { ReactComponent as Next } from "./next.svg";
-export { ReactComponent as Previous } from "./previous.svg";
+export { ReactComponent as Next } from "./next.svg";
+export { ReactComponent as Previous } from "./previous.svg";

package/lib/components/page-selectors/page-selector/index.d.ts

@@ -1,3 +1,3 @@
-import { PageSelectorProps as Props } from "./interfaces";
-export declare type PageSelectorProps = Props;
-export { PageSelector } from "./page-selector";
+import { PageSelectorProps as Props } from "./interfaces";
+export declare type PageSelectorProps = Props;
+export { PageSelector } from "./page-selector";