@sendoutcards/quantum-design-ui 1.8.36 → 1.8.38-alpha.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useCallback, useState, useMemo, useRef, useLayoutEffect, useContext, useImperativeHandle } from 'react';
+import React, { useEffect, useCallback, useState, useMemo, useRef, useContext, useImperativeHandle } from 'react';
 import { jsx, ThemeProvider, Global, css, useTheme } from '@emotion/react';
 import Color$1 from 'color';
 import { motion, useMotionValue, useTransform, animate, AnimatePresence, useElementScroll, AnimateSharedLayout, useAnimation } from 'framer-motion';
@@ -14000,6 +14000,7 @@ var Sheet = function (_a) {
   var _h = useState(((_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0),
     sheetHeight = _h[0],
     setSheetHeight = _h[1];
+  console.log(sheetHeight, 'SHEET HEIGHT');
   var device = useDeviceSize().device;
   var isMobile = device === 'small' || device === 'xSmall' ? true : false;
   var sheet = useEntities().sheet;
@@ -14081,7 +14082,7 @@ var Sheet = function (_a) {
   var isHtmlElement = function (element) {
     return element instanceof HTMLElement;
   };
-  useLayoutEffect(function () {
+  useEffect(function () {
     var _a;
     if (targetRef.current && sheetHeight !== ((_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight)) {
       setSheetHeight(targetRef.current.offsetHeight);
@@ -14217,7 +14218,6 @@ var Sheet = function (_a) {
       xSmall: 'column',
       medium: 'row'
     },
-    inset: inset,
     outset: outset
   }, !isMobile && !!setIsOpen && jsx(CloseButton, {
     onClose: function () {

package/package.json

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