@selfdecode/sd-component-library 4.0.27 → 4.0.29

package/lib/components/accordions/base-accordion/accordion.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { AccordionProps } from "./interfaces";
-/**
- * Base Accordion component.
- */
-export declare const Accordion: React.FC<AccordionProps>;
+import React from "react";
+import { AccordionProps } from "./interfaces";
+/**
+ * Base Accordion component.
+ */
+export declare const Accordion: React.FC<AccordionProps>;

package/lib/components/accordions/base-accordion/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as DropdownArrowIcon } from "./dropdown_arrow_up.svg";
+export { ReactComponent as DropdownArrowIcon } from "./dropdown_arrow_up.svg";

package/lib/components/accordions/base-accordion/index.d.ts

@@ -1,2 +1,2 @@
-export type { AccordionProps } from "./interfaces";
-export { Accordion } from "./accordion";
+export type { AccordionProps } from "./interfaces";
+export { Accordion } from "./accordion";

package/lib/components/accordions/base-accordion/interfaces.d.ts

@@ -1,100 +1,100 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../../components/interfaces";
-export interface AccordionProps extends BaseComponentProps {
-    /**
-     * The button's width
-     */
-    width?: string | string[];
-    /**
-     * Text that will be shown when the accordion is closed.
-     */
-    header?: React.ReactNode;
-    /**
-     * Hidden content of the accordion. Should be wrapped inside the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Hash of the content. Accordian height will be recalculated when this hash changes.
-     */
-    contentHash?: string;
-    /**
-     * Whether to hide the title when open.
-     */
-    hideTitleOnOpen?: boolean;
-    /**
-     * Will override internal state to set as open.
-     * Dropdown arrow will be hidden.
-     */
-    forceOpen?: boolean;
-    /**
-     * Initial state of the accordion. Don'nt use if you are using accordion as a controlled component.
-     */
-    initialIsOpen?: boolean;
-    /**
-     * borderColor of wrapper.
-     */
-    borderColor?: string;
-    /**
-     * borderStyle of wrapper.
-     */
-    borderStyle?: string;
-    /**
-     * borderWidth of wrapper.
-     */
-    borderWidth?: string;
-    /**
-     * borderRadius of wrapper.
-     */
-    borderRadius?: string;
-    /**
-     * backgroundColor of wrapper.
-     */
-    backgroundColor?: string;
-    /**
-     * paddingX of wrapper.
-     */
-    px?: string | string[];
-    /**
-     * paddingY of wrapper.
-     */
-    py?: Array<string>;
-    /**
-     * padding of wrapper.
-     */
-    p?: string | string[];
-    /**
-     * Should the arrow be hidden?
-     */
-    hideArrow?: boolean;
-    /**
-     * Callback function that allows to know the inner state (isOpen)
-     * variable of the Accordion component. You should use the function
-     * returned by useState for this, as this onChange prop is used as
-     * a dependency in an useEffect call inside the Accordion component
-     */
-    onChange?: (isOpen: boolean) => void;
-    /**
-     * Dropdown arrow margins.
-     */
-    arrowMargin?: string | string[];
-    /**
-     * The value of the open/close state of the accordion, required for a controlled component.
-     */
-    isOpen?: boolean;
-    /**
-     * The callback to control open/close state of the accordion, required for a controlled component.
-     */
-    setIsOpen?: (value: React.SetStateAction<boolean>) => void;
-    /**
-     * disable CSS Flex if pdf flow.
-     */
-    isPDFflow?: boolean;
-    /**
-     * Accordion arrow color. Defaults to blue.
-     */
-    arrowColor?: string;
-    /**
-     * Accordion arrow color in the opened state.
-     */
-    openedArrowColor?: string;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../../components/interfaces";
+export interface AccordionProps extends BaseComponentProps {
+    /**
+     * The button's width
+     */
+    width?: string | string[];
+    /**
+     * Text that will be shown when the accordion is closed.
+     */
+    header?: React.ReactNode;
+    /**
+     * Hidden content of the accordion. Should be wrapped inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Hash of the content. Accordian height will be recalculated when this hash changes.
+     */
+    contentHash?: string;
+    /**
+     * Whether to hide the title when open.
+     */
+    hideTitleOnOpen?: boolean;
+    /**
+     * Will override internal state to set as open.
+     * Dropdown arrow will be hidden.
+     */
+    forceOpen?: boolean;
+    /**
+     * Initial state of the accordion. Don'nt use if you are using accordion as a controlled component.
+     */
+    initialIsOpen?: boolean;
+    /**
+     * borderColor of wrapper.
+     */
+    borderColor?: string;
+    /**
+     * borderStyle of wrapper.
+     */
+    borderStyle?: string;
+    /**
+     * borderWidth of wrapper.
+     */
+    borderWidth?: string;
+    /**
+     * borderRadius of wrapper.
+     */
+    borderRadius?: string;
+    /**
+     * backgroundColor of wrapper.
+     */
+    backgroundColor?: string;
+    /**
+     * paddingX of wrapper.
+     */
+    px?: string | string[];
+    /**
+     * paddingY of wrapper.
+     */
+    py?: Array<string>;
+    /**
+     * padding of wrapper.
+     */
+    p?: string | string[];
+    /**
+     * Should the arrow be hidden?
+     */
+    hideArrow?: boolean;
+    /**
+     * Callback function that allows to know the inner state (isOpen)
+     * variable of the Accordion component. You should use the function
+     * returned by useState for this, as this onChange prop is used as
+     * a dependency in an useEffect call inside the Accordion component
+     */
+    onChange?: (isOpen: boolean) => void;
+    /**
+     * Dropdown arrow margins.
+     */
+    arrowMargin?: string | string[];
+    /**
+     * The value of the open/close state of the accordion, required for a controlled component.
+     */
+    isOpen?: boolean;
+    /**
+     * The callback to control open/close state of the accordion, required for a controlled component.
+     */
+    setIsOpen?: (value: React.SetStateAction<boolean>) => void;
+    /**
+     * disable CSS Flex if pdf flow.
+     */
+    isPDFflow?: boolean;
+    /**
+     * Accordion arrow color. Defaults to blue.
+     */
+    arrowColor?: string;
+    /**
+     * Accordion arrow color in the opened state.
+     */
+    openedArrowColor?: string;
+}

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

@@ -1,3 +1,3 @@
-export * from "./base-accordion";
-export * from "./sublist-accordion";
-export * from "./risk-assessment-accordion";
+export * from "./base-accordion";
+export * from "./sublist-accordion";
+export * from "./risk-assessment-accordion";

package/lib/components/accordions/risk-assessment-accordion/index.d.ts

@@ -1 +1 @@
-export { RiskAssessmentAccordion } from "./risk-assessment-accordion";
+export { RiskAssessmentAccordion } from "./risk-assessment-accordion";

package/lib/components/accordions/risk-assessment-accordion/interfaces.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../../components/interfaces";
-export interface RAAccordionProps extends BaseComponentProps {
-    /**
-     * Header text of the accordion.
-     */
-    headerText: string;
-    /**
-     * Hidden content of the accordion. Should be wrapped inside the component.
-     */
-    children?: React.ReactNode;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../../components/interfaces";
+export interface RAAccordionProps extends BaseComponentProps {
+    /**
+     * Header text of the accordion.
+     */
+    headerText: string;
+    /**
+     * Hidden content of the accordion. Should be wrapped inside the component.
+     */
+    children?: React.ReactNode;
+}

package/lib/components/accordions/risk-assessment-accordion/risk-assessment-accordion.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { RAAccordionProps } from "./interfaces";
-/**
- * Accordion to be used for answers of Risk-Assessment questionnaires.
- * Only functions as an accordion at < 1280px width.
- */
-export declare const RiskAssessmentAccordion: React.FunctionComponent<RAAccordionProps>;
+import React from "react";
+import { RAAccordionProps } from "./interfaces";
+/**
+ * Accordion to be used for answers of Risk-Assessment questionnaires.
+ * Only functions as an accordion at < 1280px width.
+ */
+export declare const RiskAssessmentAccordion: React.FunctionComponent<RAAccordionProps>;

package/lib/components/accordions/sublist-accordion/index.d.ts

@@ -1,2 +1,2 @@
-export type { SublistAccordionProps } from "./interfaces";
-export { SublistAccordion } from "./sublist-accordion";
+export type { SublistAccordionProps } from "./interfaces";
+export { SublistAccordion } from "./sublist-accordion";

package/lib/components/accordions/sublist-accordion/interfaces.d.ts

@@ -1,40 +1,40 @@
-/// <reference types="react" />
-export interface SublistAccordionProps {
-    /**
-     * Text that will be shown when the accordion is closed.
-     */
-    header: React.ReactNode;
-    /**
-     * Hidden content of the accordion. Should be wrapped inside the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Height of the hidden content in pixels.
-     */
-    childrenHeight: number;
-    /**
-     * Number of entries in the accordion hidden content.
-     */
-    numberOfEntries: number;
-    /**
-     * Left margin for accordion hidden content.
-     */
-    ml?: string | string[];
-    /**
-     * Callback function that is called when accordion changes state
-     * (open/closed).
-     */
-    onChange?: (isOpen: boolean) => void;
-    /**
-     * Optional text to override the default (x entries)
-     */
-    buttonText?: string;
-    /**
-     * Initial state of the accordion.
-     */
-    initialIsOpen?: boolean;
-    /**
-     * Make the component a controlled component.
-     */
-    isOpen?: boolean;
-}
+/// <reference types="react" />
+export interface SublistAccordionProps {
+    /**
+     * Text that will be shown when the accordion is closed.
+     */
+    header: React.ReactNode;
+    /**
+     * Hidden content of the accordion. Should be wrapped inside the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Height of the hidden content in pixels.
+     */
+    childrenHeight: number;
+    /**
+     * Number of entries in the accordion hidden content.
+     */
+    numberOfEntries: number;
+    /**
+     * Left margin for accordion hidden content.
+     */
+    ml?: string | string[];
+    /**
+     * Callback function that is called when accordion changes state
+     * (open/closed).
+     */
+    onChange?: (isOpen: boolean) => void;
+    /**
+     * Optional text to override the default (x entries)
+     */
+    buttonText?: string;
+    /**
+     * Initial state of the accordion.
+     */
+    initialIsOpen?: boolean;
+    /**
+     * Make the component a controlled component.
+     */
+    isOpen?: boolean;
+}

package/lib/components/accordions/sublist-accordion/sublist-accordion.d.ts

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

package/lib/components/animations/loading-spinner/index.d.ts

@@ -1 +1 @@
-export { LoadingSpinner } from "./loading-spinner";
+export { LoadingSpinner } from "./loading-spinner";

package/lib/components/animations/loading-spinner/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { FC, SVGProps } from "react";
-export declare type LoadingSpinnerProps = Pick<SVGProps<SVGSVGElement>, "fill" | "stroke" | "width" | "height"> & {
-    icon?: FC<SVGProps<SVGSVGElement>>;
-};
+import { FC, SVGProps } from "react";
+export declare type LoadingSpinnerProps = Pick<SVGProps<SVGSVGElement>, "fill" | "stroke" | "width" | "height"> & {
+    icon?: FC<SVGProps<SVGSVGElement>>;
+};

package/lib/components/animations/loading-spinner/loading-spinner.d.ts

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

package/lib/components/animations/up-down-arrow/index.d.ts

@@ -1 +1 @@
-export { UpDownArrow } from "./up-down-arrow";
+export { UpDownArrow } from "./up-down-arrow";

package/lib/components/animations/up-down-arrow/interfaces.d.ts

@@ -1,10 +1,10 @@
-export interface UpDownArrowProps {
-    /**
-     * Is the component currently hovered and should be animating
-     */
-    isHovered: boolean;
-    /**
-     * The color of the component
-     */
-    color?: string;
-}
+export interface UpDownArrowProps {
+    /**
+     * Is the component currently hovered and should be animating
+     */
+    isHovered: boolean;
+    /**
+     * The color of the component
+     */
+    color?: string;
+}

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { UpDownArrowProps } from "./interfaces";
-export declare function UpDownArrow(props: UpDownArrowProps): JSX.Element;
+/// <reference types="react" />
+import { UpDownArrowProps } from "./interfaces";
+export declare function UpDownArrow(props: UpDownArrowProps): JSX.Element;

package/lib/components/badges/badge/badge.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { BadgeProps } from "./interfaces";
-/**
- * Base badge component. Other badges components should be built from this.
- */
-export declare const Badge: React.FunctionComponent<BadgeProps>;
+import React from "react";
+import { BadgeProps } from "./interfaces";
+/**
+ * Base badge component. Other badges components should be built from this.
+ */
+export declare const Badge: React.FunctionComponent<BadgeProps>;

package/lib/components/badges/badge/index.d.ts

@@ -1,2 +1,2 @@
-export { Badge } from "./badge";
-export type { BadgeProps } from "./interfaces";
+export { Badge } from "./badge";
+export type { BadgeProps } from "./interfaces";

package/lib/components/badges/badge/interfaces.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface BadgeProps extends BaseComponentProps {
-    /**
-     * The text of the badge.
-     */
-    children?: React.ReactNode;
-    /**
-     * The bg color
-     */
-    bg?: string;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface BadgeProps extends BaseComponentProps {
+    /**
+     * The text of the badge.
+     */
+    children?: React.ReactNode;
+    /**
+     * The bg color
+     */
+    bg?: string;
+}

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

@@ -1,4 +1,4 @@
-export * from "./badge";
-export * from "./primary-badge";
-export * from "./secondary-badge";
-export * from "./tertiary-badge";
+export * from "./badge";
+export * from "./primary-badge";
+export * from "./secondary-badge";
+export * from "./tertiary-badge";

package/lib/components/badges/primary-badge/index.d.ts

@@ -1,3 +1,3 @@
-import { PrimaryBadgeProps as Props } from "./interfaces";
-export { PrimaryBadge } from "./primary-badge";
-export declare type PrimaryBadgeProps = Props;
+import { PrimaryBadgeProps as Props } from "./interfaces";
+export { PrimaryBadge } from "./primary-badge";
+export declare type PrimaryBadgeProps = Props;

package/lib/components/badges/primary-badge/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BadgeProps as Props } from "../badge/interfaces";
-export declare type PrimaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;
+import { BadgeProps as Props } from "../badge/interfaces";
+export declare type PrimaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/badges/primary-badge/primary-badge.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PrimaryBadgeProps } from "./interfaces";
-/**
- * The primary badge.
- */
-export declare const PrimaryBadge: React.FunctionComponent<PrimaryBadgeProps>;
+import React from "react";
+import { PrimaryBadgeProps } from "./interfaces";
+/**
+ * The primary badge.
+ */
+export declare const PrimaryBadge: React.FunctionComponent<PrimaryBadgeProps>;

package/lib/components/badges/secondary-badge/index.d.ts

@@ -1,3 +1,3 @@
-import { SecondaryBadgeProps as Props } from "./interfaces";
-export { SecondaryBadge } from "./secondary-badge";
-export declare type SecondaryBadgeProps = Props;
+import { SecondaryBadgeProps as Props } from "./interfaces";
+export { SecondaryBadge } from "./secondary-badge";
+export declare type SecondaryBadgeProps = Props;

package/lib/components/badges/secondary-badge/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BadgeProps as Props } from "../badge/interfaces";
-export declare type SecondaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;
+import { BadgeProps as Props } from "../badge/interfaces";
+export declare type SecondaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/badges/secondary-badge/secondary-badge.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SecondaryBadgeProps } from "./interfaces";
-/**
- * The secondary badge.
- */
-export declare const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps>;
+import React from "react";
+import { SecondaryBadgeProps } from "./interfaces";
+/**
+ * The secondary badge.
+ */
+export declare const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps>;

package/lib/components/badges/tertiary-badge/index.d.ts

@@ -1,3 +1,3 @@
-import { TertiaryBadgeProps as Props } from "./interfaces";
-export { TertiaryBadge } from "./tertiary-badge";
-export declare type TertiaryBadgeProps = Props;
+import { TertiaryBadgeProps as Props } from "./interfaces";
+export { TertiaryBadge } from "./tertiary-badge";
+export declare type TertiaryBadgeProps = Props;

package/lib/components/badges/tertiary-badge/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BadgeProps as Props } from "../badge/interfaces";
-export declare type TertiaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;
+import { BadgeProps as Props } from "../badge/interfaces";
+export declare type TertiaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/badges/tertiary-badge/tertiary-badge.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { TertiaryBadgeProps } from "./interfaces";
-/**
- * The Tertiary badge.
- */
-export declare const TertiaryBadge: React.FunctionComponent<TertiaryBadgeProps>;
+import React from "react";
+import { TertiaryBadgeProps } from "./interfaces";
+/**
+ * The Tertiary badge.
+ */
+export declare const TertiaryBadge: React.FunctionComponent<TertiaryBadgeProps>;

package/lib/components/bicolor-badge/bicolor-badge.d.ts

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

package/lib/components/bicolor-badge/index.d.ts

@@ -1,2 +1,2 @@
-export { BicolorBadge } from "./bicolor-badge";
-export type { BicolorBadgeProps } from "./interfaces";
+export { BicolorBadge } from "./bicolor-badge";
+export type { BicolorBadgeProps } from "./interfaces";

package/lib/components/bicolor-badge/interfaces.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-export interface BicolorBadgeProps {
-    /**
-     * Color of the left section
-     */
-    leftColor?: string;
-    /**
-     * Color of the right section
-     */
-    rightColor?: string;
-    /**
-     * The JSX SVG icon
-     */
-    icon?: JSX.Element;
-    /**
-     * Text of the right section
-     */
-    text: string;
-    /**
-     * Color of the text
-     */
-    textColor?: string;
-    /**
-     * Color of the icon
-     */
-    fillColor?: string;
-}
+/// <reference types="react" />
+export interface BicolorBadgeProps {
+    /**
+     * Color of the left section
+     */
+    leftColor?: string;
+    /**
+     * Color of the right section
+     */
+    rightColor?: string;
+    /**
+     * The JSX SVG icon
+     */
+    icon?: JSX.Element;
+    /**
+     * Text of the right section
+     */
+    text: string;
+    /**
+     * Color of the text
+     */
+    textColor?: string;
+    /**
+     * Color of the icon
+     */
+    fillColor?: string;
+}