@sendoutcards/quantum-design-ui 2.0.0-alpha.3 → 2.0.0-alpha.5

package/dist/hooks/useEntities.d.ts

@@ -1,504 +0,0 @@
-export declare const useEntities: () => {
-    mediaQueries: {
-        queries: {
-            xSmall: string;
-            small: string;
-            medium: string;
-            large: string;
-            xLarge: string;
-        };
-        rawValues: {
-            xSmall: number;
-            small: number;
-            medium: number;
-            large: number;
-            xLarge: number;
-        };
-    };
-    hocs: {
-        colors: {
-            swatches: {
-                primaryBrand: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                secondaryBrand: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                success: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                danger: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                warning: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                accent: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                grayScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
-                blueScale: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-                purpleScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
-            };
-            background: string;
-            foreground: string;
-        };
-        textColors: {
-            primaryBrand: string;
-            secondaryBrand: string;
-            primaryHeading: string | undefined;
-            primaryBody: string;
-            inverseHeading: string;
-            inverseBody: string;
-            accent: string;
-            success: string;
-            warning: string;
-            danger: string;
-            anchorBlue: string;
-        };
-        spacing: {
-            x0: string;
-            x_25: string;
-            x_5: string;
-            x_75: string;
-            x1: string;
-            x1_5: string;
-            x2: string;
-            x2_5: string;
-            x3: string;
-            x4: string;
-            x5: string;
-            x6: string;
-            x7: string;
-            x8: string;
-            x9: string;
-        };
-        borderRadius: {
-            none: string;
-            small: string;
-            medium: string;
-            default: string;
-            large: string;
-            circle: string;
-        };
-        shadows: {
-            light: string;
-            mediumLight: string;
-            mediumDark: string;
-            dark: string;
-            generate: (shadow: ("dark" | "mediumDark" | "mediumLight" | "light" | "xLight") | number[], color?: string, reverseOffset?: boolean) => string;
-        };
-        borders: {
-            thin: string;
-            default: string;
-            bold: string;
-        };
-    };
-    text: {
-        imports: {
-            body: string;
-            heading: string;
-        };
-        families: {
-            body: string;
-            heading: string;
-        };
-        types: {
-            heroTitle: {
-                color: string | undefined;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            title: {
-                color: string | undefined;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            subtitle: {
-                color: string | undefined;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            largeBody: {
-                color: string;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            body: {
-                color: string;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            caption: {
-                color: string;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-            footnote: {
-                color: string;
-                size: string;
-                fontWeight: number;
-                lineHeight: string;
-                fontFamily: string;
-            };
-        };
-        colors: {
-            primaryBrand: string;
-            secondaryBrand: string;
-            primaryHeading: string | undefined;
-            primaryBody: string;
-            inverseHeading: string;
-            inverseBody: string;
-            accent: string;
-            success: string;
-            warning: string;
-            danger: string;
-            anchorBlue: string;
-        };
-        weights: {
-            thin: number;
-            regular: number;
-            semiBold: number;
-            bold: number;
-            extraBold: number;
-        };
-    };
-    spacing: {
-        x0: string;
-        x_25: string;
-        x_5: string;
-        x_75: string;
-        x1: string;
-        x1_5: string;
-        x2: string;
-        x2_5: string;
-        x3: string;
-        x4: string;
-        x5: string;
-        x6: string;
-        x7: string;
-        x8: string;
-        x9: string;
-    };
-    buttons: {
-        primary: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        secondary: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        warning: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        success: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        danger: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        shadow: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        accent: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        smoke: {
-            backgroundColor: string;
-            fontColor: string;
-            fontFamily: string;
-        };
-        boxShadow: (shadow: ("dark" | "mediumDark" | "mediumLight" | "light" | "xLight") | number[], color?: string, reverseOffset?: boolean) => string;
-        borderSize: string;
-        outlinedBackgroundColor: string;
-        fontWeight: number;
-        sizes: {
-            xSmall: {
-                inset: string;
-                outlinedInset: {
-                    vertical: string;
-                    horizontal: string;
-                };
-                fontSize: string;
-                borderRadius: string;
-            };
-            small: {
-                inset: string;
-                outlinedInset: {
-                    vertical: string;
-                    horizontal: string;
-                };
-                fontSize: string;
-                borderRadius: string;
-            };
-            medium: {
-                inset: string;
-                outlinedInset: {
-                    vertical: string;
-                    horizontal: string;
-                };
-                fontSize: string;
-                borderRadius: string;
-            };
-            large: {
-                inset: string;
-                outlinedInset: {
-                    vertical: string;
-                    horizontal: string;
-                };
-                fontSize: string;
-                borderRadius: string;
-            };
-            xLarge: {
-                inset: string;
-                outlinedInset: {
-                    vertical: string;
-                    horizontal: string;
-                };
-                fontSize: string;
-                borderRadius: string;
-            };
-        };
-    };
-    inputs: {
-        checkbox: {
-            border: string;
-            borderRadius: string;
-            unCheckedBackgroundColor: string | undefined;
-            checkmarkColor: string;
-            labelColor: string;
-        };
-        text: {
-            borderRadius: string;
-            labelColor: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
-            placeholderColor: string;
-            labelFontSize: string;
-            textFontSize: string;
-            borderWidth: string;
-            defaultFocusColor: string;
-        };
-        select: {
-            dropDownShadow: string;
-            dropDownBackgroundColor: string;
-            boxShadow: string;
-            borderRadius: string;
-        };
-        number: {
-            backgroundColor: string | undefined;
-            fontColor: string;
-            fontSize: string;
-            borderRadius: string;
-        };
-        backgroundColor: string;
-        fontSize: string;
-        fontColor: string;
-        fontFamily: string;
-        colors: {
-            primary: string;
-            secondary: string;
-            success: string;
-            warning: string;
-            danger: string;
-            accent: string;
-            dark: string;
-            blue: string;
-        };
-    };
-    icons: {
-        sizes: {
-            xSmall: number;
-            small: number;
-            medium: number;
-            large: number;
-            xLarge: number;
-        };
-        colors: {
-            default: string | undefined;
-            primaryBodyText: string;
-            primaryHeadingText: string | undefined;
-            inverseBodyText: string;
-            inverseHeadingText: string;
-            primaryBrand: string;
-            secondaryBrand: string;
-            warning: string;
-            danger: string;
-            success: string;
-            background: string;
-            accent: string;
-        };
-    };
-    card: {
-        backgroundColor: string;
-        borderRadius: string;
-        boxShadow: string;
-        defaultInset: string;
-    };
-    separator: {
-        border: string;
-        color: string | undefined;
-    };
-    loadingSpinner: {
-        size: {
-            xSmall: number;
-            small: number;
-            medium: number;
-            large: number;
-            xLarge: number;
-        };
-        colors: {
-            primary: string;
-            secondary: string;
-            success: string;
-            warning: string;
-            danger: string;
-        };
-    };
-    animatedCheckmark: {
-        sizeMap: {
-            xSmall: number;
-            small: number;
-            medium: number;
-            large: number;
-            xLarge: number;
-        };
-        colors: {
-            primary: string;
-            secondary: string;
-            success: string;
-            accent: string;
-        };
-        strokeWidth: {
-            small: number;
-            default: number;
-            large: number;
-        };
-        borderRadius: string;
-        checkmarkFilledColor: string;
-    };
-    avatar: {
-        borderWidth: string;
-        borderColor: string | undefined;
-        borderRadius: string;
-        boxShadow: string;
-        backgroundColor: string;
-        bubbleBackgroundColors: {
-            isActive: string;
-            default: string | undefined;
-        };
-        defaultBackgroundColors: {
-            primary: string;
-            secondary: string;
-            success: string;
-            accent: string;
-            warning: string;
-            danger: string;
-        };
-        sizes: {
-            xSmall: {
-                avatarSize: number;
-                bubbleLeftPosition: number;
-                bubbleSize: number;
-            };
-            small: {
-                avatarSize: number;
-                bubbleLeftPosition: number;
-                bubbleSize: number;
-            };
-            medium: {
-                avatarSize: number;
-                bubbleLeftPosition: number;
-                bubbleSize: number;
-            };
-            large: {
-                avatarSize: number;
-                bubbleLeftPosition: number;
-                bubbleSize: number;
-            };
-            xLarge: {
-                avatarSize: number;
-                bubbleLeftPosition: number;
-                bubbleSize: number;
-            };
-        };
-    };
-    dialog: {
-        backgroundColor: string;
-        boxShadow: string;
-        defaultInset: string;
-    };
-    drawer: {
-        backgroundColor: string;
-        borderRadius: string;
-        boxShadow: string;
-        bottomDirectionShadow: string;
-        hoverBoxShadow: string;
-        hoverBottomDirectionShadow: string;
-        defaultInset: string;
-        tab: {
-            dark: {
-                backgroundColor: string | undefined;
-                arrowColor: string;
-            };
-            light: {
-                backgroundColor: string;
-                arrowColor: string | undefined;
-            };
-        };
-    };
-    sheet: {
-        mobileBorderRadius: string;
-        desktopBorderRadius: string;
-        backgroundColor: string;
-        boxShadow: string;
-    };
-    slider: {
-        backgroundColor: string;
-        borderRadius: string;
-        handleRadius: string;
-        handleColor: string;
-        handleShadow: string;
-    };
-    navigation: {
-        backgroundColor: string;
-        border: string;
-        borderColor: string | undefined;
-    };
-    toggle: {
-        isActiveColor: string;
-        isNotActiveColor: string | undefined;
-    };
-    tooltip: {
-        lightBackgroundColor: string;
-        darkBackgroundColor: string | undefined;
-        boxShadow: string;
-        borderColor: string;
-    };
-    colorPicker: {
-        backgroundColor: string;
-        borderColor: string;
-        boxShadow: string;
-        borderRadius: string;
-    };
-    sphere: import("../theme/types").Sphere;
-    widget: import("../theme/types").Widget;
-    colorOption: {
-        defaults: {
-            circleFill: string;
-            innerRing: string;
-            outerRing: string;
-        };
-    };
-};

package/dist/hooks/useEvent.d.ts

@@ -1 +0,0 @@
-export declare const useEvent: (event: string, handler: () => void) => void;

package/dist/hooks/useGenerateStyles.d.ts

@@ -1,3 +0,0 @@
-import { HOCBaseProps } from 'src/helpers/hoc-types/hocBasePropTypes';
-import { Entities } from 'src/theme/theming/entities';
-export declare const useGenerateStyles: (props: HOCBaseProps, entities: Entities) => string;

package/dist/hooks/useInnerHeight.d.ts

@@ -1 +0,0 @@
-export declare const useInnerHeight: () => number;

package/dist/hooks/useInnerWidth.d.ts

@@ -1 +0,0 @@
-export declare const useInnerWidth: () => number;

package/dist/hooks/useLinearGradient.d.ts

@@ -1,5 +0,0 @@
-import { ColorStop } from 'src/types/global';
-import { LiteralUnion, HOCSwatchColorKeys } from 'src/helpers/hoc-types/entityValueTypes';
-type LinearColorStop = number | LiteralUnion<HOCSwatchColorKeys> | ColorStop;
-export declare const useLinearGradient: (angle: number, colors: LinearColorStop[]) => string;
-export {};

package/dist/hooks/useLongPress.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const useLongPress: (onLongPress: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onLongPressEnd: (event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>) => void, onClick: () => void, { isPreventDefault, delay }?: {
-    isPreventDefault?: boolean | undefined;
-    delay?: number | undefined;
-}) => {
-    onMouseDown: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onTouchStart: (e: React.TouchEvent<HTMLInputElement>) => void;
-    onMouseUp: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onMouseLeave: (e: React.MouseEvent<HTMLInputElement>) => void;
-    onTouchEnd: (e: React.TouchEvent<HTMLInputElement>) => void;
-};

package/dist/hooks/useOutsideClick.d.ts

@@ -1 +0,0 @@
-export declare const useOutsideClick: (ref: any, handler: (event: any) => void, targetIdBypass?: string) => void;

package/dist/hooks/usePrevious.d.ts

@@ -1 +0,0 @@
-export declare function usePrevious<T>(value: T): T;

package/dist/hooks/useProgressiveImage.d.ts

@@ -1 +0,0 @@
-export declare const useProgressiveImage: (src: string) => string | null;

package/dist/hooks/useRadialGradient.d.ts

@@ -1,5 +0,0 @@
-import { ColorStop } from 'src/types/global';
-type RadialShape = 'ellipse' | 'circle';
-type RadialSize = 'farthest-corner' | 'closest-corner' | 'closest-side' | 'farthest-side';
-export declare const useRadialGradient: (colors: ColorStop[], shape?: RadialShape, size?: RadialSize, position?: string) => string;
-export {};

package/dist/hooks/useWindowSize.d.ts

@@ -1,4 +0,0 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-};

package/dist/molecules/articleCard/articleCard.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { TextColor } from 'src/atoms/typography/text';
-export type ArticleCardProps = {
-    imageURL: string;
-    category?: string;
-    categoryColor: TextColor;
-    title: string;
-    date?: string;
-    onClick?: () => void;
-    href?: string;
-};
-export declare const ArticleCard: FC<ArticleCardProps>;

package/dist/molecules/blockQuote/blockQuote.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { TextType, TextColor } from 'src/exports/atoms';
-import { BorderRadiusDirection, HOCBorderRadiusKeys, LiteralUnion, Responsive, Shadows } from 'src/helpers/hoc-types/entityValueTypes';
-import { ThemeMode } from 'src/types/global';
-type QuoteType = Omit<ThemeMode, 'accent' | 'shadow'>;
-export type BlockQuoteProps = {
-    author?: string;
-    background?: 'background' | 'foreground';
-    type?: QuoteType;
-    textColor?: TextColor;
-    content?: string;
-    contentTextType?: TextType | Responsive<TextType>;
-    borderRadius?: BorderRadiusDirection | LiteralUnion<HOCBorderRadiusKeys>;
-    boxShadow?: Shadows;
-    children?: React.ReactNode;
-};
-export declare const BlockQuote: ({ author, background, textColor, type, content, contentTextType, borderRadius, boxShadow, children, }: BlockQuoteProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/molecules/button/button.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { TextColor, WeightType } from 'src/atoms/typography/text';
-import { SizeType, OnMouseEvent, ThemeMode } from 'src/types/global';
-import { entities } from 'src/theme/theming/entities';
-import { IconType, IconColors } from 'src/exports/atoms';
-import { DirectionType } from '../tooltip/tooltip';
-import { LiteralUnion } from 'src/helpers/hoc-types/entityValueTypes';
-import './button.css';
-export type ButtonType = ThemeMode | 'smoke';
-export type ButtonProps = {
-    title?: string;
-    type?: ButtonType;
-    size?: SizeType;
-    onClick?: (() => void) | 'submitForm';
-    onMouseEvent?: OnMouseEvent;
-    disabled?: boolean;
-    hover?: boolean;
-    outlined?: boolean;
-    fullWidth?: boolean;
-    textColorOverride?: LiteralUnion<TextColor> | string;
-    backgroundColorOverride?: string;
-    disabledCaption?: string;
-    disabledDirection?: DirectionType;
-    id?: string;
-    icon?: {
-        name: IconType;
-        fill?: LiteralUnion<IconColors>;
-    };
-    fontWeight?: WeightType;
-    children?: React.ReactNode;
-    boxShadow?: boolean;
-};
-export type ButtonStyle = typeof entities.buttons.primary;
-export declare const Button: ({ title, type, size, onClick, children, disabled, hover, outlined, onMouseEvent, fullWidth, textColorOverride, backgroundColorOverride, disabledCaption, id, icon, fontWeight, boxShadow, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/molecules/checkbox/checkbox.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import './checkbox.css';
-export type CheckboxProps = {
-    onChange: (isChecked: boolean) => void;
-    isChecked: boolean;
-    type?: CheckboxType;
-    label?: string;
-    id?: string;
-    inputDisplay?: string;
-};
-export type CheckboxType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'dark';
-export declare const Checkbox: FC<CheckboxProps>;

package/dist/molecules/circle/circle.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { SizeType } from 'src/types/global';
-import { IconType, IconColors } from 'src/atoms/iconography/types';
-export type CircleProps = {
-    icon: IconType;
-    fill: IconColors;
-    size?: SizeType;
-    scale?: number;
-    layer?: number;
-    onClick?: () => void;
-    animate?: {};
-};
-export declare const Circle: FC<CircleProps>;

package/dist/molecules/clipboard/clipboard.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export type ClipboardProps = {
-    copyText: string;
-    width?: string;
-    type?: 'text' | 'link';
-};
-export declare const Clipboard: FC<ClipboardProps>;

package/dist/molecules/closeButton/closeButton.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { IconColors } from 'src/exports/atoms';
-import { SizeType } from 'src/types/global';
-import { ColorSelection, LiteralUnion, Responsive, HOCColorKeys } from 'src/helpers/hoc-types/entityValueTypes';
-import './closeButton.css';
-export type CloseButtonProps = {
-    onClose: () => void;
-    backgroundColor?: ColorSelection | LiteralUnion<HOCColorKeys> | Responsive<HOCColorKeys>;
-    fill?: IconColors;
-    top?: string;
-    right?: string;
-    size?: SizeType;
-    id?: string;
-};
-export declare const CloseButton: FC<CloseButtonProps>;

package/dist/molecules/comparisonItem/comparisonItem.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { entities } from 'src/theme/theming/entities';
-type ColorType = keyof typeof entities.animatedCheckmark.colors;
-export type ComparisonItemProps = {
-    title: string;
-    description?: string | string[];
-    isIncluded: boolean;
-    checkMarkColor?: ColorType;
-    maxWidth?: string;
-    isMinified?: boolean;
-};
-export declare const ComparisonItem: FC<ComparisonItemProps>;
-export {};