@royaloperahouse/harmonic 0.13.1-b → 0.13.1-d

package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts

@@ -2,6 +2,6 @@ interface FocusableTabProps {
     $hide?: boolean;
 }
 export declare const SkiptoMainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, isOpen, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
+export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
 export declare const HiddenBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/dist/harmonic.cjs.development.css

@@ -152,7 +152,6 @@
   color: var(--color-primary);
 }
 
-
 .typography-module_display--black__8hmsx,
 .typography-module_header--black__M3I14,
 .typography-module_subtitle--black__IQRSo,
@@ -301,6 +300,7 @@
     letter-spacing: 0.3px;
   }
 }
+
 @font-face {
   font-family: 'GreyLLTT';
   src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -327,8 +327,7 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
-    format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
@@ -336,8 +335,7 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
-    format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
@@ -1219,9 +1217,10 @@
   --information-panel-button-hover-color: var(--color-rbo-red-hovered);
   --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
 
-  --heading-promo-bg-color: var(--color-base-white); 
+  --heading-promo-bg-color: var(--color-base-white);
   --page-header-bg-color: var(--color-primary-black);
-};
+}
+
 .schools-theme-module_schoolsTheme__CWHba {
   /* Schools theme overrides */
   --base-color-primary: #c8102e;

package/dist/harmonic.cjs.development.js

@@ -11776,22 +11776,35 @@ var BodyContent = function BodyContent(_ref) {
     columnStartDevice = _ref$columnStartDevic === void 0 ? 2 : _ref$columnStartDevic,
     _ref$columnSpanDevice = _ref.columnSpanDevice,
     columnSpanDevice = _ref$columnSpanDevice === void 0 ? 12 : _ref$columnSpanDevice,
-    className = _ref.className;
-  return /*#__PURE__*/React__default.createElement(Grid, {
-    className: className
-  }, /*#__PURE__*/React__default.createElement(GridItem, {
-    columnStartDesktop: columnStartDesktop,
-    columnSpanDesktop: columnSpanDesktop,
-    columnStartDevice: columnStartDevice,
-    columnSpanDevice: columnSpanDevice
-  }, /*#__PURE__*/React__default.createElement(TextContainer$2, {
+    className = _ref.className,
+    _ref$renderGrid = _ref.renderGrid,
+    renderGrid = _ref$renderGrid === void 0 ? true : _ref$renderGrid,
+    _ref$renderGridItem = _ref.renderGridItem,
+    renderGridItem = _ref$renderGridItem === void 0 ? true : _ref$renderGridItem;
+  var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
+  var content = /*#__PURE__*/React__default.createElement(TextContainer$2, {
     tag: "div",
     size: "large",
     "data-testid": "text-container",
+    className: textContainerClassName,
     dangerouslySetInnerHTML: {
       __html: addTypographyClasses(text)
     }
-  })));
+  });
+  var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
+    columnStartDesktop: columnStartDesktop,
+    columnSpanDesktop: columnSpanDesktop,
+    columnStartDevice: columnStartDevice,
+    columnSpanDevice: columnSpanDevice,
+    className: !renderGrid ? className : undefined
+  }, content)) : content;
+  if (!renderGrid) {
+    if (renderGridItem) return gridItemOrContent;
+    return content;
+  }
+  return /*#__PURE__*/React__default.createElement(Grid, {
+    className: className
+  }, gridItemOrContent);
 };
 
 var _templateObject$1j;