@royaloperahouse/chord 1.9.0-a-chord-development → 1.9.0-c-chord-development

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## [1.9.0-c]
+- ContentSummary: make image clickable
+
+## [1.9.0-b]
+- ContentSummary: change image size
+- SearchBar: Export component
+
 ## [1.9.0-a]
 - ContentSummary: change image props
 

package/dist/chord.cjs.development.js

@@ -5287,7 +5287,7 @@ var ContactCard = function ContactCard(_ref) {
 
 var _templateObject$J, _templateObject2$t, _templateObject3$k, _templateObject4$e, _templateObject5$9;
 var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$J || (_templateObject$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), devices.mobile);
-var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: 1;\n"])));
+var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
 var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$k || (_templateObject3$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
   return props.showImage ? 2 : '1 / span 4';
 }, devices.mobile);
@@ -5318,9 +5318,14 @@ var ContentSummary = function ContentSummary(_ref) {
     "data-testid": "image-wrapper"
   }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
     aspectRatio: exports.AspectRatio['4:3']
+  }, link != null && link.href ? /*#__PURE__*/React__default.createElement("a", {
+    href: link.href
   }, /*#__PURE__*/React__default.createElement("img", {
     src: image.src,
     alt: image.alt
+  })) : /*#__PURE__*/React__default.createElement("img", {
+    src: image.src,
+    alt: image.alt
   }))), /*#__PURE__*/React__default.createElement(ContentSummaryTextWrapper, {
     showImage: showImage
   }, title && /*#__PURE__*/React__default.createElement(ContentSummaryTitleWrapper, {
@@ -7379,6 +7384,7 @@ exports.PromoWithTags = PromoWithTags;
 exports.PromoWithTitle = PromoWithTitle;
 exports.Quote = Quote;
 exports.RotatorButtons = RotatorButtons;
+exports.SearchBar = SearchBar;
 exports.SecondaryButton = SecondaryButton;
 exports.SecondaryLogo = SecondaryLogo;
 exports.SectionSplitter = SectionSplitter;