@royaloperahouse/chord 2.2.9-c-chord-development → 2.2.9-d-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.
Files changed (8) hide show
  1. package/dist/chord.cjs.development.js +28 -20
  2. package/dist/chord.cjs.development.js.map +1 -1
  3. package/dist/chord.cjs.production.min.js +1 -1
  4. package/dist/chord.cjs.production.min.js.map +1 -1
  5. package/dist/chord.esm.js +28 -20
  6. package/dist/chord.esm.js.map +1 -1
  7. package/dist/components/molecules/Card/Card.style.d.ts +3 -1
  8. package/package.json +1 -1
package/dist/chord.cjs.development.js CHANGED
@@ -6201,28 +6201,34 @@ var LabelContainer = /*#__PURE__*/styled__default.div(_templateObject10$2 || (_t
6201
6201
  var isGridCard = _ref7.isGridCard;
6202
6202
  return isGridCard ? '20px' : '0';
6203
6203
  });
6204
- var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n"])));
6205
- 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) {
6206
- var bgColor = _ref8.bgColor,
6207
- theme = _ref8.theme;
6204
+ var ExtraActionsContainer = /*#__PURE__*/styled__default.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n\n @media ", " {\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), devices.mobile, function (_ref8) {
6205
+ var fullWidth = _ref8.fullWidth;
6206
+ return fullWidth ? '0' : '20px';
6207
+ }, function (_ref9) {
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
6214
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
6209
6215
  });
6210
6216
  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"])));
6211
6217
 
6212
- var getButtonsOpacity = function getButtonsOpacity(_ref9) {
6213
- var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
6218
+ var getButtonsOpacity = function getButtonsOpacity(_ref11) {
6219
+ var onlyShowButtonsOnHover = _ref11.onlyShowButtonsOnHover;
6214
6220
  return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
6215
6221
  };
6216
6222
 
6217
- var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
6218
- var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
6223
+ var getButtonsMinHeight = function getButtonsMinHeight(_ref12) {
6224
+ var onlyShowButtonsOnHover = _ref12.onlyShowButtonsOnHover;
6219
6225
  return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
6220
6226
  };
6221
6227
 
6222
- 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) {
6223
- var size = _ref11.size,
6224
- primaryButtonTextLength = _ref11.primaryButtonTextLength,
6225
- tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
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 (_ref13) {
6229
+ var size = _ref13.size,
6230
+ primaryButtonTextLength = _ref13.primaryButtonTextLength,
6231
+ tertiaryButtonTextLength = _ref13.tertiaryButtonTextLength;
6226
6232
  var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT$1 || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT$1 : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
6227
6233
 
6228
6234
  if (isLinksLayoutColumn) {
@@ -6230,15 +6236,15 @@ var ButtonsContainer$1 = /*#__PURE__*/styled__default.div(_templateObject14 || (
6230
6236
  }
6231
6237
 
6232
6238
  return '';
6233
- }, devices.mobile, getButtonsMinHeight, function (_ref12) {
6234
- var fullWidth = _ref12.fullWidth;
6239
+ }, devices.mobile, getButtonsMinHeight, function (_ref14) {
6240
+ var fullWidth = _ref14.fullWidth;
6235
6241
  return fullWidth ? '0' : '20px';
6236
- }, function (_ref13) {
6237
- var fullWidth = _ref13.fullWidth;
6242
+ }, function (_ref15) {
6243
+ var fullWidth = _ref15.fullWidth;
6238
6244
  return fullWidth ? '0' : '20px';
6239
- }, devices.tablet, getButtonsMinHeight, function (_ref14) {
6240
- var primaryButtonTextLength = _ref14.primaryButtonTextLength,
6241
- tertiaryButtonTextLength = _ref14.tertiaryButtonTextLength;
6245
+ }, devices.tablet, getButtonsMinHeight, function (_ref16) {
6246
+ var primaryButtonTextLength = _ref16.primaryButtonTextLength,
6247
+ tertiaryButtonTextLength = _ref16.tertiaryButtonTextLength;
6242
6248
  var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
6243
6249
 
6244
6250
  if (isLinksLayoutColumnTablet) {
@@ -6446,7 +6452,9 @@ var Card = function Card(_ref) {
6446
6452
  }
6447
6453
  }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
6448
6454
  level: 1
6449
- }, 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, {
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, {
6450
6458
  ref: node,
6451
6459
  "data-testid": "buttonscontainer",
6452
6460
  className: "cardButtonsContainer",