@crystaldesign/diva-core 26.3.0-beta.48 → 26.3.0-beta.50

package/build/esm/{ModalsWrapper-a9a015c6.js → ModalsWrapper-ca5d8abc.js}

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

package/build/esm/{index-249d709f.js → index-8a929444.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-4b8262c5.js';
+import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-d6783684.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-4b8262c5.js → index-d6783684.js}

@@ -45,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"26.3.0-beta.48"};
+    const env = {"STAGE":"production","VERSION":"26.3.0-beta.50"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -2086,8 +2086,6 @@ var THEME_VARIABLES = [['--diva-theme-palette-primary-main', 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) {
@@ -2099,10 +2097,14 @@ function applyToElement(element, 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.
+ * Applies theme CSS variables to the planner root and to document.body.
+ * Body is included so portaled content (e.g. MUI Drawer without container) inherits CSS variables.
+ * The raw `font-family` style is intentionally scoped to the planner root only,
+ * so embedded integrations do not override the host page font.
  */
 function updateCssThemeVariables (ref, theme) {
+  applyToElement(ref, theme);
+  ref.style.setProperty('font-family', theme.typography.fontFamily);
   if (typeof document !== 'undefined') {
     applyToElement(document.body, theme);
   }
@@ -10123,7 +10125,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-a9a015c6.js');
+  return import('./ModalsWrapper-ca5d8abc.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -10583,10 +10585,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-249d709f.js');
+  return import('./index-8a929444.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-a9a015c6.js');
+  return import('./ModalsWrapper-ca5d8abc.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();

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-4b8262c5.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-d6783684.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,7 +1,9 @@
 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.
+ * Applies theme CSS variables to the planner root and to document.body.
+ * Body is included so portaled content (e.g. MUI Drawer without container) inherits CSS variables.
+ * The raw `font-family` style is intentionally scoped to the planner root only,
+ * so embedded integrations do not override the host page font.
  */
 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;AAuBjC;;;GAGG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,QAIzD"}
+{"version":3,"file":"updateCssThemeVariables.d.ts","sourceRoot":"","sources":["../../../../../src/utils/updateCssThemeVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsBjC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,WAAW,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,QAOzD"}