@selfdecode/sd-component-library 2.43.1 → 2.43.5

package/lib/components/containers/max-width-container/interfaces.d.ts

@@ -1,29 +1,29 @@
-/// <reference types="react" />
-import { SxProps } from "rebass";
-import { BaseComponentProps } from "../../interfaces";
-export interface MaxWidthContainerProps extends BaseComponentProps {
-    /**
-     * The sx props we'll use to render the sides of our content
-     */
-    bgSx?: SxProps["sx"];
-    /**
-     * Sx prop of the inner content container.
-     */
-    innerSx?: SxProps["sx"];
-    /**
-     * The content
-     */
-    children: React.ReactNode;
-    /**
-     * The maximum with for the content, id not the default
-     */
-    maxWidth?: Array<string>;
-    /**
-     * Optional paddingX property
-     */
-    paddingX?: Array<string>;
-    /**
-     * Optional paddingY property
-     */
-    paddingY?: Array<string>;
-}
+/// <reference types="react" />
+import { SxProps } from "rebass";
+import { BaseComponentProps } from "../../interfaces";
+export interface MaxWidthContainerProps extends BaseComponentProps {
+    /**
+     * The sx props we'll use to render the sides of our content
+     */
+    bgSx?: SxProps["sx"];
+    /**
+     * Sx prop of the inner content container.
+     */
+    innerSx?: SxProps["sx"];
+    /**
+     * The content
+     */
+    children: React.ReactNode;
+    /**
+     * The maximum with for the content, id not the default
+     */
+    maxWidth?: Array<string>;
+    /**
+     * Optional paddingX property
+     */
+    paddingX?: Array<string>;
+    /**
+     * Optional paddingY property
+     */
+    paddingY?: Array<string>;
+}

package/lib/components/containers/max-width-container/max-width-container.d.ts

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

package/lib/components/containers/responsive-containers/responsive-container-t1/index.d.ts

@@ -1 +1 @@
-export { ResponsiveGridContainerT1 } from "./responsive-grid-container-t1";
+export { ResponsiveGridContainerT1 } from "./responsive-grid-container-t1";

package/lib/components/containers/responsive-containers/responsive-container-t1/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
-export declare type ResponsiveGridContainerT1Props = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
+export declare type ResponsiveGridContainerT1Props = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/responsive-containers/responsive-container-t1/responsive-grid-container-t1.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { ResponsiveGridContainerT1Props } from "./interfaces";
-/**
- * Responsive Grid Container (type 1) component
- *
- * In desktop screens, it displays 2 columns: 1fr max-content
- * In mobile screens, it displays 1 column
- */
-export declare const ResponsiveGridContainerT1: React.FC<ResponsiveGridContainerT1Props>;
+import React from "react";
+import { ResponsiveGridContainerT1Props } from "./interfaces";
+/**
+ * Responsive Grid Container (type 1) component
+ *
+ * In desktop screens, it displays 2 columns: 1fr max-content
+ * In mobile screens, it displays 1 column
+ */
+export declare const ResponsiveGridContainerT1: React.FC<ResponsiveGridContainerT1Props>;

package/lib/components/containers/responsive-containers/responsive-container-t2/index.d.ts

@@ -1 +1 @@
-export { ResponsiveGridContainerT2 } from "./responsive-grid-container-t2";
+export { ResponsiveGridContainerT2 } from "./responsive-grid-container-t2";

package/lib/components/containers/responsive-containers/responsive-container-t2/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
-export declare type ResponsiveGridContainerT2Props = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { BaseGridContainerProps } from "../../grid-containers/base-grid-container";
+export declare type ResponsiveGridContainerT2Props = Pick<BaseGridContainerProps, "gridTemplateRows" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "children" | "gap" | "p" | "width" | "height" | "borderWidth" | "borderColor" | "borderStyle" | "borderRadius" | "bg" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/containers/responsive-containers/responsive-container-t2/responsive-grid-container-t2.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { ResponsiveGridContainerT2Props } from "./interfaces";
-/**
- * Responsive Grid Container (type 1) component
- *
- * In desktop screens, it displays 2 columns: max-content 1fr max-content
- * In mobile screens, it displays 1 column
- */
-export declare const ResponsiveGridContainerT2: React.FC<ResponsiveGridContainerT2Props>;
+import React from "react";
+import { ResponsiveGridContainerT2Props } from "./interfaces";
+/**
+ * Responsive Grid Container (type 1) component
+ *
+ * In desktop screens, it displays 2 columns: max-content 1fr max-content
+ * In mobile screens, it displays 1 column
+ */
+export declare const ResponsiveGridContainerT2: React.FC<ResponsiveGridContainerT2Props>;

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

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

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

@@ -1,44 +1,44 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface SectionContainerProps extends BaseComponentProps {
-    /**
-     * The children of the section. The content
-     */
-    children?: React.ReactNode;
-    /**
-     * The title of the section
-     */
-    title: string;
-    /**
-     * Used for displaying content (like a short information
-     * or notification) to the right of the title in desktop
-     * devices, and below the title in mobile devices .
-     */
-    label?: React.ReactNode;
-    /**
-     * Used for displaying some action buttons. It is render
-     * to the right of the section title, only on mobile devices
-     * (otherwise it would overlap with the label prop)
-     */
-    actionSection?: React.ReactNode;
-    /**
-     * Text transformation for the title.
-     */
-    titleTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
-    /**
-     * Should the title be responsive
-     */
-    isTitleResponsive?: boolean;
-    /**
-     * Margin between the divider and the title. Default value: ["12px"]
-     */
-    dividerMarginTop?: string[];
-    /**
-     * Margin between the divider and the content (props.children). Default value: ["20px"]
-     */
-    dividerMarginBottom?: string[];
-    /**
-     * Title id.
-     */
-    titleId?: string;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface SectionContainerProps extends BaseComponentProps {
+    /**
+     * The children of the section. The content
+     */
+    children?: React.ReactNode;
+    /**
+     * The title of the section
+     */
+    title: string | React.ReactNode;
+    /**
+     * Used for displaying content (like a short information
+     * or notification) to the right of the title in desktop
+     * devices, and below the title in mobile devices .
+     */
+    label?: React.ReactNode;
+    /**
+     * Used for displaying some action buttons. It is render
+     * to the right of the section title, only on mobile devices
+     * (otherwise it would overlap with the label prop)
+     */
+    actionSection?: React.ReactNode;
+    /**
+     * Text transformation for the title.
+     */
+    titleTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
+    /**
+     * Should the title be responsive
+     */
+    isTitleResponsive?: boolean;
+    /**
+     * Margin between the divider and the title. Default value: ["12px"]
+     */
+    dividerMarginTop?: string[];
+    /**
+     * Margin between the divider and the content (props.children). Default value: ["20px"]
+     */
+    dividerMarginBottom?: string[];
+    /**
+     * Title id.
+     */
+    titleId?: string;
+}

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

@@ -1,11 +1,12 @@
-import { SectionContainerProps } from "./interfaces";
-/**
- * The SectionContainer has responsive behavior
- *
- * On mobile screen sizes, the label prop is shown
- * below the section title.
- * On tablet and desktop screen sizes, the label props
- * is show at the far most right of the section title-
- * @param props
- */
-export declare const SectionContainer: (props: SectionContainerProps) => JSX.Element;
+/// <reference types="react" />
+import { SectionContainerProps } from "./interfaces";
+/**
+ * The SectionContainer has responsive behavior
+ *
+ * On mobile screen sizes, the label prop is shown
+ * below the section title.
+ * On tablet and desktop screen sizes, the label props
+ * is show at the far most right of the section title-
+ * @param props
+ */
+export declare const SectionContainer: (props: SectionContainerProps) => JSX.Element;

package/lib/components/custom-scrollbar-box/custom-scrollbar-box.d.ts

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

package/lib/components/custom-scrollbar-box/index.d.ts

@@ -1,3 +1,3 @@
-import { CustomScrollbarBoxProps as Props } from "./interfaces";
-export { CustomScrollbarBox } from "./custom-scrollbar-box";
-export declare type CustomScrollbarBoxProps = Props;
+import { CustomScrollbarBoxProps as Props } from "./interfaces";
+export { CustomScrollbarBox } from "./custom-scrollbar-box";
+export declare type CustomScrollbarBoxProps = Props;

package/lib/components/custom-scrollbar-box/interfaces.d.ts

@@ -1,35 +1,35 @@
-import React from "react";
-export interface CustomScrollbarBoxProps {
-    /**
-     * Content inside the scroll box
-     */
-    children?: React.ReactNode;
-    /**
-     * Background color for the box
-     */
-    bg?: string;
-    /**
-     * Height of the box
-     */
-    height: Array<string>;
-    /**
-     * Width of the box
-     */
-    width: Array<string>;
-    /**
-     * Color of the background of the scrollbar
-     */
-    scrollbarTrackColor?: string;
-    /**
-     * Color of the thumb of the scrollbar
-     */
-    scrollbarThumbColor?: string;
-    /**
-     * The width of the scrollbar
-     */
-    scrollbarWidth?: string;
-    /**
-     * Padding around the content
-     */
-    p?: Array<string>;
-}
+import React from "react";
+export interface CustomScrollbarBoxProps {
+    /**
+     * Content inside the scroll box
+     */
+    children?: React.ReactNode;
+    /**
+     * Background color for the box
+     */
+    bg?: string;
+    /**
+     * Height of the box
+     */
+    height: Array<string>;
+    /**
+     * Width of the box
+     */
+    width: Array<string>;
+    /**
+     * Color of the background of the scrollbar
+     */
+    scrollbarTrackColor?: string;
+    /**
+     * Color of the thumb of the scrollbar
+     */
+    scrollbarThumbColor?: string;
+    /**
+     * The width of the scrollbar
+     */
+    scrollbarWidth?: string;
+    /**
+     * Padding around the content
+     */
+    p?: Array<string>;
+}

package/lib/components/dividers/divider/divider.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { DividerProps } from "./interfaces";
-/**
- * Base divider component. Other divider components should be built from this.
- */
-export declare function Divider(props: DividerProps): React.ReactElement<DividerProps>;
+import React from "react";
+import { DividerProps } from "./interfaces";
+/**
+ * Base divider component. Other divider components should be built from this.
+ */
+export declare function Divider(props: DividerProps): React.ReactElement<DividerProps>;

package/lib/components/dividers/divider/index.d.ts

@@ -1,3 +1,3 @@
-import { DividerProps as Props } from "./interfaces";
-export { Divider } from "./divider";
-export declare type DividerProps = Props;
+import { DividerProps as Props } from "./interfaces";
+export { Divider } from "./divider";
+export declare type DividerProps = Props;

package/lib/components/dividers/divider/interfaces.d.ts

@@ -1,19 +1,19 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface DividerProps extends BaseComponentProps {
-    /**
-     * The divider's width
-     */
-    width?: Array<string>;
-    /**
-     * The divider's height
-     */
-    height?: Array<string>;
-    /**
-     * The color of the divider
-     */
-    color?: string;
-    /**
-     * The opacity of the divider
-     */
-    opacity?: string;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface DividerProps extends BaseComponentProps {
+    /**
+     * The divider's width
+     */
+    width?: Array<string>;
+    /**
+     * The divider's height
+     */
+    height?: Array<string>;
+    /**
+     * The color of the divider
+     */
+    color?: string;
+    /**
+     * The opacity of the divider
+     */
+    opacity?: string;
+}

package/lib/components/dividers/horizontal-divider/horizontal-divider.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { HorizontalDividerProps } from "./interfaces";
-/**
- * Horizontal divider component.
- */
-export declare function HorizontalDivider(props: HorizontalDividerProps): React.ReactElement<HorizontalDividerProps>;
+import React from "react";
+import { HorizontalDividerProps } from "./interfaces";
+/**
+ * Horizontal divider component.
+ */
+export declare function HorizontalDivider(props: HorizontalDividerProps): React.ReactElement<HorizontalDividerProps>;

package/lib/components/dividers/horizontal-divider/index.d.ts

@@ -1 +1 @@
-export { HorizontalDivider } from "./horizontal-divider";
+export { HorizontalDivider } from "./horizontal-divider";

package/lib/components/dividers/horizontal-divider/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { DividerProps } from "../divider";
-export declare type HorizontalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml" | "opacity">;
+import { DividerProps } from "../divider";
+export declare type HorizontalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml" | "opacity">;

package/lib/components/dividers/vertical-divider/index.d.ts

@@ -1 +1 @@
-export { VerticalDivider } from "./vertical-divider";
+export { VerticalDivider } from "./vertical-divider";

package/lib/components/dividers/vertical-divider/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { DividerProps } from "../divider";
-export declare type VerticalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { DividerProps } from "../divider";
+export declare type VerticalDividerProps = Pick<DividerProps, "height" | "width" | "color" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/dividers/vertical-divider/vertical-divider.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { VerticalDividerProps } from "./interfaces";
-/**
- * Vertical divider component.
- */
-export declare function VerticalDivider(props: VerticalDividerProps): React.ReactElement<VerticalDividerProps>;
+import React from "react";
+import { VerticalDividerProps } from "./interfaces";
+/**
+ * Vertical divider component.
+ */
+export declare function VerticalDivider(props: VerticalDividerProps): React.ReactElement<VerticalDividerProps>;

package/lib/components/dropdowns/dropdown/dropdown-placholder/dropdown-placholder.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { DropdownPlaceholderProps } from "./interfaces";
-/**
- * The placholder for the dropdown component.
- */
-export declare const DropdownPlaceholder: (props: DropdownPlaceholderProps) => React.ReactElement<DropdownPlaceholderProps>;
+import React from "react";
+import { DropdownPlaceholderProps } from "./interfaces";
+/**
+ * The placholder for the dropdown component.
+ */
+export declare const DropdownPlaceholder: (props: DropdownPlaceholderProps) => React.ReactElement<DropdownPlaceholderProps>;

package/lib/components/dropdowns/dropdown/dropdown-placholder/index.d.ts

@@ -1 +1 @@
-export { DropdownPlaceholder } from "./dropdown-placholder";
+export { DropdownPlaceholder } from "./dropdown-placholder";

package/lib/components/dropdowns/dropdown/dropdown-placholder/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { DropdownProps } from "../interfaces";
-export declare type DropdownPlaceholderProps = Pick<DropdownProps, "placeholder" | "hideArrow">;
+import { DropdownProps } from "../interfaces";
+export declare type DropdownPlaceholderProps = Pick<DropdownProps, "placeholder" | "hideArrow">;

package/lib/components/dropdowns/dropdown/dropdown.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { DropdownProps } from "./interfaces";
-/**
- * Base link component. Other button components should be built from this.
- */
-export declare function Dropdown(props: DropdownProps): React.ReactElement<DropdownProps>;
+import React from "react";
+import { DropdownProps } from "./interfaces";
+/**
+ * Base link component. Other button components should be built from this.
+ */
+export declare function Dropdown(props: DropdownProps): React.ReactElement<DropdownProps>;

package/lib/components/dropdowns/dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import { DropdownProps as Props } from "./interfaces";
-export { Dropdown } from "./dropdown";
-export { Position } from "./interfaces";
-export declare type DropdownProps = Props;
+import { DropdownProps as Props } from "./interfaces";
+export { Dropdown } from "./dropdown";
+export { Position } from "./interfaces";
+export declare type DropdownProps = Props;

package/lib/components/dropdowns/dropdown/interfaces.d.ts

@@ -1,38 +1,38 @@
-import { BaseComponentProps } from "../../interfaces";
-export declare enum Position {
-    BottomLeft = "bottom_left",
-    BottomRight = "bottom_right",
-    TopLeft = "top_left",
-    TopRight = "top_right"
-}
-export interface DropdownItemProps {
-    /**
-     * The link title.
-     */
-    title: string;
-    /**
-     * The link url.
-     */
-    href?: string;
-}
-/**
- * Defines the dropdown component's properties.
- */
-export interface DropdownProps extends BaseComponentProps {
-    /**
-     * List of the links.
-     */
-    links: DropdownItemProps[];
-    /**
-     * The dropdown position.
-     */
-    position?: Position;
-    /**
-     * The dropdown arrow visibility.
-     */
-    hideArrow?: boolean;
-    /**
-     * The placeholder text for he dropdown.
-     */
-    placeholder?: string;
-}
+import { BaseComponentProps } from "../../interfaces";
+export declare enum Position {
+    BottomLeft = "bottom_left",
+    BottomRight = "bottom_right",
+    TopLeft = "top_left",
+    TopRight = "top_right"
+}
+export interface DropdownItemProps {
+    /**
+     * The link title.
+     */
+    title: string;
+    /**
+     * The link url.
+     */
+    href?: string;
+}
+/**
+ * Defines the dropdown component's properties.
+ */
+export interface DropdownProps extends BaseComponentProps {
+    /**
+     * List of the links.
+     */
+    links: DropdownItemProps[];
+    /**
+     * The dropdown position.
+     */
+    position?: Position;
+    /**
+     * The dropdown arrow visibility.
+     */
+    hideArrow?: boolean;
+    /**
+     * The placeholder text for he dropdown.
+     */
+    placeholder?: string;
+}

package/lib/components/dropdowns/primary-dropdown/index.d.ts

@@ -1 +1 @@
-export { PrimaryDropdown } from "./primary-dropdown";
+export { PrimaryDropdown } from "./primary-dropdown";

package/lib/components/dropdowns/primary-dropdown/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { DropdownProps } from "../dropdown";
-export declare type PrimaryDropdownProps = DropdownProps;
+import { DropdownProps } from "../dropdown";
+export declare type PrimaryDropdownProps = DropdownProps;

package/lib/components/dropdowns/primary-dropdown/primary-dropdown.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PrimaryDropdownProps } from "./interfaces";
-/**
- * The primary dropdown.
- */
-export declare function PrimaryDropdown(props: PrimaryDropdownProps): React.ReactElement<PrimaryDropdownProps>;
+import React from "react";
+import { PrimaryDropdownProps } from "./interfaces";
+/**
+ * The primary dropdown.
+ */
+export declare function PrimaryDropdown(props: PrimaryDropdownProps): React.ReactElement<PrimaryDropdownProps>;

package/lib/components/feature-explanation/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as DropdownArrow } from "./dropdown-arrow.svg";
+export { ReactComponent as DropdownArrow } from "./dropdown-arrow.svg";

package/lib/components/feature-explanation/feature-explanation.d.ts

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

package/lib/components/feature-explanation/index.d.ts

@@ -1 +1 @@
-export { FeatureExplanation } from "./feature-explanation";
+export { FeatureExplanation } from "./feature-explanation";