@royaloperahouse/harmonic 1.0.6-p → 1.0.6-s

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.
@@ -5607,6 +5607,7 @@ var Accordion = function Accordion(_ref) {
5607
5607
  _ref$showBottomLine = _ref.showBottomLine,
5608
5608
  showBottomLine = _ref$showBottomLine === void 0 ? true : _ref$showBottomLine,
5609
5609
  children = _ref.children,
5610
+ visibleStandfirst = _ref.visibleStandfirst,
5610
5611
  _ref$initOpen = _ref.initOpen,
5611
5612
  initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen,
5612
5613
  className = _ref.className,
@@ -5747,6 +5748,11 @@ var Accordion = function Accordion(_ref) {
5747
5748
  toggleAccordion();
5748
5749
  }
5749
5750
  };
5751
+ var Standfirst = function Standfirst() {
5752
+ return visibleStandfirst ? (/*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
5753
+ isVisible: true
5754
+ }, visibleStandfirst))) : null;
5755
+ };
5750
5756
  var contentContainerId = title + "-accordion-content";
5751
5757
  return /*#__PURE__*/React__default.createElement(AccordionContainer, {
5752
5758
  showTopLine: showTopLine,
@@ -5762,7 +5768,7 @@ var Accordion = function Accordion(_ref) {
5762
5768
  "aria-controls": contentContainerId,
5763
5769
  hasChildren: !!children,
5764
5770
  titleMargin: titleMargin
5765
- }, /*#__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, {
5771
+ }, /*#__PURE__*/React__default.createElement(TitleText, null, title), children && (/*#__PURE__*/React__default.createElement(PrintHideWrapper, null, /*#__PURE__*/React__default.createElement(Icon, Object.assign({}, icon))))), visibleStandfirst && /*#__PURE__*/React__default.createElement(Standfirst, null), /*#__PURE__*/React__default.createElement(ContentContainer, {
5766
5772
  "data-testid": "richcontainer",
5767
5773
  ref: content,
5768
5774
  textHeight: textHeight,
@@ -5796,7 +5802,8 @@ var Accordions = function Accordions(_ref) {
5796
5802
  expandedStateIcon: accordion.expandedStateIcon,
5797
5803
  collapsedStateIcon: accordion.collapsedStateIcon,
5798
5804
  titleMargin: accordion.titleMargin,
5799
- childrenContainerStyle: accordion.childrenContainerStyle
5805
+ childrenContainerStyle: accordion.childrenContainerStyle,
5806
+ visibleStandfirst: accordion.visibleStandfirst
5800
5807
  }, accordion.children);
5801
5808
  }));
5802
5809
  };
@@ -7626,7 +7633,7 @@ var css_248z$3 = ".core-theme-module_coreTheme__pWxYB {\n /* RBO Red */\n /* P
7626
7633
  var coreThemeStyles = {"coreTheme":"core-theme-module_coreTheme__pWxYB"};
7627
7634
  styleInject(css_248z$3);
7628
7635
 
7629
- var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme overrides */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-background: #1a1a1a;\n --color-primary-button: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n\n --color-border-lightgrey: #DDDDDD;\n --color-grey72: #727272;\n --color-grey94: #F0F0F0;\n --color-rbo-sand: #F6F6F6;\n --color-rbo-error: #CC071E;\n\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-black);\n --button-hover-color: var(--color-black-hovered);\n --button-pressed-color: var(--color-black-pressed);\n --button-secondary-color: var(--color-primary-black);\n --button-secondary-hover-color: var(--color-black-hovered);\n --button-secondary-pressed-color: var(--color-black-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-base-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-black);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-black);\n\n --heading-promo-bg-color: var(--color-base-black);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
7636
+ var css_248z$4 = ".stream-theme-module_streamTheme__lTfqQ {\n /* Stream theme overrides */\n --base-color-primary: #1a1a1a;\n --color-primary: #1a1a1a;\n --color-primary-background: #1a1a1a;\n --color-primary-button: #1a1a1a;\n --color-secondary-button: #ffffff;\n --color-tertiary-button: transparent;\n --color-auxiliary-button: transparent;\n --color-primary-button-reverse-bg: #1a1a1a;\n --color-primary-button-reverse: #ffffff;\n\n --color-border-basic: #DDDDDD;\n --color-input-basic: #727272;\n --color-border-secondary: #F0F0F0;\n --color-container-backgroud: #F6F6F6;\n --color-rbo-error: #CC071E;\n\n --button-color: var(--color-base-white);\n --button-bg-color: var(--color-primary-black);\n --button-hover-color: var(--color-black-hovered);\n --button-pressed-color: var(--color-black-pressed);\n --button-secondary-color: var(--color-primary-black);\n --button-secondary-hover-color: var(--color-black-hovered);\n --button-secondary-pressed-color: var(--color-black-pressed);\n --button-tertiary-color: var(--color-primary-black);\n --button-tertiary-hover-color: var(--color-rbo-black-hovered);\n --button-tertiary-pressed-color: var(--color-rbo-black-pressed);\n --button-anchor-tab-color: var(--color-primary-black);\n\n --rotator-button-color: var(--color-base-black);\n --rotator-button-bg-color: var(--color-base-light-grey);\n --rotator-button-hover-color: var(--color-base-white);\n --rotator-button-hover-bg-color: var(--color-primary-black);\n\n --announcement-banner-color: var(--color-base-white);\n --announcement-banner-bg-color: var(--color-primary-black);\n --announcement-banner-hover-color: var(--color-white-hovered);\n --announcement-banner-pressed-color: var(--color-white-pressed);\n\n --information-panel-color: var(--color-base-white);\n --information-panel-bg-color: var(--color-primary-black);\n\n --heading-promo-bg-color: var(--color-base-black);\n --page-header-bg-color: var(--color-primary-black);\n\n --upsell-border-color: var(--color-primary-black);\n}\n";
7630
7637
  var streamThemeStyles = {"streamTheme":"stream-theme-module_streamTheme__lTfqQ"};
7631
7638
  styleInject(css_248z$4);
7632
7639