@sendoutcards/quantum-design-ui 1.7.49 → 1.7.52

package/dist/index.es.js

@@ -10521,6 +10521,87 @@ var ViewSinglePanel = function (_a) {
   }));
 };
 
+var EdtiorText = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    onClick: onClick && function () {
+      return onClick();
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity)
+  }, jsx("path", {
+    d: "M 7.703 1.247 C 7.703 1.247 7.823 1.247 7.823 1.366 L 13.943 16.922 C 14.183 17.278 13.943 17.753 13.583 17.872 L 13.343 17.872 C 12.983 17.872 12.743 17.634 12.623 17.397 L 11.423 14.547 L 2.663 14.547 L 1.463 17.397 C 1.343 17.753 0.983 17.872 0.743 17.872 L 0.503 17.872 C 0.143 17.753 0.023 17.278 0.143 16.922 L 6.383 1.247 L 6.503 1.128 C 6.623 1.128 6.623 1.009 6.623 1.009 L 6.743 1.009 C 6.743 0.891 6.863 0.891 6.863 0.891 L 7.343 0.891 L 7.463 1.009 C 7.463 1.128 7.583 1.128 7.583 1.128 C 7.703 1.128 7.703 1.247 7.703 1.247 Z M 7.103 3.503 L 3.263 13.122 L 10.943 13.122 Z M 22.343 10.153 C 22.343 9.797 22.703 9.441 23.063 9.441 C 23.543 9.441 23.783 9.678 23.903 10.034 L 23.903 17.159 C 23.903 17.516 23.543 17.872 23.183 17.872 C 22.823 17.872 22.463 17.516 22.463 17.159 L 22.463 16.803 C 21.623 17.634 20.423 18.109 19.343 18.109 C 17.063 18.109 15.383 16.447 15.383 13.953 C 15.383 11.697 16.943 10.034 19.223 9.797 C 20.423 9.678 21.503 9.916 22.343 10.509 Z M 16.703 14.072 C 16.703 15.378 17.543 16.803 19.223 16.803 C 20.783 16.803 22.343 15.497 22.343 13.241 C 22.343 12.766 22.103 12.291 21.743 11.934 C 21.263 11.578 20.543 11.341 19.703 11.341 L 19.223 11.341 C 17.663 11.459 16.703 12.528 16.703 14.072 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Layout = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    onClick: onClick && function () {
+      return onClick();
+    },
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity)
+  }, jsx("path", {
+    d: "M 8.27 22.75 L 4.23 22.75 C 2.22 22.75 1.25 21.82 1.25 19.9 L 1.25 4.1 C 1.25 2.18 2.23 1.25 4.23 1.25 L 8.27 1.25 C 10.28 1.25 11.25 2.18 11.25 4.1 L 11.25 19.9 C 11.25 21.82 10.27 22.75 8.27 22.75 Z M 4.23 2.75 C 2.96 2.75 2.75 3.09 2.75 4.1 L 2.75 19.9 C 2.75 20.91 2.96 21.25 4.23 21.25 L 8.27 21.25 C 9.54 21.25 9.75 20.91 9.75 19.9 L 9.75 4.1 C 9.75 3.09 9.54 2.75 8.27 2.75 Z M 19.77 13.75 L 15.73 13.75 C 13.72 13.75 12.75 12.82 12.75 10.9 L 12.75 4.1 C 12.75 2.18 13.73 1.25 15.73 1.25 L 19.77 1.25 C 21.78 1.25 22.75 2.18 22.75 4.1 L 22.75 10.9 C 22.75 12.82 21.77 13.75 19.77 13.75 Z M 15.73 2.75 C 14.46 2.75 14.25 3.09 14.25 4.1 L 14.25 10.9 C 14.25 11.91 14.46 12.25 15.73 12.25 L 19.77 12.25 C 21.04 12.25 21.25 11.91 21.25 10.9 L 21.25 4.1 C 21.25 3.09 21.04 2.75 19.77 2.75 Z M 19.77 22.75 L 15.73 22.75 C 13.72 22.75 12.75 21.82 12.75 19.9 L 12.75 18.1 C 12.75 16.18 13.73 15.25 15.73 15.25 L 19.77 15.25 C 21.78 15.25 22.75 16.18 22.75 18.1 L 22.75 19.9 C 22.75 21.82 21.77 22.75 19.77 22.75 Z M 15.73 16.75 C 14.46 16.75 14.25 17.09 14.25 18.1 L 14.25 19.9 C 14.25 20.91 14.46 21.25 15.73 21.25 L 19.77 21.25 C 21.04 21.25 21.25 20.91 21.25 19.9 L 21.25 18.1 C 21.25 17.09 21.04 16.75 19.77 16.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Background = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    }
+  }, jsx("path", {
+    d: "M 9.6 18.75 C 7.2 18.75 5.25 16.8 5.25 14.4 C 5.25 12.44 6.57 10.71 8.46 10.2 C 8.83 10.1 9.21 10.29 9.35 10.65 C 9.68 11.48 10.39 12.12 11.25 12.35 C 11.72 12.48 12.28 12.48 12.75 12.35 C 13.12 12.25 13.51 12.44 13.65 12.79 C 14.312 14.485 13.854 16.414 12.5 17.63 C 11.71 18.35 10.68 18.75 9.6 18.75 Z M 8.29 11.87 C 7.344 12.359 6.75 13.335 6.75 14.4 C 6.75 15.97 8.03 17.25 9.6 17.25 C 10.3 17.25 10.98 16.99 11.5 16.52 C 12.231 15.872 12.575 14.893 12.41 13.93 C 11.88 13.98 11.34 13.93 10.85 13.79 C 9.784 13.498 8.869 12.812 8.29 11.87 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 12 13.95 C 11.6 13.95 11.21 13.9 10.85 13.8 C 9.535 13.435 8.467 12.477 7.96 11.21 C 7.76 10.7 7.66 10.16 7.66 9.61 C 7.66 7.21 9.61 5.26 12.01 5.26 C 14.41 5.26 16.36 7.21 16.36 9.61 C 16.36 10.16 16.26 10.7 16.06 11.21 C 15.4 12.873 13.789 13.96 12 13.95 Z M 12 6.75 C 11.057 6.752 10.176 7.22 9.645 8 C 9.115 8.781 9.005 9.772 9.35 10.65 C 9.68 11.48 10.39 12.12 11.25 12.35 C 11.72 12.48 12.28 12.48 12.75 12.35 C 13.62 12.11 14.33 11.48 14.65 10.65 C 14.995 9.772 14.885 8.781 14.355 8 C 13.824 7.22 12.943 6.752 12 6.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 14.4 18.75 C 13.32 18.75 12.29 18.35 11.5 17.63 C 11.34 17.488 11.249 17.284 11.249 17.07 C 11.249 16.856 11.34 16.652 11.5 16.51 C 12.392 15.721 12.693 14.456 12.25 13.35 C 12.175 13.151 12.187 12.931 12.282 12.741 C 12.377 12.551 12.546 12.409 12.75 12.35 C 13.613 12.11 14.316 11.481 14.65 10.65 C 14.79 10.296 15.172 10.102 15.54 10.2 C 17.43 10.71 18.75 12.44 18.75 14.4 C 18.75 16.8 16.8 18.75 14.4 18.75 Z M 13.12 16.95 C 14.004 17.391 15.054 17.344 15.895 16.825 C 16.736 16.306 17.248 15.388 17.25 14.4 C 17.25 13.32 16.64 12.35 15.71 11.87 C 15.27 12.59 14.62 13.17 13.86 13.53 C 14.107 14.723 13.838 15.965 13.12 16.95 Z",
+    fill: getIconColor(primaryColor, entity)
+  }), jsx("path", {
+    d: "M 15 22.75 L 9 22.75 C 3.57 22.75 1.25 20.43 1.25 15 L 1.25 9 C 1.25 3.57 3.57 1.25 9 1.25 L 15 1.25 C 20.43 1.25 22.75 3.57 22.75 9 L 22.75 15 C 22.75 20.43 20.43 22.75 15 22.75 Z M 9 2.75 C 4.39 2.75 2.75 4.39 2.75 9 L 2.75 15 C 2.75 19.61 4.39 21.25 9 21.25 L 15 21.25 C 19.61 21.25 21.25 19.61 21.25 15 L 21.25 9 C 21.25 4.39 19.61 2.75 15 2.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
+var Save = function (_a) {
+  var primaryColor = _a.primaryColor,
+      onClick = _a.onClick,
+      size = _a.size,
+      entity = _a.entity;
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: getIconSize(size, entity),
+    height: getIconSize(size, entity),
+    onClick: onClick && function () {
+      return onClick();
+    }
+  }, jsx("path", {
+    d: "M 17 22.75 L 7 22.75 C 2.59 22.75 1.25 21.41 1.25 17 L 1.25 7 C 1.25 2.59 2.59 1.25 7 1.25 L 8.5 1.25 C 10.25 1.25 10.8 1.82 11.5 2.75 L 13 4.75 C 13.33 5.19 13.38 5.25 14 5.25 L 17 5.25 C 21.41 5.25 22.75 6.59 22.75 11 L 22.75 17 C 22.75 21.41 21.41 22.75 17 22.75 Z M 7 2.75 C 3.43 2.75 2.75 3.43 2.75 7 L 2.75 17 C 2.75 20.57 3.43 21.25 7 21.25 L 17 21.25 C 20.57 21.25 21.25 20.57 21.25 17 L 21.25 11 C 21.25 7.43 20.57 6.75 17 6.75 L 14 6.75 C 12.72 6.75 12.3 6.31 11.8 5.65 L 10.3 3.65 C 9.78 2.96 9.63 2.75 8.5 2.75 Z",
+    fill: getIconColor(primaryColor, entity)
+  }));
+};
+
 var Icon = function (_a) {
   var primaryColor = _a.primaryColor,
       secondaryColor = _a.secondaryColor,
@@ -10867,6 +10948,18 @@ var Icon = function (_a) {
 
     case 'viewSinglePanel':
       return jsx(ViewSinglePanel, props);
+
+    case 'editorText':
+      return jsx(EdtiorText, props);
+
+    case 'layout':
+      return jsx(Layout, props);
+
+    case 'background':
+      return jsx(Background, props);
+
+    case 'save':
+      return jsx(Save, props);
   }
 };
 
@@ -12985,25 +13078,27 @@ var Sheet = function (_a) {
       initialSnapPoint = _a.initialSnapPoint,
       outsideClickBypassId = _a.outsideClickBypassId,
       zIndex = _a.zIndex,
-      bgElementSelector = _a.bgElementSelector; // TODO's
+      bgElementSelector = _a.bgElementSelector,
+      _c = _a.hasOverlay,
+      hasOverlay = _c === void 0 ? true : _c; // TODO's
 
   /**
    * 1. Hook up child scrolling when scrolling is enabled
    * 2. background component is off when the sheet exceeds the window and stops at the top
    */
 
-  var _c = useState([]),
-      snapPoints = _c[0],
-      setSnapPoints = _c[1];
+  var _d = useState([]),
+      snapPoints = _d[0],
+      setSnapPoints = _d[1];
 
-  var _d = useState(false),
-      setIsScrollingEnabled = _d[1];
+  var _e = useState(false),
+      setIsScrollingEnabled = _e[1];
 
   var targetRef = useRef(null);
 
-  var _e = useState(((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
-      sheetHeight = _e[0],
-      setSheetHeight = _e[1];
+  var _f = useState(((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
+      sheetHeight = _f[0],
+      setSheetHeight = _f[1];
 
   var device = useDeviceSize().device;
   var isMobile = device === 'small' || device === 'xSmall' ? true : false;
@@ -13153,7 +13248,12 @@ var Sheet = function (_a) {
       }
     }
   }, [windowHeight, sheetHeight, getPositionFromPercentile, setIsOpen, snapPointPercentages, snapPoints, y, maxOpenPoint]);
-  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
+  return jsx(AnimatePresence, null, isOpen && jsx(Flex, {
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center"
+  }, hasOverlay && jsx(Overlay, {
     motionKey: "sheetOverlay",
     variants: overlayVariants,
     animate: isOpen ? 'visible' : 'hidden',
@@ -13161,7 +13261,7 @@ var Sheet = function (_a) {
     exit: 'hidden',
     zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : 4,
     bgElementSelector: bgElementSelector
-  }, jsx(Div, {
+  }), jsx(Div, {
     id: "sheetWrapper",
     width: {
       xSmall: '100%',
@@ -14014,7 +14114,10 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     boxShadow: dialog.boxShadow,
     inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
     outset: onClose ? {
-      vertical: 'x0',
+      vertical: {
+        xSmall: 'x8',
+        medium: 'x0'
+      },
       horizontal: 'x1'
     } : 'x0',
     maxWidth: maxWidth,
@@ -20020,7 +20123,7 @@ var PricingTile = function (_a) {
   }, description !== null && description !== void 0 ? description : children), jsx(Flex, {
     width: "100%",
     alignItems: "center"
-  }, jsx(Text, {
+  }, price && jsx(Text, {
     type: {
       xSmall: 'subtitle',
       medium: 'title'
@@ -20113,6 +20216,7 @@ var PricingTile = function (_a) {
           bottom: '0'
         }
       }, jsx(Text, {
+        color: featureTextColor,
         type: "body"
       }, subFeature));
     })))) : jsx(Text, {

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SVGProps } from '../types/index';
+export declare const Save: 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';
+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';
 export declare type IconProps = {
     name: IconType;
 } & Omit<SVGProps, 'entity'>;

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

@@ -31,21 +31,21 @@ 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" | 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" | 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" | 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" | 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" | 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" | 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" | 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" | 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" | 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" | 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" | 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" | undefined;
     id: number;
 } & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;

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

@@ -13,5 +13,6 @@ export declare type SheetProps = {
     outsideClickBypassId?: string;
     zIndex?: number;
     bgElementSelector?: string;
+    hasOverlay?: boolean;
 };
 export declare const Sheet: FC<SheetProps>;

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

@@ -25,7 +25,8 @@ declare type Disclaimer = {
 };
 export declare type PricingTileProps = {
     title: string;
-    price: string;
+    price?: string;
+    priceSubtext?: string;
     features: Features[];
     primaryAction?: ActionType;
     secondaryAction?: ActionType;
@@ -35,7 +36,6 @@ export declare type PricingTileProps = {
     backgroundColor?: PricingTileColorType;
     textColor?: 'gray' | 'white';
     description?: string;
-    priceSubtext?: string;
     billingInterval?: string;
     hasShadow?: boolean;
     disclaimer?: Disclaimer;

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

@@ -12,7 +12,7 @@ export declare const AlignRight: any;
 export declare const AllPanel: any;
 export declare const AText: any;
 export declare const Award: any;
-export declare const BackgroundSettings: any;
+export declare const Background: any;
 export declare const Brightness: any;
 export declare const Campaigns: any;
 export declare const CapitalizedText: any;
@@ -33,6 +33,7 @@ export declare const Delete: any;
 export declare const Drag: any;
 export declare const Download: any;
 export declare const ElementIcon: any;
+export declare const EdtiorText: any;
 export declare const Envelope: any;
 export declare const Exclamation: any;
 export declare const Facebook: any;
@@ -60,7 +61,7 @@ export declare const LayerAdd: any;
 export declare const LayerDisabled: any;
 export declare const LayerDown: any;
 export declare const LayerRemove: any;
-export declare const LayerUp: any;
+export declare const Layout: any;
 export declare const LinkedIn: any;
 export declare const Loading: any;
 export declare const Lock: any;
@@ -87,6 +88,7 @@ export declare const SliderHorizontal: any;
 export declare const SliderVertical: any;
 export declare const SOCLogo: any;
 export declare const Star: any;
+export declare const Save: any;
 export declare const Stickers: any;
 export declare const Template: any;
 export declare const TenDoor: any;

package/package.json

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