cozy-bar 35.4.6 → 35.4.8

package/dist/components/BarComponent.js

@@ -148,7 +148,7 @@ var BarComponent = function BarComponent(_ref2) {
     barLeft: barLeft,
     barCenter: barCenter,
     barRight: barRight
-  })))), !options.isPublic && /*#__PURE__*/_react.default.createElement(_PlatformBanners.PlatformBanners, null));
+  })))), !options.isPublic && /*#__PURE__*/_react.default.createElement(_CozyTheme.default, cozyThemeProps, /*#__PURE__*/_react.default.createElement(_PlatformBanners.PlatformBanners, null)));
 };
 
 exports.BarComponent = BarComponent;

package/dist/components/PlatformBanners/PlatformBannersPortal.js

@@ -9,12 +9,18 @@ exports.PlatformBannersPortal = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactDom = require("react-dom");
 
+var _CozyTheme = require("cozy-ui/transpiled/react/providers/CozyTheme");
+
 var _dom = require("../../dom");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var CONTAINER_ID = 'cozy-platform-banners';
 var ACTIVE_CLASS = 'has-platform-banners';
 /**
@@ -34,6 +40,9 @@ var PlatformBannersPortal = function PlatformBannersPortal(_ref) {
       container = _useState2[0],
       setContainer = _useState2[1];
 
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      type = _useCozyTheme.type;
+
   (0, _react.useLayoutEffect)(function () {
     var appNode = document.querySelector(_dom.APP_SELECTOR);
 
@@ -61,7 +70,9 @@ var PlatformBannersPortal = function PlatformBannersPortal(_ref) {
     };
   }, []);
   if (!container) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+    className: "coz-platform-banners TwakeTheme--".concat(type)
+  }, children), container);
 };
 
 exports.PlatformBannersPortal = PlatformBannersPortal;

package/dist/styles/banner.css

@@ -79,15 +79,19 @@
   min-height: 0;
 }
 
-/* Inset and stacked per the design. Fixed basis, or a tall application
-   squashes the stack into a sliver. */
+/* Fixed basis, or a tall application squashes the stack into a sliver. */
 #cozy-platform-banners {
   flex: 0 0 auto;
   min-height: auto;
+}
+
+/* Inset and stacked per the design. */
+.coz-platform-banners {
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  padding: 1rem 1rem 0;
+  padding: 1rem;
+  background-color: var(--defaultBackgroundColor);
 }
 
 #cozy-platform-banners:empty {

package/dist/stylesheet.css

@@ -300,15 +300,19 @@
   min-height: 0;
 }
 
-/* Inset and stacked per the design. Fixed basis, or a tall application
-   squashes the stack into a sliver. */
+/* Fixed basis, or a tall application squashes the stack into a sliver. */
 #cozy-platform-banners {
   flex: 0 0 auto;
   min-height: auto;
+}
+
+/* Inset and stacked per the design. */
+.coz-platform-banners {
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  padding: 1rem 1rem 0;
+  padding: 1rem;
+  background-color: var(--defaultBackgroundColor);
 }
 
 #cozy-platform-banners:empty {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-bar",
-  "version": "35.4.6",
+  "version": "35.4.8",
   "description": "cozy-bar.js library, a small lib provided by cozy-stack to inject the Cozy-bar component into each app",
   "main": "dist/index.js",
   "author": "Cozy Cloud <contact@cozycloud.cc> (https://cozy.io/)",
@@ -75,5 +75,5 @@
     "react-router-dom": ">=6.14.2",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "368b1e85eb1f6a6a0731681ef2a38a7bbc3fe779"
+  "gitHead": "1b5c0b7f6f75b50c086dde33674de65d859e6f05"
 }