@royaloperahouse/harmonic 0.17.1 → 0.17.2
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/CHANGELOG.md +3 -0
- package/dist/harmonic.cjs.development.js +3 -3
- 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 +3 -3
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -12166,7 +12166,7 @@ var getImageSlideStyles = function getImageSlideStyles(imageHeight) {
|
|
|
12166
12166
|
};
|
|
12167
12167
|
|
|
12168
12168
|
var _templateObject$1o, _templateObject2$15, _templateObject3$T, _templateObject4$L, _templateObject5$D, _templateObject6$t, _templateObject7$n, _templateObject8$g, _templateObject9$a;
|
|
12169
|
-
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n
|
|
12169
|
+
var ImageCarouselWrapper = /*#__PURE__*/styled.div(_templateObject$1o || (_templateObject$1o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n @media ", " {\n ", "\n }}\n\n &:fullscreen {\n background: var(--color-base-white);\n padding-top: 44px;\n padding-bottom: 84px;\n\n .swipe-slide > figure {\n height: var(--fullscreen-figure-height);\n }\n }\n"])), function (_ref) {
|
|
12170
12170
|
var imagesHeightDesktop = _ref.imagesHeightDesktop;
|
|
12171
12171
|
return "& {\n .swipe-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n\n > figure {\n margin: 0px;\n " + getImageSlideStyles(imagesHeightDesktop) + "\n }\n }\n }";
|
|
12172
12172
|
}, devices.mobile, function (_ref2) {
|
|
@@ -12187,7 +12187,7 @@ var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$D || (_templateObj
|
|
|
12187
12187
|
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$t || (_templateObject6$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n"])));
|
|
12188
12188
|
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$n || (_templateObject7$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
|
|
12189
12189
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$g || (_templateObject8$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
12190
|
-
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
12190
|
+
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$a || (_templateObject9$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .swipe {\n padding-inline-start: 2px;\n padding-block-start: 2px;\n }\n\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
12191
12191
|
var active = _ref5.active;
|
|
12192
12192
|
return active ? 'grid-column: 1 / span 16' : '';
|
|
12193
12193
|
}, devices.tablet, function (_ref6) {
|
|
@@ -12197,7 +12197,7 @@ var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$a || (_tem
|
|
|
12197
12197
|
|
|
12198
12198
|
var _templateObject$1p, _templateObject2$16;
|
|
12199
12199
|
var SWIPE_SLIDE_CLASS_NAME = 'swipe-slide';
|
|
12200
|
-
var SwipeContainer = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n width: 100%;\n touch-action: pan-y;\n
|
|
12200
|
+
var SwipeContainer = /*#__PURE__*/styled.div(_templateObject$1p || (_templateObject$1p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n width: 100%;\n touch-action: pan-y;\n"])));
|
|
12201
12201
|
var SwipeTrack = /*#__PURE__*/styled.div(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n transition: ", ";\n transform: translateX(", ");\n\n .", " {\n flex-shrink: 0;\n }\n"])), function (_ref) {
|
|
12202
12202
|
var transitioning = _ref.transitioning;
|
|
12203
12203
|
return transitioning ? 'transform 0.3s ease' : 'none';
|