@royaloperahouse/harmonic 0.17.2 → 0.17.3

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [0.17.3]
+- AnchorBar: extend to accept optional grid
+
 ## [0.17.2]
 - Swipe: moved padding from Swipe component to Carousel
 

package/dist/harmonic.cjs.development.js

@@ -11033,6 +11033,12 @@ var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1d |
 var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$F || (_templateObject4$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 24px;\n  min-width: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  border: none;\n  padding: 0;\n  background: none;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media ", " {\n    min-height: 12px;\n    min-width: 12px;\n    max-height: 12px;\n    max-width: 12px;\n  }\n"])), devices.mobile);
 var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
 
+var defaultGrid = {
+  columnStartDesktop: 2,
+  columnSpanDesktop: 14,
+  columnStartDevice: 2,
+  columnSpanDevice: 12
+};
 var AnchorBar = function AnchorBar(_ref) {
   var cta = _ref.cta,
     onClickHandler = _ref.onClickHandler,
@@ -11041,7 +11047,9 @@ var AnchorBar = function AnchorBar(_ref) {
     showAnchorBar = _ref$showAnchorBar === void 0 ? true : _ref$showAnchorBar,
     className = _ref.className,
     _ref$withShadow = _ref.withShadow,
-    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow;
+    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow,
+    _ref$grid = _ref.grid,
+    grid = _ref$grid === void 0 ? defaultGrid : _ref$grid;
   var _useState = React.useState(showAnchorBar),
     isRendered = _useState[0],
     setIsRendered = _useState[1];
@@ -11065,12 +11073,7 @@ var AnchorBar = function AnchorBar(_ref) {
       "data-testid": "anchor-bar",
       className: className,
       withShadow: withShadow
-    }, /*#__PURE__*/React__default.createElement(GridItem, {
-      columnStartDesktop: 2,
-      columnSpanDesktop: 14,
-      columnStartDevice: 2,
-      columnSpanDevice: 12
-    }, /*#__PURE__*/React__default.createElement(ContentWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, {
+    }, /*#__PURE__*/React__default.createElement(GridItem, Object.assign({}, grid), /*#__PURE__*/React__default.createElement(ContentWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, {
       href: (_cta$href = cta.href) != null ? _cta$href : '#',
       onClick: onCtaClickHandler,
       tabIndex: 0