@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
package/dist/harmonic.esm.js
CHANGED
|
@@ -13809,22 +13809,26 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$1q || (_templa
|
|
|
13809
13809
|
var _templateObject$1r, _templateObject2$16, _templateObject3$V;
|
|
13810
13810
|
var FigureBlock = /*#__PURE__*/styled.figure(_templateObject$1r || (_templateObject$1r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
13811
13811
|
var BlockquoteBlock = /*#__PURE__*/styled.blockquote(_templateObject2$16 || (_templateObject2$16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin: 0;\n"])));
|
|
13812
|
-
var AttributionBlock = /*#__PURE__*/styled(HarmonicSubtitle)(_templateObject3$V || (_templateObject3$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 32px 0;\n\n @media ", " {\n padding: 24px 0;\n }\n"])), devices.mobile);
|
|
13812
|
+
var AttributionBlock = /*#__PURE__*/styled(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);
|
|
13813
13813
|
|
|
13814
13814
|
/* eslint-disable react/no-danger */
|
|
13815
13815
|
var Quote = function Quote(_ref) {
|
|
13816
13816
|
var text = _ref.text,
|
|
13817
13817
|
attribution = _ref.attribution,
|
|
13818
13818
|
className = _ref.className;
|
|
13819
|
+
var _useViewport = useViewport(),
|
|
13820
|
+
isMobile = _useViewport.isMobile,
|
|
13821
|
+
hydrated = _useViewport.hydrated;
|
|
13822
|
+
if (!hydrated) return null;
|
|
13819
13823
|
return /*#__PURE__*/React__default.createElement(Grid, {
|
|
13820
13824
|
className: className
|
|
13821
13825
|
}, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
13822
13826
|
columnStartDesktop: 3,
|
|
13823
|
-
columnSpanDesktop:
|
|
13827
|
+
columnSpanDesktop: 9,
|
|
13824
13828
|
columnStartDevice: 2,
|
|
13825
13829
|
columnSpanDevice: 12
|
|
13826
13830
|
}, /*#__PURE__*/React__default.createElement(FigureBlock, null, /*#__PURE__*/React__default.createElement(BlockquoteBlock, null, /*#__PURE__*/React__default.createElement(HarmonicHeader, {
|
|
13827
|
-
size:
|
|
13831
|
+
size: isMobile ? 'medium' : 'small',
|
|
13828
13832
|
tag: "p",
|
|
13829
13833
|
dangerouslySetInnerHTML: {
|
|
13830
13834
|
__html: "‘" + text + "’"
|