@selfdecode/sd-component-library 2.46.13 → 2.46.16

package/lib/components/inputs/search-input/presentational/interfaces.d.ts

@@ -1,58 +1,58 @@
-import { SxProps } from "rebass";
-import { PrimaryTextInputProps } from "../../primary-text-input";
-import { SearchResult } from "../partials/search-box/interfaces";
-/**
- * Defines SearchInput component's properties.
- */
-export declare type BaseInputProps = Pick<PrimaryTextInputProps, "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "focusInput" | "padding" | "textAlign" | "placeholder" | "value" | "width" | "sx" | "id">;
-export interface SearchInputProps extends BaseInputProps {
-    /**
-     * The callback for when the search button is clicked
-     */
-    onClickSearch?: (query: string | number | readonly string[] | undefined) => void;
-    /**
-     * The callback for when the x is clicked
-     */
-    onClickClose?: () => void;
-    /**
-     * Should the X be visible?
-     */
-    hideX?: boolean;
-    /**
-     * The color to be used as the fill property for the search icon
-     */
-    searchColor?: string;
-    /**
-     * The amount of px (ex. "3px") to the right that the search icon
-     * should be placed when the X icon is not visible (hideX=true)
-     */
-    searchRight?: string;
-    /**
-     * Bottom offset of the search icon.
-     */
-    searchBottom?: string;
-    /**
-     * The array of results
-     */
-    searchResults?: SearchResult[];
-    /**
-     * Whether to use react-router links.
-     */
-    useRouterLinks?: boolean;
-    /**
-     * Sx prop of the container.
-     */
-    containerSx?: SxProps["sx"];
-    /**
-     * Color of the x icon.
-     */
-    xColor?: string;
-    /**
-     * Bottom offset of x icon.
-     */
-    xBottom?: string;
-    /**
-     * Container max width.
-     */
-    maxWidth?: string | string[];
-}
+import { SxProps } from "rebass";
+import { PrimaryTextInputProps } from "../../primary-text-input";
+import { SearchResult } from "../partials/search-box/interfaces";
+/**
+ * Defines SearchInput component's properties.
+ */
+export declare type BaseInputProps = Pick<PrimaryTextInputProps, "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "focusInput" | "padding" | "textAlign" | "placeholder" | "value" | "width" | "sx" | "id">;
+export interface SearchInputProps extends BaseInputProps {
+    /**
+     * The callback for when the search button is clicked
+     */
+    onClickSearch?: (query: string | number | readonly string[] | undefined) => void;
+    /**
+     * The callback for when the x is clicked
+     */
+    onClickClose?: () => void;
+    /**
+     * Should the X be visible?
+     */
+    hideX?: boolean;
+    /**
+     * The color to be used as the fill property for the search icon
+     */
+    searchColor?: string;
+    /**
+     * The amount of px (ex. "3px") to the right that the search icon
+     * should be placed when the X icon is not visible (hideX=true)
+     */
+    searchRight?: string;
+    /**
+     * Bottom offset of the search icon.
+     */
+    searchBottom?: string;
+    /**
+     * The array of results
+     */
+    searchResults?: SearchResult[];
+    /**
+     * Whether to use react-router links.
+     */
+    useRouterLinks?: boolean;
+    /**
+     * Sx prop of the container.
+     */
+    containerSx?: SxProps["sx"];
+    /**
+     * Color of the x icon.
+     */
+    xColor?: string;
+    /**
+     * Bottom offset of x icon.
+     */
+    xBottom?: string;
+    /**
+     * Container max width.
+     */
+    maxWidth?: string | string[];
+}

package/lib/components/inputs/search-input/presentational/search-input.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SearchInputProps } from "./interfaces";
-/**
- * Search input component.
- */
-export declare function SearchInput(props: SearchInputProps): React.ReactElement<SearchInputProps>;
+import React from "react";
+import { SearchInputProps } from "./interfaces";
+/**
+ * Search input component.
+ */
+export declare function SearchInput(props: SearchInputProps): React.ReactElement<SearchInputProps>;

package/lib/components/inputs/secondary-number-input/index.d.ts

@@ -1,2 +1,2 @@
-export { SecondaryNumberInput } from "./secondary-number-input";
-export type { SecondaryNumberInputProps } from "./interfaces";
+export { SecondaryNumberInput } from "./secondary-number-input";
+export type { SecondaryNumberInputProps } from "./interfaces";

package/lib/components/inputs/secondary-number-input/interfaces.d.ts

@@ -1,16 +1,16 @@
-import { NumberInputProps } from "../number-input/interfaces";
-import { SecondaryTextInputProps } from "../secondary-text-input";
-/**
- * Defines the SecondaryNumberInput component's properties.
- */
-export interface SecondaryNumberInputProps extends NumberInputProps {
-    label?: string;
-    inputPadding?: string[];
-    labelMargin?: string[];
-    errorMessage?: string;
-    hideErrorText?: boolean;
-    /**
-     * Label shown to the right of the selectorLabel
-     */
-    secondLabel?: SecondaryTextInputProps["secondLabel"];
-}
+import { NumberInputProps } from "../number-input/interfaces";
+import { SecondaryTextInputProps } from "../secondary-text-input";
+/**
+ * Defines the SecondaryNumberInput component's properties.
+ */
+export interface SecondaryNumberInputProps extends NumberInputProps {
+    label?: string;
+    inputPadding?: string[];
+    labelMargin?: string[];
+    errorMessage?: string;
+    hideErrorText?: boolean;
+    /**
+     * Label shown to the right of the selectorLabel
+     */
+    secondLabel?: SecondaryTextInputProps["secondLabel"];
+}

package/lib/components/inputs/secondary-number-input/secondary-number-input.d.ts

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

package/lib/components/inputs/secondary-text-input/index.d.ts

@@ -1,3 +1,3 @@
-import { SecondaryTextInputProps as Props } from "./interfaces";
-export { SecondaryTextInput } from "./secondary-text-input";
-export declare type SecondaryTextInputProps = Props;
+import { SecondaryTextInputProps as Props } from "./interfaces";
+export { SecondaryTextInput } from "./secondary-text-input";
+export declare type SecondaryTextInputProps = Props;

package/lib/components/inputs/secondary-text-input/interfaces.d.ts

@@ -1,44 +1,44 @@
-import { SxProps } from "rebass";
-import { ResponsiveTextV2Props } from "../../texts/responsive-text-v2";
-import { PrimaryTextInputProps } from "../primary-text-input";
-/**
- * Defines the SecondaryTextInput component's properties.
- */
-export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx"> & {
-    /**
-     * The label for the text input
-     */
-    label?: string;
-    /**
-     * Label shown to the right of the label
-     */
-    secondLabel?: {
-        text: string;
-        /**
-         * Default value: ["3px"]
-         */
-        ml?: ResponsiveTextV2Props["ml"];
-        /**
-         * You can use negative values to show the content
-         * a little bit above the label. Default value: undefined
-         */
-        mt?: ResponsiveTextV2Props["mt"];
-        /**
-         * Default value: "#9BA2B4", "cl_grey", "grey"
-         */
-        color?: ResponsiveTextV2Props["color"];
-        /**
-         * Default value: [[10, "semi-bold"]]
-         */
-        fontSizeWeight?: ResponsiveTextV2Props["fontSizeWeight"];
-    };
-    /**
-     * Distance between the label and the input.
-     * Default value: ["0px"].
-     */
-    labelMargin?: string | string[];
-    /**
-     * Padding of the input element.
-     */
-    inputSx?: SxProps["sx"];
-};
+import { SxProps } from "rebass";
+import { ResponsiveTextV2Props } from "../../texts/responsive-text-v2";
+import { PrimaryTextInputProps } from "../primary-text-input";
+/**
+ * Defines the SecondaryTextInput component's properties.
+ */
+export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx"> & {
+    /**
+     * The label for the text input
+     */
+    label?: string;
+    /**
+     * Label shown to the right of the label
+     */
+    secondLabel?: {
+        text: string;
+        /**
+         * Default value: ["3px"]
+         */
+        ml?: ResponsiveTextV2Props["ml"];
+        /**
+         * You can use negative values to show the content
+         * a little bit above the label. Default value: undefined
+         */
+        mt?: ResponsiveTextV2Props["mt"];
+        /**
+         * Default value: "#9BA2B4", "cl_grey", "grey"
+         */
+        color?: ResponsiveTextV2Props["color"];
+        /**
+         * Default value: [[10, "semi-bold"]]
+         */
+        fontSizeWeight?: ResponsiveTextV2Props["fontSizeWeight"];
+    };
+    /**
+     * Distance between the label and the input.
+     * Default value: ["0px"].
+     */
+    labelMargin?: string | string[];
+    /**
+     * Padding of the input element.
+     */
+    inputSx?: SxProps["sx"];
+};

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/index.d.ts

@@ -1 +1 @@
-export { SecondaryInputLabels } from "./secondary-input-labels";
+export { SecondaryInputLabels } from "./secondary-input-labels";

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/interfaces.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SecondaryTextInputProps } from "../../interfaces";
-export interface SecondaryInputLabelsProps extends Pick<SecondaryTextInputProps, "label" | "secondLabel" | "labelMargin" | "errorMessage"> {
-    secondLabelTextTransform?: React.CSSProperties["textTransform"];
-}
+/// <reference types="react" />
+import { SecondaryTextInputProps } from "../../interfaces";
+export interface SecondaryInputLabelsProps extends Pick<SecondaryTextInputProps, "label" | "secondLabel" | "labelMargin" | "errorMessage"> {
+    secondLabelTextTransform?: React.CSSProperties["textTransform"];
+}

package/lib/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.d.ts

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

package/lib/components/inputs/secondary-text-input/secondary-text-input.d.ts

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

package/lib/components/inputs/text-input/index.d.ts

@@ -1,2 +1,2 @@
-export { TextInput } from "./text-input";
-export type { TextInputProps } from "./interfaces";
+export { TextInput } from "./text-input";
+export type { TextInputProps } from "./interfaces";

package/lib/components/inputs/text-input/interfaces.d.ts

@@ -1,10 +1,10 @@
-import { InputProps } from "../input";
-/**
- * Defines the TextInput component's properties.
- */
-export declare type TextInputProps = {
-    /**
-     * The label for the text input
-     */
-    label?: string;
-} & Pick<InputProps, "onChange" | "variant" | "placeholder" | "onKeyPress" | "focusInput" | "value" | "type" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "inputMode" | "onFocus" | "disabled" | "autoFocus" | "errorBackground" | "sx" | "id">;
+import { InputProps } from "../input";
+/**
+ * Defines the TextInput component's properties.
+ */
+export declare type TextInputProps = {
+    /**
+     * The label for the text input
+     */
+    label?: string;
+} & Pick<InputProps, "onChange" | "variant" | "placeholder" | "onKeyPress" | "focusInput" | "value" | "type" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "inputMode" | "onFocus" | "disabled" | "autoFocus" | "errorBackground" | "sx" | "id" | "maxLength">;

package/lib/components/inputs/text-input/text-input.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { TextInputProps as Props } from "./interfaces";
-/**
- * Base Text input component. Other text inputs should inherit from this.
- */
-export declare const TextInput: React.FC<Props>;
+import React from "react";
+import { TextInputProps as Props } from "./interfaces";
+/**
+ * Base Text input component. Other text inputs should inherit from this.
+ */
+export declare const TextInput: React.FC<Props>;

package/lib/components/interfaces.d.ts

@@ -1,32 +1,32 @@
-export interface BaseComponentProps {
-    id?: string;
-    /**
-     * The theme variant to use for the badge's styles.
-     */
-    variant?: string;
-    /**
-     * The margin property
-     */
-    m?: string | string[];
-    /**
-     * The margin property top
-     */
-    mt?: string | string[];
-    /**
-     * The margin property right
-     */
-    mr?: string | string[];
-    /**
-     * The margin property bottom
-     */
-    mb?: string | string[];
-    /**
-     * The margin property left
-     */
-    ml?: string | string[];
-    /**
-     * Z-index of the component
-     */
-    zIndex?: number | string | string[];
-}
-export declare type TransitionStages = "entering" | "entered" | "exiting" | "exited";
+export interface BaseComponentProps {
+    id?: string;
+    /**
+     * The theme variant to use for the badge's styles.
+     */
+    variant?: string;
+    /**
+     * The margin property
+     */
+    m?: string | string[];
+    /**
+     * The margin property top
+     */
+    mt?: string | string[];
+    /**
+     * The margin property right
+     */
+    mr?: string | string[];
+    /**
+     * The margin property bottom
+     */
+    mb?: string | string[];
+    /**
+     * The margin property left
+     */
+    ml?: string | string[];
+    /**
+     * Z-index of the component
+     */
+    zIndex?: number | string | string[];
+}
+export declare type TransitionStages = "entering" | "entered" | "exiting" | "exited";

package/lib/components/labels/base-label/base-label.d.ts

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

package/lib/components/labels/base-label/index.d.ts

@@ -1,3 +1,3 @@
-import { BaseLabelProps as Props } from "./interfaces";
-export declare type BaseLabelProps = Props;
-export { BaseLabel } from "./base-label";
+import { BaseLabelProps as Props } from "./interfaces";
+export declare type BaseLabelProps = Props;
+export { BaseLabel } from "./base-label";

package/lib/components/labels/base-label/interfaces.d.ts

@@ -1,18 +1,18 @@
-import { BaseComponentProps } from "../../interfaces";
-/**
- * Defines the TextInput component's properties.
- */
-export interface BaseLabelProps extends BaseComponentProps {
-    /**
-     * The label for the text input
-     */
-    label: string;
-    /**
-     * The id htmlFor should attach to
-     */
-    htmlFor?: string;
-    /**
-     * Height of the label container.
-     */
-    height?: string[];
-}
+import { BaseComponentProps } from "../../interfaces";
+/**
+ * Defines the TextInput component's properties.
+ */
+export interface BaseLabelProps extends BaseComponentProps {
+    /**
+     * The label for the text input
+     */
+    label: string;
+    /**
+     * The id htmlFor should attach to
+     */
+    htmlFor?: string;
+    /**
+     * Height of the label container.
+     */
+    height?: string[];
+}

package/lib/components/links/link/index.d.ts

@@ -1,3 +1,3 @@
-import { LinkProps as Props } from "./interfaces";
-export { Link } from "./link";
-export declare type LinkProps = Props;
+import { LinkProps as Props } from "./interfaces";
+export { Link } from "./link";
+export declare type LinkProps = Props;

package/lib/components/links/link/interfaces.d.ts

@@ -1,25 +1,25 @@
-import { LinkProps as RebassLinkProps } from "rebass";
-export interface LinkProps extends RebassLinkProps {
-    /**
-     * The text of the link
-     */
-    title: string;
-    /**
-     * The url the link should redirect to
-     */
-    href?: string;
-    /**
-     * Specifies whether link is to internal route
-     *
-     * Default value: false
-     */
-    internal?: boolean;
-    /**
-     * Color of the text in the link
-     */
-    color?: string;
-    /**
-     * Whether to block auto-translation for link content.
-     */
-    dontTranslate?: boolean;
-}
+import { LinkProps as RebassLinkProps } from "rebass";
+export interface LinkProps extends RebassLinkProps {
+    /**
+     * The text of the link
+     */
+    title: string;
+    /**
+     * The url the link should redirect to
+     */
+    href?: string;
+    /**
+     * Specifies whether link is to internal route
+     *
+     * Default value: false
+     */
+    internal?: boolean;
+    /**
+     * Color of the text in the link
+     */
+    color?: string;
+    /**
+     * Whether to block auto-translation for link content.
+     */
+    dontTranslate?: boolean;
+}

package/lib/components/links/link/link.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { LinkProps } from "./interfaces";
-/**
- * The base link.
- */
-export declare const Link: React.FC<LinkProps>;
+import React from "react";
+import { LinkProps } from "./interfaces";
+/**
+ * The base link.
+ */
+export declare const Link: React.FC<LinkProps>;

package/lib/components/links/primary-link/index.d.ts

@@ -1 +1 @@
-export { PrimaryLink } from "./primary-link";
+export { PrimaryLink } from "./primary-link";

package/lib/components/links/primary-link/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { LinkProps } from "../link";
-export declare type PrimaryLinkProps = Omit<LinkProps, "variant">;
+import { LinkProps } from "../link";
+export declare type PrimaryLinkProps = Omit<LinkProps, "variant">;

package/lib/components/links/primary-link/primary-link.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { PrimaryLinkProps as Props } from "./interfaces";
-/**
- * The primary link.
- */
-export declare const PrimaryLink: React.FC<Props>;
+import React from "react";
+import { PrimaryLinkProps as Props } from "./interfaces";
+/**
+ * The primary link.
+ */
+export declare const PrimaryLink: React.FC<Props>;

package/lib/components/lists/list/index.d.ts

@@ -1,3 +1,3 @@
-import { ListProps as Props } from "./interfaces";
-export { List } from "./list";
-export declare type ListProps = Props;
+import { ListProps as Props } from "./interfaces";
+export { List } from "./list";
+export declare type ListProps = Props;

package/lib/components/lists/list/interfaces.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { BaseComponentProps } from "../../interfaces";
-export interface ListProps extends BaseComponentProps {
-    /**
-     * The list items
-     */
-    children?: React.ReactNode;
-}
+/// <reference types="react" />
+import { BaseComponentProps } from "../../interfaces";
+export interface ListProps extends BaseComponentProps {
+    /**
+     * The list items
+     */
+    children?: React.ReactNode;
+}

package/lib/components/lists/list/list.d.ts

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

package/lib/components/lists/primary-list/index.d.ts

@@ -1,3 +1,3 @@
-import { PrimaryListProps as Props } from "./interfaces";
-export { PrimaryList } from "./primary-list";
-export declare type PrimaryListProps = Props;
+import { PrimaryListProps as Props } from "./interfaces";
+export { PrimaryList } from "./primary-list";
+export declare type PrimaryListProps = Props;

package/lib/components/lists/primary-list/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { ListProps } from "../list";
-export declare type PrimaryListProps = Pick<ListProps, "children" | "m" | "mt" | "mr" | "mb" | "ml">;
+import { ListProps } from "../list";
+export declare type PrimaryListProps = Pick<ListProps, "children" | "m" | "mt" | "mr" | "mb" | "ml">;

package/lib/components/lists/primary-list/primary-list.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { ListProps } from "../list";
-/**
- * Primary list component.
- */
-export declare const PrimaryList: React.FunctionComponent<ListProps>;
+import React from "react";
+import { ListProps } from "../list";
+/**
+ * Primary list component.
+ */
+export declare const PrimaryList: React.FunctionComponent<ListProps>;