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

package/dist/src/molecules/navigation/navigation.d.ts

@@ -1,14 +1,15 @@
-import React from 'react';
-import { Item, UserInfo } from "../../organisms/qdsChrome/qdsChrome";
-import { IconType } from "../../atoms/iconography/types";
-declare type NavigationProps = {
-    navLinks: Item[];
-    logo: IconType;
-    user: UserInfo;
-    setIsExpanded: (isExpanded: boolean) => void;
-    setMenuOpen: (isMenuOpen: boolean) => void;
-    isMenuOpen: boolean;
-    isExpanded: boolean;
-};
-export declare const Navigation: React.FC<NavigationProps>;
-export {};
+import React from 'react';
+import { Item, UserInfo } from 'src/organisms/qdsChrome/qdsChrome';
+import { IconType } from 'src/atoms/iconography/types';
+import './navigation.css';
+type NavigationProps = {
+    navLinks: Item[];
+    logo: IconType;
+    user: UserInfo;
+    setIsExpanded: (isExpanded: boolean) => void;
+    setMenuOpen: (isMenuOpen: boolean) => void;
+    isMenuOpen: boolean;
+    isExpanded: boolean;
+};
+export declare const Navigation: React.FC<NavigationProps>;
+export {};

package/dist/src/molecules/overlay/overlay.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
-import { Responsive } from "../../helpers/hoc-types/entityValueTypes";
-import { Position } from "../../helpers/hoc-types/cssValueTypes";
-import { PinnedType } from '../dialog/dialog';
-export declare type OverlayPropTypes = {
-    zIndex?: number;
-    position?: Responsive<Position> | Position;
-    bgElementSelector?: string;
-    children?: React.ReactNode;
-    pinned?: PinnedType;
-    backgroundVariant?: 'solid' | 'blur';
-    shouldScroll?: boolean;
-} & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => React.JSX.Element;
+import React from 'react';
+import { HOCMotionProps } from 'src/helpers/hoc-types/hocMotionTypes';
+import { Responsive } from 'src/helpers/hoc-types/entityValueTypes';
+import { Position } from 'src/helpers/hoc-types/cssValueTypes';
+import { PinnedType } from '../dialog/dialog';
+export type OverlayPropTypes = {
+    zIndex?: number;
+    position?: Responsive<Position> | Position;
+    bgElementSelector?: string;
+    children?: React.ReactNode;
+    pinned?: PinnedType;
+    backgroundVariant?: 'solid' | 'blur';
+    shouldScroll?: boolean;
+} & HOCMotionProps;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/progress/progress.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
-export declare type ProgressProps = {
-    percentage: string | number;
-    hasLabel?: boolean;
-};
-export declare const Progress: FC<ProgressProps>;
+import { FC } from 'react';
+import './progress.css';
+export type ProgressProps = {
+    percentage: string | number;
+    hasLabel?: boolean;
+};
+export declare const Progress: FC<ProgressProps>;

package/dist/src/molecules/quantitySlider/components/stackedCardHead.d.ts

@@ -1,9 +1,9 @@
-import React, { FC } from 'react';
-export declare type StackedCardHeadProps = {
-    cardImage?: string;
-    cardOrientation?: 'vertical' | 'horizontal';
-    quantity: number;
-    quantityDescription: string;
-    secondaryAction?: React.ReactNode;
-};
-export declare const StackedCardHead: FC<StackedCardHeadProps>;
+import React, { FC } from 'react';
+export type StackedCardHeadProps = {
+    cardImage?: string;
+    cardOrientation?: 'vertical' | 'horizontal';
+    quantity: number;
+    quantityDescription: string;
+    secondaryAction?: React.ReactNode;
+};
+export declare const StackedCardHead: FC<StackedCardHeadProps>;

package/dist/src/molecules/quantitySlider/quantitySlider.d.ts

@@ -1,15 +1,15 @@
-import React, { FC } from 'react';
-import { SliderProgressColor } from "../../exports/molecules";
-export declare type QuantitySliderProps = {
-    quantity: number;
-    min: number;
-    max: number;
-    setQuantity: (quantity: number) => void;
-    salePrice?: number;
-    sliderFill?: SliderProgressColor;
-    unitPrice: number;
-    width: number;
-    hasIncrement?: boolean;
-    head?: React.ReactNode;
-};
-export declare const QuantitySlider: FC<QuantitySliderProps>;
+import React, { FC } from 'react';
+import { SliderProgressColor } from 'src/exports/molecules';
+export type QuantitySliderProps = {
+    quantity: number;
+    min: number;
+    max: number;
+    setQuantity: (quantity: number) => void;
+    salePrice?: number;
+    sliderFill?: SliderProgressColor;
+    unitPrice: number;
+    width: number;
+    hasIncrement?: boolean;
+    head?: React.ReactNode;
+};
+export declare const QuantitySlider: FC<QuantitySliderProps>;

package/dist/src/molecules/quickLink/quickLink.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-import { Item } from "../../organisms/qdsChrome/qdsChrome";
-declare type QuickLinkType = {
-    link: Item;
-};
-export declare const QuickLink: FC<QuickLinkType>;
-export {};
+import { FC } from 'react';
+import { Item } from 'src/organisms/qdsChrome/qdsChrome';
+type QuickLinkType = {
+    link: Item;
+};
+export declare const QuickLink: FC<QuickLinkType>;
+export {};

package/dist/src/molecules/releaseNote/releaseNote.d.ts

@@ -1,18 +1,18 @@
-import { FC } from 'react';
-import { TextColor } from "../../exports/atoms";
-import { HOCSwatchColorKeys, Shadows } from "../../helpers/hoc-types/entityValueTypes";
-export declare type ReleaseNoteCapsuleColor = Extract<HOCSwatchColorKeys, 'primaryBrand' | 'secondaryBrand' | 'warning' | 'danger' | 'success' | 'accent' | 'blueScale'>;
-export declare type CapsuleType = 'new' | 'fix' | 'note';
-export declare type ReleaseNoteProps = {
-    capsule: {
-        title: CapsuleType;
-        backgroundColor?: ReleaseNoteCapsuleColor;
-        fontColor?: TextColor;
-        boxShadow?: Shadows;
-    };
-    note: {
-        title: string;
-        color?: TextColor;
-    };
-};
-export declare const ReleaseNote: FC<ReleaseNoteProps>;
+import { FC } from 'react';
+import { TextColor } from 'src/exports/atoms';
+import { HOCSwatchColorKeys, Shadows } from 'src/helpers/hoc-types/entityValueTypes';
+export type ReleaseNoteCapsuleColor = Extract<HOCSwatchColorKeys, 'primaryBrand' | 'secondaryBrand' | 'warning' | 'danger' | 'success' | 'accent' | 'blueScale'>;
+export type CapsuleType = 'new' | 'fix' | 'note';
+export type ReleaseNoteProps = {
+    capsule: {
+        title: CapsuleType;
+        backgroundColor?: ReleaseNoteCapsuleColor;
+        fontColor?: TextColor;
+        boxShadow?: Shadows;
+    };
+    note: {
+        title: string;
+        color?: TextColor;
+    };
+};
+export declare const ReleaseNote: FC<ReleaseNoteProps>;

package/dist/src/molecules/scrollable/scrollable.d.ts

@@ -1,8 +1,9 @@
-import React from 'react';
-export declare type ScrollableProps = {
-    maxHeight?: number;
-    onChange?: (progress: number) => void;
-    hasScrollBar?: boolean;
-    children?: React.ReactNode;
-};
-export declare const Scrollable: ({ maxHeight, onChange, children, hasScrollBar, }: ScrollableProps) => React.JSX.Element;
+import React from 'react';
+import './scrollable.css';
+export type ScrollableProps = {
+    maxHeight?: number;
+    onChange?: (progress: number) => void;
+    hasScrollBar?: boolean;
+    children?: React.ReactNode;
+};
+export declare const Scrollable: ({ maxHeight, onChange, children, hasScrollBar, }: ScrollableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/scrollingIndicator/scrollingIndicator.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export declare type ScrollingIndicatorProps = {
-    size?: string;
-    backgroundColor?: string;
-};
-export declare const ScrollingIndicator: FC<ScrollingIndicatorProps>;
+import { FC } from 'react';
+export type ScrollingIndicatorProps = {
+    size?: string;
+    backgroundColor?: string;
+};
+export declare const ScrollingIndicator: FC<ScrollingIndicatorProps>;

package/dist/src/molecules/select/components/option.d.ts

@@ -1,43 +1,43 @@
-import React from 'react';
-import { AlignmentOptions } from "../../../exports/atoms";
-import { IconType } from "../../../atoms/iconography/types";
-declare type OptionProps = {
-    alignment?: AlignmentOptions;
-    onClick?: (id: number) => void;
-    isSelected: boolean;
-    graphic?: IconType;
-    icon?: IconType;
-    id: number;
-} & (TextLabelProps | IconLabelProps | IconTextLabelProps | ReactNodeLabelProps);
-export declare type TextLabelProps = {
-    type: 'text';
-    label: string;
-};
-export declare type IconLabelProps = {
-    type: 'graphic';
-    label: {
-        icon: IconType;
-        url?: undefined;
-    } | {
-        icon?: undefined;
-        url: string;
-    };
-};
-export declare type IconTextLabelProps = {
-    type: 'graphicText';
-    label: {
-        icon: IconType;
-        url?: undefined;
-        text: string;
-    } | {
-        icon?: undefined;
-        url: string;
-        text: string;
-    };
-};
-export declare type ReactNodeLabelProps = {
-    type: 'reactNode';
-    label: React.ReactNode;
-};
-export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
-export {};
+import React from 'react';
+import { AlignmentOptions } from 'src/exports/atoms';
+import { IconType } from 'src/atoms/iconography/types';
+type OptionProps = {
+    alignment?: AlignmentOptions;
+    onClick?: (id: number) => void;
+    isSelected: boolean;
+    graphic?: IconType;
+    icon?: IconType;
+    id: number;
+} & (TextLabelProps | IconLabelProps | IconTextLabelProps | ReactNodeLabelProps);
+export type TextLabelProps = {
+    type: 'text';
+    label: string;
+};
+export type IconLabelProps = {
+    type: 'graphic';
+    label: {
+        icon: IconType;
+        url?: undefined;
+    } | {
+        icon?: undefined;
+        url: string;
+    };
+};
+export type IconTextLabelProps = {
+    type: 'graphicText';
+    label: {
+        icon: IconType;
+        url?: undefined;
+        text: string;
+    } | {
+        icon?: undefined;
+        url: string;
+        text: string;
+    };
+};
+export type ReactNodeLabelProps = {
+    type: 'reactNode';
+    label: React.ReactNode;
+};
+export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/molecules/select/components/optionContent.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-import { TextLabelProps, IconTextLabelProps, IconLabelProps, ReactNodeLabelProps } from './option';
-declare type OptionContentProps = {
-    shouldBoldText?: boolean;
-} & (TextLabelProps | IconLabelProps | IconTextLabelProps | ReactNodeLabelProps);
-export declare const OptionContent: FC<OptionContentProps>;
-export {};
+import { FC } from 'react';
+import { TextLabelProps, IconTextLabelProps, IconLabelProps, ReactNodeLabelProps } from './option';
+type OptionContentProps = {
+    shouldBoldText?: boolean;
+} & (TextLabelProps | IconLabelProps | IconTextLabelProps | ReactNodeLabelProps);
+export declare const OptionContent: FC<OptionContentProps>;
+export {};

package/dist/src/molecules/select/select.d.ts

@@ -1,73 +1,74 @@
-import React from 'react';
-import { AlignmentOptions } from "../../exports/atoms";
-import { IconColors, IconType } from "../../atoms/iconography/types";
-declare type OptionWithTextLabelType = {
-    value: string;
-    label: string;
-    hasSeparator?: boolean;
-};
-declare type OptionWithGraphicLabelType = {
-    value: string;
-    label: {
-        icon: IconType;
-        url?: undefined;
-    } | {
-        icon?: undefined;
-        url: string;
-    };
-};
-declare type OptionWithGrapihicTextLabelType = {
-    value: string;
-    label: {
-        icon: IconType;
-        url?: undefined;
-        text: string;
-    } | {
-        icon?: undefined;
-        url: string;
-        text: string;
-    };
-};
-declare type OptionWithReacNodeLabelType = {
-    value: string;
-    label: React.ReactNode;
-    hasSeparator?: boolean;
-};
-declare type OptionsTextType = {
-    type: 'text';
-    options: OptionWithTextLabelType[];
-};
-declare type OptionsGraphicTextType = {
-    type: 'graphicText';
-    options: OptionWithGrapihicTextLabelType[];
-};
-declare type OptionsGraphicType = {
-    type: 'graphic';
-    options: OptionWithGraphicLabelType[];
-};
-declare type OptionsReactNodeType = {
-    type: 'reactNode';
-    options: OptionWithReacNodeLabelType[];
-};
-export declare type SelectFocusType = IconColors;
-export declare type SelectProps = {
-    alignment?: AlignmentOptions;
-    onChange: (selectedOptionIndex: number) => void;
-    selectedOptionIndex?: number;
-    dropDownMaxHeight?: string;
-    shouldAlignDropDownToLeft?: boolean;
-    isDropDownAbove?: boolean;
-    selectHeight?: string;
-    selectWidth?: string;
-    focusColor?: SelectFocusType;
-    message?: {
-        type: 'success' | 'danger' | 'warning';
-        content: string;
-        icon?: IconType;
-        onClick?: () => void;
-    };
-    frontLabel?: string;
-    scrollBarWidth?: 'thin' | 'auto';
-} & (OptionsTextType | OptionsGraphicTextType | OptionsGraphicType | OptionsReactNodeType);
-export declare const Select: (props: SelectProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import { AlignmentOptions } from 'src/exports/atoms';
+import { IconColors, IconType } from 'src/atoms/iconography/types';
+import './select.css';
+type OptionWithTextLabelType = {
+    value: string;
+    label: string;
+    hasSeparator?: boolean;
+};
+type OptionWithGraphicLabelType = {
+    value: string;
+    label: {
+        icon: IconType;
+        url?: undefined;
+    } | {
+        icon?: undefined;
+        url: string;
+    };
+};
+type OptionWithGrapihicTextLabelType = {
+    value: string;
+    label: {
+        icon: IconType;
+        url?: undefined;
+        text: string;
+    } | {
+        icon?: undefined;
+        url: string;
+        text: string;
+    };
+};
+type OptionWithReacNodeLabelType = {
+    value: string;
+    label: React.ReactNode;
+    hasSeparator?: boolean;
+};
+type OptionsTextType = {
+    type: 'text';
+    options: OptionWithTextLabelType[];
+};
+type OptionsGraphicTextType = {
+    type: 'graphicText';
+    options: OptionWithGrapihicTextLabelType[];
+};
+type OptionsGraphicType = {
+    type: 'graphic';
+    options: OptionWithGraphicLabelType[];
+};
+type OptionsReactNodeType = {
+    type: 'reactNode';
+    options: OptionWithReacNodeLabelType[];
+};
+export type SelectFocusType = IconColors;
+export type SelectProps = {
+    alignment?: AlignmentOptions;
+    onChange: (selectedOptionIndex: number) => void;
+    selectedOptionIndex?: number;
+    dropDownMaxHeight?: string;
+    shouldAlignDropDownToLeft?: boolean;
+    isDropDownAbove?: boolean;
+    selectHeight?: string;
+    selectWidth?: string;
+    focusColor?: SelectFocusType;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+        icon?: IconType;
+        onClick?: () => void;
+    };
+    frontLabel?: string;
+    scrollBarWidth?: 'thin' | 'auto';
+} & (OptionsTextType | OptionsGraphicTextType | OptionsGraphicType | OptionsReactNodeType);
+export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/molecules/separator/separator.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-export declare type SeparatorProps = {
-    orientation: SeparatorOrientationType;
-    dashed?: boolean;
-    caption?: string;
-    shouldCaptionWrap?: boolean;
-};
-export declare type SeparatorOrientationType = 'vertical' | 'horizontal';
-export declare const Separator: FC<SeparatorProps>;
+import { FC } from 'react';
+export type SeparatorProps = {
+    orientation: SeparatorOrientationType;
+    dashed?: boolean;
+    caption?: string;
+    shouldCaptionWrap?: boolean;
+};
+export type SeparatorOrientationType = 'vertical' | 'horizontal';
+export declare const Separator: FC<SeparatorProps>;

package/dist/src/molecules/sheet/components/snapPoint.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-declare type SnapPointProps = {
-    name?: string;
-};
-export declare const SnapPoint: FC<SnapPointProps>;
-export {};
+import { FC } from 'react';
+type SnapPointProps = {
+    name?: string;
+};
+export declare const SnapPoint: FC<SnapPointProps>;
+export {};

package/dist/src/molecules/sheet/sheet.d.ts

@@ -1,27 +1,28 @@
-import React from 'react';
-import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
-import { HOCSpacingKeys, LiteralUnion, SpacingDirection } from "../../helpers/hoc-types/entityValueTypes";
-declare type SnapToStateType = string | number | undefined;
-export declare type SheetProps = {
-    isOpen: boolean;
-    setIsOpen?: (isOpen: boolean) => void;
-    draggable?: boolean;
-    backgroundColor?: string;
-    layer?: number;
-    backgroundElement?: React.ReactNode;
-    backgroundElementBackgroundColor?: BackgroundColor;
-    snapPointPercentages?: number[];
-    initialSnapPoint?: number | string;
-    outsideClickBypassId?: string;
-    zIndex?: number;
-    bgElementSelector?: string;
-    hasOverlay?: boolean;
-    snapTo?: string | number;
-    setSnapTo?: React.Dispatch<React.SetStateAction<SnapToStateType>>;
-    width?: string;
-    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-    children?: React.ReactNode;
-};
-export declare const Sheet: ({ isOpen, children, draggable, backgroundColor, layer, setIsOpen, backgroundElement, backgroundElementBackgroundColor, snapPointPercentages, initialSnapPoint, outsideClickBypassId, zIndex, bgElementSelector, hasOverlay, snapTo, setSnapTo, width, inset, outset, }: SheetProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import './sheet.css';
+import { BackgroundColor } from 'src/helpers/hoc-types/hocBaseUnion';
+import { HOCSpacingKeys, LiteralUnion, SpacingDirection } from 'src/helpers/hoc-types/entityValueTypes';
+type SnapToStateType = string | number | undefined;
+export type SheetProps = {
+    isOpen: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+    draggable?: boolean;
+    backgroundColor?: string;
+    layer?: number;
+    backgroundElement?: React.ReactNode;
+    backgroundElementBackgroundColor?: BackgroundColor;
+    snapPointPercentages?: number[];
+    initialSnapPoint?: number | string;
+    outsideClickBypassId?: string;
+    zIndex?: number;
+    bgElementSelector?: string;
+    hasOverlay?: boolean;
+    snapTo?: string | number;
+    setSnapTo?: React.Dispatch<React.SetStateAction<SnapToStateType>>;
+    width?: string;
+    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    children?: React.ReactNode;
+};
+export declare const Sheet: ({ isOpen, children, draggable, backgroundColor, layer, setIsOpen, backgroundElement, backgroundElementBackgroundColor, snapPointPercentages, initialSnapPoint, outsideClickBypassId, zIndex, bgElementSelector, hasOverlay, snapTo, setSnapTo, width, inset, outset, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/molecules/sidebar/sidebar.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export declare type SidebarPosition = 'left' | 'right';
-export declare type SidebarProps = {
-    outsideClickEvent?: () => void;
-    width?: string;
-    position?: SidebarPosition;
-    zIndex?: number;
-    height?: string;
-    children?: React.ReactNode;
-};
-export declare const Sidebar: ({ children, width, position, zIndex, height, }: SidebarProps) => React.JSX.Element;
+import React from 'react';
+export type SidebarPosition = 'left' | 'right';
+export type SidebarProps = {
+    outsideClickEvent?: () => void;
+    width?: string;
+    position?: SidebarPosition;
+    zIndex?: number;
+    height?: string;
+    children?: React.ReactNode;
+};
+export declare const Sidebar: ({ children, width, position, zIndex, height, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/molecules/slider/slider.d.ts

@@ -1,15 +1,17 @@
-import { FC } from 'react';
-import { IconColors } from "../../exports/atoms";
-export declare type SliderProgressColor = IconColors;
-export declare type SliderOriginType = 'left' | 'center';
-export declare type SliderProps = {
-    value: number;
-    min: number;
-    max: number;
-    setValue: (value: number) => void;
-    activeColor?: SliderProgressColor;
-    isDisabled?: boolean;
-    origin?: SliderOriginType;
-    width: number;
-};
-export declare const Slider: FC<SliderProps>;
+import React, { FC } from 'react';
+import './slider.css';
+import { IconColors } from 'src/exports/atoms';
+export type SliderProgressColor = IconColors;
+export type SliderOriginType = 'left' | 'center';
+export type SliderProps = {
+    value: number;
+    min: number;
+    max: number;
+    setValue: (value: number) => void;
+    activeColor?: SliderProgressColor;
+    isDisabled?: boolean;
+    origin?: SliderOriginType;
+    width: number;
+    style?: React.CSSProperties;
+};
+export declare const Slider: FC<SliderProps>;