@sendoutcards/quantum-design-ui 1.8.1 → 1.8.2

package/dist/index.es.js

@@ -18186,13 +18186,9 @@ var AccountMenu = function (_a) {
 };
 
 var Banner = function (_a) {
-  var icon = _a.icon,
-    message = _a.message,
-    status = _a.status,
-    children = _a.children,
-    _b = _a.outlined,
-    outlined = _b === void 0 ? true : _b,
-    onClose = _a.onClose;
+  var _b = _a.isOutlined,
+    isOutlined = _b === void 0 ? true : _b,
+    props = __rest(_a, ["isOutlined"]);
   var _c = useState(false),
     isHovering = _c[0],
     setIsHovering = _c[1];
@@ -18201,13 +18197,13 @@ var Banner = function (_a) {
   return jsx(Flex, {
     width: "100%",
     backgroundColor: {
-      swatch: status === 'success' ? 'success' : status === 'warning' ? 'warning' : 'danger',
-      shade: outlined ? '_1000' : 'base'
+      swatch: props.status === 'success' ? 'success' : props.status === 'warning' ? 'warning' : 'danger',
+      shade: isOutlined ? '_1000' : 'base'
     },
-    borderWidth: outlined ? 'default' : undefined,
-    borderStyle: outlined ? 'solid' : undefined,
-    borderColor: outlined ? {
-      swatch: status === 'success' ? 'success' : status === 'warning' ? 'warning' : 'danger',
+    borderWidth: isOutlined ? 'default' : undefined,
+    borderStyle: isOutlined ? 'solid' : undefined,
+    borderColor: isOutlined ? {
+      swatch: props.status === 'success' ? 'success' : props.status === 'warning' ? 'warning' : 'danger',
       shade: 'base'
     } : undefined,
     inset: {
@@ -18217,31 +18213,31 @@ var Banner = function (_a) {
     borderRadius: "default",
     justifyContent: "flex-start",
     alignItems: "center"
-  }, jsx(Flex, {
+  }, props.bannerTitle ? jsx(Flex, {
     width: "100%"
-  }, icon && jsx(Flex, {
+  }, props.bannerTitle.icon && jsx(Flex, {
     justifyContent: "center",
     alignItems: "center",
     inset: {
       horizontal: 'x1'
     }
   }, jsx(Icon, {
-    name: icon,
+    name: props.bannerTitle.icon,
     size: "small",
-    primaryColor: outlined ? 'primaryBodyText' : 'inverseHeadingText'
-  })), message && jsx(Flex, {
+    primaryColor: isOutlined ? 'primaryBodyText' : 'inverseHeadingText'
+  })), jsx(Flex, {
     width: "100%"
   }, jsx(Text, {
-    content: message,
-    color: outlined ? 'primaryBody' : 'inverseHeading',
+    content: props.bannerTitle.message,
+    color: isOutlined ? 'primaryBody' : 'inverseHeading',
     type: {
       xSmall: 'footnote',
       small: 'caption'
     }
-  }))), children && jsx(Flex, {
+  }))) : jsx(Flex, {
     width: "100%",
     alignItems: "center"
-  }, children), onClose && jsx(Flex, {
+  }, props.children), props.onClose && jsx(Flex, {
     justifyContent: "flex-end",
     alignItems: "center",
     outset: {
@@ -18255,7 +18251,7 @@ var Banner = function (_a) {
       return setIsHovering(false);
     }
   }, jsx(Flex, {
-    onClick: onClose,
+    onClick: props.onClose,
     width: "40px",
     height: "40px",
     justifyContent: "center",

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

@@ -1,12 +1,23 @@
 import React from 'react';
 import { IconType } from "../../atoms/iconography/types";
-export declare type BannerProps = {
+declare type BannerDetail = {
+    message: string;
     icon?: IconType;
-    message?: string;
+};
+declare type StatusType = 'success' | 'warning' | 'danger';
+declare type BaseBannerProps = {
     status: StatusType;
-    outlined?: boolean;
-    children?: React.ReactNode;
+    isOutlined?: boolean;
     onClose?: () => void;
 };
-export declare type StatusType = 'success' | 'warning' | 'danger';
-export declare const Banner: ({ icon, message, status, children, outlined, onClose, }: BannerProps) => JSX.Element;
+declare type BannerWithTitle = BaseBannerProps & {
+    bannerTitle: BannerDetail;
+    children?: never;
+};
+declare type BannerWithChildren = BaseBannerProps & {
+    children: React.ReactNode;
+    bannerTitle?: never;
+};
+export declare type BannerProps = BannerWithTitle | BannerWithChildren;
+export declare const Banner: ({ isOutlined, ...props }: BannerProps) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "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>>;