@royaloperahouse/harmonic 0.12.0-c → 0.12.0-d
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/BodyContent/BodyContent.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +6 -10
- 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 +6 -10
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/editorial.d.ts +0 -8
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7049,7 +7049,7 @@ var Theme = function Theme(_ref) {
|
|
|
7049
7049
|
};
|
|
7050
7050
|
|
|
7051
7051
|
var _templateObject$I;
|
|
7052
|
-
var TextContainer$1 = /*#__PURE__*/styled
|
|
7052
|
+
var TextContainer$1 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$I || (_templateObject$I = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n text-transform: var(--text-transform-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-header);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 0px;\n }\n }\n\n & h5,\n h6 {\n font-feature-settings: var(--font-feature-settings-subtitle);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n margin: 60px 0 16px;\n\n + p {\n margin-top: 10px;\n }\n }\n\n & a {\n color: var(--color-base-black);\n text-decoration: underline;\n cursor: pointer;\n\n &:hover {\n color: var(--color-rbo-black-hovered);\n }\n\n &:active {\n color: var(--color-rbo-black-pressed);\n }\n }\n\n p {\n margin: 30px 0;\n }\n\n p:has(+ ul),\n p:has(+ ol) {\n margin-bottom: 12px;\n }\n\n & ul,\n & ol {\n padding: 0;\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n & ul li,\n & ol li {\n line-height: var(--line-height-listing);\n position: relative;\n padding-left: 32px;\n\n @media ", " {\n padding-left: 28px;\n }\n }\n\n & ul > li:before {\n display: inline-block;\n content: '\u2014';\n position: absolute;\n left: 0;\n width: 20px;\n text-align: right;\n margin-right: 12px;\n\n @media ", " {\n width: 16px;\n margin-right: 12px;\n }\n }\n\n & ol {\n counter-reset: custom-ol;\n }\n\n & ol > li {\n counter-increment: custom-ol;\n }\n\n & ol > li::before {\n content: counter(custom-ol, decimal-leading-zero) '';\n position: absolute;\n left: 0;\n min-width: 20px;\n text-align: right;\n margin-right: 12px;\n display: inline-block;\n\n @media ", " {\n min-width: 16px;\n margin-right: 12px;\n }\n }\n"])), devices.mobile, devices.mobile, devices.mobile);
|
|
7053
7053
|
|
|
7054
7054
|
var addTypographyClasses = function addTypographyClasses(html) {
|
|
7055
7055
|
return html.replace(/<h1>/g, "<h1 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h2>/g, "<h2 class=\"" + typographyStyles.header + " " + typographyStyles['header--large'] + "\">").replace(/<h3>/g, "<h3 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h4>/g, "<h4 class=\"" + typographyStyles.header + " " + typographyStyles['header--medium'] + "\">").replace(/<h5>/g, "<h5 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">").replace(/<h6>/g, "<h6 class=\"" + typographyStyles.header + " " + typographyStyles['header--small'] + "\">");
|
|
@@ -7074,8 +7074,9 @@ var BodyContent = function BodyContent(_ref) {
|
|
|
7074
7074
|
columnStartDevice: columnStartDevice,
|
|
7075
7075
|
columnSpanDevice: columnSpanDevice
|
|
7076
7076
|
}, /*#__PURE__*/React__default.createElement(TextContainer$1, {
|
|
7077
|
+
tag: "div",
|
|
7078
|
+
size: "large",
|
|
7077
7079
|
"data-testid": "text-container",
|
|
7078
|
-
className: typographyStyles.bodycopy + " " + typographyStyles['bodycopy--large'],
|
|
7079
7080
|
dangerouslySetInnerHTML: {
|
|
7080
7081
|
__html: addTypographyClasses(text)
|
|
7081
7082
|
}
|
|
@@ -9103,10 +9104,6 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9103
9104
|
_ref$sponsor = _ref.sponsor,
|
|
9104
9105
|
sponsor = _ref$sponsor === void 0 ? false : _ref$sponsor,
|
|
9105
9106
|
children = _ref.children,
|
|
9106
|
-
_ref$copyCharLimit = _ref.copyCharLimit,
|
|
9107
|
-
copyCharLimit = _ref$copyCharLimit === void 0 ? 250 : _ref$copyCharLimit,
|
|
9108
|
-
_ref$titleCharLimit = _ref.titleCharLimit,
|
|
9109
|
-
titleCharLimit = _ref$titleCharLimit === void 0 ? 40 : _ref$titleCharLimit,
|
|
9110
9107
|
className = _ref.className,
|
|
9111
9108
|
showBadge = _ref.showBadge,
|
|
9112
9109
|
theme = _ref.theme;
|
|
@@ -9117,8 +9114,6 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9117
9114
|
pressedColor: ThemeColor['white-pressed']
|
|
9118
9115
|
});
|
|
9119
9116
|
var linkText = themedLink == null ? void 0 : themedLink.text;
|
|
9120
|
-
var truncatedText = text == null ? void 0 : text.substring(0, copyCharLimit);
|
|
9121
|
-
var truncatedTitle = title == null ? void 0 : title.substring(0, titleCharLimit);
|
|
9122
9117
|
var isTitleUnAvailable = !title;
|
|
9123
9118
|
var renderBadge = function renderBadge(currentTheme) {
|
|
9124
9119
|
if (!showBadge) return null;
|
|
@@ -9152,13 +9147,14 @@ var PageHeading = function PageHeading(_ref) {
|
|
|
9152
9147
|
color: "white",
|
|
9153
9148
|
size: "large",
|
|
9154
9149
|
hierarchy: hierarchy
|
|
9155
|
-
},
|
|
9150
|
+
}, title))), text ? (/*#__PURE__*/React__default.createElement(TextWrapper, {
|
|
9156
9151
|
"data-testid": "page-heading-text"
|
|
9157
9152
|
}, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
|
|
9153
|
+
tag: "div",
|
|
9158
9154
|
color: "white",
|
|
9159
9155
|
size: "large",
|
|
9160
9156
|
dangerouslySetInnerHTML: {
|
|
9161
|
-
__html:
|
|
9157
|
+
__html: text
|
|
9162
9158
|
}
|
|
9163
9159
|
}))) : null, sponsor ? (/*#__PURE__*/React__default.createElement(LogoWrapper, {
|
|
9164
9160
|
"data-testid": "page-heading-sponsor",
|