@royaloperahouse/harmonic 0.18.2-e → 0.18.3

package/dist/harmonic.cjs.development.css

@@ -350,325 +350,6 @@
   font-display: swap;
 }
 
-/* ~~~~~ General Styling Classes ~~~~~ */
-.typography_color-primary__LOfDi {
-  color: var(--color-primary);
-}
-
-.typography_color-black__6MHRL {
-  color: var(--color-base-black);
-}
-
-.typography_color-white__PfW5s {
-  color: var(--color-base-white);
-}
-
-.typography_color-red__iPlbG {
-  color: var(--color-primary-red);
-}
-
-.typography_color-grey__GA1c2 {
-  color: var(--color-base-dark-grey);
-}
-
-.typography_color-inherit__RDd0Y {
-  color: inherit;
-}
-
-.typography_em__E6tX- {
-  font-style: italic;
-}
-/* ~~~ */
-
-/* Display Headers */
-.typography_display__-F3p4 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  line-height: 100%;
-
-  &.typography_large__uq0zC {
-    font-size: 96px;
-    font-weight: 700;
-    letter-spacing: -5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 68px;
-    font-weight: 500;
-    letter-spacing: -3px;
-  }
-
-  /* Serif and Italic styles */
-  &.typography_serif__VSO38,
-  &.typography_em__E6tX- {
-    font-family: var(--font-family-serif);
-    font-weight: 500;
-  }
-
-  /* Serif and Italic adjustments */
-  &.typography_large__uq0zC.typography_serif__VSO38,
-  &.typography_large__uq0zC.typography_em__E6tX- {
-    letter-spacing: -3px;
-  }
-
-  &.typography_small__wfQ0K.typography_serif__VSO38,
-  &.typography_small__wfQ0K.typography_em__E6tX- {
-    letter-spacing: -2px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 38px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 32px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_large__uq0zC.typography_serif__VSO38,
-    &.typography_large__uq0zC.typography_em__E6tX-,
-    &.typography_small__wfQ0K.typography_serif__VSO38,
-    &.typography_small__wfQ0K.typography_em__E6tX- {
-      letter-spacing: -0.5px;
-    }
-  }
-}
-
-/* Headers */
-.typography_header__BexiD {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-
-  &.typography_large__uq0zC {
-    font-size: 44px;
-    line-height: 48px;
-    letter-spacing: -1.5px;
-  }
-
-  &.typography_medium__K0uZD {
-    font-size: 34px;
-    line-height: 40px;
-    letter-spacing: -1px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 26px;
-    line-height: 32px;
-    letter-spacing: -0.5px;
-  }
-
-  /* Serif and Italic styles */
-  &.typography_serif__VSO38,
-  &.typography_em__E6tX- {
-    font-family: var(--font-family-serif);
-  }
-
-  /* Serif and Italic letter-spacing overrides */
-  &.typography_large__uq0zC.typography_serif__VSO38,
-  &.typography_large__uq0zC.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_medium__K0uZD.typography_serif__VSO38,
-  &.typography_medium__K0uZD.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K.typography_serif__VSO38,
-  &.typography_small__wfQ0K.typography_em__E6tX- {
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 28px;
-      line-height: 34px;
-      letter-spacing: -1.5px;
-    }
-
-    &.typography_medium__K0uZD {
-      font-size: 24px;
-      line-height: 28px;
-      letter-spacing: -1px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 20px;
-      line-height: 26px;
-      letter-spacing: -0.75px;
-    }
-
-    /* Mobile overrides for serif/italic letter-spacing */
-    &.typography_large__uq0zC.typography_serif__VSO38,
-    &.typography_large__uq0zC.typography_em__E6tX-,
-    &.typography_medium__K0uZD.typography_serif__VSO38,
-    &.typography_medium__K0uZD.typography_em__E6tX-,
-    &.typography_small__wfQ0K.typography_serif__VSO38,
-    &.typography_small__wfQ0K.typography_em__E6tX- {
-      letter-spacing: -0.5px;
-    }
-  }
-}
-
-/* Subtitle */
-.typography_subtitle__aoFTV {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-
-  &.typography_large__uq0zC {
-    font-size: 19px;
-    line-height: 26px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 17px;
-    line-height: 24px;
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 17px;
-      line-height: 24px;
-      letter-spacing: -0.5px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: -0.2px;
-    }
-  }
-}
-
-/* Body Copy */
-.typography_bodycopy__vYtQ8 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 400;
-
-  &.typography_large__uq0zC {
-    font-size: 19px;
-    line-height: 26px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_medium__K0uZD {
-    font-size: 17px;
-    line-height: 24px;
-    letter-spacing: -0.5px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: -0.5px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      font-size: 17px;
-      line-height: 24px;
-      letter-spacing: -0.5px;
-    }
-
-    &.typography_medium__K0uZD {
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: -0.2px;
-    }
-
-    &.typography_small__wfQ0K {
-      font-size: 11px;
-      line-height: 16px;
-      letter-spacing: -0.2px;
-    }
-  }
-}
-
-/* Overline */
-.typography_overline__EnUK3 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 500;
-  text-transform: uppercase;
-
-  &.typography_large__uq0zC {
-    font-size: 14px;
-    line-height: 18px;
-    letter-spacing: 0.3px;
-  }
-
-  &.typography_small__wfQ0K {
-    font-size: 12px;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-
-  @media (max-width: 699px) {
-    &.typography_large__uq0zC {
-      line-height: 17px;
-      letter-spacing: 0.3px; /* Added to ensure it stays */
-    }
-
-    &.typography_small__wfQ0K {
-      line-height: 14px;
-      letter-spacing: 0.3px;
-    }
-  }
-}
-
-/* Button Text */
-.typography_buttontext__vcxNi {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-size: 17px;
-  line-height: 20px;
-  letter-spacing: -0.5px;
-  font-weight: 400;
-
-  @media (max-width: 699px) {
-    font-weight: 500;
-    line-height: 17px;
-  }
-}
-
-/* Caption Text */
-.typography_captiontext__91UFb {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-weight: 400;
-  font-size: 17px;
-  line-height: 24px;
-  letter-spacing: -0.5px;
-
-  @media (max-width: 699px) {
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: -0.2px;
-  }
-}
-
-/* Navigation Text */
-.typography_navigationtext__YfGf7 {
-  margin: 0;
-  font-family: var(--font-family-sans);
-  font-size: 19px;
-  line-height: 19px;
-  letter-spacing: 0.4px;
-  font-weight: 500;
-
-  @media (max-width: 699px) {
-    font-size: 17px;
-    line-height: 17px;
-  }
-}
-
 .core-theme-module_coreTheme__pWxYB {
   /* RBO Red */
   /* Primary Palette */

package/dist/harmonic.cjs.development.js

@@ -3824,7 +3824,6 @@ var Tab = function Tab(_ref) {
     className = _ref.className,
     role = _ref.role,
     ariaLabel = _ref.ariaLabel,
-    tabLinkId = _ref.tabLinkId,
     color = _ref.color,
     dataTestId = _ref.dataTestId,
     isOpen = _ref.isOpen;
@@ -3859,9 +3858,8 @@ var Tab = function Tab(_ref) {
     className: className,
     "data-testid": dataTestId
   }, /*#__PURE__*/React__default.createElement(TabText, {
-    id: tabLinkId,
-    trimText: trimText,
     color: color,
+    trimText: trimText,
     withTextInMobile: withTextInMobile,
     "aria-hidden": "true"
   }, title), withIcon !== 'none' && /*#__PURE__*/React__default.createElement(Icon, {
@@ -5340,7 +5338,6 @@ var Dropdown = function Dropdown(_ref) {
     className = _ref.className,
     role = _ref.role,
     ariaLabel = _ref.ariaLabel,
-    tabLinkId = _ref.tabLinkId,
     trimTabText = _ref.trimTabText;
   var node = React.useRef();
   var _useState = React.useState(false),
@@ -5437,7 +5434,6 @@ var Dropdown = function Dropdown(_ref) {
   };
   var renderTab = function renderTab() {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tab, {
-      tabLinkId: tabLinkId,
       trimText: trimTabText,
       title: title,
       titleLink: titleLink,
@@ -5517,8 +5513,7 @@ var Account = function Account(_ref) {
     iconName: iconName,
     withOptionsInMobile: false,
     withIcon: "left",
-    className: className,
-    tabLinkId: "account-link"
+    className: className
   });
 };
 
@@ -5937,7 +5932,6 @@ var Accordion = function Accordion(_ref) {
   var toggleAccordion = function toggleAccordion() {
     if (React__default.Children.count(children) === 0) return;
     if (openAccordion) {
-      setIcon(collapsedStateIconData);
       setOpenAccordion(false);
       setTextHeight('0px');
       setIcon(collapsedStateIconData);
@@ -8878,7 +8872,7 @@ var _excluded$m = ["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,
@@ -11441,9 +11435,14 @@ var BodyContent = function BodyContent(_ref2) {
     _ref2$renderGridItem = _ref2.renderGridItem,
     renderGridItem = _ref2$renderGridItem === void 0 ? true : _ref2$renderGridItem;
   var textContainerClassName = !renderGrid && !renderGridItem ? className : undefined;
-  var content = /*#__PURE__*/React__default.createElement(BodyContentTextContainer, {
+  var content = /*#__PURE__*/React__default.createElement(TextContainer$1, {
+    tag: "div",
+    size: "large",
+    "data-testid": "text-container",
     className: textContainerClassName,
-    html: text
+    dangerouslySetInnerHTML: {
+      __html: addTypographyClasses(text)
+    }
   });
   var gridItemOrContent = renderGridItem ? (/*#__PURE__*/React__default.createElement(GridItem, {
     columnStartDesktop: columnStartDesktop,