@sendoutcards/quantum-design-ui 1.8.28 → 1.8.29

package/dist/index.es.js

@@ -13213,7 +13213,8 @@ var Tooltip = function (_a) {
       horizontal: 'x1'
     },
     boxShadow: tooltip.boxShadow,
-    zIndex: zIndex
+    zIndex: zIndex,
+    position: "relative"
   }, jsx(Text, {
     type: "footnote",
     color: background === 'light' ? 'primaryBody' : 'inverseBody',
@@ -15918,8 +15919,9 @@ var Drawer = function (_a) {
     closedValue = _a.closedValue,
     _k = _a.tabMode,
     tabMode = _k === void 0 ? 'light' : _k,
-    _l = _a.shoudHideScroll,
-    shoudHideScroll = _l === void 0 ? false : _l;
+    _l = _a.shouldHideScroll,
+    shouldHideScroll = _l === void 0 ? false : _l,
+    backgroundColor = _a.backgroundColor;
   var drawer = useEntities().drawer;
   var isHorizontal = location === 'left' || location === 'right';
   var isVertical = location === 'top' || location === 'bottom';
@@ -15960,6 +15962,10 @@ var Drawer = function (_a) {
       };
     }
   };
+  var backgroundStyle = {
+    backgroundColor: backgroundColor === 'blurredGlass' ? 'rgba(255, 255, 255, 0.2)' : 'initial',
+    backdropFilter: backgroundColor === 'blurredGlass' ? 'blur(10px)' : 'none'
+  };
   return jsx(Div, {
     css: styles$p.drawerContainer(location, drawer),
     width: isHorizontal ? openValue + "px" : '100%',
@@ -15972,20 +15978,19 @@ var Drawer = function (_a) {
     transition: softSpringTransition,
     outset: (_b = {}, _b[location] = offset + "px", _b),
     inset: inset !== null && inset !== void 0 ? inset : drawer.defaultInset,
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : '#fff',
     zIndex: zIndex,
-    style: {
-      x: isHorizontal ? handleXY : 0,
-      y: isVertical ? handleXY : 0
-    },
+    style: __assign({}, backgroundStyle),
     boxShadow: location === 'bottom' ? drawer.bottomDirectionShadow : drawer.boxShadow,
     whileHover: {
       boxShadow: location === 'bottom' ? drawer.hoverBottomDirectionShadow : drawer.hoverBoxShadow
     }
   }, jsx(Div, {
-    css: styles$p.childContainer(shoudHideScroll),
+    css: styles$p.childContainer(shouldHideScroll),
     overflow: overflow,
     height: "100%",
-    width: "100%"
+    width: "100%",
+    backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : '#fff'
   }, children), showTab && jsx(Div, {
     backgroundColor: drawer.tab[tabMode].backgroundColor,
     css: styles$p.drawerTab(location, openValue),

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

@@ -17,6 +17,7 @@ export declare type DrawerProps = {
     overflow?: Overflow;
     closedValue?: number;
     tabMode?: 'dark' | 'light';
-    shoudHideScroll?: boolean;
+    shouldHideScroll?: boolean;
+    backgroundColor?: string | 'blurredGlass';
 };
-export declare const Drawer: ({ children, location, isOpen, isTabHidden, onClick, openValue, offset, zIndex, showTab, inset, overflow, closedValue, tabMode, shoudHideScroll, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ children, location, isOpen, isTabHidden, onClick, openValue, offset, zIndex, showTab, inset, overflow, closedValue, tabMode, shouldHideScroll, backgroundColor, }: DrawerProps) => JSX.Element;

package/package.json

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