@royaloperahouse/harmonic 1.0.1 → 1.0.3
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 +6 -0
- package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
- 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 +2 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -11847,7 +11847,7 @@ var ArrowsContainer = /*#__PURE__*/styled.div(_templateObject8$f || (_templateOb
|
|
|
11847
11847
|
var withShadow = _ref7.withShadow;
|
|
11848
11848
|
return withShadow && css(_templateObject9$9 || (_templateObject9$9 = _taggedTemplateLiteralLoose(["\n box-shadow: var(--shadow-floating);\n "])));
|
|
11849
11849
|
});
|
|
11850
|
-
var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: ", ";\n
|
|
11850
|
+
var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject0$8 || (_templateObject0$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n cursor: ", ";\n pointer-events: ", ";\n display: flex;\n align-items: center;\n justify-content: flex-center;\n\n && svg path {\n fill: ", ";\n }\n"])), function (_ref8) {
|
|
11851
11851
|
var disabled = _ref8.disabled;
|
|
11852
11852
|
return disabled ? 'not-allowed' : 'pointer';
|
|
11853
11853
|
}, function (_ref9) {
|
|
@@ -11893,7 +11893,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
11893
11893
|
onTabClick(e, id);
|
|
11894
11894
|
}
|
|
11895
11895
|
setSelectedItem(id);
|
|
11896
|
-
var clickedTab = document.getElementById("tablink-" +
|
|
11896
|
+
var clickedTab = document.getElementById("tablink-" + id);
|
|
11897
11897
|
if (clickedTab) {
|
|
11898
11898
|
clickedTab.focus();
|
|
11899
11899
|
}
|
|
@@ -12470,7 +12470,7 @@ var TitleWrapper$5 = /*#__PURE__*/styled.div(_templateObject5$E || (_templateObj
|
|
|
12470
12470
|
var isDescriptionPresent = _ref4.isDescriptionPresent;
|
|
12471
12471
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
12472
12472
|
});
|
|
12473
|
-
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n line-height: 42px;\n }\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-
|
|
12473
|
+
var TitleText$1 = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$u || (_templateObject6$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n && {\n line-height: 42px;\n }\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n padding-top: 4px;\n box-sizing: border-box;\n /* max-height = 2 * 40px (two lines): 40px is the design line-height for header--medium (matches font-size/optical metrics), +4px provides extra descender room so glyphs like g/y aren't clipped \u2014 non\u2011WebKit fallback */\n max-height: calc(2 * 40px + 4px);\n"])));
|
|
12474
12474
|
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$o || (_templateObject7$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
|
|
12475
12475
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$h || (_templateObject8$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
12476
12476
|
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$b || (_templateObject9$b = /*#__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) {
|