@royaloperahouse/chord 2.9.0-c-development → 2.9.0-d-development

package/dist/chord.cjs.development.js

@@ -11761,7 +11761,10 @@ var SignUpFormComponent = function SignUpFormComponent(_ref5) {
 };
 
 var _templateObject$1l, _templateObject2$_, _templateObject3$Q, _templateObject4$F;
-var AnchorBarContainer = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 50px;\n  min-height: 70px;\n  background: var(--base-color-white);\n  border-top: 2px solid var(--base-color-lightgrey);\n  border-bottom: 2px solid var(--base-color-lightgrey);\n  z-index: ", ";\n\n  @media ", " {\n    padding: 0 20px;\n    min-height: 60px;\n  }\n"])), zIndexes.anchor, devices.mobile);
+var AnchorBarContainer = /*#__PURE__*/styled__default('div')(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 50px;\n  min-height: 70px;\n  background: var(--base-color-white);\n  ", "\n  border-bottom: 2px solid var(--base-color-lightgrey);\n  z-index: ", ";\n\n  @media ", " {\n    padding: 0 20px;\n    min-height: 60px;\n  }\n"])), function (_ref) {
+  var hideTopBorder = _ref.hideTopBorder;
+  return !hideTopBorder && 'border-top: 2px solid var(--base-color-lightgrey);';
+}, zIndexes.anchor, devices.mobile);
 var CTAWrapper = /*#__PURE__*/styled__default.div(_templateObject2$_ || (_templateObject2$_ = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  min-height: 28px;\n\n  @media ", " {\n    min-height: 24px;\n  }\n"])), devices.mobile);
 var CTALink = /*#__PURE__*/styled__default.a(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: underline;\n  text-decoration-color: var(--base-color-black);\n  text-underline-offset: 4px;\n  line-height: 1.6;\n  color: var(--base-color-black);\n  font-weight: var(--font-weight-navigation);\n  font-size: var(--font-size-navigation);\n  font-family: var(--font-family-navigation);\n  letter-spacing: var(--letter-spacing-navigation);\n  text-transform: var(--text-transform-navigation);\n  cursor: pointer;\n"])));
 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"])));
@@ -11771,7 +11774,9 @@ var AnchorBar = function AnchorBar(_ref) {
       onClickHandler = _ref.onClickHandler,
       onCloseHandler = _ref.onCloseHandler,
       _ref$showAnchorBar = _ref.showAnchorBar,
-      showAnchorBar = _ref$showAnchorBar === void 0 ? true : _ref$showAnchorBar;
+      showAnchorBar = _ref$showAnchorBar === void 0 ? true : _ref$showAnchorBar,
+      _ref$hideTopBorder = _ref.hideTopBorder,
+      hideTopBorder = _ref$hideTopBorder === void 0 ? false : _ref$hideTopBorder;
 
   var _useState = React.useState(showAnchorBar),
       isRendered = _useState[0],
@@ -11798,7 +11803,8 @@ var AnchorBar = function AnchorBar(_ref) {
     var _cta$href;
 
     return /*#__PURE__*/React__default.createElement(AnchorBarContainer, {
-      "data-testid": "anchor-bar"
+      "data-testid": "anchor-bar",
+      hideTopBorder: hideTopBorder
     }, /*#__PURE__*/React__default.createElement(CTAWrapper, null, /*#__PURE__*/React__default.createElement(CTALink, {
       href: (_cta$href = cta.href) != null ? _cta$href : '#',
       onClick: onCtaClickHandler