@royaloperahouse/harmonic 0.12.0-g → 0.12.0-h
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/harmonic.cjs.development.js +7 -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 +7 -3
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -13768,22 +13768,26 @@ var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1q || (
|
|
|
13768
13768
|
var _templateObject$1r, _templateObject2$16, _templateObject3$V;
|
|
13769
13769
|
var FigureBlock = /*#__PURE__*/styled__default.figure(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
13770
13770
|
var BlockquoteBlock = /*#__PURE__*/styled__default.blockquote(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
13771
|
-
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
13771
|
+
var AttributionBlock = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n & cite {\n font-style: normal;\n }\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
13772
13772
|
|
|
13773
13773
|
/* eslint-disable react/no-danger */
|
|
13774
13774
|
var Quote = function Quote(_ref) {
|
|
13775
13775
|
var text = _ref.text,
|
|
13776
13776
|
attribution = _ref.attribution,
|
|
13777
13777
|
className = _ref.className;
|
|
13778
|
+
var _useViewport = useViewport(),
|
|
13779
|
+
isMobile = _useViewport.isMobile,
|
|
13780
|
+
hydrated = _useViewport.hydrated;
|
|
13781
|
+
if (!hydrated) return null;
|
|
13778
13782
|
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
13779
13783
|
className: className
|
|
13780
13784
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
13781
13785
|
columnStartDesktop: 3,
|
|
13782
|
-
columnSpanDesktop:
|
|
13786
|
+
columnSpanDesktop: 9,
|
|
13783
13787
|
columnStartDevice: 2,
|
|
13784
13788
|
columnSpanDevice: 12
|
|
13785
13789
|
}, /*#__PURE__*/React__default.createElement(FigureBlock, null, /*#__PURE__*/React__default.createElement(BlockquoteBlock, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
13786
|
-
size:
|
|
13790
|
+
size: isMobile ? 'medium' : 'small',
|
|
13787
13791
|
tag: "p",
|
|
13788
13792
|
dangerouslySetInnerHTML: {
|
|
13789
13793
|
__html: "‘" + text + "’"
|