@royaloperahouse/chord 2.2.9-d-chord-development → 2.2.10-a-chord-development
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/chord.cjs.development.js +227 -39
- 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 +227 -40
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/molecules/Card/Card.style.d.ts +1 -3
- package/dist/components/molecules/Table/Table.d.ts +4 -0
- package/dist/components/molecules/Table/Table.style.d.ts +16 -0
- package/dist/components/molecules/Table/index.d.ts +2 -0
- package/dist/components/molecules/index.d.ts +2 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/tableTypes.d.ts +42 -0
- package/package.json +3 -2
|
@@ -3881,7 +3881,10 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3881
3881
|
onKeyPress: spaceButtonHandler,
|
|
3882
3882
|
dark: isDarkMode,
|
|
3883
3883
|
disabled: disabled,
|
|
3884
|
-
"data-testid": "tickbox"
|
|
3884
|
+
"data-testid": "tickbox",
|
|
3885
|
+
role: "checkbox",
|
|
3886
|
+
"aria-checked": selected ? 'true' : 'false',
|
|
3887
|
+
"aria-labelledby": dataLabel
|
|
3885
3888
|
}, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
3886
3889
|
level: 1,
|
|
3887
3890
|
tag: "span"
|
|
@@ -3892,6 +3895,7 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3892
3895
|
dark: isDarkMode,
|
|
3893
3896
|
"aria-labelledby": dataLabel,
|
|
3894
3897
|
whiteBox: whiteBox,
|
|
3898
|
+
"aria-checked": selected ? 'true' : 'false',
|
|
3895
3899
|
disabled: disabled
|
|
3896
3900
|
}), /*#__PURE__*/React__default.createElement(TickboxCheckmark, {
|
|
3897
3901
|
dark: isDarkMode,
|
|
@@ -6201,34 +6205,28 @@ var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_t
|
|
|
6201
6205
|
var isGridCard = _ref7.isGridCard;
|
|
6202
6206
|
return isGridCard ? '20px' : '0';
|
|
6203
6207
|
});
|
|
6204
|
-
var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n
|
|
6205
|
-
|
|
6206
|
-
|
|
6207
|
-
|
|
6208
|
-
var fullWidth = _ref9.fullWidth;
|
|
6209
|
-
return fullWidth ? '0' : '20px';
|
|
6210
|
-
});
|
|
6211
|
-
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref10) {
|
|
6212
|
-
var bgColor = _ref10.bgColor,
|
|
6213
|
-
theme = _ref10.theme;
|
|
6208
|
+
var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n"])));
|
|
6209
|
+
var LabelElements = /*#__PURE__*/styled__default.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 8px;\n background-color: ", ";\n color: var(--base-color-white);\n"])), function (_ref8) {
|
|
6210
|
+
var bgColor = _ref8.bgColor,
|
|
6211
|
+
theme = _ref8.theme;
|
|
6214
6212
|
return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
|
|
6215
6213
|
});
|
|
6216
6214
|
var LabelIconWrapper = /*#__PURE__*/styled__default.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
|
|
6217
6215
|
|
|
6218
|
-
var getButtonsOpacity = function getButtonsOpacity(
|
|
6219
|
-
var onlyShowButtonsOnHover =
|
|
6216
|
+
var getButtonsOpacity = function getButtonsOpacity(_ref9) {
|
|
6217
|
+
var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
|
|
6220
6218
|
return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
|
|
6221
6219
|
};
|
|
6222
6220
|
|
|
6223
|
-
var getButtonsMinHeight = function getButtonsMinHeight(
|
|
6224
|
-
var onlyShowButtonsOnHover =
|
|
6221
|
+
var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
|
|
6222
|
+
var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
|
|
6225
6223
|
return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
|
|
6226
6224
|
};
|
|
6227
6225
|
|
|
6228
|
-
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (
|
|
6229
|
-
var size =
|
|
6230
|
-
primaryButtonTextLength =
|
|
6231
|
-
tertiaryButtonTextLength =
|
|
6226
|
+
var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n gap: 16px;\n margin-top: var(--editorial-margin-between);\n\n ", "\n\n @media ", " {\n ", ";\n margin-left: ", ";\n margin-right: ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n ", ";\n opacity: 1 !important;\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), getButtonsOpacity, function (_ref11) {
|
|
6227
|
+
var size = _ref11.size,
|
|
6228
|
+
primaryButtonTextLength = _ref11.primaryButtonTextLength,
|
|
6229
|
+
tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
|
|
6232
6230
|
var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT$1 || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT$1 : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
|
|
6233
6231
|
|
|
6234
6232
|
if (isLinksLayoutColumn) {
|
|
@@ -6236,15 +6234,15 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (
|
|
|
6236
6234
|
}
|
|
6237
6235
|
|
|
6238
6236
|
return '';
|
|
6239
|
-
}, devices.mobile, getButtonsMinHeight, function (
|
|
6240
|
-
var fullWidth =
|
|
6237
|
+
}, devices.mobile, getButtonsMinHeight, function (_ref12) {
|
|
6238
|
+
var fullWidth = _ref12.fullWidth;
|
|
6241
6239
|
return fullWidth ? '0' : '20px';
|
|
6242
|
-
}, function (
|
|
6243
|
-
var fullWidth =
|
|
6240
|
+
}, function (_ref13) {
|
|
6241
|
+
var fullWidth = _ref13.fullWidth;
|
|
6244
6242
|
return fullWidth ? '0' : '20px';
|
|
6245
|
-
}, devices.tablet, getButtonsMinHeight, function (
|
|
6246
|
-
var primaryButtonTextLength =
|
|
6247
|
-
tertiaryButtonTextLength =
|
|
6243
|
+
}, devices.tablet, getButtonsMinHeight, function (_ref14) {
|
|
6244
|
+
var primaryButtonTextLength = _ref14.primaryButtonTextLength,
|
|
6245
|
+
tertiaryButtonTextLength = _ref14.tertiaryButtonTextLength;
|
|
6248
6246
|
var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
|
|
6249
6247
|
|
|
6250
6248
|
if (isLinksLayoutColumnTablet) {
|
|
@@ -6452,9 +6450,7 @@ var Card = function Card(_ref) {
|
|
|
6452
6450
|
}
|
|
6453
6451
|
}))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
|
|
6454
6452
|
level: 1
|
|
6455
|
-
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
|
|
6456
|
-
fullWidth: fullWidth
|
|
6457
|
-
}, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6453
|
+
}, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, null, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
|
|
6458
6454
|
ref: node,
|
|
6459
6455
|
"data-testid": "buttonscontainer",
|
|
6460
6456
|
className: "cardButtonsContainer",
|
|
@@ -9221,6 +9217,197 @@ var AuxiliaryNav = function AuxiliaryNav(_ref) {
|
|
|
9221
9217
|
})));
|
|
9222
9218
|
};
|
|
9223
9219
|
|
|
9220
|
+
var _templateObject$1h, _templateObject2$X, _templateObject3$O, _templateObject4$D, _templateObject5$s, _templateObject6$n, _templateObject7$f, _templateObject8$b, _templateObject9$6;
|
|
9221
|
+
var TableHeader = /*#__PURE__*/styled__default.th(_templateObject$1h || (_templateObject$1h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-subtitle-2);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-2);\n letter-spacing: var(--letter-spacing-subtitle-2);\n line-height: var(--line-height-subtitle-2);\n padding: 24px 0;\n text-align: left;\n text-transform: uppercase;\n"])));
|
|
9222
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject2$X || (_templateObject2$X = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 34px 30px 34px 0;\n text-align: left;\n\n &:last-child {\n white-space: nowrap;\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])), function (props) {
|
|
9223
|
+
return "calc(100% / " + (props.columns - 1) + ")";
|
|
9224
|
+
});
|
|
9225
|
+
var LineContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 1px;\n background-color: ", ";\n width: 100%;\n"])), function (props) {
|
|
9226
|
+
return "var(--base-color-" + props.lineColor + ")";
|
|
9227
|
+
});
|
|
9228
|
+
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject4$D || (_templateObject4$D = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: 1px solid var(--base-color-transparent);\n }\n"])));
|
|
9229
|
+
var PageNumber$1 = /*#__PURE__*/styled__default.button(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
9230
|
+
var active = _ref.active;
|
|
9231
|
+
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
9232
|
+
});
|
|
9233
|
+
var Next = /*#__PURE__*/styled__default.span(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--base-color-dark-grey);\n }\n }\n"])));
|
|
9234
|
+
var ScrollButtons = /*#__PURE__*/styled__default.div(_templateObject7$f || (_templateObject7$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding: 0 0 24px 0;\n"])));
|
|
9235
|
+
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject8$b || (_templateObject8$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
9236
|
+
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject9$6 || (_templateObject9$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
9237
|
+
|
|
9238
|
+
var Table = function Table(_ref) {
|
|
9239
|
+
var columns = _ref.columns,
|
|
9240
|
+
headings = _ref.headings,
|
|
9241
|
+
children = _ref.children,
|
|
9242
|
+
lineColors = _ref.lineColors,
|
|
9243
|
+
rowsPerPage = _ref.rowsPerPage,
|
|
9244
|
+
pagination = _ref.pagination;
|
|
9245
|
+
|
|
9246
|
+
var _useState = React.useState(0),
|
|
9247
|
+
currentPage = _useState[0],
|
|
9248
|
+
setCurrentPage = _useState[1];
|
|
9249
|
+
|
|
9250
|
+
var _useState2 = React.useState(false),
|
|
9251
|
+
showScrollButtons = _useState2[0],
|
|
9252
|
+
setShowScrollButtons = _useState2[1];
|
|
9253
|
+
|
|
9254
|
+
var Content = function Content(_ref2) {
|
|
9255
|
+
var content = _ref2.content;
|
|
9256
|
+
return typeof content === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
9257
|
+
dangerouslySetInnerHTML: {
|
|
9258
|
+
__html: content
|
|
9259
|
+
}
|
|
9260
|
+
}) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content);
|
|
9261
|
+
};
|
|
9262
|
+
|
|
9263
|
+
var Cell = function Cell(_ref3) {
|
|
9264
|
+
var cell = _ref3.cell,
|
|
9265
|
+
cellIndex = _ref3.cellIndex,
|
|
9266
|
+
columns = _ref3.columns;
|
|
9267
|
+
return /*#__PURE__*/React__default.createElement(TableCell, {
|
|
9268
|
+
key: cellIndex,
|
|
9269
|
+
columns: columns
|
|
9270
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9271
|
+
content: cell
|
|
9272
|
+
}));
|
|
9273
|
+
};
|
|
9274
|
+
|
|
9275
|
+
var Row = function Row(_ref4) {
|
|
9276
|
+
var row = _ref4.row,
|
|
9277
|
+
rowIndex = _ref4.rowIndex,
|
|
9278
|
+
columns = _ref4.columns,
|
|
9279
|
+
lineColor = _ref4.lineColor;
|
|
9280
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
|
9281
|
+
key: rowIndex
|
|
9282
|
+
}, /*#__PURE__*/React__default.createElement("tr", null, row.map(function (cell, index) {
|
|
9283
|
+
return /*#__PURE__*/React__default.createElement(Cell, {
|
|
9284
|
+
key: index,
|
|
9285
|
+
cell: cell,
|
|
9286
|
+
cellIndex: index,
|
|
9287
|
+
columns: columns
|
|
9288
|
+
});
|
|
9289
|
+
})), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
9290
|
+
colSpan: columns
|
|
9291
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
9292
|
+
lineColor: lineColor,
|
|
9293
|
+
role: "presentation"
|
|
9294
|
+
}))));
|
|
9295
|
+
};
|
|
9296
|
+
|
|
9297
|
+
var lineColor = lineColors != null ? lineColors : exports.ThemeType.Cinema;
|
|
9298
|
+
var tableRef = React.useRef(null);
|
|
9299
|
+
React.useEffect(function () {
|
|
9300
|
+
if (tableRef.current) {
|
|
9301
|
+
tableRef.current.scrollTo(0, 0);
|
|
9302
|
+
}
|
|
9303
|
+
}, [children]);
|
|
9304
|
+
|
|
9305
|
+
var horizontalScroll = function horizontalScroll() {
|
|
9306
|
+
if (tableRef.current) {
|
|
9307
|
+
setShowScrollButtons(tableRef.current.scrollWidth > tableRef.current.clientWidth);
|
|
9308
|
+
}
|
|
9309
|
+
};
|
|
9310
|
+
|
|
9311
|
+
React.useEffect(function () {
|
|
9312
|
+
horizontalScroll();
|
|
9313
|
+
window.addEventListener('resize', horizontalScroll);
|
|
9314
|
+
return function () {
|
|
9315
|
+
return window.removeEventListener('resize', horizontalScroll);
|
|
9316
|
+
};
|
|
9317
|
+
}, []);
|
|
9318
|
+
|
|
9319
|
+
var scrollTable = function scrollTable(direction) {
|
|
9320
|
+
if (tableRef.current) {
|
|
9321
|
+
var currentScroll = tableRef.current.scrollLeft;
|
|
9322
|
+
var scrollAmount = direction === 'left' ? -300 : 300;
|
|
9323
|
+
tableRef.current.scrollTo({
|
|
9324
|
+
left: currentScroll + scrollAmount,
|
|
9325
|
+
behavior: 'smooth'
|
|
9326
|
+
});
|
|
9327
|
+
}
|
|
9328
|
+
};
|
|
9329
|
+
|
|
9330
|
+
var totalRows = Array.isArray(children) ? children.length : 0;
|
|
9331
|
+
var totalPages = pagination ? Math.ceil(totalRows / rowsPerPage) : 1;
|
|
9332
|
+
var currentRows = pagination ? Array.isArray(children) ? children.slice(currentPage * rowsPerPage, (currentPage + 1) * rowsPerPage) : [] : children;
|
|
9333
|
+
var pageNumbers = Array.from({
|
|
9334
|
+
length: totalPages
|
|
9335
|
+
}, function (_, i) {
|
|
9336
|
+
return i;
|
|
9337
|
+
});
|
|
9338
|
+
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9339
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showScrollButtons && /*#__PURE__*/React__default.createElement(ScrollButtons, null, /*#__PURE__*/React__default.createElement(RotatorButtons, {
|
|
9340
|
+
onClickPrev: function onClickPrev() {
|
|
9341
|
+
return scrollTable('left');
|
|
9342
|
+
},
|
|
9343
|
+
onClickNext: function onClickNext() {
|
|
9344
|
+
return scrollTable('right');
|
|
9345
|
+
}
|
|
9346
|
+
})), /*#__PURE__*/React__default.createElement(Container$6, {
|
|
9347
|
+
role: "table",
|
|
9348
|
+
tabIndex: 0,
|
|
9349
|
+
ref: tableRef
|
|
9350
|
+
}, /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
9351
|
+
colSpan: columns
|
|
9352
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
9353
|
+
lineColor: lineColor,
|
|
9354
|
+
role: "presentation"
|
|
9355
|
+
})))), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, headings && headings.map(function (heading, index) {
|
|
9356
|
+
return /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9357
|
+
key: index,
|
|
9358
|
+
role: "columnheader"
|
|
9359
|
+
}, /*#__PURE__*/React__default.createElement(Content, {
|
|
9360
|
+
content: heading
|
|
9361
|
+
}));
|
|
9362
|
+
}))), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
9363
|
+
colSpan: columns
|
|
9364
|
+
}, /*#__PURE__*/React__default.createElement(LineContainer$1, {
|
|
9365
|
+
lineColor: lineColor,
|
|
9366
|
+
role: "presentation"
|
|
9367
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", null, Array.isArray(currentRows) && currentRows.map(function (row, rowIndex) {
|
|
9368
|
+
return /*#__PURE__*/React__default.createElement(Row, {
|
|
9369
|
+
key: rowIndex,
|
|
9370
|
+
row: row,
|
|
9371
|
+
rowIndex: rowIndex,
|
|
9372
|
+
columns: columns,
|
|
9373
|
+
lineColor: lineColor
|
|
9374
|
+
});
|
|
9375
|
+
}))), pagination && totalPages > 1 && /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
9376
|
+
key: "previous-page",
|
|
9377
|
+
onClick: function onClick() {
|
|
9378
|
+
return setCurrentPage(currentPage - 1);
|
|
9379
|
+
},
|
|
9380
|
+
tabIndex: 0,
|
|
9381
|
+
"aria-label": "Previous page"
|
|
9382
|
+
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9383
|
+
iconName: "DropdownArrow",
|
|
9384
|
+
direction: "down"
|
|
9385
|
+
})))), reducedPageNumbers.map(function (number) {
|
|
9386
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9387
|
+
key: number
|
|
9388
|
+
}, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
9389
|
+
key: number,
|
|
9390
|
+
onClick: function onClick() {
|
|
9391
|
+
return setCurrentPage(number);
|
|
9392
|
+
},
|
|
9393
|
+
tabIndex: 0,
|
|
9394
|
+
active: "" + (number === currentPage)
|
|
9395
|
+
}, number + 1));
|
|
9396
|
+
}), currentPage + 4 < totalPages && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
9397
|
+
key: "more-after"
|
|
9398
|
+
}, /*#__PURE__*/React__default.createElement(MorePages, null, "..."))), currentPage < totalPages - 1 && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber$1, {
|
|
9399
|
+
key: "next-page",
|
|
9400
|
+
onClick: function onClick() {
|
|
9401
|
+
return setCurrentPage(currentPage + 1);
|
|
9402
|
+
},
|
|
9403
|
+
tabIndex: 0,
|
|
9404
|
+
"aria-label": "Next page"
|
|
9405
|
+
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9406
|
+
iconName: "DropdownArrow",
|
|
9407
|
+
direction: "up"
|
|
9408
|
+
})))))));
|
|
9409
|
+
};
|
|
9410
|
+
|
|
9224
9411
|
var UpsellSection = function UpsellSection(_ref) {
|
|
9225
9412
|
var title = _ref.title,
|
|
9226
9413
|
richText = _ref.richText,
|
|
@@ -9309,9 +9496,9 @@ var LiveChat = function LiveChat() {
|
|
|
9309
9496
|
});
|
|
9310
9497
|
};
|
|
9311
9498
|
|
|
9312
|
-
var _templateObject$
|
|
9313
|
-
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9314
|
-
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$
|
|
9499
|
+
var _templateObject$1i, _templateObject2$Y;
|
|
9500
|
+
var StickyBarWrapper = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n top: 0;\n position: sticky;\n z-index: ", ";\n background-color: var(--base-color-white);\n"])), zIndexes.anchor);
|
|
9501
|
+
var StickyBarGrid = /*#__PURE__*/styled__default(Grid)(_templateObject2$Y || (_templateObject2$Y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n padding: 28px 0 26px;\n\n @media ", " {\n padding: 24px 0 28px;\n }\n\n @media ", " {\n border-bottom: none;\n }\n"])), function (_ref) {
|
|
9315
9502
|
var hideBottomBorder = _ref.hideBottomBorder;
|
|
9316
9503
|
return !hideBottomBorder && 'border-bottom: 2px solid var(--base-color-lightgrey);';
|
|
9317
9504
|
}, devices.mobileAndTablet, devices.mobile);
|
|
@@ -9339,11 +9526,11 @@ var StickyBar = function StickyBar(_ref) {
|
|
|
9339
9526
|
}, children)));
|
|
9340
9527
|
};
|
|
9341
9528
|
|
|
9342
|
-
var _templateObject$
|
|
9343
|
-
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$
|
|
9344
|
-
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$
|
|
9345
|
-
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
9346
|
-
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$
|
|
9529
|
+
var _templateObject$1j, _templateObject2$Z, _templateObject3$P, _templateObject4$E;
|
|
9530
|
+
var InnerModal = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 62px;\n background-color: var(--base-color-white);\n z-index: ", ";\n position: relative;\n\n @media ", ", ", " {\n height: 100vh;\n padding: 62px 0 0;\n }\n"])), zIndexes.popup, devices.smallMobile, devices.mobile);
|
|
9531
|
+
var CloseButton = /*#__PURE__*/styled__default.button(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n right: 0;\n margin: 15px;\n height: 26px;\n width: 26px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n @media ", " {\n margin: 25px;\n }\n @media ", ", ", " {\n margin: 30px;\n }\n"])), devices.tablet, devices.desktop, devices.largeDesktop);
|
|
9532
|
+
var ContentWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
|
|
9533
|
+
var Overlay = /*#__PURE__*/styled__default(Grid)(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n align-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n"])));
|
|
9347
9534
|
|
|
9348
9535
|
var MAX_Z_INDEX = 9999999999;
|
|
9349
9536
|
|
|
@@ -9463,8 +9650,8 @@ var ModalWindow = function ModalWindow(_ref) {
|
|
|
9463
9650
|
})), /*#__PURE__*/React__default.createElement(ContentWrapper$1, null, children))), /*#__PURE__*/React__default.createElement(ScrollLock, null)));
|
|
9464
9651
|
};
|
|
9465
9652
|
|
|
9466
|
-
var _templateObject$
|
|
9467
|
-
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9653
|
+
var _templateObject$1k;
|
|
9654
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n html {\n --base-color-primary: ", ";\n --base-color-core: ", ";\n --base-color-stream: ", ";\n --base-color-cinema: ", ";\n --base-color-white: ", ";\n --base-color-black: ", ";\n --base-color-dark-grey: ", ";\n --base-color-mid-grey: ", ";\n --base-color-light-grey: ", ";\n --error-color-state: ", ";\n --medium-color-state: ", ";\n --good-color-state: ", ";\n --base-color-darkgrey: ", ";\n --base-color-midgrey: ", ";\n --base-color-lightgrey: ", ";\n --base-color-transparent: transparent;\n --base-color-errorstate: ", ";\n --base-color-mediumstate: ", ";\n --base-color-goodstate: ", ";\n --base-color-progress: ", ";\n --base-color-navigation: ", ";\n --base-color-lapislazuli: ", ";\n --base-color-lemonchiffon: ", ";\n\n --button-height: ", ";\n --button-line-height: ", ";\n --button-padding-x: ", ";\n --button-padding-y: ", ";\n --button-padding-y-icon: ", ";\n --button-icon-margin: ", ";\n --button-icon-width: ", ";\n --button-icon-height: ", ";\n --button-font-size: ", ";\n --button-font-weight: ", ";\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n --margin-header-1: ", ";\n\n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n --margin-header-2: ", ";\n\n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n --margin-header-3: ", ";\n\n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n --margin-header-4: ", ";\n\n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n --margin-header-5: ", ";\n\n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n --margin-header-6: ", ";\n\n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n\n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n\n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n\n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n\n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n\n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n\n --font-size-overline-3: ", ";\n --font-weight-overline-3: ", ";\n --letter-spacing-overline-3: ", ";\n --line-height-overline-3: ", "; \n\n --font-size-overline-4: ", ";\n --font-weight-overline-4: ", ";\n --letter-spacing-overline-4: ", ";\n --line-height-overline-4: ", ";\n\n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n\n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n\n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n\n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-listing: ", ";\n --font-size-individual-listing-name: ", ";\n --line-height-individual-listing-name: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n\n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n\n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n\n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n\n --font-family-navigation: ", ";\n --font-size-navigation: ", ";\n --font-weight-navigation: ", ";\n --line-height-navigation: ", ";\n --text-transform-navigation: ", ";\n --letter-spacing-navigation: ", ";\n\n --navigation-small-gap: ", ";\n --navigation-middle-gap: ", ";\n --navigation-large-gap: ", ";\n --navigation-xlarge-gap: ", ";\n --navigation-large-margin: ", ";\n\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --grid-margin: ", ";\n --grid-outer-margin: ", ";\n --grid-template-columns: calc(", " - ", ") calc(", " - ", " - ", ") repeat(12, minmax(0,1fr)) calc(", " - ", " - ", ") calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: 0;\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --text-link-underline-offset: ", ";\n\n --cards-spacing-stack: ", ";\n\n --editorial-subtitle-margin-bottom: ", ";\n --editorial-margin-between: ", ";\n --editorial-spacing-hover: ", ";\n --anchor-tabs-height: 70px;\n \n\n @media ", " {\n\n --font-size-header-1: ", ";\n --font-weight-header-1: ", ";\n --letter-spacing-header-1: ", ";\n --line-height-header-1: ", ";\n \n --font-size-header-2: ", ";\n --font-weight-header-2: ", ";\n --letter-spacing-header-2: ", ";\n --line-height-header-2: ", ";\n \n --font-size-header-3: ", ";\n --font-weight-header-3: ", ";\n --letter-spacing-header-3: ", ";\n --line-height-header-3: ", ";\n \n --font-size-header-4: ", ";\n --font-weight-header-4: ", ";\n --letter-spacing-header-4: ", ";\n --line-height-header-4: ", ";\n \n --font-size-header-5: ", ";\n --font-weight-header-5: ", ";\n --letter-spacing-header-5: ", ";\n --line-height-header-5: ", ";\n \n --font-size-header-6: ", ";\n --font-weight-header-6: ", ";\n --letter-spacing-header-6: ", ";\n --line-height-header-6: ", ";\n \n --font-size-altHeader-3: ", ";\n --font-weight-altHeader-3: ", ";\n --letter-spacing-altHeader-3: ", ";\n --line-height-altHeader-3: ", ";\n \n --font-size-altHeader-4: ", ";\n --font-weight-altHeader-4: ", ";\n --letter-spacing-altHeader-4: ", ";\n --line-height-altHeader-4: ", ";\n \n --font-size-altHeader-5: ", ";\n --font-weight-altHeader-5: ", ";\n --letter-spacing-altHeader-5: ", ";\n --line-height-altHeader-5: ", ";\n \n --font-size-altHeader-6: ", ";\n --font-weight-altHeader-6: ", ";\n --letter-spacing-altHeader-6: ", ";\n --line-height-altHeader-6: ", ";\n \n --font-size-overline-1: ", ";\n --font-weight-overline-1: ", ";\n --letter-spacing-overline-1: ", ";\n --line-height-overline-1: ", ";\n \n --font-size-overline-2: ", ";\n --font-weight-overline-2: ", ";\n --letter-spacing-overline-2: ", ";\n --line-height-overline-2: ", ";\n \n --font-size-body-1: ", ";\n --font-weight-body-1: ", ";\n --letter-spacing-body-1: ", ";\n --line-height-body-1: ", ";\n \n --font-size-body-2: ", ";\n --font-weight-body-2: ", ";\n --letter-spacing-body-2: ", ";\n --line-height-body-2: ", ";\n \n --font-size-body-3: ", ";\n --font-weight-body-3: ", ";\n --letter-spacing-body-3: ", ";\n --line-height-body-3: ", ";\n \n --font-size-subtitle-1: ", ";\n --font-weight-subtitle-1: ", ";\n --letter-spacing-subtitle-1: ", ";\n --line-height-subtitle-1: ", ";\n \n --font-size-subtitle-2: ", ";\n --font-weight-subtitle-2: ", ";\n --letter-spacing-subtitle-2: ", ";\n --line-height-subtitle-2: ", ";\n\n --font-size-title-description: ", ";\n --line-height-title-description: ", ";\n --line-height-people-listing-gap: ", ";\n\n --font-size-search: ", ";\n --font-family-search: ", ";\n\n --font-family-header: ", ";\n --font-family-altHeader: ", ";\n --font-family-body: ", ";\n --font-family-body-italics: ", ";\n --font-family-buttons: ", ";\n --font-family-overline: ", ";\n --font-family-subtitle: ", ";\n --font-family-people-listing-role: ", ";\n --font-family-people-listing-name: ", ";\n \n --font-feature-settings-header: ", ";\n --font-feature-settings-altHeader: ", ";\n --font-feature-settings-overline: ", ";\n --font-feature-settings-subtitle: ", ";\n --font-feature-settings-body: ", ";\n --font-feature-settings-navigation: ", ";\n \n --text-transform-header: ", ";\n --text-transform-altHeader: ", ";\n --text-transform-body: ", ";\n --text-transform-overline: ", ";\n --text-transform-subtitle: ", ";\n \n --word-break-header: ", ";\n --word-break-altHeader: ", ";\n --word-break-body: ", ";\n --word-break-overline: ", ";\n --word-break-subtitle: ", ";\n \n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n\n --footer-height: ", ";\n --footer-padding-top: ", ";\n --footer-padding-bottom: ", ";\n --footer-items-gap: ", ";\n --footer-media-gap: ", ";\n --footer-media-icon-width: ", ";\n --footer-media-icon-height: ", ";\n --footer-vertical-spacing-lg: ", ";\n --footer-vertical-spacing-sm: ", ";\n\n --anchor-tabs-height: 60px;\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n }\n\n @media ", " {\n --grid-template-columns: calc(", " - ", ") repeat(12, minmax(0, 1fr)) calc(", " - ", ");\n --grid-column-gap: ", ";\n --grid-margin: ", ";\n --rotator-button-width: ", ";\n --rotator-button-icon-width: ", ";\n\n --font-size-header-6: ", ";\n\n --font-size-altHeader-4: ", ";\n\n --font-size-body-1: ", ";\n }\n\n @media ", " {\n \n }\n\n @media ", " {\n \n }\n }\n"])), function (_ref) {
|
|
9468
9655
|
var theme = _ref.theme;
|
|
9469
9656
|
return theme.colors.primary;
|
|
9470
9657
|
}, function (_ref2) {
|
|
@@ -10470,6 +10657,7 @@ exports.StreamBadge = StreamBadge;
|
|
|
10470
10657
|
exports.Subtitle = Subtitle;
|
|
10471
10658
|
exports.Tab = Tab;
|
|
10472
10659
|
exports.TabLink = TabLink;
|
|
10660
|
+
exports.Table = Table;
|
|
10473
10661
|
exports.Tabs = Tabs;
|
|
10474
10662
|
exports.TertiaryButton = Button$1;
|
|
10475
10663
|
exports.TextArea = TextArea;
|