@selfdecode/sd-component-library 2.46.8 → 2.46.11

package/lib/components/buttons/button/interfaces.d.ts

@@ -1,172 +1,178 @@
-import { ReactNode } from "react";
-import { History } from "history";
-import { SxProps } from "rebass";
-import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
-import { BaseComponentProps } from "../../interfaces";
-/**
- * Defines the button component's properties. You cannot pass
- * both onClick and link props at the same time
- */
-export interface ButtonProps extends BaseComponentProps {
-    /**
-     * The location the button should point to if it is a link.
-     * You should only pass external links, not links that should
-     * be handled by React-Router
-     */
-    link?: string;
-    /**
-     * Indicates whether the url provided in the link prop can be
-     * handled by React-Router or not.
-     *
-     * Default value: true
-     */
-    isInternal?: boolean;
-    /**
-     * The location on the page the button should scroll to.
-     */
-    scrollTo?: string;
-    /**
-     * History object for react-router based navigation.
-     */
-    history?: History;
-    /**
-     * The callback to run when the button is clicked.
-     */
-    onClick?: (...variables: any[]) => void;
-    /**
-     * The callback to run when the button is hovered.
-     */
-    onHover?: (...variables: any[]) => void;
-    /**
-     * The child components for the button.
-     */
-    children?: ReactNode;
-    /**
-     * Stores if the button is disabled or not
-     */
-    disabled?: boolean;
-    /**
-     * padding for the button
-     */
-    padding?: string | string[];
-    /**
-     * The font-size css property
-     */
-    fontSize?: Array<string>;
-    /**
-     * The font-weight css property
-     */
-    fontWeight?: string;
-    /**
-     * The letter-spacing css property
-     */
-    letterSpacing?: string | string[];
-    /**
-     * The border radius for the button.
-     */
-    borderRadius?: string | string[];
-    /**
-     * The button's width
-     */
-    width?: string | string[];
-    minWidth?: string | string[];
-    maxWidth?: string | string[];
-    /**
-     * The button's height
-     */
-    height?: string | string[];
-    minHeight?: string | string[];
-    maxHeight?: string | string[];
-    /**
-     * The border style to apply to the button.
-     */
-    borderStyle?: string;
-    /**
-     * The border width to apply to the button.
-     */
-    borderWidth?: string;
-    /**
-     * The border color to apply to the button.
-     */
-    borderColor?: string;
-    /**
-     * The fill to apply to the button. This would impact the color of the SVGs used inside the button
-     */
-    fill?: string;
-    /**
-     * The color css property
-     */
-    color?: string;
-    /**
-     * The background css property
-     */
-    bg?: string;
-    /**
-     * The border style to apply to the button on hover.
-     */
-    hoverBorderStyle?: string;
-    /**
-     * The border width to apply to the button on hover.
-     */
-    hoverBorderWidth?: string;
-    /**
-     * The border color to apply to the button on hover.
-     */
-    hoverBorderColor?: string;
-    /**
-     * The fill to apply to the button. This would impact the color of the SVGs used inside the button on hover
-     */
-    hoverFill?: string;
-    /**
-     * The hover color css property
-     */
-    hoverColor?: string;
-    /**
-     * The background css property on hover
-     */
-    hoverBg?: string;
-    /**
-     * This prop is used for the main cta buttons (primary/secondary blue/orange). When true, the button will have zero border radius
-     */
-    v1?: boolean;
-    /**
-     * Possible text decoration to apply on hover
-     */
-    hoverTextDecoration?: string;
-    /**
-     * Possible weight change to apply on hover
-     */
-    hoverFontWeight?: string;
-    /**
-     * Possible text decoration
-     */
-    textDecoration?: string;
-    /**
-     * Possible text transform
-     */
-    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
-    /**
-     * The display of the button
-     */
-    display?: string | string[];
-    /**
-     * Optional transition
-     */
-    transition?: string;
-    /**
-     * Indicates if the loading animation should show
-     * instead of the button content (like when a request
-     * is in progress). False by default
-     *
-     * NOTE: When loading is true, the button is disabled
-     */
-    loading?: boolean;
-    /**
-     * Style props passed to the loadingIcon when loading is true
-     */
-    loadingIconProps?: LoadingIconProps;
-    /**
-     * Button component sx.
-     */
-    sx?: SxProps["sx"];
-}
+import { CSSProperties, ReactNode } from "react";
+import { History } from "history";
+import { SxProps } from "rebass";
+import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
+import { BaseComponentProps } from "../../interfaces";
+/**
+ * Defines the button component's properties. You cannot pass
+ * both onClick and link props at the same time
+ */
+export interface ButtonProps extends BaseComponentProps {
+    /**
+     * The location the button should point to if it is a link.
+     * You should only pass external links, not links that should
+     * be handled by React-Router
+     */
+    link?: string;
+    /**
+     * Indicates whether the url provided in the link prop can be
+     * handled by React-Router or not.
+     *
+     * Default value: true
+     */
+    isInternal?: boolean;
+    /**
+     * The location on the page the button should scroll to.
+     */
+    scrollTo?: string;
+    /**
+     * History object for react-router based navigation.
+     */
+    history?: History;
+    /**
+     * The callback to run when the button is clicked.
+     */
+    onClick?: (...variables: any[]) => void;
+    /**
+     * The callback to run when the button is hovered.
+     */
+    onHover?: (...variables: any[]) => void;
+    /**
+     * The child components for the button.
+     */
+    children?: ReactNode;
+    /**
+     * Stores if the button is disabled or not
+     */
+    disabled?: boolean;
+    /**
+     * padding for the button
+     */
+    padding?: string | string[];
+    /**
+     * The font-size css property
+     */
+    fontSize?: Array<string>;
+    /**
+     * The font-weight css property
+     */
+    fontWeight?: string;
+    /**
+     * The letter-spacing css property
+     */
+    letterSpacing?: string | string[];
+    /**
+     * The border radius for the button.
+     */
+    borderRadius?: string | string[];
+    /**
+     * The button's width
+     */
+    width?: string | string[];
+    minWidth?: string | string[];
+    maxWidth?: string | string[];
+    /**
+     * The button's height
+     */
+    height?: string | string[];
+    minHeight?: string | string[];
+    maxHeight?: string | string[];
+    /**
+     * The border style to apply to the button.
+     */
+    borderStyle?: string;
+    /**
+     * The border width to apply to the button.
+     */
+    borderWidth?: string;
+    /**
+     * The border color to apply to the button.
+     */
+    borderColor?: string;
+    /**
+     * The fill to apply to the button. This would impact the color of the SVGs used inside the button
+     */
+    fill?: string;
+    /**
+     * The color css property
+     */
+    color?: string;
+    /**
+     * The background css property
+     */
+    bg?: string;
+    /**
+     * The border style to apply to the button on hover.
+     */
+    hoverBorderStyle?: string;
+    /**
+     * The border width to apply to the button on hover.
+     */
+    hoverBorderWidth?: string;
+    /**
+     * The border color to apply to the button on hover.
+     */
+    hoverBorderColor?: string;
+    /**
+     * The fill to apply to the button. This would impact the color of the SVGs used inside the button on hover
+     */
+    hoverFill?: string;
+    /**
+     * The hover color css property
+     */
+    hoverColor?: string;
+    /**
+     * The background css property on hover
+     */
+    hoverBg?: string;
+    /**
+     * This prop is used for the main cta buttons (primary/secondary blue/orange). When true, the button will have zero border radius
+     */
+    v1?: boolean;
+    /**
+     * Possible text decoration to apply on hover
+     */
+    hoverTextDecoration?: string;
+    /**
+     * Possible weight change to apply on hover
+     */
+    hoverFontWeight?: string;
+    /**
+     * Possible text decoration
+     */
+    textDecoration?: string;
+    /**
+     * Possible text transform
+     */
+    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
+    /**
+     * The display of the button
+     */
+    display?: string | string[];
+    /**
+     * Optional transition
+     */
+    transition?: string;
+    /**
+     * Indicates if the loading animation should show
+     * instead of the button content (like when a request
+     * is in progress). False by default
+     *
+     * NOTE: When loading is true, the button is disabled
+     */
+    loading?: boolean;
+    /**
+     * Style props passed to the loadingIcon when loading is true
+     */
+    loadingIconProps?: LoadingIconProps;
+    /**
+     * Button component sx.
+     */
+    sx?: SxProps["sx"];
+    /**
+     * The cursor when the button is hovered
+     *
+     * Default value: "pointer"
+     */
+    cursor?: CSSProperties["cursor"];
+}

package/lib/components/buttons/cta/cta-button/cta-button.d.ts

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

package/lib/components/buttons/cta/cta-button/index.d.ts

@@ -1,2 +1,2 @@
-export { CtaButton } from "./cta-button";
-export type { CtaButtonProps } from "./interfaces";
+export { CtaButton } from "./cta-button";
+export type { CtaButtonProps } from "./interfaces";

package/lib/components/buttons/cta/cta-button/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../../button";
-/**
- * Additional props we want to add
- */
-export declare type CtaButtonProps = Omit<ButtonProps, "variant" | "borderStyle" | "hoverBorderStyle">;
+import { ButtonProps } from "../../button";
+/**
+ * Additional props we want to add
+ */
+export declare type CtaButtonProps = Omit<ButtonProps, "variant" | "borderStyle" | "hoverBorderStyle">;

package/lib/components/buttons/cta/next-button/assets/index.d.ts

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

package/lib/components/buttons/cta/next-button/index.d.ts

@@ -1,3 +1,3 @@
-import { NextButtonProps as Props } from "./interfaces";
-export { NextButton } from "./next-button";
-export declare type NextButtonProps = Props;
+import { NextButtonProps as Props } from "./interfaces";
+export { NextButton } from "./next-button";
+export declare type NextButtonProps = Props;

package/lib/components/buttons/cta/next-button/interfaces.d.ts

@@ -1,11 +1,11 @@
-import { PrimaryBlueButtonProps } from "../primary-blue-button";
-/**
- * Props we want from the base button.
- */
-declare type BaseButtonProps = Pick<PrimaryBlueButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml">;
-/**
- * Additional props we want to add
- */
-export interface NextButtonProps extends BaseButtonProps {
-}
-export {};
+import { PrimaryBlueButtonProps } from "../primary-blue-button";
+/**
+ * Props we want from the base button.
+ */
+declare type BaseButtonProps = Pick<PrimaryBlueButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "m" | "mt" | "mr" | "mb" | "ml">;
+/**
+ * Additional props we want to add
+ */
+export interface NextButtonProps extends BaseButtonProps {
+}
+export {};

package/lib/components/buttons/cta/next-button/next-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { NextButtonProps } from ".";
-/**
- * The next button.
- */
-export declare const NextButton: React.FunctionComponent<NextButtonProps>;
+import React from "react";
+import { NextButtonProps } from ".";
+/**
+ * The next button.
+ */
+export declare const NextButton: React.FunctionComponent<NextButtonProps>;

package/lib/components/buttons/cta/primary-blue-button/index.d.ts

@@ -1,3 +1,3 @@
-import { PrimaryBlueButtonProps as Props } from "./interfaces";
-export declare type PrimaryBlueButtonProps = Props;
-export { PrimaryBlueButton } from "./primary-blue-button";
+import { PrimaryBlueButtonProps as Props } from "./interfaces";
+export declare type PrimaryBlueButtonProps = Props;
+export { PrimaryBlueButton } from "./primary-blue-button";

package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
+import { CtaButtonProps } from "../cta-button";
+export declare type PrimaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;

package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts

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

package/lib/components/buttons/cta/primary-orange-button/index.d.ts

@@ -1,3 +1,3 @@
-import { PrimaryOrangeButtonProps as Props } from "./interfaces";
-export declare type PrimaryOrangeButtonProps = Props;
-export { PrimaryOrangeButton } from "./primary-orange-button";
+import { PrimaryOrangeButtonProps as Props } from "./interfaces";
+export declare type PrimaryOrangeButtonProps = Props;
+export { PrimaryOrangeButton } from "./primary-orange-button";

package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
+import { CtaButtonProps } from "../cta-button";
+export declare type PrimaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;

package/lib/components/buttons/cta/primary-orange-button/primary-orange-button.d.ts

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

package/lib/components/buttons/cta/primary-text-button/index.d.ts

@@ -1,3 +1,3 @@
-import { PrimaryTextButtonProps as Props } from "./interfaces";
-export declare type PrimaryTextButtonProps = Props;
-export { PrimaryTextButton } from "./primary-text-button";
+import { PrimaryTextButtonProps as Props } from "./interfaces";
+export declare type PrimaryTextButtonProps = Props;
+export { PrimaryTextButton } from "./primary-text-button";

package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryTextButtonProps = Omit<CtaButtonProps, "borderWidth" | "bg" | "hoverBg">;
+import { CtaButtonProps } from "../cta-button";
+export declare type PrimaryTextButtonProps = Omit<CtaButtonProps, "borderWidth" | "bg" | "hoverBg">;

package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts

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

package/lib/components/buttons/cta/secondary-blue-button/index.d.ts

@@ -1,3 +1,3 @@
-import { SecondaryBlueButtonProps as Props } from "./interfaces";
-export declare type SecondaryBlueButtonProps = Props;
-export { SecondaryBlueButton } from "./secondary-blue-button";
+import { SecondaryBlueButtonProps as Props } from "./interfaces";
+export declare type SecondaryBlueButtonProps = Props;
+export { SecondaryBlueButton } from "./secondary-blue-button";

package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { CtaButtonProps } from "../cta-button";
-export declare type SecondaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
+import { CtaButtonProps } from "../cta-button";
+export declare type SecondaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;

package/lib/components/buttons/cta/secondary-blue-button/secondary-blue-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SecondaryBlueButtonProps as Props } from "./interfaces";
-/**
- * The secondary button.
- */
-export declare const SecondaryBlueButton: React.FC<Props>;
+import React from "react";
+import { SecondaryBlueButtonProps as Props } from "./interfaces";
+/**
+ * The secondary button.
+ */
+export declare const SecondaryBlueButton: React.FC<Props>;

package/lib/components/buttons/cta/secondary-orange-button/index.d.ts

@@ -1,3 +1,3 @@
-import { SecondaryOrangeButtonProps as Props } from "./interfaces";
-export { SecondaryOrangeButton } from "./secondary-orange-button";
-export declare type SecondaryOrangeButtonProps = Props;
+import { SecondaryOrangeButtonProps as Props } from "./interfaces";
+export { SecondaryOrangeButton } from "./secondary-orange-button";
+export declare type SecondaryOrangeButtonProps = Props;

package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { CtaButtonProps } from "../cta-button";
-export declare type SecondaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
+import { CtaButtonProps } from "../cta-button";
+export declare type SecondaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;

package/lib/components/buttons/cta/secondary-orange-button/secondary-orange-button.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { SecondaryOrangeButtonProps as Props } from "./interfaces";
-/**
- * The secondary orange button.
- */
-export declare const SecondaryOrangeButton: React.FC<Props>;
+import React from "react";
+import { SecondaryOrangeButtonProps as Props } from "./interfaces";
+/**
+ * The secondary orange button.
+ */
+export declare const SecondaryOrangeButton: React.FC<Props>;

package/lib/components/buttons/cta/share-button/assets/index.d.ts

@@ -1 +1 @@
-export { ReactComponent as Share } from "./share.svg";
+export { ReactComponent as Share } from "./share.svg";

package/lib/components/buttons/cta/share-button/index.d.ts

@@ -1,3 +1,3 @@
-import { ShareButtonProps as Props } from "./interfaces";
-export { ShareButton } from "./share-button";
-export declare type ShareButtonProps = Props;
+import { ShareButtonProps as Props } from "./interfaces";
+export { ShareButton } from "./share-button";
+export declare type ShareButtonProps = Props;

package/lib/components/buttons/cta/share-button/interfaces.d.ts

@@ -1,23 +1,23 @@
-import { CtaButtonProps } from "../cta-button";
-/**
- * Props we want from the base button.
- */
-declare type BaseButtonProps = Pick<CtaButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "m" | "mt" | "mr" | "mb" | "ml">;
-/**
- * Additional props we want to add
- */
-export interface ShareButtonProps extends BaseButtonProps {
-    /**
-     * The share title string.
-     */
-    shareTitle: string;
-    /**
-     * The share body string.
-     */
-    shareBody?: string;
-    /**
-     * The url we want to share.
-     */
-    url: string;
-}
-export {};
+import { CtaButtonProps } from "../cta-button";
+/**
+ * Props we want from the base button.
+ */
+declare type BaseButtonProps = Pick<CtaButtonProps, "link" | "scrollTo" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "m" | "mt" | "mr" | "mb" | "ml">;
+/**
+ * Additional props we want to add
+ */
+export interface ShareButtonProps extends BaseButtonProps {
+    /**
+     * The share title string.
+     */
+    shareTitle: string;
+    /**
+     * The share body string.
+     */
+    shareBody?: string;
+    /**
+     * The url we want to share.
+     */
+    url: string;
+}
+export {};

package/lib/components/buttons/cta/share-button/share-button.d.ts

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