@royaloperahouse/chord 0.5.4 → 0.5.5

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## [0.5.5]
+- Export ImageAspectRatioWrapper component and AspectRatio enum
+
 ## [0.5.4]
 - Fix Card typography
 - Fix Carousel title typography

package/dist/chord.cjs.development.js

@@ -2424,19 +2424,17 @@ var SectionSplitter = function SectionSplitter(_ref) {
   }, /*#__PURE__*/React__default.createElement(Splitter, null)));
 };
 
-var AspectRatio;
-
 (function (AspectRatio) {
   AspectRatio["1:1"] = "1 / 1";
   AspectRatio["3:4"] = "3 / 4";
   AspectRatio["4:3"] = "4 / 3";
   AspectRatio["16:9"] = "16 / 9";
-})(AspectRatio || (AspectRatio = {}));
+})(exports.AspectRatio || (exports.AspectRatio = {}));
 
 var _templateObject$d;
 var ImageAspectRatioWrapper = /*#__PURE__*/styled__default.div(_templateObject$d || (_templateObject$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  aspect-ratio: ", ";\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n"])), function (_ref) {
   var _ref$aspectRatio = _ref.aspectRatio,
-      aspectRatio = _ref$aspectRatio === void 0 ? AspectRatio['1:1'] : _ref$aspectRatio;
+      aspectRatio = _ref$aspectRatio === void 0 ? exports.AspectRatio['1:1'] : _ref$aspectRatio;
   return aspectRatio;
 });
 
@@ -4378,7 +4376,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
     return /*#__PURE__*/React__default.createElement(swiperReact_js.SwiperSlide, {
       key: image.key
     }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
-      aspectRatio: AspectRatio['4:3']
+      aspectRatio: exports.AspectRatio['4:3']
     }, /*#__PURE__*/React__default.createElement("img", Object.assign({}, image))));
   }))));
 };
@@ -4644,7 +4642,7 @@ var Card = function Card(_ref) {
   }, hovered && /*#__PURE__*/React__default.createElement(HoverContainer, {
     "data-testid": "hovercontainer"
   }), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
-    aspectRatio: AspectRatio['4:3']
+    aspectRatio: exports.AspectRatio['4:3']
   }, /*#__PURE__*/React__default.createElement("img", {
     src: image,
     alt: "test"
@@ -4748,7 +4746,7 @@ var Editorial = function Editorial(_ref) {
     "data-testid": "image-wrapper",
     imageToLeft: imageToLeft
   }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
-    aspectRatio: AspectRatio['1:1']
+    aspectRatio: exports.AspectRatio['1:1']
   }, children)), /*#__PURE__*/React__default.createElement(EditorialTextWrapper, {
     "data-testid": "text-wrapper",
     imageToLeft: imageToLeft
@@ -5045,7 +5043,7 @@ var PromoWithTitle = function PromoWithTitle(_ref) {
     "data-testid": "image-wrapper",
     imageToLeft: imageToLeft
   }, /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
-    aspectRatio: AspectRatio['4:3']
+    aspectRatio: exports.AspectRatio['4:3']
   }, children)), /*#__PURE__*/React__default.createElement(PromoWithTitleContentWrapper, {
     "data-testid": "content-wrapper",
     imageToLeft: imageToLeft
@@ -6027,6 +6025,7 @@ exports.HighlightsCarouselCinema = HighlightsCinema;
 exports.HighlightsCarouselCore = HighlightsCore;
 exports.HighlightsCarouselStream = HighlightsStream;
 exports.Icon = Icon;
+exports.ImageAspectRatioWrapper = ImageAspectRatioWrapper;
 exports.ImageWithCaption = ImageWithCaption;
 exports.Navigation = Navigation;
 exports.Overline = Overline;