@sendoutcards/quantum-design-ui 1.7.70 → 1.7.71

package/dist/index.es.js

@@ -16703,6 +16703,94 @@ var Blue42Logo = function (_a) {
   })));
 };
 
+var PromptingsAcademyLogo = function (_a) {
+  var color = _a.color;
+  return jsx("svg", {
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 379 118.22"
+  }, jsx("g", null, jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M114.53,50.9h-4.43v7.96h-5.83v-26.52h10.84c6.33,0,10.15,3.75,10.15,9.17v.08c0,6.14-4.77,9.32-10.72,9.32Zm4.81-9.28c0-2.61-1.82-4.02-4.74-4.02h-4.51v8.11h4.62c2.92,0,4.62-1.74,4.62-4.02v-.08Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M145.48,58.86l-5.68-8.49h-4.58v8.49h-5.83v-26.52h12.12c6.25,0,10,3.3,10,8.75v.08c0,4.28-2.31,6.97-5.68,8.22l6.48,9.47h-6.82Zm.11-17.47c0-2.5-1.74-3.79-4.58-3.79h-5.8v7.62h5.91c2.84,0,4.47-1.52,4.47-3.75v-.08Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M169.17,59.32c-8.18,0-14.06-6.1-14.06-13.64v-.08c0-7.54,5.95-13.71,14.13-13.71s14.06,6.1,14.06,13.64v.08c0,7.54-5.95,13.72-14.13,13.72Zm8.03-13.72c0-4.55-3.33-8.33-8.03-8.33s-7.96,3.71-7.96,8.26v.08c0,4.55,3.33,8.33,8.03,8.33s7.96-3.71,7.96-8.26v-.08Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M209.06,58.86v-17.31l-7.46,11.33h-.15l-7.39-11.21v17.2h-5.72v-26.52h6.29l6.97,11.21,6.97-11.21h6.29v26.52h-5.8Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M231.58,50.9h-4.43v7.96h-5.83v-26.52h10.83c6.33,0,10.15,3.75,10.15,9.17v.08c0,6.14-4.77,9.32-10.72,9.32Zm4.81-9.28c0-2.61-1.82-4.02-4.74-4.02h-4.51v8.11h4.62c2.92,0,4.62-1.74,4.62-4.02v-.08Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M258.81,37.72v21.14h-5.83v-21.14h-8.07v-5.38h21.97v5.38h-8.07Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M270.88,58.86v-26.52h5.83v26.52h-5.83Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M270.88,58.86v-26.52h5.83v26.52h-5.83Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M301.82,58.86l-12.84-16.86v16.86h-5.76v-26.52h5.38l12.43,16.33v-16.33h5.76v26.52h-4.96Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M325.81,59.32c-8.26,0-13.94-5.8-13.94-13.64v-.08c0-7.54,5.87-13.71,13.91-13.71,4.77,0,7.65,1.29,10.42,3.64l-3.67,4.43c-2.05-1.7-3.87-2.69-6.93-2.69-4.24,0-7.62,3.75-7.62,8.26v.08c0,4.85,3.33,8.41,8.03,8.41,2.12,0,4.02-.53,5.49-1.59v-3.79h-5.87v-5.04h11.52v11.52c-2.73,2.31-6.48,4.21-11.33,4.21Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M351.96,59.24c-4.02,0-8.07-1.4-11.25-4.24l3.45-4.13c2.39,1.97,4.89,3.22,7.92,3.22,2.39,0,3.83-.95,3.83-2.5v-.08c0-1.48-.91-2.24-5.34-3.37-5.34-1.36-8.79-2.84-8.79-8.11v-.08c0-4.81,3.86-7.99,9.28-7.99,3.87,0,7.16,1.21,9.85,3.37l-3.03,4.4c-2.35-1.63-4.66-2.61-6.9-2.61s-3.41,1.02-3.41,2.31v.08c0,1.74,1.14,2.31,5.72,3.49,5.38,1.4,8.41,3.33,8.41,7.96v.08c0,5.27-4.02,8.22-9.74,8.22Z"
+  })), jsx("g", null, jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M128.54,90.5h-3.11l-3-6.77h-13.95l-3.04,6.77h-2.96l11.68-25.8h2.71l11.68,25.8Zm-13.07-22.44l-5.86,13.07h11.68l-5.82-13.07Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M151.12,90.94c-7.39,0-12.85-5.82-12.85-13.21s5.42-13.29,12.96-13.29c4.65,0,7.43,1.65,9.99,4.06l-1.98,2.12c-2.16-2.05-4.58-3.51-8.05-3.51-5.67,0-9.92,4.57-9.92,10.54s4.28,10.62,9.92,10.62c3.51,0,5.82-1.35,8.27-3.7l1.9,1.87c-2.67,2.71-5.6,4.5-10.25,4.5Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M197.61,90.5h-3.11l-3-6.77h-13.95l-3.04,6.77h-2.96l11.68-25.8h2.71l11.68,25.8Zm-13.07-22.44l-5.86,13.07h11.68l-5.82-13.07Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M218.88,90.5h-8.89v-25.62h8.89c8.05,0,13.62,5.53,13.62,12.77s-5.56,12.85-13.62,12.85Zm0-22.95h-6v20.28h6c6.48,0,10.61-4.39,10.61-10.1s-4.14-10.18-10.61-10.18Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M264.45,67.51h-15.63v8.75h13.98v2.64h-13.98v8.97h15.81v2.64h-18.7v-25.62h18.52v2.64Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M290.08,83.47h-.15l-9.33-13.69v20.72h-2.82v-25.62h2.93l9.33,13.98,9.33-13.98h2.93v25.62h-2.89v-20.75l-9.33,13.73Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M327.82,90.5h-2.93v-10.14l-10.65-15.48h3.51l8.64,12.81,8.71-12.81h3.37l-10.65,15.45v10.18Z"
+  }), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M345.73,70.26h-.75v-4.54h-1.69v-.72h4.13v.72h-1.69v4.54Zm5.56-1.18h-.1l-1.86-2.85v4.02h-.75v-5.25h.8l1.88,2.88,1.86-2.88h.78v5.25h-.73v-4.02l-1.88,2.85Z"
+  })), jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    d: "M95.81,46.32c-.65-4.3-2.61-8.44-5.92-11.74-7.61-7.62-19.61-8.18-27.87-1.71l8.38,8.32c3.6-1.99,8.23-1.46,11.28,1.59,1.03,1.03,1.43,2.24,1.88,3.53l.07,3.14c-4.77-2.23-10.38-2.71-15.76-.87l-28.93,9.89c-4.95,1.69-10.35-.95-12.04-5.91-1.69-4.96,.96-10.35,5.91-12.05,4.95-1.69,10.35,.95,12.04,5.91l2.09,7.34,10.99-3.76-2.1-7.34c-3.75-11.03-15.75-16.91-26.77-13.14-8.3,2.83-13.69,10.33-14.24,18.57l-.05-.02v41.55h12.27v-20.99c4.75,2.19,10.31,2.65,15.65,.82l28.95-9.88c4.96-1.69,10.35,.96,12.04,5.91,1.69,4.96-.96,10.35-5.91,12.05-4.95,1.69-10.35-.96-12.04-5.91l-2.1-7.35-10.99,3.77,1.59,4.67c4.26,13.69,16.25,19.57,27.29,15.8,8.97-3.06,14.54-11.57,14.28-20.57h.01v-21.64Z"
+  }));
+};
+
+var PromptingsAcademyIcon = function (_a) {
+  var color = _a.color;
+  return jsx("svg", {
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 379 118.22"
+  }, jsx("g", null, jsx("path", {
+    fill: color === 'white' ? '#FFFFFF' : '#000000',
+    xmlns: "http://www.w3.org/2000/svg",
+    d: "M95.81,46.32c-.65-4.3-2.61-8.44-5.92-11.74-7.61-7.62-19.61-8.18-27.87-1.71l8.38,8.32c3.6-1.99,8.23-1.46,11.28,1.59,1.03,1.03,1.43,2.24,1.88,3.53l.07,3.14c-4.77-2.23-10.38-2.71-15.76-.87l-28.93,9.89c-4.95,1.69-10.35-.95-12.04-5.91-1.69-4.96,.96-10.35,5.91-12.05,4.95-1.69,10.35,.95,12.04,5.91l2.09,7.34,10.99-3.76-2.1-7.34c-3.75-11.03-15.75-16.91-26.77-13.14-8.3,2.83-13.69,10.33-14.24,18.57l-.05-.02v41.55h12.27v-20.99c4.75,2.19,10.31,2.65,15.65,.82l28.95-9.88c4.96-1.69,10.35,.96,12.04,5.91,1.69,4.96-.96,10.35-5.91,12.05-4.95,1.69-10.35-.96-12.04-5.91l-2.1-7.35-10.99,3.77,1.59,4.67c4.26,13.69,16.25,19.57,27.29,15.8,8.97-3.06,14.54-11.57,14.28-20.57h.01v-21.64Z"
+  })));
+};
+
 var Logo = function (_a) {
   var brand = _a.brand,
       color = _a.color,
@@ -16733,6 +16821,9 @@ var Logo = function (_a) {
       case 'streamVA':
         return type === 'fullLogo' ? StreamVALogo : StreamVAIcon;
 
+      case 'promptingsAcademy':
+        return type === 'fullLogo' ? PromptingsAcademyLogo : PromptingsAcademyIcon;
+
       case 'streamMarketing':
         return StreamMarketingLogo;
 
@@ -22057,19 +22148,14 @@ var ConfigurationCard = function (_a) {
       type = _c === void 0 ? 'addon' : _c,
       isFeatured = _a.isFeatured,
       _d = _a.backgroundColor,
-      backgroundColor = _d === void 0 ? 'background' : _d;
-
-  var _e = useState(false),
-      isSelected = _e[0],
-      setIsSelected = _e[1];
-
+      backgroundColor = _d === void 0 ? 'background' : _d,
+      isSelected = _a.isSelected;
   var hasNoGraphic = graphic === 'none';
   var width = useWindowSize().width;
   var responsiveLayout = width < 420 ? 'vertical' : layout;
   return jsx(Flex, {
     onClick: function () {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(configurationId);
-      setIsSelected(!isSelected);
     },
     position: "relative",
     boxShadow: "mediumDark",
@@ -23839,22 +23925,26 @@ var UpsaleOptions = function (_a) {
     space: "x2"
   })), jsx(VStack, {
     gap: "x2"
-  }, shouldShowCheckoutScreen && activeSelectedOption ? jsx(Div, null, jsx(RadioOptionCard, _extends({}, activeSelectedOption, {
+  }, shouldShowCheckoutScreen && activeSelectedOption ? jsx(Div, null, jsx(ConfigurationCard, _extends({
+    description: activeSelectedOption.subtitle,
+    configurationId: activeSelectedOption.optionId,
+    type: "upsale"
+  }, activeSelectedOption, {
     isSelected: true
   })), children) : jsx(VStack, {
     gap: "x2"
   }, selectableOptions.filter(function (_, index) {
     return index < defaultNumOptionsShown;
   }).map(function (option, index) {
-    var _a;
-
-    return jsx(RadioOptionCard, _extends({}, option, {
+    return jsx(ConfigurationCard, _extends({}, option, {
       key: index,
-      optionId: option.optionId,
+      type: "upsale",
+      description: option.subtitle,
+      configurationId: option.optionId,
       onSelect: function () {
         return handleSelectedOption(option.optionId);
       },
-      isSelected: (_a = (activeSelectedOption && selectedOption) === option.optionId) !== null && _a !== void 0 ? _a : false
+      isSelected: selectedOption === option.optionId
     }));
   })), extraLink && jsx(Anchor, {
     title: extraLink.title,

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare type BrandTypes = 'soc' | 'greenerStill' | 'bellaCadeaux' | 'promptingU' | 'blue42' | 'streamVA' | 'streamMarketing' | 'soc';
+export declare type BrandTypes = 'soc' | 'greenerStill' | 'bellaCadeaux' | 'promptingU' | 'blue42' | 'streamVA' | 'streamMarketing' | 'soc' | 'promptingsAcademy';
 export declare type LogoColorTypes = 'white' | 'black' | 'color';
 export declare type LogoProps = {
     brand: BrandTypes;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { LogoProps } from '../logo';
+export declare const PromptingsAcademyIcon: FC<LogoProps>;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { LogoProps } from '../logo';
+export declare const PromptingsAcademyLogo: FC<LogoProps>;

package/package.json

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

package/dist/src/atoms/companion/companion.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
-import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
-export declare type DivProps = {
-    children?: React.ReactNode;
-    outsideClick?: () => void;
-    clickElementBypass?: string;
-} & HOCBaseProps & HOCMotionProps;
-export declare const Companion: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    outsideClick?: (() => void) | undefined;
-    clickElementBypass?: string | undefined;
-} & HOCBaseProps & {
-    className?: string | undefined;
-    motionKey?: string | number | undefined;
-    id?: string | undefined;
-} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;