@sendoutcards/quantum-design-ui 1.8.34 → 1.8.35

package/dist/src/molecules/image/styles.d.ts

@@ -1,8 +1,8 @@
 import { FilterType } from './filters';
 declare const _default: {
-    imageContainer: (isActive: boolean, width: string, height: string) => import("@emotion/utils").SerializedStyles;
-    imageCss: (isActive: boolean) => import("@emotion/utils").SerializedStyles;
-    image: (image: string) => import("@emotion/utils").SerializedStyles;
-    filter: (filter: FilterType) => import("@emotion/utils").SerializedStyles;
+    imageContainer: (isActive: boolean, width: string, height: string) => import("@emotion/react").SerializedStyles;
+    imageCss: (isActive: boolean) => import("@emotion/react").SerializedStyles;
+    image: (image: string) => import("@emotion/react").SerializedStyles;
+    filter: (filter: FilterType) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -10,4 +10,4 @@ export declare type InfiniteScrollerProps = {
     isScrollingOnWindow?: boolean;
     children?: React.ReactNode;
 };
-export declare const InfiniteScroller: ({ pageStart, children, loader, loadMore, hasMore, threshold, initialLoad, isLoadingMore, isScrollingOnWindow, }: InfiniteScrollerProps) => JSX.Element;
+export declare const InfiniteScroller: ({ pageStart, children, loader, loadMore, hasMore, threshold, initialLoad, isLoadingMore, isScrollingOnWindow, }: InfiniteScrollerProps) => React.JSX.Element;

package/dist/src/molecules/infoBlock/styles.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    infoBlockContainer: import("@emotion/utils").SerializedStyles;
-    textContainer: import("@emotion/utils").SerializedStyles;
-    captionContainer: import("@emotion/utils").SerializedStyles;
+    infoBlockContainer: import("@emotion/react").SerializedStyles;
+    textContainer: import("@emotion/react").SerializedStyles;
+    captionContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/molecules/input/styles.d.ts

@@ -1,9 +1,9 @@
 import { InputsEntity } from "../../theme/theming/entities";
 declare const _default: {
-    inputContainer: (active: boolean, inputEntity: InputsEntity, isLabelPlaceholder: boolean, height: number, width: number, isPhoneInput?: boolean | undefined, icon?: boolean | undefined, isFullWidth?: boolean | undefined, isDisabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    numberInputButtons: (isDisabled?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    outerglow: (inputEntity: InputsEntity, width: number, height?: number | undefined, isFullWidth?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    iconContainer: import("@emotion/utils").SerializedStyles;
-    inputWrapper: import("@emotion/utils").SerializedStyles;
+    inputContainer: (active: boolean, inputEntity: InputsEntity, isLabelPlaceholder: boolean, height: number, width: number, isPhoneInput?: boolean, icon?: boolean, isFullWidth?: boolean, isDisabled?: boolean) => import("@emotion/react").SerializedStyles;
+    numberInputButtons: (isDisabled?: boolean) => import("@emotion/react").SerializedStyles;
+    outerglow: (inputEntity: InputsEntity, width: number, height?: number, isFullWidth?: boolean) => import("@emotion/react").SerializedStyles;
+    iconContainer: import("@emotion/react").SerializedStyles;
+    inputWrapper: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/molecules/linkColumn/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    linkColumnContainer: import("@emotion/utils").SerializedStyles;
+    linkColumnContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -5,4 +5,4 @@ export declare type LoaderProps = {
     speed?: number;
     children?: React.ReactNode;
 };
-export declare const Loader: ({ children, width, height, speed }: LoaderProps) => JSX.Element;
+export declare const Loader: ({ children, width, height, speed }: LoaderProps) => React.JSX.Element;

package/dist/src/molecules/menu/components/menuSection.d.ts

@@ -3,4 +3,4 @@ export declare type MenuSectionProps = {
     divider: boolean;
     children?: React.ReactNode;
 };
-export declare const MenuSection: ({ children, divider }: MenuSectionProps) => JSX.Element;
+export declare const MenuSection: ({ children, divider }: MenuSectionProps) => React.JSX.Element;

package/dist/src/molecules/menu/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    menuContainer: import("@emotion/utils").SerializedStyles;
+    menuContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -1,15 +1,15 @@
 import { NavigationEntity } from "../../theme/theming/entities";
 declare const _default: {
-    sideNav: (navigationEntity: NavigationEntity) => import("@emotion/utils").SerializedStyles;
-    sideNavContent: import("@emotion/utils").SerializedStyles;
-    logoContainer: import("@emotion/utils").SerializedStyles;
-    contentContainer: import("@emotion/utils").SerializedStyles;
-    separatorContainer: import("@emotion/utils").SerializedStyles;
-    userContainer: import("@emotion/utils").SerializedStyles;
-    toggleContainer: import("@emotion/utils").SerializedStyles;
-    switchContainer: import("@emotion/utils").SerializedStyles;
-    linkContainer: import("@emotion/utils").SerializedStyles;
-    link: import("@emotion/utils").SerializedStyles;
-    tooltipContainer: import("@emotion/utils").SerializedStyles;
+    sideNav: (navigationEntity: NavigationEntity) => import("@emotion/react").SerializedStyles;
+    sideNavContent: import("@emotion/react").SerializedStyles;
+    logoContainer: import("@emotion/react").SerializedStyles;
+    contentContainer: import("@emotion/react").SerializedStyles;
+    separatorContainer: import("@emotion/react").SerializedStyles;
+    userContainer: import("@emotion/react").SerializedStyles;
+    toggleContainer: import("@emotion/react").SerializedStyles;
+    switchContainer: import("@emotion/react").SerializedStyles;
+    linkContainer: import("@emotion/react").SerializedStyles;
+    link: import("@emotion/react").SerializedStyles;
+    tooltipContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -12,4 +12,4 @@ export declare type OverlayPropTypes = {
     backgroundVariant?: 'solid' | 'blur';
     shouldScroll?: boolean;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 declare const _default: {
-    progressContainer: import("@emotion/utils").SerializedStyles;
-    progress: (percentage: string | number) => import("@emotion/utils").SerializedStyles;
+    progressContainer: import("@emotion/react").SerializedStyles;
+    progress: (percentage: string | number) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -5,4 +5,4 @@ export declare type ScrollableProps = {
     hasScrollBar?: boolean;
     children?: React.ReactNode;
 };
-export declare const Scrollable: ({ maxHeight, onChange, children, hasScrollBar, }: ScrollableProps) => JSX.Element;
+export declare const Scrollable: ({ maxHeight, onChange, children, hasScrollBar, }: ScrollableProps) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
 declare const _default: {
-    scrollableContainer: (hasScrollBar?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    scrollableContainer: (hasScrollBar?: boolean) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 declare const _default: {
-    scrollingIndicatorContainer: import("@emotion/utils").SerializedStyles;
-    circleIndicatorContainer: (size?: string | undefined, backgroundColor?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    scrollingIndicatorContainer: import("@emotion/react").SerializedStyles;
+    circleIndicatorContainer: (size?: string, backgroundColor?: string) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -1,5 +1,14 @@
 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;
@@ -30,32 +39,5 @@ export declare type ReactNodeLabelProps = {
     type: 'reactNode';
     label: React.ReactNode;
 };
-export declare const Option: React.ForwardRefExoticComponent<({
-    alignment?: "left" | "center" | "right" | undefined;
-    onClick?: ((id: number) => void) | undefined;
-    isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    id: number;
-} & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
-    alignment?: "left" | "center" | "right" | undefined;
-    onClick?: ((id: number) => void) | undefined;
-    isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    id: number;
-} & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
-    alignment?: "left" | "center" | "right" | undefined;
-    onClick?: ((id: number) => void) | undefined;
-    isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    id: number;
-} & IconTextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
-    alignment?: "left" | "center" | "right" | undefined;
-    onClick?: ((id: number) => void) | undefined;
-    isSelected: boolean;
-    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | "warning" | "coaching" | "promptingsIcon" | undefined;
-    id: number;
-} & ReactNodeLabelProps & React.RefAttributes<HTMLDivElement>)>;
+export declare const Option: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -69,5 +69,5 @@ export declare type SelectProps = {
     frontLabel?: string;
     scrollBarWidth?: 'thin' | 'auto';
 } & (OptionsTextType | OptionsGraphicTextType | OptionsGraphicType | OptionsReactNodeType);
-export declare const Select: (props: SelectProps) => JSX.Element;
+export declare const Select: (props: SelectProps) => React.JSX.Element;
 export {};

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

@@ -1,10 +1,11 @@
+import { AlignmentOptions } from "../../exports/atoms";
 import { HOCEntity } from "../../theme/theming/entities";
 import { SelectFocusType } from './select';
 declare const _default: {
-    selectContainer: import("@emotion/utils").SerializedStyles;
-    selectBody: (hocs: HOCEntity, focusColor: SelectFocusType, selectHeight?: string | undefined, selectWidth?: string | undefined) => import("@emotion/utils").SerializedStyles;
-    selectDropdownContents: (maxHeight?: string | undefined, alignToLeft?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    activeOption: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
-    option: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
+    selectContainer: import("@emotion/react").SerializedStyles;
+    selectBody: (hocs: HOCEntity, focusColor: SelectFocusType, selectHeight?: string, selectWidth?: string) => import("@emotion/react").SerializedStyles;
+    selectDropdownContents: (maxHeight?: string, alignToLeft?: boolean) => import("@emotion/react").SerializedStyles;
+    activeOption: (alignment?: AlignmentOptions) => import("@emotion/react").SerializedStyles;
+    option: (alignment?: AlignmentOptions) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -1,8 +1,8 @@
 import { SeparatorOrientationType } from './separator';
 import { SeparatorEntity } from "../../theme/theming/entities";
 declare const _default: {
-    separatorContainer: (orientation: SeparatorOrientationType) => import("@emotion/utils").SerializedStyles;
-    separator: (separatorEntity: SeparatorEntity, orientation: SeparatorOrientationType, dashed?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-    hrContainer: (orientation: SeparatorOrientationType) => import("@emotion/utils").SerializedStyles;
+    separatorContainer: (orientation: SeparatorOrientationType) => import("@emotion/react").SerializedStyles;
+    separator: (separatorEntity: SeparatorEntity, orientation: SeparatorOrientationType, dashed?: boolean) => import("@emotion/react").SerializedStyles;
+    hrContainer: (orientation: SeparatorOrientationType) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -23,5 +23,5 @@ export declare type SheetProps = {
     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) => JSX.Element;
+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 {};

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

@@ -1,8 +1,8 @@
 import { SheetEntity } from "../../theme/theming/entities";
 declare const _default: {
-    sheetWrapper: (mobile: boolean, layer?: number | undefined) => import("@emotion/utils").SerializedStyles;
-    sheet: (sheetEntity: SheetEntity, hasBackgroundElement: boolean, isMobile: boolean, backgroundColor?: string | undefined) => import("@emotion/utils").SerializedStyles;
-    dragBar: import("@emotion/utils").SerializedStyles;
-    childWrapper: import("@emotion/utils").SerializedStyles;
+    sheetWrapper: (mobile: boolean, layer?: number) => import("@emotion/react").SerializedStyles;
+    sheet: (sheetEntity: SheetEntity, hasBackgroundElement: boolean, isMobile: boolean, backgroundColor?: string) => import("@emotion/react").SerializedStyles;
+    dragBar: import("@emotion/react").SerializedStyles;
+    childWrapper: import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -8,4 +8,4 @@ export declare type SidebarProps = {
     height?: string;
     children?: React.ReactNode;
 };
-export declare const Sidebar: ({ children, width, position, zIndex, height, }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ children, width, position, zIndex, height, }: SidebarProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import { SliderEntity } from "../../theme/theming/entities";
 declare const _default: {
-    sliderProgress: (isDisabled: boolean) => import("@emotion/utils").SerializedStyles;
-    sliderBar: (sliderEntity: SliderEntity) => import("@emotion/utils").SerializedStyles;
-    sliderHandle: (isDisabled: boolean, sliderEntity: SliderEntity, handleHeight: number) => import("@emotion/utils").SerializedStyles;
+    sliderProgress: (isDisabled: boolean) => import("@emotion/react").SerializedStyles;
+    sliderBar: (sliderEntity: SliderEntity) => import("@emotion/react").SerializedStyles;
+    sliderHandle: (isDisabled: boolean, sliderEntity: SliderEntity, handleHeight: number) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -9,4 +9,4 @@ export declare type StackedCardsProps = {
     borderRadius?: BorderRadius;
     children?: React.ReactNode;
 };
-export declare const StackedCards: ({ width, height, stackCount, children, backgroundImage, borderRadius, }: StackedCardsProps) => JSX.Element;
+export declare const StackedCards: ({ width, height, stackCount, children, backgroundImage, borderRadius, }: StackedCardsProps) => React.JSX.Element;

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

@@ -10,4 +10,4 @@ export declare type StoplightProps = {
     isCollapsible?: boolean;
     children?: React.ReactNode;
 };
-export declare const Stoplight: ({ activeIndex, setActiveIndex, isExpanded, setIsExpanded, type, onClick, orientation, isCollapsible, children, }: StoplightProps) => JSX.Element;
+export declare const Stoplight: ({ activeIndex, setActiveIndex, isExpanded, setIsExpanded, type, onClick, orientation, isCollapsible, children, }: StoplightProps) => React.JSX.Element;

package/dist/src/molecules/tab/components/tab.d.ts

@@ -4,5 +4,5 @@ declare type TabContentProps = {
     title: string;
     children?: React.ReactNode;
 };
-export declare const Tab: ({ children }: TabContentProps) => JSX.Element;
+export declare const Tab: ({ children }: TabContentProps) => React.JSX.Element;
 export {};

package/dist/src/molecules/tab/tabs.d.ts

@@ -10,4 +10,4 @@ export declare type TabProps = {
     justify?: JustifyContent;
     children?: React.ReactNode;
 };
-export declare const Tabs: ({ height, defaultActiveKey, activeColor, gap, justify, children, }: TabProps) => JSX.Element;
+export declare const Tabs: ({ height, defaultActiveKey, activeColor, gap, justify, children, }: TabProps) => React.JSX.Element;

package/dist/src/molecules/table/components/rowItem.d.ts

@@ -5,5 +5,5 @@ declare type RowItemProps = {
     inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
     children?: React.ReactNode;
 };
-export declare const RowItem: ({ alignment, children, inset, }: RowItemProps) => JSX.Element;
+export declare const RowItem: ({ alignment, children, inset, }: RowItemProps) => React.JSX.Element;
 export {};

package/dist/src/molecules/table/components/tableRow.d.ts

@@ -9,5 +9,5 @@ declare type TableRowProps = {
     backgroundColor?: string;
     border?: string;
 };
-export declare const TableRow: ({ columnCount, inset, outset, radius, backgroundColor, children, border, }: TableRowProps) => JSX.Element;
+export declare const TableRow: ({ columnCount, inset, outset, radius, backgroundColor, children, border, }: TableRowProps) => React.JSX.Element;
 export {};

package/dist/src/molecules/table/styles.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    table: (rowCount: number) => import("@emotion/utils").SerializedStyles;
-    tableRow: (columns: number, breakPoint: number) => import("@emotion/utils").SerializedStyles;
-    rowItem: (alignment: string) => import("@emotion/utils").SerializedStyles;
+    table: (rowCount: number) => import("@emotion/react").SerializedStyles;
+    tableRow: (columns: number, breakPoint: number) => import("@emotion/react").SerializedStyles;
+    rowItem: (alignment: string) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -14,4 +14,4 @@ export declare type TableProps = {
     headerBorder?: string;
     children?: React.ReactNode;
 };
-export declare const Table: ({ columnCount, rowCount, headers, headerAlignment, headerWeight, headerInset, headerOutset, headerBorder, headerTextColor, children, }: TableProps) => JSX.Element;
+export declare const Table: ({ columnCount, rowCount, headers, headerAlignment, headerWeight, headerInset, headerOutset, headerBorder, headerTextColor, children, }: TableProps) => React.JSX.Element;

package/dist/src/molecules/tooltip/styles.d.ts

@@ -1,5 +1,5 @@
 import { DirectionType } from './tooltip';
 declare const _default: {
-    tooltip: (direction: DirectionType, background: string, repositionTooltip: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    tooltip: (direction: DirectionType, background: string, repositionTooltip: boolean | undefined) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

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

@@ -11,4 +11,4 @@ export declare type TooltipProps = {
     children?: React.ReactNode;
 };
 export declare type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => React.JSX.Element;

package/dist/src/molecules/transition/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    transitionContainer: import("@emotion/utils").SerializedStyles;
+    transitionContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/molecules/uploadButton/styles.d.ts

@@ -1,9 +1,9 @@
 declare const _default: {
-    wrapper: import("@emotion/utils").SerializedStyles;
-    container: import("@emotion/utils").SerializedStyles;
-    upload: import("@emotion/utils").SerializedStyles;
-    loading: import("@emotion/utils").SerializedStyles;
-    loadingBar: import("@emotion/utils").SerializedStyles;
-    done: import("@emotion/utils").SerializedStyles;
+    wrapper: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    upload: import("@emotion/react").SerializedStyles;
+    loading: import("@emotion/react").SerializedStyles;
+    loadingBar: import("@emotion/react").SerializedStyles;
+    done: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/accordion/components/accordionHeading.d.ts

@@ -9,4 +9,4 @@ export declare type AccordionHeadingProps = {
     onHeadingClick?: () => void;
     children: React.ReactNode;
 };
-export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => JSX.Element;
+export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => React.JSX.Element;

package/dist/src/organisms/accordion/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    accordionContainer: import("@emotion/utils").SerializedStyles;
+    accordionContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/accountMenu/accountMenu.d.ts

@@ -15,4 +15,4 @@ export declare type AccountMenuItem = {
     onClick: () => void;
     badge?: string;
 };
-export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => JSX.Element;
+export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => React.JSX.Element;

package/dist/src/organisms/accountMenu/styles.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    accountMenuContainer: import("@emotion/utils").SerializedStyles;
-    itemWrapper: import("@emotion/utils").SerializedStyles;
+    accountMenuContainer: import("@emotion/react").SerializedStyles;
+    itemWrapper: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/animatedGrid/animatedGrid.d.ts

@@ -19,5 +19,5 @@ declare type RotationAndOffsetType = {
     degrees: number;
     offset?: number;
 };
-export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => JSX.Element;
+export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => React.JSX.Element;
 export {};

package/dist/src/organisms/animatedTiltCard/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    animatedTiltCardContainer: import("@emotion/utils").SerializedStyles;
+    animatedTiltCardContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/awards/styles.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
-    expandedButtonContainer: import("@emotion/utils").SerializedStyles;
-    awardCardContainer: import("@emotion/utils").SerializedStyles;
-    incremental: import("@emotion/utils").SerializedStyles;
+    expandedButtonContainer: import("@emotion/react").SerializedStyles;
+    awardCardContainer: import("@emotion/react").SerializedStyles;
+    incremental: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/banner/banner.d.ts

@@ -19,5 +19,5 @@ declare type BannerWithChildren = BaseBannerProps & {
     bannerTitle?: never;
 };
 export declare type BannerProps = BannerWithTitle | BannerWithChildren;
-export declare const Banner: ({ isOutlined, ...props }: BannerProps) => JSX.Element;
+export declare const Banner: ({ isOutlined, ...props }: BannerProps) => React.JSX.Element;
 export {};

package/dist/src/organisms/circleMenu/styles.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    circleMenuContainer: import("@emotion/utils").SerializedStyles;
-    trigger: import("@emotion/utils").SerializedStyles;
+    circleMenuContainer: import("@emotion/react").SerializedStyles;
+    trigger: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/imageUploadWidget/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    stickersContainer: import("@emotion/utils").SerializedStyles;
+    stickersContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/imageUploader/imageUploader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FileRejection } from 'react-dropzone';
 import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
 declare type AcceptedFileType = 'jpg' | 'png' | 'gif' | 'jpeg';
@@ -15,5 +16,5 @@ export declare type ImageUploaderProps = {
 };
 export declare type AcceptedFiles = File[];
 export declare type RejectedFiles = FileRejection[];
-export declare const ImageUploader: (props: ImageUploaderProps) => JSX.Element;
+export declare const ImageUploader: (props: ImageUploaderProps) => React.JSX.Element;
 export {};

package/dist/src/organisms/incrementSetting/styles.d.ts

@@ -1,4 +1,4 @@
 declare const _default: {
-    incrementSettingContainer: (isStacked?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    incrementSettingContainer: (isStacked?: boolean) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/navigationPill/styles.d.ts

@@ -1,8 +1,8 @@
 declare const _default: {
-    navigationPillContainer: (height: number) => import("@emotion/utils").SerializedStyles;
-    pillBackground: import("@emotion/utils").SerializedStyles;
-    pillCutOut: (cutOutSize: number) => import("@emotion/utils").SerializedStyles;
-    pillDot: (cutOutSize: number) => import("@emotion/utils").SerializedStyles;
-    pillItem: (height: number) => import("@emotion/utils").SerializedStyles;
+    navigationPillContainer: (height: number) => import("@emotion/react").SerializedStyles;
+    pillBackground: import("@emotion/react").SerializedStyles;
+    pillCutOut: (cutOutSize: number) => import("@emotion/react").SerializedStyles;
+    pillDot: (cutOutSize: number) => import("@emotion/react").SerializedStyles;
+    pillItem: (height: number) => import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/page/page.d.ts

@@ -26,5 +26,5 @@ export declare type PageProps = {
     contentOffsetY?: MotionValue<number> | number;
     children?: React.ReactNode;
 };
-export declare const Page: ({ width, direction, contentWidth, contentHeight, alignment, currentPage, gap, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, momentum, animationType, directionLock, dragEnabled, wheelEnabled, contentOffsetX, contentOffsetY, children, height, }: PageProps) => JSX.Element;
+export declare const Page: ({ width, direction, contentWidth, contentHeight, alignment, currentPage, gap, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, momentum, animationType, directionLock, dragEnabled, wheelEnabled, contentOffsetX, contentOffsetY, children, height, }: PageProps) => React.JSX.Element;
 export {};

package/dist/src/organisms/phoneInput/styles.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    phoneInputWrapper: import("@emotion/utils").SerializedStyles;
-    phoneInputContainer: import("@emotion/utils").SerializedStyles;
+    phoneInputWrapper: import("@emotion/react").SerializedStyles;
+    phoneInputContainer: import("@emotion/react").SerializedStyles;
 };
 export default _default;

package/dist/src/organisms/pill/pill.d.ts

@@ -16,4 +16,4 @@ export declare type PillItemsType = {
     isActive?: boolean;
     activeColor?: IconColors;
 };
-export declare const Pill: ({ title, items, flexDirection, boxShadow, children, }: PillProps) => JSX.Element;
+export declare const Pill: ({ title, items, flexDirection, boxShadow, children, }: PillProps) => React.JSX.Element;

package/dist/src/organisms/pinInput/styles.d.ts

@@ -1,7 +1,7 @@
 import { InputsEntity } from "../../theme/theming/entities";
 declare const _default: {
-    pinForm: (inputEntity: InputsEntity) => import("@emotion/utils").SerializedStyles;
-    pinBoxContainer: import("@emotion/utils").SerializedStyles;
-    pinBox: (inputEntity: InputsEntity, focus: boolean) => import("@emotion/utils").SerializedStyles;
+    pinForm: (inputEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
+    pinBoxContainer: import("@emotion/react").SerializedStyles;
+    pinBox: (inputEntity: InputsEntity, focus: boolean) => import("@emotion/react").SerializedStyles;
 };
 export default _default;