@royaloperahouse/harmonic 1.0.6-k → 1.0.6-l

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

@@ -7,6 +7,7 @@ export declare const ChildrenContainer: import("styled-components").StyledCompon
 }, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {
     hasChildren?: boolean | undefined;
+    titleMargin?: string | undefined;
 }, never>;
 export declare const TitleText: import("styled-components").StyledComponent<({ children, size, color, className, tag: Tag, }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../types/typography").ITaggedTypographyProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {

package/dist/harmonic.cjs.development.js

@@ -5532,11 +5532,14 @@ var ChildrenContainer = /*#__PURE__*/styled__default.div(_templateObject2$q || (
   var isVisible = _ref4.isVisible;
   return isVisible ? 'auto' : 'none';
 }, devices.mobile);
-var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 28px;\n  padding-bottom: 28px;\n  color: var(--color-primary-black);\n\n  && svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :hover {\n    cursor: ", ";\n    pointer-events: ", ";\n  }\n\n  @media ", " {\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n"])), function (_ref5) {
-  var hasChildren = _ref5.hasChildren;
-  return hasChildren ? 'pointer' : 'default';
+var TitleContainer$1 = /*#__PURE__*/styled__default.div(_templateObject3$f || (_templateObject3$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 28px;\n  padding-bottom: 28px;\n  color: var(--color-primary-black);\n  margin-left: ", ";\n\n  && svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  :hover {\n    cursor: ", ";\n    pointer-events: ", ";\n  }\n\n  @media ", " {\n    padding-top: 16px;\n    padding-bottom: 16px;\n    margin-left: 0;\n  }\n"])), function (_ref5) {
+  var titleMargin = _ref5.titleMargin;
+  return titleMargin || '0';
 }, function (_ref6) {
   var hasChildren = _ref6.hasChildren;
+  return hasChildren ? 'pointer' : 'default';
+}, function (_ref7) {
+  var hasChildren = _ref7.hasChildren;
   return hasChildren ? 'auto' : 'none';
 }, devices.mobile);
 var TitleText = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject4$e || (_templateObject4$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: calc(100% - 32px);\n"])));
@@ -5545,14 +5548,14 @@ var ContentContainer = /*#__PURE__*/styled__default(ExtendedBodyCopyHarmonic).wi
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'textHeight';
   }
-})(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: ", ";\n  overflow: ", ";\n  margin-bottom: ", ";\n\n  @media print {\n    max-height: max-content;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  @media ", " {\n    transition: 100% 0.2s ease;\n  }\n"])), function (_ref7) {
-  var textHeight = _ref7.textHeight;
-  return textHeight;
-}, function (_ref8) {
+})(_templateObject6$6 || (_templateObject6$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  max-height: ", ";\n  overflow: ", ";\n  margin-bottom: ", ";\n\n  @media print {\n    max-height: max-content;\n  }\n\n  & em {\n    font-family: var(--font-family-body-italics);\n  }\n\n  & u {\n    font-size: var(--font-size-body-1);\n    font-family: var(--font-family-body);\n  }\n\n  @media ", " {\n    transition: 100% 0.2s ease;\n  }\n"])), function (_ref8) {
   var textHeight = _ref8.textHeight;
-  return textHeight === '0px' ? 'hidden' : 'visible';
+  return textHeight;
 }, function (_ref9) {
   var textHeight = _ref9.textHeight;
+  return textHeight === '0px' ? 'hidden' : 'visible';
+}, function (_ref0) {
+  var textHeight = _ref0.textHeight;
   return textHeight === '0px' ? '0px' : '12px';
 }, devices.mobile);
 var PrintHideWrapper = /*#__PURE__*/styled__default.div(_templateObject7$4 || (_templateObject7$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media print {\n    display: none;\n  }\n"])));
@@ -5584,7 +5587,8 @@ var Accordion = function Accordion(_ref) {
     className = _ref.className,
     expandedStateIcon = _ref.expandedStateIcon,
     collapsedStateIcon = _ref.collapsedStateIcon,
-    childrenContainerStyle = _ref.childrenContainerStyle;
+    childrenContainerStyle = _ref.childrenContainerStyle,
+    titleMargin = _ref.titleMargin;
   var _useState = React.useState(initOpen),
     openAccordion = _useState[0],
     setOpenAccordion = _useState[1];
@@ -5731,7 +5735,8 @@ var Accordion = function Accordion(_ref) {
     "aria-label": title,
     "aria-expanded": openAccordion,
     "aria-controls": contentContainerId,
-    hasChildren: !!children
+    hasChildren: !!children,
+    titleMargin: titleMargin
   }, /*#__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,