@royaloperahouse/harmonic 0.17.0-l → 0.17.1-a

package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts

@@ -4,7 +4,7 @@ export declare const AnchorTabbarWrapper: import("styled-components").StyledComp
 export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
-export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element | null, any, IAnchorTabBarBorderProps, never>;
+export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
 export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {
     withShadow?: boolean | undefined;
 }, never>;

package/dist/harmonic.cjs.development.js

@@ -5846,6 +5846,7 @@ var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$5 || (_
 
 /* 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,
@@ -5853,16 +5854,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 = React.useState(initOpen),
     openAccordion = _useState[0],
     setOpenAccordion = _useState[1];
   var _useState2 = React.useState('0px'),
     textHeight = _useState2[0],
     setTextHeight = _useState2[1];
-  var _useState3 = React.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 = React.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 = React.useState(initOpen),
     childrenVisibility = _useState4[0],
@@ -5886,7 +5897,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 () {
@@ -5895,7 +5906,7 @@ var Accordion = function Accordion(_ref) {
     } else {
       setChildrenVisibility(true);
       setOpenAccordion(true);
-      setIconName('Detract');
+      setIcon(expandedStateIconData);
     }
   };
   var keyDown = function keyDown(e) {
@@ -5917,9 +5928,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,
@@ -5948,7 +5957,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);
   }));
 };
@@ -8494,7 +8505,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[exports.ButtonType.Primary] = PrimaryButton, _buttonTypeToButton$1[exports.ButtonType.Secondary] = SecondaryButton, _buttonTypeToButton$1[exports.ButtonType.Tertiary] = TertiaryButton, _buttonTypeToButton$1);
 var PromoWithTags = function PromoWithTags(_ref) {
   var _ref$imagePosition = _ref.imagePosition,