@royaloperahouse/harmonic 0.9.3-e → 0.9.3-f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/molecules/AnchorBar/AnchorBar.style.d.ts +5 -1
- package/dist/harmonic.cjs.development.css +3 -0
- package/dist/harmonic.cjs.development.js +14 -8
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +15 -9
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/anchorBar.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
interface AnchorBarContainerProps {
|
|
2
|
+
withShadow?: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const AnchorBarContainer: import("styled-components").StyledComponent<"div", any, AnchorBarContainerProps, never>;
|
|
2
5
|
export declare const CTAWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
6
|
export declare const CloseButtonWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
4
7
|
export declare const ContentWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
8
|
+
export {};
|
|
@@ -12216,10 +12216,13 @@ var SignUpFormComponent = function SignUpFormComponent(_ref) {
|
|
|
12216
12216
|
}))))));
|
|
12217
12217
|
};
|
|
12218
12218
|
|
|
12219
|
-
var _templateObject$1o,
|
|
12220
|
-
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor,
|
|
12221
|
-
var
|
|
12222
|
-
|
|
12219
|
+
var _templateObject$1o, _templateObject2$16, _templateObject4$J, _templateObject5$C;
|
|
12220
|
+
var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n min-height: 70px;\n background: var(--color-base-white);\n z-index: ", ";\n align-content: center;\n border-bottom: 1px solid var(--color-base-light-grey);\n\n ", "\n\n @media ", " {\n min-height: 60px;\n }\n"])), zIndexes.anchor, function (_ref) {
|
|
12221
|
+
var withShadow = _ref.withShadow;
|
|
12222
|
+
return withShadow && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
12223
|
+
}, devices.mobile);
|
|
12224
|
+
var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$J || (_templateObject4$J = /*#__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);
|
|
12225
|
+
var ContentWrapper$3 = /*#__PURE__*/styled__default.a(_templateObject5$C || (_templateObject5$C = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
12223
12226
|
|
|
12224
12227
|
var AnchorBar = function AnchorBar(_ref) {
|
|
12225
12228
|
var cta = _ref.cta,
|
|
@@ -12227,7 +12230,9 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
12227
12230
|
onCloseHandler = _ref.onCloseHandler,
|
|
12228
12231
|
_ref$showAnchorBar = _ref.showAnchorBar,
|
|
12229
12232
|
showAnchorBar = _ref$showAnchorBar === void 0 ? true : _ref$showAnchorBar,
|
|
12230
|
-
className = _ref.className
|
|
12233
|
+
className = _ref.className,
|
|
12234
|
+
_ref$withShadow = _ref.withShadow,
|
|
12235
|
+
withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow;
|
|
12231
12236
|
var _useState = React.useState(showAnchorBar),
|
|
12232
12237
|
isRendered = _useState[0],
|
|
12233
12238
|
setIsRendered = _useState[1];
|
|
@@ -12249,7 +12254,8 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
12249
12254
|
var _cta$href;
|
|
12250
12255
|
return /*#__PURE__*/React__default.createElement(AnchorBarContainer, {
|
|
12251
12256
|
"data-testid": "anchor-bar",
|
|
12252
|
-
className: className
|
|
12257
|
+
className: className,
|
|
12258
|
+
withShadow: withShadow
|
|
12253
12259
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
12254
12260
|
columnStartDesktop: 2,
|
|
12255
12261
|
columnSpanDesktop: 14,
|
|
@@ -12531,9 +12537,9 @@ var HighlightsStream = function HighlightsStream(_ref) {
|
|
|
12531
12537
|
})));
|
|
12532
12538
|
};
|
|
12533
12539
|
|
|
12534
|
-
var _templateObject$1p, _templateObject3$
|
|
12540
|
+
var _templateObject$1p, _templateObject3$U;
|
|
12535
12541
|
var CarouselWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n\n .swipe-slide {\n width: 100%;\n }\n"])));
|
|
12536
|
-
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
12542
|
+
var ButtonsWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$U || (_templateObject3$U = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n margin-left: 6px;\n"])));
|
|
12537
12543
|
|
|
12538
12544
|
var MinimalCarousel = function MinimalCarousel(_ref) {
|
|
12539
12545
|
var children = _ref.children;
|