@royaloperahouse/harmonic 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [0.1.4]
+
+- Updated iconography
+
+## [0.1.3]
+
+- Update Footer component
+- Update Image Proportions component
+
+## [0.1.2]
+
+- New Harmonic Typography components
+
 ## [0.1.0]
 
 - Published Harmonic to NPM

package/dist/components/atoms/Icons/SvgIcons/Access/AudioDescription.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/BritishSignLanguage.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/ClosedCaptions.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/OpenCaptions.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/RelaxedPerformance.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/index.d.ts

@@ -6,6 +6,7 @@ export declare const IconLibrary: {
     BalletAndDance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Basket: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     BasketFull: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    BritishSignLanguage: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     BookTickets: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     CarouselArrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     ChooseDates: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -13,6 +14,7 @@ export declare const IconLibrary: {
     Clips: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Clock: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Close: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    ClosedCaptions: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Confirm: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     CreditCard: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Delete: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -42,6 +44,7 @@ export declare const IconLibrary: {
     Minimise: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Muted: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     OnMyList: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    OpenCaptions: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     OperaAndMusic: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Pause: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     PDF: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -49,6 +52,7 @@ export declare const IconLibrary: {
     Play: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Print: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Refresh: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    RelaxedPerformance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Reminder: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Remove: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Remove12px: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;

package/dist/components/atoms/TabLink/index.d.ts

@@ -1,2 +1 @@
-import TabLink from './TabLink';
-export default TabLink;
+export { default as TabLink } from './TabLink';

package/dist/components/atoms/index.d.ts

@@ -13,7 +13,7 @@ import SectionSplitter from './SectionSplitter';
 import SponsorLogo from './SponsorLogo';
 import Sponsorship from './Sponsorship';
 import Tab from './Tab';
-import TabLink from './TabLink';
+import { TabLink } from './TabLink';
 import TextArea from './TextArea';
 import { TextField, TextFieldLegacy } from './TextField';
 import TextLink from './TextLink';

package/dist/components/organisms/Footer/index.d.ts

@@ -1,2 +1 @@
-import Footer from './Footer';
-export default Footer;
+export { default as Footer } from './Footer';

package/dist/components/organisms/index.d.ts

@@ -1,5 +1,5 @@
 import Navigation from './Navigation';
-import Footer from './Footer';
+import { Footer } from './Footer';
 import AnchorTabBar from './AnchorTabBar';
 import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';

package/dist/harmonic.cjs.development.js

@@ -1199,14 +1199,14 @@ var Expand12px = (function (_ref) {
     color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
     ariaLabel = _ref.ariaLabel;
   return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
     fill: "none",
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M7.02857 0H5.31429V4.97143H0V6.68571H5.31429V12H7.02857V6.68571H12V4.97143H7.02857V0Z",
+    d: "M6.44531 6.08203V1.83203H5.94531V6.08203H1.69531V6.58203H5.94531V10.832H6.44531V6.58203H10.6953V6.08203H6.44531Z",
     fill: color
   }));
 });
@@ -1223,7 +1223,7 @@ var Remove12px = (function (_ref) {
     fill: "none",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
-    d: "M6.9956 5.96581L11.8642 10.8344L10.9042 11.7944L6.0356 6.92581L1.16703 11.7944L0.207031 10.8344L5.0756 5.96581L0.207031 1.16581L1.16703 0.205811L6.0356 5.07438L10.9042 0.205811L11.8642 1.16581L6.9956 5.96581Z",
+    d: "M7.75597 6.26964L11.6954 2.33019L10.6348 1.26953L6.69531 5.20898L2.75586 1.26953L1.6952 2.33019L5.63465 6.26964L1.63477 10.2695L2.69543 11.3302L6.69531 7.33031L10.6952 11.3302L11.7559 10.2695L7.75597 6.26964Z",
     fill: color
   })));
 });
@@ -1240,7 +1240,7 @@ var Tick = (function (_ref) {
     xmlns: "http://www.w3.org/2000/svg",
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M4.09961 11.1999L1.09961 7.2999L1.89961 6.6999L4.09961 9.4999L10.0996 1.3999L10.8996 1.9999L4.09961 11.1999Z",
+    d: "M4.79541 11.5305L1.79541 7.63047L2.59541 7.03047L4.79541 9.83047L10.7954 1.73047L11.5954 2.33047L4.79541 11.5305Z",
     fill: color
   }));
 });
@@ -2545,6 +2545,32 @@ var Back10 = (function (_ref) {
   }));
 });
 
+var BritishSignLanguage = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.69531 15.156V9.33203H8.37531C9.03931 9.33203 9.56731 9.51603 9.90331 9.84403C10.1673 10.116 10.2953 10.436 10.2953 10.836V10.852C10.2953 11.516 9.93531 11.884 9.51931 12.116C10.1913 12.364 10.6233 12.756 10.6233 13.54V13.556C10.6233 14.62 9.75931 15.156 8.44731 15.156H5.69531ZM9.07131 11.052V11.036C9.07131 10.644 8.75931 10.412 8.19931 10.412H6.88731V11.708H8.11931C8.70331 11.708 9.07131 11.508 9.07131 11.052ZM9.39931 13.396C9.39931 12.98 9.08731 12.732 8.39931 12.732H6.88731V14.076H8.44731C9.03931 14.076 9.39931 13.86 9.39931 13.412V13.396Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.1593 15.316C12.2713 15.316 11.3913 15.012 10.6953 14.388L11.4233 13.516C11.9513 13.956 12.5033 14.236 13.1833 14.236C13.7273 14.236 14.0633 14.004 14.0633 13.644V13.628C14.0633 13.284 13.8553 13.108 12.8633 12.86C11.6713 12.564 10.9273 12.228 10.9273 11.084V11.068C10.9273 10.028 11.7753 9.33203 12.9593 9.33203C13.8073 9.33203 14.5193 9.59603 15.1113 10.068L14.4633 10.996C13.9513 10.628 13.4393 10.412 12.9353 10.412C12.4233 10.412 12.1513 10.66 12.1513 10.956V10.972C12.1513 11.372 12.4073 11.508 13.4313 11.772C14.6233 12.076 15.2873 12.508 15.2873 13.508V13.524C15.2873 14.668 14.4073 15.316 13.1593 15.316Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.6953 15.156V9.33203H16.9193V14.036H19.8553V15.156H15.6953Z",
+    fill: color
+  }));
+});
+
 var Clips = (function (_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
@@ -2568,6 +2594,52 @@ var Clips = (function (_ref) {
   }));
 });
 
+var ClosedCaptions = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.6793 15.348C13.9673 15.348 12.6953 14.028 12.6953 12.356V12.34C12.6953 10.684 13.9433 9.33203 15.7273 9.33203C16.8233 9.33203 17.4793 9.69203 18.0233 10.228L17.2393 11.132C16.7833 10.716 16.3193 10.46 15.7193 10.46C14.7113 10.46 13.9833 11.3 13.9833 12.324V12.34C13.9833 13.364 14.6953 14.22 15.7193 14.22C16.3993 14.22 16.8153 13.948 17.2793 13.524L18.0633 14.316C17.4633 14.948 16.7993 15.348 15.6793 15.348Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.67931 15.348C7.96731 15.348 6.69531 14.028 6.69531 12.356V12.34C6.69531 10.684 7.94331 9.33203 9.72731 9.33203C10.8233 9.33203 11.4793 9.69203 12.0233 10.228L11.2393 11.132C10.7833 10.716 10.3193 10.46 9.71931 10.46C8.71131 10.46 7.98331 11.3 7.98331 12.324V12.34C7.98331 13.364 8.69531 14.22 9.71931 14.22C10.3993 14.22 10.8153 13.948 11.2793 13.524L12.0633 14.316C11.4633 14.948 10.7993 15.348 9.67931 15.348Z",
+    fill: color
+  }));
+});
+
+var OpenCaptions = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.6793 15.348C14.9673 15.348 13.6953 14.028 13.6953 12.356V12.34C13.6953 10.684 14.9433 9.33203 16.7273 9.33203C17.8233 9.33203 18.4793 9.69203 19.0233 10.228L18.2393 11.132C17.7833 10.716 17.3193 10.46 16.7193 10.46C15.7113 10.46 14.9833 11.3 14.9833 12.324V12.34C14.9833 13.364 15.6953 14.22 16.7193 14.22C17.3993 14.22 17.8153 13.948 18.2793 13.524L19.0633 14.316C18.4633 14.948 17.7993 15.348 16.6793 15.348Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.77531 15.348C7.98331 15.348 6.69531 14.012 6.69531 12.356V12.34C6.69531 10.692 7.99931 9.33203 9.79131 9.33203C11.5833 9.33203 12.8713 10.668 12.8713 12.324V12.34C12.8713 13.988 11.5673 15.348 9.77531 15.348ZM9.79131 14.22C10.8473 14.22 11.5833 13.38 11.5833 12.356V12.34C11.5833 11.316 10.8313 10.46 9.77531 10.46C8.71931 10.46 7.98331 11.3 7.98331 12.324V12.34C7.98331 13.364 8.73531 14.22 9.79131 14.22Z",
+    fill: color
+  }));
+});
+
 var Forward10 = (function (_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
@@ -2703,6 +2775,29 @@ var Play = (function (_ref) {
   }));
 });
 
+var RelaxedPerformance = (function (_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
+    ariaLabel = _ref.ariaLabel;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 25 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.69531 15.156V9.33203H10.3433C11.0793 9.33203 11.6553 9.54003 12.0393 9.92403C12.3593 10.244 12.5273 10.7 12.5273 11.236V11.252C12.5273 12.196 12.0073 12.788 11.2553 13.052L12.7113 15.156H11.2713L9.98331 13.26H8.91931V15.156H7.69531ZM8.91931 12.172H10.2633C10.9033 12.172 11.2873 11.828 11.2873 11.316V11.3C11.2873 10.74 10.8873 10.444 10.2393 10.444H8.91931V12.172Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.6953 15.156V9.33203H16.0553C17.4393 9.33203 18.2793 10.148 18.2793 11.332V11.348C18.2793 12.692 17.2313 13.38 15.9353 13.38H14.9193V15.156H13.6953ZM14.9193 12.284H15.9753C16.6393 12.284 17.0393 11.892 17.0393 11.372V11.356C17.0393 10.764 16.6153 10.444 15.9513 10.444H14.9193V12.284Z",
+    fill: color
+  }));
+});
+
 var Restart = (function (_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
@@ -2807,6 +2902,7 @@ var IconLibrary = {
   BalletAndDance: BalletAndDance,
   Basket: Basket,
   BasketFull: BasketFull,
+  BritishSignLanguage: BritishSignLanguage,
   BookTickets: BookTickets,
   CarouselArrow: CarouselArrow,
   ChooseDates: ChooseDates,
@@ -2814,6 +2910,7 @@ var IconLibrary = {
   Clips: Clips,
   Clock: Clock,
   Close: Close,
+  ClosedCaptions: ClosedCaptions,
   Confirm: Confirm,
   CreditCard: CreditCard,
   Delete: Delete,
@@ -2843,6 +2940,7 @@ var IconLibrary = {
   Minimise: Minimise,
   Muted: Muted,
   OnMyList: OnMyList,
+  OpenCaptions: OpenCaptions,
   OperaAndMusic: OperaAndMusic,
   Pause: Pause,
   PDF: PDF,
@@ -2850,6 +2948,7 @@ var IconLibrary = {
   Play: Play,
   Print: Print,
   Refresh: Refresh,
+  RelaxedPerformance: RelaxedPerformance,
   Reminder: Reminder,
   Remove: Remove,
   Remove12px: Remove12px,
@@ -7025,15 +7124,10 @@ var largeColumnSpan = 9;
 var mediumWordBreakpoint = 8;
 var longWordBreakpoint = 13;
 var getColumnSpan = function getColumnSpan(variant, textSize, longestWordLength) {
-  if (!(variant === IInformationTitleVariant.Header && textSize === 4)) return defaultColumnSpan;
-  switch (true) {
-    case longestWordLength > longWordBreakpoint:
-      return largeColumnSpan;
-    case longestWordLength < mediumWordBreakpoint:
-      return smallColumnSpan;
-    default:
-      return defaultColumnSpan;
-  }
+  if (variant !== IInformationTitleVariant.Header || textSize !== 4) return defaultColumnSpan;
+  if (longestWordLength > longWordBreakpoint) return largeColumnSpan;
+  if (longestWordLength < mediumWordBreakpoint) return smallColumnSpan;
+  return defaultColumnSpan;
 };
 var renderTitle = function renderTitle(props) {
   var headerLevel = props.variant === IInformationTitleVariant.Header && props.textSize < 4 ? 4 : props.textSize;
@@ -7048,12 +7142,17 @@ var Information = function Information(_ref) {
     title = _ref.title,
     background = _ref.background,
     cta = _ref.cta;
-  var titleWords = title.text.split(' ');
+  var safeTitle = title || {
+    text: '',
+    variant: IInformationTitleVariant.Header,
+    textSize: 5
+  }; // Provide a fallback
+  var titleWords = safeTitle.text.split(' ');
   var titleWordLengths = titleWords.map(function (word) {
     return word.length;
   });
   var maxTitleWordLength = Math.max.apply(Math, titleWordLengths);
-  var titleColumnSpan = getColumnSpan(title.variant, title.textSize, maxTitleWordLength);
+  var titleColumnSpan = getColumnSpan(safeTitle.variant, safeTitle.textSize, maxTitleWordLength);
   var bgColour = background != null ? background : exports.IInformationBackgroundColour.White;
   return /*#__PURE__*/React__default.createElement(InfoWrapper, {
     background: bgColour,
@@ -7063,7 +7162,7 @@ var Information = function Information(_ref) {
     columnStartDevice: 2,
     columnSpanDesktop: titleColumnSpan,
     columnSpanDevice: 12
-  }, /*#__PURE__*/React__default.createElement(InfoTitle, null, renderTitle(title))), /*#__PURE__*/React__default.createElement(GridItem, {
+  }, /*#__PURE__*/React__default.createElement(InfoTitle, null, renderTitle(safeTitle))), /*#__PURE__*/React__default.createElement(GridItem, {
     columnStartDesktop: titleColumnSpan + 2,
     columnStartDevice: 2,
     columnSpanDesktop: 14 - titleColumnSpan,