@royaloperahouse/chord 1.3.0-b-chord-development → 1.3.1-b-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 (9) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/chord.cjs.development.js +12 -9
  3. package/dist/chord.cjs.development.js.map +1 -1
  4. package/dist/chord.cjs.production.min.js +1 -1
  5. package/dist/chord.cjs.production.min.js.map +1 -1
  6. package/dist/chord.esm.js +12 -9
  7. package/dist/chord.esm.js.map +1 -1
  8. package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +2 -0
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,8 @@
1
1
  # CHANGELOG
2
2
 
3
+ ## [1.3.1]
4
+ - Enable reduced size textLinks on PromoWithTags/asCard
5
+
3
6
  ## [1.3.0]
4
7
  - Add Static Actvivity Cards as PromoWithTags variant
5
8
 
package/dist/chord.cjs.development.js CHANGED
@@ -4216,7 +4216,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_te
4216
4216
  var numberOfColumns = type === exports.CarouselType.LargeCard ? 5 : 4;
4217
4217
  var gapsSpace = "calc(var(--grid-column-gap) * " + numberOfGaps + ")";
4218
4218
  var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
4219
- var calcColumns = "calc(calc(80% - " + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
4219
+ var calcColumns = "calc(calc(80% -" + gapsInMainGraid + ") * " + numberOfColumns + " / 12)";
4220
4220
  return "\n & {\n .swiper-slide {\n width: calc(" + calcColumns + " + " + gapsSpace + " - 1px);\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n }\n }\n ";
4221
4221
  } else {
4222
4222
  return "\n & {\n .swiper-slide {\n height: fit-content;\n width: auto;\n margin-right: var(--grid-column-gap);\n -webkit-transform: translate3d(0, 0, 0);\n\n > div {\n height: calc(" + imagesHeightDesktop + "px + var(--line-height-body-2) + 12px);\n }\n }\n }\n ";
@@ -4231,7 +4231,7 @@ var CarouselWrapper = /*#__PURE__*/styled__default.div(_templateObject$y || (_te
4231
4231
  var numberOfColumns = 10;
4232
4232
  var gapsInMainGraid = 'calc(11 * var(--grid-column-gap))';
4233
4233
  var mainGridWidth = 'calc(100% - calc(2 * var(--grid-margin)))';
4234
- var columnWidth = "calc(calc(" + mainGridWidth + " - " + gapsInMainGraid + ") / 12)";
4234
+ var columnWidth = "calc(calc(" + mainGridWidth + " -" + gapsInMainGraid + ") / 12)";
4235
4235
  var calcColumns = "calc(" + columnWidth + " * " + numberOfColumns + ")";
4236
4236
  var marginRight = active ? "calc(calc(var(--grid-column-gap) * 2) + " + columnWidth + ")" : "calc(calc(" + columnWidth + " * 2) + var(--grid-column-gap))";
4237
4237
  return "\n && {\n .swiper-slide {\n width: calc(" + calcColumns + " + " + gapsSpace + " - 1px);\n margin-right: " + marginRight + ";\n -webkit-transform: translate3d(0, 0, 0);\n }\n }";
@@ -5698,7 +5698,7 @@ var PeopleListing = function PeopleListing(_ref) {
5698
5698
  }));
5699
5699
  };
5700
5700
 
5701
- var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
5701
+ var _templateObject$P, _templateObject2$x, _templateObject3$p, _templateObject4$j, _templateObject5$e, _templateObject6$b, _templateObject7$7, _templateObject8$6, _templateObject9$4, _templateObject10$3, _templateObject11$2, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
5702
5702
  var LENGTH_TEXT = 28;
5703
5703
  var LENGTH_TEXT_TABLET$1 = 12;
5704
5704
  var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
@@ -5766,12 +5766,13 @@ var PrimaryButtonWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject11$
5766
5766
  var MobileTitleWrapper = /*#__PURE__*/styled__default.div(_templateObject12$1 || (_templateObject12$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n margin: 0 50px 0 20px;\n\n h2,\n h3 {\n margin: 0;\n }\n\n @media ", " {\n display: block;\n }\n"])), devices.mobile);
5767
5767
  var PromoWithTagsTypeTags = /*#__PURE__*/styled__default(TypeTags)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5768
5768
  var PromoWithTagsHeader = /*#__PURE__*/styled__default(Header)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5769
- var asCardOverrides = /*#__PURE__*/styled.css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet);
5770
- var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref10) {
5769
+ var PromoWithTagsTextLink = /*#__PURE__*/styled__default(TextLink)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteralLoose([""])));
5770
+ var asCardOverrides = /*#__PURE__*/styled.css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", " {\n font-size: var(--font-size-subtitle-2);\n }\n\n ", " {\n font-size: var(--font-size-overline-1);\n }\n\n ", " {\n flex-direction: row;\n @media ", " {\n flex-direction: row;\n }\n }\n\n ", " {\n font-size: var(--font-size-overline-2);\n font-weight: var(--font-weight-overline-2);\n line-height: var(--line-height-overline-2);\n letter-spacing: var(--letter-spacing-overline-2);\n }\n"])), PromoWithTagsSubtitle, PromoWithTagsTypeTags, ButtonsContainer$2, devices.tablet, PromoWithTagsTextLink);
5771
+ var PromoWithTagsExtraContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n grid-area: left;\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n grid-area: row1;\n }\n }\n"])), function (_ref10) {
5771
5772
  var imageToLeft = _ref10.imageToLeft;
5772
5773
  return imageToLeft ? 'left' : 'right';
5773
5774
  }, devices.mobile);
5774
- var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (_ref11) {
5775
+ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: ", ";\n align-self: center;\n @media ", " {\n & {\n display: ", ";\n grid-area: row2;\n align-self: start;\n }\n }\n\n ", "\n"])), function (_ref11) {
5775
5776
  var imageToLeft = _ref11.imageToLeft;
5776
5777
  return imageToLeft ? 'right' : 'left';
5777
5778
  }, devices.mobile, function (_ref12) {
@@ -5780,7 +5781,7 @@ var PromoWithTagsContentWrapper = /*#__PURE__*/styled__default.div(_templateObje
5780
5781
  }, function (asCard) {
5781
5782
  return asCard && asCardOverrides;
5782
5783
  });
5783
- var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
5784
+ var PromoWithTagsContainer = /*#__PURE__*/styled__default.div(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h2,\n h3 {\n margin: 0 0 16px;\n }\n"])));
5784
5785
 
5785
5786
  var _excluded$j = ["text"],
5786
5787
  _excluded2$3 = ["text"],
@@ -5864,12 +5865,14 @@ var PromoWithTags = function PromoWithTags(_ref) {
5864
5865
 
5865
5866
  var tertiaryButtonTextTruncate = truncate(tertiaryButtonText, LENGTH_TEXT$1);
5866
5867
  var textTruncate = asCard ? truncate(text || '', LENGTH_TEXT_PARAGRAPH) : text;
5867
- var textLinkItems = textLinks ? textLinks.map(function (link) {
5868
+ var textLinkItems = textLinks ? textLinks.map(function (link, index) {
5868
5869
  var _link$text = link.text,
5869
5870
  textLinkText = _link$text === void 0 ? '' : _link$text,
5870
5871
  restTextLink = _objectWithoutPropertiesLoose(link, _excluded3);
5871
5872
 
5872
- return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, Object.assign({}, restTextLink), textLinkText));
5873
+ return /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, {
5874
+ key: index
5875
+ }, /*#__PURE__*/React__default.createElement(PromoWithTagsTextLink, Object.assign({}, restTextLink), textLinkText));
5873
5876
  }) : null;
5874
5877
  return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
5875
5878
  id: anchorLink,