@sendoutcards/quantum-design-ui 1.8.11 → 1.8.13

package/dist/index.es.js

@@ -11678,6 +11678,33 @@ var Coaching = function (_a) {
   }));
 };
 
+var PromptingsIcon$1 = function (_a) {
+  var primaryColor = _a.primaryColor,
+    size = _a.size,
+    onClick = _a.onClick,
+    entity = _a.entity;
+  return jsx("svg", {
+    onClick: onClick && function () {
+      return onClick();
+    },
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    viewBox: "0 0 20 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, jsx("g", {
+    clipPath: "url(#a)"
+  }, jsx("path", {
+    d: "M12.416 4.283c-2.512.949-3.08 3.579-3.722 5.696-.92.079-1.72.295-2.745.747l-.021.025c.7-.101 1.866-.05 2.475.207-.387 1.422-.709 2.933-1.551 4.142-.955 1.475-3.41 1.634-4.567.267-1.124-1.263-.318-3.462 1.345-4.01-1.848.515-2.875 2.799-1.812 4.302 1.125 1.656 4.03 1.986 5.691.813 1.598-1.228 1.852-3.228 2.28-4.952.039-.158.075-.316.112-.474 2.515-.099 5.527.087 7.264-1.94 2.63-3.061-1.049-6.518-4.75-4.823Zm2.8 4.744c-1.512.747-3.352.742-5.049.925.276-1.073.61-2.142 1.152-3.105.757-1.35 2.86-2.229 4.388-1.46 1.585.863.945 2.933-.491 3.64Z",
+    fill: getIconColor(primaryColor, entity)
+  })), jsx("defs", null, jsx("clipPath", {
+    id: "a"
+  }, jsx("path", {
+    fill: "#fff",
+    d: "M0 .5h20v20H0z"
+  }))));
+};
+
 var Icon = function (_a) {
   var primaryColor = _a.primaryColor,
     secondaryColor = _a.secondaryColor,
@@ -11955,6 +11982,8 @@ var Icon = function (_a) {
       return jsx(Warning, props);
     case 'coaching':
       return jsx(Coaching, props);
+    case 'promptingsIcon':
+      return jsx(PromptingsIcon$1, props);
   }
 };
 
@@ -12310,6 +12339,7 @@ var useOutsideClick = function (ref, handler, targetIdBypass) {
 };
 
 var Div = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var rest = __rest(props, []);
   var entities = useEntities();
   var generatedDivStyles = generateStyles(props, entities);
   useOutsideClick(ref, function () {
@@ -12328,7 +12358,7 @@ var Div = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     css: styles$R.divStyles(generatedDivStyles),
     className: "" + (props.className ? props.className : '')
-  }), props.children);
+  }, rest), props.children);
 });
 
 var useWindowSize = function () {
@@ -12404,50 +12434,51 @@ var Text = function (_a) {
     lineHeight = props.lineHeight,
     whiteSpace = props.whiteSpace,
     isInline = props.isInline,
-    style = props.style;
+    style = props.style,
+    rest = __rest(props, ["type", "color", "children", "content", "alignment", "isItalic", "isStrikeThrough", "outset", "inset", "weight", "lineHeight", "whiteSpace", "isInline", "style"]);
   var text = useEntities().text;
   var width = useWindowSize().width;
   var getText = useCallback(function (type) {
     switch (type) {
       case 'heroTitle':
-        return jsx("h1", {
+        return jsx("h1", _extends({
           style: style,
           css: styles$S.heroTitle(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'title':
-        return jsx("h2", {
+        return jsx("h2", _extends({
           style: style,
           css: styles$S.title(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'subtitle':
-        return jsx("h3", {
+        return jsx("h3", _extends({
           style: style,
           css: styles$S.subtitle(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'largeBody':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.largeBody(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'body':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.body(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'caption':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.caption(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'footnote':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.footnote(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       default:
         return;
     }
-  }, [color, weight, alignment, isItalic, isStrikeThrough, lineHeight, content, text, children, whiteSpace, isInline, style]);
+  }, [color, weight, alignment, isItalic, isStrikeThrough, lineHeight, content, text, children, whiteSpace, isInline, style, rest]);
   var renderText = useMemo(function () {
     return makeTextResponsive(type, getText, width);
   }, [width, getText, type]);
@@ -13567,10 +13598,11 @@ var Overlay = function (_a) {
     motionKey = _a.motionKey,
     position = _a.position,
     _b = _a.pinned,
-    pinned = _b === void 0 ? 'center' : _b;
+    pinned = _b === void 0 ? 'center' : _b,
+    rest = __rest(_a, ["children", "zIndex", "animate", "initial", "exit", "variants", "transition", "motionKey", "position", "pinned"]);
   var hocs = useEntities().hocs;
   var pinnedPosition = pinned === 'top' ? 'flex-start' : pinned === 'bottom' ? 'flex-end' : 'center';
-  return jsx(Div, {
+  return jsx(Div, _extends({
     motionKey: motionKey,
     variants: variants,
     animate: animate,
@@ -13588,7 +13620,7 @@ var Overlay = function (_a) {
     backgroundColor: Color$1(hocs.colors.swatches.grayScale._800).rgb().alpha(0.98).toString(),
     overflow: "hidden",
     transition: transition
-  }, children);
+  }, rest), children);
 };
 
 var Circle = function (_a) {
@@ -14967,7 +14999,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _e = props.borderRadius,
     borderRadius = _e === void 0 ? 'default' : _e,
     _f = props.pinned,
-    pinned = _f === void 0 ? 'center' : _f;
+    pinned = _f === void 0 ? 'center' : _f,
+    rest = __rest(props, ["zIndex", "isOpen", "onClose", "maxWidth", "maxHeight", "bgElementSelector", "isFullScreen", "closeButtonId", "insetOverride", "height", "width", "children", "shouldScroll", "borderRadius", "pinned"]);
   var pinnedRadius = pinned === 'bottom' ? {
     top: borderRadius,
     bottom: 'none'
@@ -14975,7 +15008,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     bottom: borderRadius,
     top: 'none'
   } : borderRadius;
-  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
+  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, _extends({
     variants: overlayVariants,
     animate: isOpen ? 'open' : 'closed',
     initial: 'closed',
@@ -14983,7 +15016,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     exit: 'closed',
     bgElementSelector: bgElementSelector,
     pinned: pinned
-  }, jsx(Div, {
+  }, rest), jsx(Div, {
     ref: ref,
     outsideClick: onClose,
     variants: dialogVariants,
@@ -17337,16 +17370,17 @@ var PromptingsIcon = function (_a) {
 };
 
 var Logo = function (_a) {
-  var _b, _c;
+  var _b, _c, _d;
   var brand = _a.brand,
     color = _a.color,
-    _d = _a.type,
-    type = _d === void 0 ? 'fullLogo' : _d,
-    _e = _a.width,
-    width = _e === void 0 ? '100px' : _e,
+    _e = _a.type,
+    type = _e === void 0 ? 'fullLogo' : _e,
+    _f = _a.width,
+    width = _f === void 0 ? '100px' : _f,
     href = _a.href,
     onClick = _a.onClick,
-    secondaryLogo = _a.secondaryLogo;
+    secondaryLogo = _a.secondaryLogo,
+    shouldShowParentBrand = _a.shouldShowParentBrand;
   var selectLogo = {
     bellaCadeaux: {
       fullLogo: BellaCadeauxLogo
@@ -17383,7 +17417,6 @@ var Logo = function (_a) {
     }
   };
   var SelectedLogo = ((_b = selectLogo[brand]) === null || _b === void 0 ? void 0 : _b[type]) || PromptingsLogo;
-  var SecondaryLogo = secondaryLogo ? (_c = selectLogo[secondaryLogo.logo]) === null || _c === void 0 ? void 0 : _c[secondaryLogo.type || type] : null;
   return jsx(Span, {
     style: {
       lineHeight: 0
@@ -17391,7 +17424,7 @@ var Logo = function (_a) {
     display: "inline-block",
     width: 'fit-content'
   }, jsx(Flex, {
-    flexDirection: "row",
+    flexDirection: "column",
     columnGap: "x_5",
     alignItems: "center",
     style: {
@@ -17406,16 +17439,33 @@ var Logo = function (_a) {
   }, jsx(SelectedLogo, {
     color: color,
     width: width
-  })), SecondaryLogo && jsx(React.Fragment, null, "|", jsx("a", {
-    href: secondaryLogo === null || secondaryLogo === void 0 ? void 0 : secondaryLogo.href,
-    onClick: secondaryLogo === null || secondaryLogo === void 0 ? void 0 : secondaryLogo.onClick,
+  })), shouldShowParentBrand && jsx(Flex, {
+    alignItems: "center",
+    style: {
+      fontFamily: 'Ubuntu',
+      fontStyle: 'italic',
+      fontSize: (_c = secondaryLogo === null || secondaryLogo === void 0 ? void 0 : secondaryLogo.fontSize) !== null && _c !== void 0 ? _c : '12px'
+    },
+    justifyContent: "flex-end",
+    flexDirection: "row",
+    columnGap: "x_25",
+    opacity: 0.5,
+    width: "100%",
+    inset: {
+      right: 'x1_5'
+    }
+  }, "a", jsx("a", {
+    href: href,
+    onClick: onClick,
     style: {
       cursor: 'pointer'
     }
-  }, jsx(SecondaryLogo, {
+  }, jsx(PromptingsLogo, {
+    brand: "promptings",
     color: color,
-    width: width
-  })))));
+    width: (_d = secondaryLogo === null || secondaryLogo === void 0 ? void 0 : secondaryLogo.width) !== null && _d !== void 0 ? _d : width,
+    type: "fullLogo"
+  })), "company")));
 };
 
 var getDifference = function (currentDate, endDate) {
@@ -20059,7 +20109,8 @@ var ConfirmDialog = function (_a) {
     maxWidth = _c === void 0 ? '552px' : _c,
     _d = _a.hasStackedActions,
     hasStackedActions = _d === void 0 ? false : _d,
-    maxHeight = _a.maxHeight;
+    maxHeight = _a.maxHeight,
+    rest = __rest(_a, ["additionalLink", "accept", "decline", "title", "description", "zIndex", "isOpen", "primaryAction", "onClose", "requireScroll", "maxWidth", "hasStackedActions", "maxHeight"]);
   var isPrimaryAccept = primaryAction === 'accept' ? true : false;
   var _e = useState(false),
     hasScrolled = _e[0],
@@ -20069,13 +20120,13 @@ var ConfirmDialog = function (_a) {
       setHasScrolled(true);
     }
   };
-  return jsx(Dialog, {
+  return jsx(Dialog, _extends({
     isOpen: isOpen,
     zIndex: zIndex,
     onClose: onClose,
     maxWidth: maxWidth,
     maxHeight: maxHeight
-  }, jsx(Flex, {
+  }, rest), jsx(Flex, {
     flexDirection: "column"
   }, jsx(Text, {
     weight: "semiBold",
@@ -21567,17 +21618,21 @@ var StaticNavigation = function (_a) {
     openValueOverride = _a.openValueOverride,
     _d = _a.drawerOffset,
     drawerOffset = _d === void 0 ? 60 : _d,
-    isFrosted = _a.isFrosted;
+    isFrosted = _a.isFrosted,
+    menuDropdown = _a.menuDropdown;
   var _e = useState(0),
     selectedTab = _e[0],
     setSelectedTab = _e[1];
   var _f = useState(false),
     isOpen = _f[0],
     setIsOpen = _f[1];
+  var _g = React.useState(false),
+    isMenuOpen = _g[0],
+    setIsMenuOpen = _g[1];
   var size = useDeviceSize().device;
-  var _g = useResizeObserver(),
-    ref = _g.ref,
-    height = _g.height;
+  var _h = useResizeObserver(),
+    ref = _h.ref,
+    height = _h.height;
   var hocs = useEntities().hocs;
   var isDropdownLinkType = function (valueToCheck) {
     var dropDownLink = valueToCheck;
@@ -21604,7 +21659,36 @@ var StaticNavigation = function (_a) {
     onClick: function () {
       return setIsOpen(!isOpen);
     }
-  })), !links && !isMobile && jsx("div", null), jsx(Logo, logo), links && !isMobile && jsx(Flex, {
+  })), !links && !isMobile && jsx("div", null), jsx(Flex, {
+    alignItems: "center",
+    flexDirection: "row",
+    columnGap: "x1"
+  }, menuDropdown && jsx(Div, {
+    maxWidth: "300px"
+  }, jsx("button", {
+    style: {
+      backgroundColor: '#fff',
+      borderRadius: '40px',
+      border: 'none',
+      cursor: 'pointer'
+    },
+    onClick: function () {
+      return setIsMenuOpen(!isMenuOpen);
+    }
+  }, jsx(Flex, {
+    flexDirection: "row"
+  }, jsx(Icon, {
+    name: "promptingsIcon",
+    primaryColor: "primaryHeadingText",
+    size: "xSmall"
+  }), jsx(Icon, {
+    name: "chevron",
+    orientation: 'down',
+    primaryColor: "primaryHeadingText",
+    size: "xSmall"
+  }))), jsx(DropDownMenu, _extends({}, menuDropdown, {
+    isOpen: isMenuOpen
+  }))), jsx(Logo, logo)), links && !isMobile && jsx(Flex, {
     height: "100%",
     width: "100%",
     alignItems: "center",

package/dist/src/atoms/iconography/icons/promptingsIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SVGProps } from '../types/index';
+export declare const PromptingsIcon: FC<SVGProps>;

package/dist/src/atoms/iconography/types/index.d.ts

@@ -11,7 +11,7 @@ export declare type SVGProps = {
     entity: IconsEntity;
     orientation?: orientation;
 };
-export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | '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';
+export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | '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';
 export declare type IconProps = {
     name: IconType;
 } & Omit<SVGProps, 'entity'>;

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

@@ -2,10 +2,8 @@ import { FC } from 'react';
 export declare type BrandTypes = 'soc' | 'greenerStill' | 'bellaCadeaux' | 'promptingU' | 'blue42' | 'streamVA' | 'streamMarketing' | 'soc' | 'promptingsAcademy' | 'promptings';
 export declare type LogoColorTypes = 'white' | 'black' | 'color';
 export declare type SecodaryLogo = {
-    logo: BrandTypes;
-    type?: 'fullLogo' | 'icon';
-    onClick?: () => void;
-    href?: string;
+    width?: string;
+    fontSize?: string;
 };
 export declare type LogoProps = {
     brand: BrandTypes;
@@ -15,5 +13,6 @@ export declare type LogoProps = {
     href?: string;
     onClick?: () => void;
     secondaryLogo?: SecodaryLogo;
+    shouldShowParentBrand?: boolean;
 };
 export declare const Logo: FC<LogoProps>;

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

@@ -10,4 +10,4 @@ export declare type OverlayPropTypes = {
     children?: React.ReactNode;
     pinned?: PinnedType;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, ...rest }: OverlayPropTypes) => JSX.Element;

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

@@ -34,28 +34,28 @@ 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" | 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" | undefined;
+    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" | 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" | undefined;
+    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" | 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" | undefined;
+    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" | 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" | undefined;
+    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>)>;

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

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { TextColor, IconType } from "../../exports/atoms";
-import { LogoProps } from "../../exports/molecules";
+import { LogoProps, DropDownMenuProps } from "../../exports/molecules";
 export declare type Target = '_self' | '_blank' | '_parent' | '_top' | undefined;
 export declare type Link = {
     title: string;
@@ -28,5 +28,6 @@ export declare type StaticNavigationProps = {
     openValueOverride?: number;
     drawerOffset?: number;
     isFrosted?: boolean;
+    menuDropdown?: DropDownMenuProps;
 };
 export declare const StaticNavigation: FC<StaticNavigationProps>;

package/dist/src/stories/atoms/Icons.stories.d.ts

@@ -83,6 +83,7 @@ export declare const Pinterest: any;
 export declare const Play: any;
 export declare const Plus: any;
 export declare const PlusSquare: any;
+export declare const PromptingsIcon: any;
 export declare const Quotation: any;
 export declare const Redo: any;
 export declare const ReplaceImage: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.11",
+  "version": "1.8.13",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",