@sendoutcards/quantum-design-ui 1.6.5 → 1.6.6

package/dist/index.es.js

@@ -16215,22 +16215,37 @@ var QuantitySlider = function (_a) {
   }));
 };
 
+var convertTextColorToIconColor = function (textColor) {
+  switch (textColor) {
+    case 'primaryBody':
+      return 'primaryBodyText';
+
+    case 'primaryHeading':
+      return 'primaryHeadingText';
+
+    case 'inverseBody':
+      return 'inverseBodyText';
+
+    case 'inverseHeading':
+      return 'inverseHeadingText';
+
+    default:
+      return textColor;
+  }
+};
+
 var FeatureBadge = function (_a) {
   var title = _a.title,
-      backgroundColor = _a.backgroundColor,
-      iconColor = _a.iconColor,
-      textColor = _a.textColor,
+      _b = _a.backgroundColor,
+      backgroundColor = _b === void 0 ? 'success' : _b,
+      _c = _a.color,
+      color = _c === void 0 ? 'inverseBody' : _c,
       size = _a.size,
       icon = _a.icon,
       onClick = _a.onClick;
+  var hocs = useEntities().hocs;
   return jsx(Flex, {
-    backgroundColor: backgroundColor ? {
-      swatch: backgroundColor,
-      shade: 'base'
-    } : {
-      swatch: 'success',
-      shade: 'base'
-    },
+    backgroundColor: hocs.colors.swatches[backgroundColor].base,
     inset: icon ? {
       left: 'x1',
       vertical: 'x1',
@@ -16254,7 +16269,7 @@ var FeatureBadge = function (_a) {
     }
   }, jsx(Icon, {
     name: icon,
-    primaryColor: iconColor !== null && iconColor !== void 0 ? iconColor : 'inverseHeadingText',
+    primaryColor: convertTextColorToIconColor(color),
     size: size !== null && size !== void 0 ? size : 'small'
   })), jsx(Text, {
     style: {
@@ -16262,7 +16277,7 @@ var FeatureBadge = function (_a) {
       letterSpacing: 0.5
     },
     type: "caption",
-    color: textColor !== null && textColor !== void 0 ? textColor : 'inverseHeading',
+    color: color,
     weight: "bold"
   }, title));
 };
@@ -20184,14 +20199,16 @@ var PromotionWidget = function (_a) {
       _c = _a.width,
       width = _c === void 0 ? '100%' : _c,
       type = _a.type,
-      buttonSize = _a.buttonSize;
+      children = _a.children,
+      _d = _a.backgroundColor,
+      backgroundColor = _d === void 0 ? 'background' : _d;
   var widget = useEntities().widget;
   var widgetProperties = widget[type];
   return jsx(Card, {
     display: "flex",
     justifyItems: "start",
     borderRadius: "default",
-    backgroundColor: "background",
+    backgroundColor: backgroundColor,
     inset: "x4",
     width: width,
     minWidth: minWidth
@@ -20217,13 +20234,12 @@ var PromotionWidget = function (_a) {
     type: "caption"
   }, description)), jsx(Flex, {
     justifyContent: "flex-start"
-  }, jsx(Button, {
-    type: type,
+  }, primaryAction && jsx(Button, {
+    type: "success",
     onClick: function () {
       return primaryAction.onClick();
-    },
-    size: buttonSize
-  }, primaryAction.title))));
+    }
+  }, primaryAction.title), children)));
 };
 
 var _emotionSourceMap = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHRodW1ibmFpbENvbnRhaW5lcjogY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcIl0sIFtcIlwiXSkpKSxcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */";
@@ -20578,10 +20594,7 @@ var AffiliateShareWidget = function (_a) {
     title: "Share the $97 Postcard Program",
     type: "secondary",
     description: "",
-    primaryAction: {
-      onClick: function () {},
-      title: 'Action Title'
-    }
+    backgroundColor: "foreground"
   }, jsx(Clipboard, {
     copyText: shareLink
   }));

package/dist/src/helpers/style-functions/convertTextColorToIconColor.d.ts

@@ -0,0 +1,3 @@
+import { TextColor } from "../../atoms/typography/text";
+import { IconColors } from "../../exports/atoms";
+export declare const convertTextColorToIconColor: (textColor: TextColor) => IconColors;

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

@@ -1,14 +1,13 @@
 import { FC } from 'react';
 import { TextColor } from "../../atoms/typography/text";
 import { SizeType } from "../../types/global";
-import { IconColors, IconType } from "../../exports/atoms";
+import { IconType } from "../../exports/atoms";
 import { HOCSwatchColorKeys } from "../../helpers/hoc-types/entityValueTypes";
 export declare type FeatureBadgeProps = {
     title: string;
     backgroundColor?: HOCSwatchColorKeys;
     icon?: IconType;
-    iconColor?: IconColors;
-    textColor?: TextColor;
+    color?: TextColor;
     size?: SizeType;
     onClick?: () => void;
 };

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

@@ -1,10 +1,12 @@
 import { FC } from 'react';
 import { SizeType, ThemeMode } from "../../types/global";
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
 export declare type PromotionWidgetProps = {
     title: string;
     description: string;
     capsuleTitle: string;
-    primaryAction: {
+    backgroundColor?: BackgroundColor;
+    primaryAction?: {
         onClick: () => void;
         title: string;
     };

package/package.json

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