@royaloperahouse/chord 0.7.28 → 0.7.31

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## [0.7.31]
+- Card: add image alt text as a prop
+
+## [0.7.30]
+- Navigation: add possibility to pass basket link as prop
+
+## [0.7.29]
+- TextOnly: change spacing for the headings
 
 ## [0.7.28]
 - Order PeopleListing component by presence of headshot

package/dist/chord.cjs.development.js

@@ -3225,6 +3225,7 @@ var BasketText = /*#__PURE__*/styled__default.a(_templateObject4$2 || (_template
 
 var Basket$1 = function Basket(_ref) {
   var text = _ref.text,
+      link = _ref.link,
       _ref$selected = _ref.selected,
       selected = _ref$selected === void 0 ? false : _ref$selected,
       _ref$numItems = _ref.numItems,
@@ -3235,7 +3236,7 @@ var Basket$1 = function Basket(_ref) {
 
   var onClickHandler = function onClickHandler() {
     if (onClick) {
-      onClick('/basket');
+      onClick(link || '/basket');
     }
   };
 
@@ -3524,6 +3525,7 @@ var NavTop = function NavTop(_ref) {
       accountOptions = _ref.accountOptions,
       onLink = _ref.onLink,
       basketText = _ref.basketText,
+      basketLink = _ref.basketLink,
       basketNumItems = _ref.basketNumItems,
       onClickSearch = _ref.onClickSearch,
       _ref$isShowSearch = _ref.isShowSearch,
@@ -3535,6 +3537,7 @@ var NavTop = function NavTop(_ref) {
     selected: isShowSearch,
     colorPrimary: colorPrimary
   }), /*#__PURE__*/React__default.createElement(Basket$1, {
+    link: basketLink,
     text: basketText,
     numItems: basketNumItems,
     onClick: onLink,
@@ -3886,6 +3889,7 @@ var Navigation = function Navigation(_ref) {
     accountText: navTopData.accountText,
     accountLink: navTopData.accountLink,
     basketText: navTopData.basketText,
+    basketLink: navTopData.basketLink,
     basketNumItems: navTopData.basketNumItems,
     onClickSearch: onClickSearchHandler,
     onLink: onLinkHandler,
@@ -4855,6 +4859,8 @@ var Card = function Card(_ref) {
       _ref$tags = _ref.tags,
       tags = _ref$tags === void 0 ? [] : _ref$tags,
       image = _ref.image,
+      _ref$imageAltText = _ref.imageAltText,
+      imageAltText = _ref$imageAltText === void 0 ? '' : _ref$imageAltText,
       _ref$withContinueWatc = _ref.withContinueWatching,
       withContinueWatching = _ref$withContinueWatc === void 0 ? false : _ref$withContinueWatc,
       _ref$size = _ref.size,
@@ -4919,7 +4925,7 @@ var Card = function Card(_ref) {
     aspectRatio: exports.AspectRatio['4:3']
   }, /*#__PURE__*/React__default.createElement("img", {
     src: image,
-    alt: "test"
+    alt: imageAltText
   })), withContinueWatching && /*#__PURE__*/React__default.createElement(ProgressContainer, null, /*#__PURE__*/React__default.createElement(Progress, {
     progress: progress
   }))), /*#__PURE__*/React__default.createElement(ContentContainer$2, {
@@ -5461,7 +5467,7 @@ var SectionTitle = function SectionTitle(_ref) {
 };
 
 var _templateObject$O;
-var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n\n  & h1,\n  h2,\n  h3,\n  h4 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 60px 0 0;\n\n    + p {\n      margin-top: 0px;\n    }\n  }\n\n  & h5,\n  h6 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 30px 0 10px;\n\n    + p {\n      margin-top: 10px;\n    }\n  }\n\n  & a {\n    color: ", ";\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  p {\n    margin: 30px 0;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  & ul {\n    padding: 0;\n    list-style: none;\n    margin: 0 0 0 30px;\n\n    li {\n      text-indent: -24px;\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ol {\n    padding: 0;\n    margin: 0 0 0 20px;\n\n    li {\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ul > li:before {\n    display: inline-block;\n    content: '\u2014';\n    width: 0px;\n    margin-left: 20px;\n  }\n"])), function (_ref) {
+var TextContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$O || (_templateObject$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  font-size: var(--font-size-body-1);\n  font-family: var(--font-family-body);\n  font-feature-settings: var(--font-feature-settings-body);\n  font-weight: var(--font-weight-body-1);\n  letter-spacing: var(--letter-spacing-body-1);\n  line-height: var(--line-height-body-1);\n  text-transform: var(--text-transform-body);\n\n  & h1,\n  h2,\n  h3,\n  h4 {\n    font-size: var(--font-size-header-4);\n    font-family: var(--font-family-header);\n    font-feature-settings: var(--font-feature-settings-header);\n    font-weight: var(--font-weight-header-4);\n    letter-spacing: var(--letter-spacing-header-4);\n    line-height: var(--line-height-header-4);\n    text-transform: var(--text-transform-header);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 0px;\n    }\n  }\n\n  & h5,\n  h6 {\n    font-size: var(--font-size-subtitle-1);\n    font-family: var(--font-family-subtitle);\n    font-feature-settings: var(--font-feature-settings-subtitle);\n    font-weight: var(--font-weight-subtitle-1);\n    letter-spacing: var(--letter-spacing-subtitle-1);\n    line-height: var(--line-height-subtitle-1);\n    text-transform: var(--text-transform-subtitle);\n    white-space: break-spaces;\n    overflow-wrap: break-word;\n    margin: 80px 0 16px;\n\n    @media ", " {\n      margin-top: 60px;\n    }\n\n    + p {\n      margin-top: 10px;\n    }\n  }\n\n  & a {\n    color: ", ";\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  p {\n    margin: 30px 0;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & strong {\n    font-weight: bold;\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  & ul {\n    padding: 0;\n    list-style: none;\n    margin: 0 0 0 30px;\n\n    li {\n      text-indent: -24px;\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ol {\n    padding: 0;\n    margin: 0 0 0 20px;\n\n    li {\n      line-height: var(--line-height-listing);\n    }\n  }\n\n  & ul > li:before {\n    display: inline-block;\n    content: '\u2014';\n    width: 0px;\n    margin-left: 20px;\n  }\n"])), devices.mobileAndTablet, devices.mobileAndTablet, function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 });