@7shifts/sous-chef 3.1.0-beta.6 → 3.1.0-beta.7

package/dist/index.css

@@ -1967,8 +1967,14 @@ Just for future references:
   border-color: var(--color-grey-100);
   text-decoration: none;
 }
-._34UwP {
-  margin: 0;
+._FbhTM {
+  margin: 0 auto;
+}
+._3QyAE {
+  width: 100%;
+}
+._17aOG {
+  max-width: 1000px;
 }
 ._7-5gD {
   margin-bottom: 12px;

package/dist/index.js

@@ -5880,18 +5880,29 @@ var PageBreadcrumbs = function PageBreadcrumbs(_ref) {
   }, breadcrumbs.label));
 };
 
-var styles$w = {"page__header":"_34UwP"};
+var styles$w = {"page":"_FbhTM","page--fullwidth":"_3QyAE","page--restricted":"_17aOG"};
+
+var PAGE_SIZES = {
+  FULL_WIDTH: 'fullwidth',
+  RESTRICTED: 'restricted'
+};
 
 var Page = function Page(_ref) {
+  var _classNames;
+
   var children = _ref.children,
       breadcrumbs = _ref.breadcrumbs,
       title = _ref.title,
       actions = _ref.actions,
       banner = _ref.banner,
-      filterBar = _ref.filterBar;
+      filterBar = _ref.filterBar,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? PAGE_SIZES.RESTRICTED : _ref$size;
   var hasHeader = title || actions;
   var hasPageBlocks = hasHeader || banner || filterBar;
-  return React__default.createElement(Stack, {
+  return React__default.createElement("div", {
+    className: classnames(styles$w['page'], (_classNames = {}, _classNames[styles$w['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$w['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames))
+  }, React__default.createElement(Stack, {
     space: 20
   }, React__default.createElement(Stack, {
     space: 8
@@ -5904,7 +5915,7 @@ var Page = function Page(_ref) {
     alignItems: "center"
   }, title && React__default.createElement("h2", {
     className: styles$w['page__header']
-  }, title), actions), banner, filterBar)), children);
+  }, title), actions), banner, filterBar)), children));
 };
 
 var styles$x = {"form-section":"_7-5gD","form-section__title":"_a83vM","form-section__subtitle":"_1lKv8","form-section--no-margin":"_lZyFQ"};