@sendoutcards/quantum-design-ui 1.8.5 → 1.8.7

package/dist/index.es.js

@@ -17316,39 +17316,53 @@ var PromptingsIcon = function (_a) {
 };
 
 var Logo = function (_a) {
+  var _b, _c;
   var brand = _a.brand,
     color = _a.color,
-    _b = _a.type,
-    type = _b === void 0 ? 'fullLogo' : _b,
-    _c = _a.width,
-    width = _c === void 0 ? '128px' : _c,
+    _d = _a.type,
+    type = _d === void 0 ? 'fullLogo' : _d,
+    _e = _a.width,
+    width = _e === void 0 ? '128px' : _e,
     href = _a.href,
-    onClick = _a.onClick;
-  function selectLogo() {
-    switch (brand) {
-      case 'bellaCadeaux':
-        return BellaCadeauxLogo;
-      case 'blue42':
-        return Blue42Logo;
-      case 'greenerStill':
-        return type === 'fullLogo' ? GreenerStillLogo : GreenerStillIcon;
-      case 'soc':
-        return type === 'fullLogo' ? SOCLogo : SOCIcon;
-      case 'promptingU':
-        return type === 'fullLogo' ? PromptingULogo : PromptingUIcon;
-      case 'streamVA':
-        return type === 'fullLogo' ? StreamVALogo : StreamVAIcon;
-      case 'promptingsAcademy':
-        return type === 'fullLogo' ? PromptingsAcademyLogo : PromptingsAcademyIcon;
-      case 'streamMarketing':
-        return StreamMarketingLogo;
-      case 'promptings':
-        return type === 'fullLogo' ? PromptingsLogo : PromptingsIcon;
-      default:
-        return GreenerStillLogo;
+    onClick = _a.onClick,
+    secondaryLogo = _a.secondaryLogo;
+  var selectLogo = {
+    bellaCadeaux: {
+      fullLogo: BellaCadeauxLogo
+    },
+    blue42: {
+      fullLogo: Blue42Logo
+    },
+    greenerStill: {
+      fullLogo: GreenerStillLogo,
+      icon: GreenerStillIcon
+    },
+    soc: {
+      fullLogo: SOCLogo,
+      icon: SOCIcon
+    },
+    promptingU: {
+      fullLogo: PromptingULogo,
+      icon: PromptingUIcon
+    },
+    streamVA: {
+      fullLogo: StreamVALogo,
+      icon: StreamVAIcon
+    },
+    promptingsAcademy: {
+      fullLogo: PromptingsAcademyLogo,
+      icon: PromptingsAcademyIcon
+    },
+    streamMarketing: {
+      fullLogo: StreamMarketingLogo
+    },
+    promptings: {
+      fullLogo: PromptingsLogo,
+      icon: PromptingsIcon
     }
-  }
-  var SelectedLogo = selectLogo();
+  };
+  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
@@ -17358,9 +17372,18 @@ var Logo = function (_a) {
   }, jsx("a", {
     href: href,
     onClick: onClick
+  }, jsx(Flex, {
+    flexDirection: "row",
+    columnGap: "x_5",
+    alignItems: "center",
+    style: {
+      color: '#000'
+    }
   }, jsx(SelectedLogo, {
     color: color
-  })));
+  }), SecondaryLogo && jsx(React.Fragment, null, "|", jsx(SecondaryLogo, {
+    color: color
+  })))));
 };
 
 var getDifference = function (currentDate, endDate) {
@@ -21548,13 +21571,9 @@ var StaticNavigation = function (_a) {
     onClick: function () {
       return setIsOpen(!isOpen);
     }
-  })), !links && !isMobile && jsx("div", null), jsx(Logo, {
-    brand: logo.brand,
-    href: logo.href,
-    onClick: logo.onClick,
-    color: logo.color,
-    width: isMobile ? '130px' : '200px'
-  }), links && !isMobile && jsx(Flex, {
+  })), !links && !isMobile && jsx("div", null), jsx(Logo, _extends({}, logo, {
+    width: logo.width ? logo.width : isMobile ? '130px' : '200px'
+  })), links && !isMobile && jsx(Flex, {
     height: "100%",
     width: "100%",
     alignItems: "center",

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

@@ -1,6 +1,10 @@
 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';
+};
 export declare type LogoProps = {
     brand: BrandTypes;
     color: LogoColorTypes;
@@ -8,5 +12,6 @@ export declare type LogoProps = {
     width?: string;
     href?: string;
     onClick?: () => void;
+    secondaryLogo?: SecodaryLogo;
 };
 export declare const Logo: FC<LogoProps>;

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

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { TextColor, IconType } from "../../exports/atoms";
-import { BrandTypes, LogoColorTypes } from "../../exports/molecules";
+import { LogoProps } from "../../exports/molecules";
 export declare type Target = '_self' | '_blank' | '_parent' | '_top' | undefined;
 export declare type Link = {
     title: string;
@@ -21,12 +21,7 @@ export declare type DropdownLink = {
     linkColumns: LinkColumnType[];
 };
 export declare type StaticNavigationProps = {
-    logo: {
-        brand: BrandTypes;
-        color: LogoColorTypes;
-        href?: string;
-        onClick?: () => void;
-    };
+    logo: LogoProps;
     accountSection?: React.ReactNode;
     links?: (DropdownLink | Link)[];
     zIndex?: number;

package/package.json

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