@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.esm.js CHANGED
@@ -6204,28 +6204,34 @@ var LabelContainer = /*#__PURE__*/styled.div(_templateObject10$2 || (_templateOb
6204
6204
  var isGridCard = _ref7.isGridCard;
6205
6205
  return isGridCard ? '20px' : '0';
6206
6206
  });
6207
- var ExtraActionsContainer = /*#__PURE__*/styled.div(_templateObject11$1 || (_templateObject11$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: var(--editorial-margin-between);\n"])));
6208
- var LabelElements = /*#__PURE__*/styled.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) {
6209
- var bgColor = _ref8.bgColor,
6210
- theme = _ref8.theme;
6207
+ var ExtraActionsContainer = /*#__PURE__*/styled.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) {
6208
+ var fullWidth = _ref8.fullWidth;
6209
+ return fullWidth ? '0' : '20px';
6210
+ }, function (_ref9) {
6211
+ var fullWidth = _ref9.fullWidth;
6212
+ return fullWidth ? '0' : '20px';
6213
+ });
6214
+ var LabelElements = /*#__PURE__*/styled.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) {
6215
+ var bgColor = _ref10.bgColor,
6216
+ theme = _ref10.theme;
6211
6217
  return bgColor ? "var(--base-color-" + bgColor + ")" : theme.colors.primary;
6212
6218
  });
6213
6219
  var LabelIconWrapper = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n\n svg {\n height: 24px;\n width: 24px;\n }\n"])));
6214
6220
 
6215
- var getButtonsOpacity = function getButtonsOpacity(_ref9) {
6216
- var onlyShowButtonsOnHover = _ref9.onlyShowButtonsOnHover;
6221
+ var getButtonsOpacity = function getButtonsOpacity(_ref11) {
6222
+ var onlyShowButtonsOnHover = _ref11.onlyShowButtonsOnHover;
6217
6223
  return onlyShowButtonsOnHover ? 'opacity: 0;' : 'opacity: 1;';
6218
6224
  };
6219
6225
 
6220
- var getButtonsMinHeight = function getButtonsMinHeight(_ref10) {
6221
- var onlyShowButtonsOnHover = _ref10.onlyShowButtonsOnHover;
6226
+ var getButtonsMinHeight = function getButtonsMinHeight(_ref12) {
6227
+ var onlyShowButtonsOnHover = _ref12.onlyShowButtonsOnHover;
6222
6228
  return onlyShowButtonsOnHover ? 'min-height: unset;' : 'min-height: 120px;';
6223
6229
  };
6224
6230
 
6225
- var ButtonsContainer$1 = /*#__PURE__*/styled.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) {
6226
- var size = _ref11.size,
6227
- primaryButtonTextLength = _ref11.primaryButtonTextLength,
6228
- tertiaryButtonTextLength = _ref11.tertiaryButtonTextLength;
6231
+ var ButtonsContainer$1 = /*#__PURE__*/styled.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) {
6232
+ var size = _ref13.size,
6233
+ primaryButtonTextLength = _ref13.primaryButtonTextLength,
6234
+ tertiaryButtonTextLength = _ref13.tertiaryButtonTextLength;
6229
6235
  var isLinksLayoutColumn = size === 'small' ? primaryButtonTextLength >= LENGTH_SMALL_TEXT$1 || tertiaryButtonTextLength >= LENGTH_SMALL_TEXT$1 : primaryButtonTextLength >= LENGTH_LARGE_TEXT || tertiaryButtonTextLength >= LENGTH_LARGE_TEXT;
6230
6236
 
6231
6237
  if (isLinksLayoutColumn) {
@@ -6233,15 +6239,15 @@ var ButtonsContainer$1 = /*#__PURE__*/styled.div(_templateObject14 || (_template
6233
6239
  }
6234
6240
 
6235
6241
  return '';
6236
- }, devices.mobile, getButtonsMinHeight, function (_ref12) {
6237
- var fullWidth = _ref12.fullWidth;
6242
+ }, devices.mobile, getButtonsMinHeight, function (_ref14) {
6243
+ var fullWidth = _ref14.fullWidth;
6238
6244
  return fullWidth ? '0' : '20px';
6239
- }, function (_ref13) {
6240
- var fullWidth = _ref13.fullWidth;
6245
+ }, function (_ref15) {
6246
+ var fullWidth = _ref15.fullWidth;
6241
6247
  return fullWidth ? '0' : '20px';
6242
- }, devices.tablet, getButtonsMinHeight, function (_ref14) {
6243
- var primaryButtonTextLength = _ref14.primaryButtonTextLength,
6244
- tertiaryButtonTextLength = _ref14.tertiaryButtonTextLength;
6248
+ }, devices.tablet, getButtonsMinHeight, function (_ref16) {
6249
+ var primaryButtonTextLength = _ref16.primaryButtonTextLength,
6250
+ tertiaryButtonTextLength = _ref16.tertiaryButtonTextLength;
6245
6251
  var isLinksLayoutColumnTablet = primaryButtonTextLength >= LENGTH_TEXT_TABLET || tertiaryButtonTextLength >= LENGTH_TEXT_TABLET;
6246
6252
 
6247
6253
  if (isLinksLayoutColumnTablet) {
@@ -6449,7 +6455,9 @@ var Card = function Card(_ref) {
6449
6455
  }
6450
6456
  }))), highlightText && /*#__PURE__*/React__default.createElement(HighlightTextContainer, null, /*#__PURE__*/React__default.createElement(BodyText, {
6451
6457
  level: 1
6452
- }, 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
+ }, highlightText)), auxiliaryCTA && /*#__PURE__*/React__default.createElement(ExtraActionsContainer, {
6459
+ fullWidth: fullWidth
6460
+ }, /*#__PURE__*/React__default.createElement(AuxiliaryButton, Object.assign({}, auxiliaryCTA), auxiliaryCTA.text)), links && /*#__PURE__*/React__default.createElement(ButtonsContainer$1, {
6453
6461
  ref: node,
6454
6462
  "data-testid": "buttonscontainer",
6455
6463
  className: "cardButtonsContainer",