@royaloperahouse/chord 0.7.46 → 0.7.47

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 (8) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/chord.cjs.development.js +25 -21
  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 +25 -21
  7. package/dist/chord.esm.js.map +1 -1
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,8 @@
1
1
  # CHANGELOG
2
2
 
3
+ ## [0.7.47]
4
+ - PromoWithTags: Swap Content & ExtraContent divs to correct keyboard tab order
5
+
3
6
  ## [0.7.46]
4
7
  - Information: Add new Information component
5
8
 
package/dist/chord.cjs.development.js CHANGED
@@ -5742,26 +5742,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
5742
5742
  return /*#__PURE__*/React__default.createElement(PromoWithTagsGrid, {
5743
5743
  id: anchorLink,
5744
5744
  imageToLeft: imageToLeft
5745
- }, /*#__PURE__*/React__default.createElement(PromoWithTagsExtraContentWrapper, {
5746
- "data-testid": "extra-content-wrapper",
5747
- imageToLeft: imageToLeft
5748
- }, showExtraContent && /*#__PURE__*/React__default.createElement(MobileTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
5749
- level: titleLevel
5750
- }, title)), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
5751
- aspectRatio: exports.AspectRatio['4:3']
5752
- }, isExtraContentPresent && showExtraContent ? /*#__PURE__*/React__default.createElement(ExtraContentWrapper, null, children, /*#__PURE__*/React__default.createElement(IconWrapper$2, {
5753
- "data-testid": "extra-content-close-button",
5754
- onClick: function onClick() {
5755
- return setShowExtraContent(false);
5756
- }
5757
- }, /*#__PURE__*/React__default.createElement(Icon, {
5758
- iconName: "Close",
5759
- color: exports.Colors.Black
5760
- }))) : image && /*#__PURE__*/React__default.createElement("img", {
5761
- "data-testid": "promo-with-tags-image",
5762
- src: image.src,
5763
- alt: image.alt
5764
- }))), /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
5745
+ }, /*#__PURE__*/React__default.createElement(PromoWithTagsContentWrapper, {
5765
5746
  "data-testid": "content-wrapper",
5766
5747
  imageToLeft: imageToLeft,
5767
5748
  hideSection: showExtraContent
@@ -5794,7 +5775,30 @@ var PromoWithTags = function PromoWithTags(_ref) {
5794
5775
  tertiaryButtonTextLength: tertiaryButtonText.length
5795
5776
  }, primaryButton && /*#__PURE__*/React__default.createElement(PrimaryButtonWrapper$2, null, !showExtraContent && /*#__PURE__*/React__default.createElement(PrimaryButton, Object.assign({
5796
5777
  onClick: defaultOnClickHandler
5797
- }, restPrimaryButton), primaryButtonTextTruncate)), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))));
5778
+ }, restPrimaryButton), primaryButtonTextTruncate)), tertiaryButton && /*#__PURE__*/React__default.createElement(Button$1, Object.assign({}, restTertiaryButton), tertiaryButtonTextTruncate))), /*#__PURE__*/React__default.createElement(PromoWithTagsExtraContentWrapper, {
5779
+ "data-testid": "extra-content-wrapper",
5780
+ imageToLeft: imageToLeft
5781
+ }, showExtraContent && /*#__PURE__*/React__default.createElement(MobileTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
5782
+ level: titleLevel
5783
+ }, title)), /*#__PURE__*/React__default.createElement(ImageAspectRatioWrapper, {
5784
+ aspectRatio: exports.AspectRatio['4:3']
5785
+ }, isExtraContentPresent && showExtraContent ? /*#__PURE__*/React__default.createElement(ExtraContentWrapper, null, children, /*#__PURE__*/React__default.createElement(IconWrapper$2, {
5786
+ "data-testid": "extra-content-close-button",
5787
+ onClick: function onClick() {
5788
+ return setShowExtraContent(false);
5789
+ },
5790
+ tabIndex: 0,
5791
+ onKeyPress: function onKeyPress(e) {
5792
+ e.key === "Enter" && setShowExtraContent(false);
5793
+ }
5794
+ }, /*#__PURE__*/React__default.createElement(Icon, {
5795
+ iconName: "Close",
5796
+ color: exports.Colors.Black
5797
+ }))) : image && /*#__PURE__*/React__default.createElement("img", {
5798
+ "data-testid": "promo-with-tags-image",
5799
+ src: image.src,
5800
+ alt: image.alt
5801
+ }))));
5798
5802
  };
5799
5803
 
5800
5804
  var _templateObject$Q, _templateObject2$y, _templateObject3$q, _templateObject4$k, _templateObject5$f, _templateObject6$c, _templateObject7$8;