@royaloperahouse/chord 1.5.0 → 1.6.0
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 +9 -3
- package/README.GIT +209 -56
- package/README.md +1 -1
- package/dist/chord.cjs.development.js +6 -4
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +6 -4
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/PageHeading/Highlight/Highlight.d.ts +5 -0
- package/dist/components/molecules/PageHeading/Highlight/Highlight.style.d.ts +14 -0
- package/dist/components/molecules/PageHeading/Highlight/index.d.ts +2 -0
- package/dist/components/molecules/PageHeading/index.d.ts +2 -1
- package/dist/components/molecules/index.d.ts +2 -2
- package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +1 -1
- package/dist/types/editorial.d.ts +19 -1
- package/package.json +4 -1
package/dist/chord.esm.js
CHANGED
|
@@ -3162,14 +3162,16 @@ var RotatorButtons = function RotatorButtons(_ref) {
|
|
|
3162
3162
|
onClick: onClickLeftHandler,
|
|
3163
3163
|
onKeyDown: onPrevKeyDownHandler,
|
|
3164
3164
|
tabIndex: 0,
|
|
3165
|
-
"data-testid": "iconprev"
|
|
3165
|
+
"data-testid": "iconprev",
|
|
3166
|
+
className: "carousel-icon-wrapper-left"
|
|
3166
3167
|
}, renderPrevIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3167
3168
|
"data-testid": "iconprevnoavailable"
|
|
3168
3169
|
}, renderPrevIcon()), availableNext ? /*#__PURE__*/React__default.createElement(IconWrapper$1, {
|
|
3169
3170
|
onClick: onClickRightHandler,
|
|
3170
3171
|
onKeyDown: onNextKeyDownHandler,
|
|
3171
3172
|
tabIndex: 0,
|
|
3172
|
-
"data-testid": "iconnext"
|
|
3173
|
+
"data-testid": "iconnext",
|
|
3174
|
+
className: "carousel-icon-wrapper-right"
|
|
3173
3175
|
}, renderNextIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
|
|
3174
3176
|
"data-testid": "iconnextnoavailable"
|
|
3175
3177
|
}, renderNextIcon()));
|
|
@@ -4050,7 +4052,7 @@ var Footer = function Footer(_ref) {
|
|
|
4050
4052
|
};
|
|
4051
4053
|
|
|
4052
4054
|
var _templateObject$x, _templateObject2$i, _templateObject3$b, _templateObject4$7, _templateObject5$4, _templateObject6$4;
|
|
4053
|
-
var
|
|
4055
|
+
var AnchorTabbarWrapper = /*#__PURE__*/styled.div(_templateObject$x || (_templateObject$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n background-color: var(--base-color-white);\n z-index: ", ";\n"])), zIndexes.anchor);
|
|
4054
4056
|
var TabsGrid = /*#__PURE__*/styled(Grid)(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: var(--anchor-tabs-height);\n"])));
|
|
4055
4057
|
var TabsWrapper = /*#__PURE__*/styled.div(_templateObject3$b || (_templateObject3$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
4056
4058
|
var TabsList = /*#__PURE__*/styled.ul(_templateObject4$7 || (_templateObject4$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: ", ";\n display: flex;\n gap: 32px;\n justify-content: ", ";\n align-items: center;\n list-style: none;\n padding: 0;\n margin: 0;\n height: var(--anchor-tabs-height);\n white-space: nowrap;\n overflow: scroll;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n scroll-behavior: smooth;\n\n @media ", " {\n & {\n width: ", ";\n }\n }\n"])), function (_ref) {
|
|
@@ -4181,7 +4183,7 @@ var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
|
4181
4183
|
setCanScrollToRight(scrollLeft + clientWidth < scrollWidth);
|
|
4182
4184
|
};
|
|
4183
4185
|
|
|
4184
|
-
return /*#__PURE__*/React__default.createElement(
|
|
4186
|
+
return /*#__PURE__*/React__default.createElement(AnchorTabbarWrapper, null, /*#__PURE__*/React__default.createElement(TabsGrid, null, /*#__PURE__*/React__default.createElement(GridItem, {
|
|
4185
4187
|
columnStartDesktop: tabsColumnStart,
|
|
4186
4188
|
columnSpanDesktop: tabsColumnSpan,
|
|
4187
4189
|
columnStartDevice: 2,
|