@royaloperahouse/chord 0.7.9 → 0.7.11

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 # CHANGELOG
+
+## [0.7.11]
+- PromoWithTitle: align image vertically
+
+## [0.7.10]
+- Theme: increases font size
+
 ## [0.7.9]
 - Impact: fix sponsor click and font size on mobile
 - Carousel: add buttons to tablet

package/dist/chord.cjs.development.js

@@ -124,19 +124,19 @@ var common = {
         },
         subtitles: {
           1: '18px',
-          2: '12px'
+          2: '14px'
         },
         titleDescription: '20px',
         body: {
-          1: '17px',
-          2: '14px',
-          3: '12px'
+          1: '19px',
+          2: '16px',
+          3: '14px'
         },
-        listing: '17px',
+        listing: '19px',
         buttons: '14px',
         overline: {
-          1: '12px',
-          2: '10px'
+          1: '14px',
+          2: '12px'
         },
         navigation: '13px',
         search: '24px'
@@ -192,16 +192,16 @@ var common = {
         },
         titleDescription: '28px',
         body: {
-          1: '24px',
+          1: '26px',
           2: '22px',
-          3: '18px'
+          3: '20px'
         },
         peopleListing: '24px',
-        listing: '34px',
+        listing: '36px',
         buttons: '20px',
         overline: {
-          1: '14px',
-          2: '12px'
+          1: '16px',
+          2: '14px'
         },
         navigation: '16px'
       },
@@ -291,20 +291,20 @@ var common = {
           6: '17px'
         },
         subtitles: {
-          1: '15px',
-          2: '12px'
+          1: '16px',
+          2: '14px'
         },
         titleDescription: '17px',
         body: {
-          1: '16px',
+          1: '17px',
           2: '12px',
           3: '11px'
         },
         listing: '16px',
         buttons: '14px',
         overline: {
-          1: '12px',
-          2: '10px'
+          1: '14px',
+          2: '12px'
         },
         navigation: '13px',
         search: '20px'
@@ -355,20 +355,20 @@ var common = {
           6: '24px'
         },
         subtitles: {
-          1: '22px',
-          2: '16px'
+          1: '24px',
+          2: '18px'
         },
         titleDescription: '24px',
         body: {
-          1: '22px',
+          1: '24px',
           2: '18px',
           3: '16px'
         },
         listing: '34px',
         buttons: '20px',
         overline: {
-          1: '14px',
-          2: '12px'
+          1: '16px',
+          2: '14px'
         },
         navigation: '16px'
       },
@@ -5148,11 +5148,11 @@ var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$K ||
   var imageToLeft = _ref2.imageToLeft;
   return imageToLeft ? "'left left left left left left left . right right right right right .'" : "'. left left left left left . right right right right right right right'";
 }, devices.mobile);
-var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  @media ", " {\n    & {\n      grid-area: row1;\n  }\n"])), function (_ref3) {
+var PromoWithTitleImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$t || (_templateObject2$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row1;\n    }\n  }\n"])), function (_ref3) {
   var imageToLeft = _ref3.imageToLeft;
   return imageToLeft ? 'left' : 'right';
 }, devices.mobile);
-var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n  }\n"])), function (_ref4) {
+var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObject3$m || (_templateObject3$m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-area: ", ";\n  align-self: center;\n  @media ", " {\n    & {\n      grid-area: row2;\n      align-self: start;\n    }\n  }\n"])), function (_ref4) {
   var imageToLeft = _ref4.imageToLeft;
   return imageToLeft ? 'right' : 'left';
 }, devices.mobile);