@crystaldesign/diva-core 26.2.0-beta.9 → 26.2.0-rc.1

package/build/esm/{ModalsWrapper-84cd9689.js → ModalsWrapper-69fb8169.js}

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

package/build/esm/{index-19fabeb5.js → index-a755db47.js}

@@ -45,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"26.2.0-beta.9"};
+    const env = {"STAGE":"production","VERSION":"26.2.0-rc.1"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -2041,19 +2041,48 @@ function buildResizeObserver(ref, onResize) {
   return resizeObserver;
 }
 
+var THEME_VARIABLES = [['--diva-theme-palette-primary-main', function (t) {
+  return t.palette.primary.main;
+}], ['--diva-theme-palette-primary-dark', function (t) {
+  return t.palette.primary.dark;
+}], ['--diva-theme-palette-primary-light', function (t) {
+  return t.palette.primary.light;
+}], ['--diva-theme-palette-primary-contrast-text', function (t) {
+  return t.palette.primary.contrastText;
+}], ['--diva-theme-palette-secondary-main', function (t) {
+  return t.palette.secondary.main;
+}], ['--diva-theme-palette-secondary-dark', function (t) {
+  return t.palette.secondary.dark;
+}], ['--diva-theme-palette-secondary-light', function (t) {
+  return t.palette.secondary.light;
+}], ['--diva-theme-palette-secondary-contrast-text', function (t) {
+  return t.palette.secondary.contrastText;
+}], ['--diva-theme-palette-text-primary', function (t) {
+  return t.palette.text.primary;
+}], ['--diva-theme-palette-text-secondary', function (t) {
+  return t.palette.text.secondary;
+}], ['--diva-typography-font-family', function (t) {
+  return t.typography.fontFamily;
+}], ['font-family', function (t) {
+  return t.typography.fontFamily;
+}]];
+function applyToElement(element, theme) {
+  THEME_VARIABLES.forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      name = _ref2[0],
+      getValue = _ref2[1];
+    element.style.setProperty(name, getValue(theme));
+  });
+}
+
+/**
+ * Applies theme as CSS variables to the given element and to document.body.
+ * Body is included so portaled content (e.g. MUI Drawer without container) inherits the variables.
+ */
 function updateCssThemeVariables (ref, theme) {
-  ref.style.setProperty('--diva-theme-palette-primary-main', theme.palette.primary.main);
-  ref.style.setProperty('--diva-theme-palette-primary-dark', theme.palette.primary.dark);
-  ref.style.setProperty('--diva-theme-palette-primary-light', theme.palette.primary.light);
-  ref.style.setProperty('--diva-theme-palette-primary-contrast-text', theme.palette.primary.contrastText);
-  ref.style.setProperty('--diva-theme-palette-secondary-main', theme.palette.secondary.main);
-  ref.style.setProperty('--diva-theme-palette-secondary-dark', theme.palette.secondary.dark);
-  ref.style.setProperty('--diva-theme-palette-secondary-light', theme.palette.secondary.light);
-  ref.style.setProperty('--diva-theme-palette-secondary-contrast-text', theme.palette.secondary.contrastText);
-  ref.style.setProperty('--diva-theme-palette-text-primary', theme.palette.text.primary);
-  ref.style.setProperty('--diva-theme-palette-text-secondary', theme.palette.text.secondary);
-  ref.style.setProperty('--diva-typography-font-family', theme.typography.fontFamily);
-  ref.style.setProperty('font-family', theme.typography.fontFamily);
+  if (typeof document !== 'undefined') {
+    applyToElement(document.body, theme);
+  }
 }
 
 var _excluded$4 = ["openFrom"],
@@ -9726,7 +9755,7 @@ var useSwipeToDismiss = function useSwipeToDismiss(direction, onDismiss) {
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DrawerMenu = function DrawerMenu(_ref) {
-  var _contentStore$drawerM;
+  var _contentStore$drawerM, _drawerStyle$maxWidth;
   _objectDestructuringEmpty(_ref);
   var _useDivaCoreContext = useDivaCoreContext(),
     contentStore = _useDivaCoreContext.contentStore;
@@ -9780,7 +9809,7 @@ var DrawerMenu = function DrawerMenu(_ref) {
   };
   var anchor = direction === 'left' ? 'left' : direction === 'right' ? 'right' : direction === 'top' ? 'top' : 'bottom';
   var isVertical = ['bottom', 'top'].includes(direction);
-  var maxWidth = !isVertical ? 400 : undefined;
+  var maxWidth = !isVertical ? (_drawerStyle$maxWidth = drawerStyle === null || drawerStyle === void 0 ? void 0 : drawerStyle.maxWidth) !== null && _drawerStyle$maxWidth !== void 0 ? _drawerStyle$maxWidth : 400 : undefined;
 
   // Swipe to dismiss functionality
   var _useSwipeToDismiss = useSwipeToDismiss(direction, close),
@@ -9896,7 +9925,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-84cd9689.js');
+  return import('./ModalsWrapper-69fb8169.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10356,10 +10385,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-3811cb37.js');
+  return import('./index-a9ea52c3.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-84cd9689.js');
+  return import('./ModalsWrapper-69fb8169.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();

package/build/esm/{index-3811cb37.js → index-a9ea52c3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-19fabeb5.js';
+import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-a755db47.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, i as i18n, h as storyBookCoreMock, a as useDivaCore } from './index-19fabeb5.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, i as i18n, h as storyBookCoreMock, a as useDivaCore } from './index-a755db47.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/utils/updateCssThemeVariables.d.ts

@@ -1,3 +1,7 @@
 import { Theme } from '../types';
+/**
+ * Applies theme as CSS variables to the given element and to document.body.
+ * Body is included so portaled content (e.g. MUI Drawer without container) inherits the variables.
+ */
 export default function (ref: HTMLDivElement, theme: Theme): void;
 //# sourceMappingURL=updateCssThemeVariables.d.ts.map

package/build/types/core/src/utils/updateCssThemeVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"updateCssThemeVariables.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssThemeVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,OAAO,WAAW,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,QAazD"}
+{"version":3,"file":"updateCssThemeVariables.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssThemeVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAuBjC;;;GAGG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,QAIzD"}