@royaloperahouse/harmonic 0.13.1-d → 0.13.1-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/PromoWithTags/PromoWithTags.style.d.ts +1 -271
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -271
- package/dist/components/molecules/SkipToMain/SkipToMain.d.ts +0 -19
- package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
- package/dist/components/organisms/Carousels/Carousel/Carousel.style.d.ts +1 -271
- package/dist/harmonic.cjs.development.js +4 -22
- 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 +4 -22
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -11146,7 +11146,7 @@ var AnchorBar = function AnchorBar(_ref) {
|
|
|
11146
11146
|
};
|
|
11147
11147
|
|
|
11148
11148
|
var _templateObject2$Z, _templateObject3$N;
|
|
11149
|
-
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n
|
|
11149
|
+
var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n &:not(:active):not(:focus) {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n\n @media ", " {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n user-select: none;\n }\n"])), function (_ref) {
|
|
11150
11150
|
var $hide = _ref.$hide;
|
|
11151
11151
|
return $hide && "\n display: none;\n ";
|
|
11152
11152
|
}, devices.mobileAndTablet);
|
|
@@ -11197,28 +11197,10 @@ var SkipToMain = function SkipToMain(_ref) {
|
|
|
11197
11197
|
withIcon: "none",
|
|
11198
11198
|
title: "Skip to main content",
|
|
11199
11199
|
onClick: clickHandler,
|
|
11200
|
-
"$hide": !targetElement
|
|
11200
|
+
"$hide": !targetElement,
|
|
11201
|
+
ariaLabel: "Skip to main content, in-page link"
|
|
11201
11202
|
}));
|
|
11202
11203
|
};
|
|
11203
|
-
/** TODO:
|
|
11204
|
-
* - make robust with SSR - might be solved with moving logic to FE. ✅
|
|
11205
|
-
* - hiding thing when element not found - might be solved with copying Tab element. ✅
|
|
11206
|
-
* - fix columns ✅
|
|
11207
|
-
* - fix top-bottom margin ✅
|
|
11208
|
-
* - remove !important ✅
|
|
11209
|
-
* - add types file ✅
|
|
11210
|
-
* - mobile solution ✅
|
|
11211
|
-
* - implement in Nav ✅
|
|
11212
|
-
* - consider: Make other Tab props available? ✅
|
|
11213
|
-
* - is Classname needed as a prop after all? ✅
|
|
11214
|
-
* - J's comment about id vs element ✅
|
|
11215
|
-
* - documentation ✅
|
|
11216
|
-
* - SkiptoMain storybook ✅
|
|
11217
|
-
* - Navigation storybook ✅
|
|
11218
|
-
* - Fix desktop margin
|
|
11219
|
-
* - Check if mobile works
|
|
11220
|
-
* - Tests
|
|
11221
|
-
*/
|
|
11222
11204
|
|
|
11223
11205
|
var dataRoh = 'imgLogo';
|
|
11224
11206
|
var title = 'Royal Ballet and Opera';
|
|
@@ -11801,7 +11783,7 @@ var TitleContainer$4 = /*#__PURE__*/styled.div(_templateObject2$11 || (_template
|
|
|
11801
11783
|
var TextContainer$1 = /*#__PURE__*/styled.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: 2.5em;\n div > :first-child {\n margin-top: 1.5em;\n }\n\n @media ", " {\n margin-top: 0;\n div > :first-child {\n margin-top: 0.5em;\n }\n }\n\n @media ", " {\n margin-left: 1.5em;\n margin-right: 1.5em;\n & {\n div > :first-child {\n margin-top: 1em;\n }\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11802
11784
|
|
|
11803
11785
|
var _templateObject$1i;
|
|
11804
|
-
var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-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 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
|
|
11786
|
+
var TextContainer$2 = /*#__PURE__*/styled(BodyCopyHarmonic)(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--color-base-black);\n font-feature-settings: var(--font-feature-settings-body);\n\n & h1,\n h2,\n h3,\n h4 {\n font-feature-settings: var(--font-feature-settings-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 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 text-underline-offset: 4px;\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 position: relative;\n padding-left: 32px;\n padding-top: 6px;\n padding-bottom: 6px;\n\n @media ", " {\n padding-left: 28px;\n padding-top: 4px;\n padding-bottom: 4px;\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);
|
|
11805
11787
|
|
|
11806
11788
|
var addTypographyClasses = function addTypographyClasses(html) {
|
|
11807
11789
|
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'] + "\">");
|