@royaloperahouse/harmonic 0.17.0-l → 0.17.1-a

package/dist/harmonic.esm.js

@@ -5871,6 +5871,7 @@ var PrintHideWrapper = /*#__PURE__*/styled.div(_templateObject7$5 || (_templateO
 
 /* eslint-disable react/no-unstable-nested-components */
 var Accordion = function Accordion(_ref) {
+  var _expandedStateIcon$ic, _collapsedStateIcon$i;
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? '' : _ref$title,
     _ref$showLine = _ref.showLine,
@@ -5878,16 +5879,26 @@ var Accordion = function Accordion(_ref) {
     children = _ref.children,
     _ref$initOpen = _ref.initOpen,
     initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
-    className = _ref.className;
+    className = _ref.className,
+    expandedStateIcon = _ref.expandedStateIcon,
+    collapsedStateIcon = _ref.collapsedStateIcon;
   var _useState = useState(initOpen),
     openAccordion = _useState[0],
     setOpenAccordion = _useState[1];
   var _useState2 = useState('0px'),
     textHeight = _useState2[0],
     setTextHeight = _useState2[1];
-  var _useState3 = useState(initOpen ? 'Detract' : 'Expand'),
-    iconName = _useState3[0],
-    setIconName = _useState3[1];
+  var expandedStateIconData = {
+    iconName: (_expandedStateIcon$ic = expandedStateIcon == null ? void 0 : expandedStateIcon.iconName) != null ? _expandedStateIcon$ic : 'Detract',
+    direction: expandedStateIcon == null ? void 0 : expandedStateIcon.direction
+  };
+  var collapsedStateIconData = {
+    iconName: (_collapsedStateIcon$i = collapsedStateIcon == null ? void 0 : collapsedStateIcon.iconName) != null ? _collapsedStateIcon$i : 'Expand',
+    direction: collapsedStateIcon == null ? void 0 : collapsedStateIcon.direction
+  };
+  var _useState3 = useState(initOpen ? expandedStateIconData : collapsedStateIconData),
+    icon = _useState3[0],
+    setIcon = _useState3[1];
   // Contents children visibility is set to prevent it from being keyboard tabbable when the accordion is closed
   var _useState4 = useState(initOpen),
     childrenVisibility = _useState4[0],
@@ -5911,7 +5922,7 @@ var Accordion = function Accordion(_ref) {
   var toggleAccordion = function toggleAccordion() {
     if (React__default.Children.count(children) === 0) return;
     if (openAccordion) {
-      setIconName('Expand');
+      setIcon(collapsedStateIconData);
       setOpenAccordion(false);
       setTextHeight('0px');
       window.setTimeout(function () {
@@ -5920,7 +5931,7 @@ var Accordion = function Accordion(_ref) {
     } else {
       setChildrenVisibility(true);
       setOpenAccordion(true);
-      setIconName('Detract');
+      setIcon(expandedStateIconData);
     }
   };
   var keyDown = function keyDown(e) {
@@ -5942,9 +5953,7 @@ var Accordion = function Accordion(_ref) {
     "aria-expanded": openAccordion,
     "aria-controls": contentContainerId,
     hasChildren: !!children
-  }, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
-    iconName: iconName
-  })))), /*#__PURE__*/React__default.createElement(ContentContainer, {
+  }, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, Object.assign({}, icon))))), /*#__PURE__*/React__default.createElement(ContentContainer, {
     "data-testid": "richcontainer",
     ref: content,
     textHeight: textHeight,
@@ -5973,7 +5982,9 @@ var Accordions = function Accordions(_ref) {
     return /*#__PURE__*/React__default.createElement(Accordion, {
       key: accordion.title + "-" + index,
       title: accordion.title,
-      showLine: isLastAccordion(index)
+      showLine: isLastAccordion(index),
+      expandedStateIcon: accordion.expandedStateIcon,
+      collapsedStateIcon: accordion.collapsedStateIcon
     }, accordion.children);
   }));
 };
@@ -8535,7 +8546,7 @@ var _excluded$l = ["text"],
   _excluded3$1 = ["text"];
 var _buttonTypeToButton$1;
 var LENGTH_TEXT$1 = 28;
-var LENGTH_TEXT_PARAGRAPH = 185;
+var LENGTH_TEXT_PARAGRAPH = 130;
 var buttonTypeToButton$1 = (_buttonTypeToButton$1 = {}, _buttonTypeToButton$1[ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
 var PromoWithTags = function PromoWithTags(_ref) {
   var _ref$imagePosition = _ref.imagePosition,