@sendoutcards/quantum-design-ui 1.7.65 → 1.7.66

package/dist/index.es.js

@@ -20203,7 +20203,9 @@ var PricingTile = function (_a) {
       hasShadow = _h === void 0 ? true : _h,
       disclaimer = _a.disclaimer,
       _j = _a.isSelected,
-      isSelected = _j === void 0 ? false : _j;
+      isSelected = _j === void 0 ? false : _j,
+      _k = _a.isFullLength,
+      isFullLength = _k === void 0 ? false : _k;
   var hocs = useEntities().hocs;
 
   var getIconColorFromAccentColor = function (accentColor) {
@@ -20251,16 +20253,17 @@ var PricingTile = function (_a) {
 
   var featureTextColor = isFeatured ? featuredItemStyles.textColor === 'white' ? 'inverseBody' : 'primaryBody' : textColor === 'white' ? 'inverseBody' : 'primaryBody';
 
-  var _k = useState(false),
-      isDisclaimerOpen = _k[0],
-      setDisclaimerOpen = _k[1];
+  var _l = useState(false),
+      isDisclaimerOpen = _l[0],
+      setDisclaimerOpen = _l[1];
 
   return jsx(Flex, {
+    id: "pricingTileContainerQDS",
     inset: "x5",
     backgroundColor: isFeatured ? hocs.textColors[featuredItemStyles.backgroundColor] : hocs.textColors[backgroundColor],
     width: "100%",
     position: "relative",
-    height: "fit-content",
+    height: isFullLength ? 'auto' : 'fit-content',
     borderStyle: 'solid',
     borderColor: isSelected ? {
       swatch: 'success',
@@ -20713,7 +20716,7 @@ var MobileView = function (_a) {
     setOpenSection(false);
   };
 
-  var section = links[currentSection];
+  var section = links ? links[currentSection] : undefined;
 
   var isLinkType = function (valueToCheck) {
     var link = valueToCheck;
@@ -20737,7 +20740,7 @@ var MobileView = function (_a) {
           width: "100%"
         }, jsx(VStack, {
           gap: "x0"
-        }, links.map(function (item, i) {
+        }, links && links.map(function (item, i) {
           return isLinkType(item) ? jsx(Anchor, _extends({
             inset: {
               horizontal: 'x3'
@@ -20779,7 +20782,7 @@ var MobileView = function (_a) {
     }
   }, jsx(Div, {
     width: "100%"
-  }, !isLinkType(section) && jsx(React.Fragment, null, jsx(Div, {
+  }, section && !isLinkType(section) && jsx(React.Fragment, null, jsx(Div, {
     cursor: "pointer",
     display: "flex",
     width: "100%",
@@ -20906,7 +20909,7 @@ var StaticNavigation = function (_a) {
       horizontal: 'x3'
     },
     zIndex: zIndex
-  }, isMobile && jsx(Div, null, jsx(IconLink, {
+  }, links && isMobile && jsx(Div, null, jsx(IconLink, {
     size: isOpen ? 'xSmall' : 'small',
     icon: isOpen ? 'close' : 'hamburger',
     onClick: function () {
@@ -20923,7 +20926,7 @@ var StaticNavigation = function (_a) {
     width: "100%",
     alignItems: "center",
     justifyContent: "center"
-  }, links.map(function (link, index) {
+  }, links && links.map(function (link, index) {
     return jsx(Div, {
       inset: {
         horizontal: size === 'large' ? 'x1' : 'x2'
@@ -20969,7 +20972,7 @@ var StaticNavigation = function (_a) {
   }, jsx(Div, {
     outset: "x3",
     ref: ref
-  }, links.map(function (link, index) {
+  }, links && links.map(function (link, index) {
     return selectedTab === index && jsx(HStack, {
       key: index,
       gap: "x9",

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

@@ -40,6 +40,7 @@ export declare type PricingTileProps = {
     hasShadow?: boolean;
     disclaimer?: Disclaimer;
     isSelected?: boolean;
+    isFullLength?: boolean;
 };
 export declare const PricingTile: FC<PricingTileProps>;
 export {};

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

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { DropdownLink, Link } from '../staticNavigation';
 declare type MobileViewProps = {
     isOpen: boolean;
-    links: (DropdownLink | Link)[];
+    links?: (DropdownLink | Link)[];
     toggle: () => void;
 };
 export declare const MobileView: FC<MobileViewProps>;

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

@@ -28,7 +28,7 @@ export declare type StaticNavigationProps = {
         onClick?: () => void;
     };
     accountSection?: React.ReactNode;
-    links: (DropdownLink | Link)[];
+    links?: (DropdownLink | Link)[];
     zIndex?: number;
     openValueOverride?: number;
     drawerOffset?: number;

package/package.json

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