@crystaldesign/diva-core 26.1.0-beta.1 → 26.1.0-beta.2

package/build/esm/{ModalsWrapper-9b4ae1c2.js → ModalsWrapper-5af82ce7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext } from './index-040d707b.js';
+import { s as styleInject, u as useDivaCoreContext } from './index-09afb072.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';

package/build/esm/{index-040d707b.js → index-09afb072.js}

@@ -45,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"26.1.0-beta.1"};
+    const env = {"STAGE":"production","VERSION":"26.1.0-beta.2"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -9792,6 +9792,31 @@ var DrawerMenu = function DrawerMenu(_ref) {
     wrapperRef = _useSwipeToDismiss.wrapperRef;
   var iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
   if (!(contentStore !== null && contentStore !== void 0 && contentStore.drawerMenu)) return /*#__PURE__*/jsx(Fragment, {});
+  var paperProps = {
+    className: classnames(drawerContent, direction === 'bottom' ? bottom : direction === 'left' ? left : direction === 'right' ? right : direction === 'top' ? top : undefined),
+    style: _objectSpread$5({
+      height: isVertical ? 'auto' : '100%',
+      maxHeight: isVertical ? '85%' : undefined,
+      maxWidth: maxWidth,
+      position: 'absolute',
+      borderTopRightRadius: ['bottom', 'left'].includes(direction) ? '10px' : '0px',
+      borderTopLeftRadius: ['bottom', 'right'].includes(direction) ? '10px' : '0px',
+      borderBottomRightRadius: ['top', 'right'].includes(direction) ? '10px' : '0px',
+      borderBottomLeftRadius: ['top', 'left'].includes(direction) ? '10px' : '0px',
+      display: 'flex',
+      flexDirection: 'column',
+      transform: isDragging ? "translate".concat(isVertical ? 'Y' : 'X', "(").concat(dragOffset, "px)") : undefined,
+      transition: isDragging ? 'none' : 'transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)',
+      willChange: isDragging ? 'transform' : 'auto'
+    }, drawerStyle),
+    elevation: 0
+  };
+  var backdropProps = showOverlay ? {
+    className: overlay,
+    style: {
+      position: 'absolute'
+    }
+  } : undefined;
   return /*#__PURE__*/jsxs(SwipeableDrawer, {
     anchor: anchor,
     open: !!isOpen,
@@ -9814,34 +9839,12 @@ var DrawerMenu = function DrawerMenu(_ref) {
       // Allow focus outside drawer when no overlay
       disableAutoFocus: !showOverlay // Don't auto-focus drawer content when no overlay
     },
-    slotProps: _objectSpread$5(_objectSpread$5({}, showOverlay ? {
-      backdrop: {
-        className: overlay,
-        style: {
-          position: 'absolute'
-        }
-      }
-    } : {}), {}, {
-      paper: {
-        className: classnames(drawerContent, direction === 'bottom' ? bottom : direction === 'left' ? left : direction === 'right' ? right : direction === 'top' ? top : undefined),
-        style: _objectSpread$5({
-          height: isVertical ? 'auto' : '100%',
-          maxHeight: isVertical ? '85%' : undefined,
-          maxWidth: maxWidth,
-          position: 'absolute',
-          borderTopRightRadius: ['bottom', 'left'].includes(direction) ? '10px' : '0px',
-          borderTopLeftRadius: ['bottom', 'right'].includes(direction) ? '10px' : '0px',
-          borderBottomRightRadius: ['top', 'right'].includes(direction) ? '10px' : '0px',
-          borderBottomLeftRadius: ['top', 'left'].includes(direction) ? '10px' : '0px',
-          display: 'flex',
-          flexDirection: 'column',
-          transform: isDragging ? "translate".concat(isVertical ? 'Y' : 'X', "(").concat(dragOffset, "px)") : undefined,
-          transition: isDragging ? 'none' : 'transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)',
-          willChange: isDragging ? 'transform' : 'auto'
-        }, drawerStyle),
-        elevation: 0
-      }
-    }),
+    PaperProps: paperProps,
+    BackdropProps: backdropProps,
+    slotProps: {
+      backdrop: backdropProps,
+      paper: paperProps
+    },
     children: [isVertical && /*#__PURE__*/jsx("div", {
       className: drawerHandle,
       children: /*#__PURE__*/jsx("div", {
@@ -9893,7 +9896,7 @@ var DrawerMenu$1 = observer(DrawerMenu);
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-9b4ae1c2.js');
+  return import('./ModalsWrapper-5af82ce7.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10353,10 +10356,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$2 = getLogger('Framework', 'Root');
 var LazyAuth = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6b6b2f3f.js');
+  return import('./index-940eb1f6.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-9b4ae1c2.js');
+  return import('./ModalsWrapper-5af82ce7.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();

package/build/esm/{index-6b6b2f3f.js → index-940eb1f6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-040d707b.js';
+import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-09afb072.js';
 import { forwardRef, useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';

package/build/esm/index.js

@@ -1,4 +1,4 @@
-export { c as AnalyticsHandler, A as AuthorizationHandler, e as ClientArticleHandler, C as Content, f as DivaMockProvider, D as DrawerMenuComponent, H as HelpButton, O as ONE_DAY_UNIX, d as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, b as default, g as getLogger, h as storyBookCoreMock, a as useDivaCore } from './index-040d707b.js';
+export { c as AnalyticsHandler, A as AuthorizationHandler, e as ClientArticleHandler, C as Content, f as DivaMockProvider, D as DrawerMenuComponent, H as HelpButton, O as ONE_DAY_UNIX, d as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, b as default, g as getLogger, h as storyBookCoreMock, a as useDivaCore } from './index-09afb072.js';
 export { DivaError, default as DivaUtils } from '@crystaldesign/diva-utils';
 export { Trans, useTranslation } from 'react-i18next';
 export * from '@crystaldesign/basket-model';

package/build/types/core/src/elements/DrawerMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DrawerMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;;;;AAqL5D,wBAAoC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DrawerMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;;;;AAyL5D,wBAAoC"}