@royaloperahouse/harmonic 0.18.3 → 0.18.4

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.
Files changed (15) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/components/atoms/Icons/SvgIcons/Access/Captioned.svg.d.ts +4 -0
  3. package/dist/components/atoms/Icons/SvgIcons/Access/FamilyFriendly.svg.d.ts +4 -0
  4. package/dist/components/atoms/Icons/SvgIcons/Access/TouchTour.svg.d.ts +4 -0
  5. package/dist/components/atoms/Icons/SvgIcons/index.d.ts +3 -0
  6. package/dist/components/molecules/SkipToMain/SkipToMain.style.d.ts +1 -1
  7. package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
  8. package/dist/harmonic.cjs.development.js +89 -12
  9. package/dist/harmonic.cjs.development.js.map +1 -1
  10. package/dist/harmonic.cjs.production.min.js +1 -1
  11. package/dist/harmonic.cjs.production.min.js.map +1 -1
  12. package/dist/harmonic.esm.js +89 -12
  13. package/dist/harmonic.esm.js.map +1 -1
  14. package/dist/types/types.d.ts +4 -0
  15. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,6 @@
1
+ ## [0.18.4]
2
+ - Access Icons: Add Captioned, Family Friendly, and Touch Tour icons
3
+
1
4
  ## [0.18.3]
2
5
  - CastFilter: Added arrows to CastFilter component
3
6
 
package/dist/components/atoms/Icons/SvgIcons/Access/Captioned.svg.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
package/dist/components/atoms/Icons/SvgIcons/Access/FamilyFriendly.svg.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
package/dist/components/atoms/Icons/SvgIcons/Access/TouchTour.svg.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { IconSVGProps } from '../../../../../types/iconTypes';
3
+ declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
4
+ export default _default;
package/dist/components/atoms/Icons/SvgIcons/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare const IconLibrary: {
15
15
  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>)>;
16
16
  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>)>;
17
17
  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>)>;
18
+ Captioned: ({ 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>)>;
18
19
  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>)>;
19
20
  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>)>;
20
21
  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>)>;
@@ -27,6 +28,7 @@ export declare const IconLibrary: {
27
28
  Expand12px: ({ 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>)>;
28
29
  ExternalLink: ({ 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>)>;
29
30
  Facebook: ({ 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>)>;
31
+ FamilyFriendly: ({ 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>)>;
30
32
  Favourite: ({ 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>)>;
31
33
  FavouriteFull: ({ 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>)>;
32
34
  Filter: ({ 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>)>;
@@ -75,6 +77,7 @@ export declare const IconLibrary: {
75
77
  Tick: ({ 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>)>;
76
78
  Tickets: ({ 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>)>;
77
79
  Tiktok: ({ 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>)>;
80
+ TouchTour: ({ 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>)>;
78
81
  Trailer: ({ 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>)>;
79
82
  Twitter: ({ 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>)>;
80
83
  User: ({ 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/molecules/SkipToMain/SkipToMain.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  interface FocusableTabProps {
2
2
  hide?: boolean;
3
3
  }
4
- export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, color, dataTestId, isOpen, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
4
+ export declare const FocusableTab: import("styled-components").StyledComponent<({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, dataTestId, isOpen, }: import("../../../types/types").ITabProps) => import("react").JSX.Element, any, FocusableTabProps, never>;
5
5
  export declare const HiddenBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export {};
package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts CHANGED
@@ -279,7 +279,7 @@ export declare const processSlideLinks: (links: EditorialLink[]) => {
279
279
  onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
280
280
  onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
281
281
  text: string;
282
- iconName?: "AddToMyList" | "Arrow" | "ArrowPagination" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "LastPageArrow" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
282
+ iconName?: "AddToMyList" | "Arrow" | "ArrowPagination" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "Captioned" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "FamilyFriendly" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "LastPageArrow" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "TouchTour" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
283
283
  iconDirection?: "left" | "right" | "up" | "down" | "reverse" | undefined;
284
284
  textColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
285
285
  backgroundColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
package/dist/harmonic.cjs.development.js CHANGED
@@ -2018,7 +2018,7 @@ var AudioDescription = (function (_ref) {
2018
2018
  return /*#__PURE__*/React.createElement("svg", {
2019
2019
  width: "100%",
2020
2020
  height: "100%",
2021
- viewBox: "0 0 24 24",
2021
+ viewBox: "0 0 25 25",
2022
2022
  fill: "none",
2023
2023
  xmlns: "http://www.w3.org/2000/svg",
2024
2024
  "aria-label": ariaLabel
@@ -2026,10 +2026,10 @@ var AudioDescription = (function (_ref) {
2026
2026
  d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2027
2027
  fill: color
2028
2028
  }), /*#__PURE__*/React.createElement("path", {
2029
- d: "M8.17938 9H9.33938L11.8994 15H10.5894L9.99937 13.64H7.44937L6.88937 15H5.60938L8.17938 9ZM9.57937 12.53L8.73937 10.53L7.89937 12.53H9.57937Z",
2029
+ d: "M10.8194 15.0008L10.4494 13.7708H8.49937L8.12937 15.0008H7.10938L8.97937 9.05078H9.99937L11.8694 15.0008H10.8094H10.8194ZM9.76938 11.5608C9.65938 11.2108 9.56938 10.9108 9.46938 10.5208C9.35938 10.9208 9.26937 11.2508 9.16937 11.5608L8.74937 12.9208H10.1794L9.75938 11.5608H9.76938Z",
2030
2030
  fill: color
2031
2031
  }), /*#__PURE__*/React.createElement("path", {
2032
- d: "M12.9199 8.99994H15.2199C15.628 8.97678 16.0364 9.03723 16.4202 9.17759C16.8041 9.31795 17.1552 9.53526 17.452 9.81618C17.7489 10.0971 17.9852 10.4357 18.1464 10.8112C18.3077 11.1867 18.3906 11.5913 18.3899 11.9999C18.3906 12.4086 18.3077 12.8131 18.1464 13.1887C17.9852 13.5642 17.7489 13.9028 17.452 14.1837C17.1552 14.4646 16.8041 14.6819 16.4202 14.8223C16.0364 14.9626 15.628 15.0231 15.2199 14.9999H12.9199V8.99994ZM14.1799 10.1399V13.8199H15.1799C15.4276 13.8417 15.6771 13.8101 15.9115 13.7273C16.1459 13.6445 16.3599 13.5124 16.539 13.34C16.7181 13.1675 16.8582 12.9587 16.9497 12.7275C17.0413 12.4964 17.0823 12.2483 17.0699 11.9999C17.0814 11.7544 17.0414 11.5092 16.9523 11.28C16.8633 11.0509 16.7273 10.843 16.553 10.6697C16.3787 10.4963 16.17 10.3614 15.9404 10.2736C15.7108 10.1858 15.4654 10.1471 15.2199 10.1599L14.1799 10.1399Z",
2032
+ d: "M12.6797 15.0008V9.05078H14.3797C15.1197 9.05078 15.5597 9.21078 15.9097 9.49078C16.5697 10.0208 16.8497 10.9508 16.8497 12.0208C16.8497 13.0908 16.5697 14.0308 15.9097 14.5508C15.5597 14.8308 15.1197 14.9908 14.3797 14.9908H12.6797V15.0008ZM14.1197 14.1108C14.6597 14.1108 14.9197 14.0908 15.1597 13.9108C15.6997 13.5108 15.7797 12.5308 15.7797 12.0208C15.7797 11.5108 15.6997 10.5308 15.1597 10.1308C14.9197 9.95078 14.6697 9.93078 14.1197 9.93078H13.7397V14.0908H14.1197V14.1108Z",
2033
2033
  fill: color
2034
2034
  }));
2035
2035
  });
@@ -2069,16 +2069,16 @@ var BritishSignLanguage = (function (_ref) {
2069
2069
  xmlns: "http://www.w3.org/2000/svg",
2070
2070
  "aria-label": ariaLabel
2071
2071
  }, /*#__PURE__*/React.createElement("path", {
2072
- d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
2072
+ d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2073
2073
  fill: color
2074
2074
  }), /*#__PURE__*/React.createElement("path", {
2075
- 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",
2075
+ d: "M5.32031 14.9988V9.04883H7.52031C8.18031 9.04883 8.62031 9.28883 8.91031 9.66883C9.11031 9.91883 9.23031 10.2588 9.23031 10.6088C9.23031 11.1788 8.93031 11.7488 8.34031 11.9388C8.95031 12.1288 9.40031 12.6688 9.40031 13.3988C9.40031 13.9288 9.17031 14.3488 8.85031 14.6288C8.58031 14.8688 8.23031 14.9988 7.55031 14.9988H5.32031ZM7.31031 11.5688C7.68031 11.5688 7.85031 11.4888 7.97031 11.3488C8.10031 11.1988 8.17031 10.9788 8.17031 10.7588C8.17031 10.5188 8.10031 10.3088 7.97031 10.1588C7.85031 10.0188 7.68031 9.93883 7.31031 9.93883H6.38031V11.5688H7.31031ZM7.45031 14.1088C7.86031 14.1088 8.04031 14.0088 8.17031 13.8188C8.27031 13.6788 8.33031 13.4788 8.33031 13.2788C8.33031 13.0588 8.27031 12.8488 8.17031 12.7188C8.04031 12.5288 7.86031 12.4288 7.45031 12.4288H6.38031V14.1088H7.45031Z",
2076
2076
  fill: color
2077
2077
  }), /*#__PURE__*/React.createElement("path", {
2078
- 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",
2078
+ d: "M13.0719 11.0897C13.1019 10.9497 13.1219 10.7697 13.1219 10.5997C13.1219 10.0897 12.7919 9.78969 12.2419 9.78969C11.6919 9.78969 11.3919 10.1297 11.3919 10.5797C11.3919 11.2597 12.2819 11.3997 13.0519 11.7397C13.6919 12.0197 14.2519 12.4197 14.2519 13.3897C14.2519 14.4897 13.3419 15.1197 12.2319 15.1197C11.1219 15.1197 10.1719 14.5097 10.1719 13.3897C10.1719 13.1597 10.2119 12.9097 10.2619 12.7897L11.2319 12.7097C11.1919 12.8497 11.1519 13.1097 11.1519 13.3097C11.1519 13.8997 11.6319 14.2697 12.2519 14.2697C12.7219 14.2697 13.2119 13.9697 13.2119 13.4097C13.2119 12.6397 12.4119 12.5397 11.6719 12.2497C10.9619 11.9697 10.3519 11.5597 10.3519 10.6097C10.3519 9.65969 11.1619 8.92969 12.2119 8.92969C13.2619 8.92969 14.0919 9.59969 14.0919 10.5597C14.0919 10.7097 14.0619 10.8997 14.0319 10.9997L13.0719 11.0897Z",
2079
2079
  fill: color
2080
2080
  }), /*#__PURE__*/React.createElement("path", {
2081
- d: "M15.6953 15.156V9.33203H16.9193V14.036H19.8553V15.156H15.6953Z",
2081
+ d: "M15.3281 14.9988V9.04883H16.3881V14.1088H18.7681V14.9988H15.3281Z",
2082
2082
  fill: color
2083
2083
  }));
2084
2084
  });
@@ -2152,6 +2152,78 @@ var OpenCaptions = (function (_ref) {
2152
2152
  }));
2153
2153
  });
2154
2154
 
2155
+ var Captioned = (function (_ref) {
2156
+ var _ref$color = _ref.color,
2157
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2158
+ ariaLabel = _ref.ariaLabel;
2159
+ return /*#__PURE__*/React.createElement("svg", {
2160
+ xmlns: "http://www.w3.org/2000/svg",
2161
+ width: "100%",
2162
+ height: "100%",
2163
+ viewBox: "0 0 25 25",
2164
+ fill: "none",
2165
+ "aria-label": ariaLabel
2166
+ }, /*#__PURE__*/React.createElement("path", {
2167
+ d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2168
+ fill: color
2169
+ }), /*#__PURE__*/React.createElement("path", {
2170
+ d: "M9.23998 12.89C9.23998 13.43 9.12999 13.91 8.87999 14.29C8.53999 14.83 7.92999 15.12 7.17999 15.12C6.33999 15.12 5.63998 14.71 5.23998 13.91C4.98998 13.41 4.85999 12.76 4.85999 12.01C4.85999 10.12 5.68999 8.91 7.18999 8.91C8.28999 8.91 9.06998 9.71 9.06998 10.85C9.06998 10.94 9.06999 11.14 9.03999 11.25L8.06998 11.29C8.08998 11.21 8.09999 11.06 8.09999 10.92C8.09999 10.31 7.79999 9.8 7.18999 9.8C6.35999 9.8 5.92999 10.68 5.92999 12.01C5.92999 12.53 5.98999 12.98 6.11999 13.34C6.28999 13.82 6.59999 14.22 7.18999 14.22C7.93999 14.22 8.30999 13.71 8.34999 12.69L9.24999 12.74V12.88L9.23998 12.89Z",
2171
+ fill: color
2172
+ }), /*#__PURE__*/React.createElement("path", {
2173
+ d: "M13.31 15L12.94 13.77H10.99L10.62 15H9.59998L11.47 9.05H12.49L14.36 15H13.3H13.31ZM12.27 11.56C12.16 11.21 12.07 10.91 11.97 10.52C11.86 10.92 11.77 11.25 11.67 11.56L11.25 12.92H12.68L12.26 11.56H12.27Z",
2174
+ fill: color
2175
+ }), /*#__PURE__*/React.createElement("path", {
2176
+ d: "M15.17 15V9.05H17.27C17.88 9.05 18.27 9.21 18.56 9.47C18.93 9.8 19.12 10.29 19.12 10.83C19.12 11.37 18.92 11.86 18.56 12.19C18.27 12.45 17.88 12.61 17.27 12.61H16.23V14.99H15.17V15ZM17.11 11.73C17.52 11.73 17.71 11.64 17.84 11.48C17.98 11.32 18.06 11.09 18.06 10.83C18.06 10.57 17.98 10.35 17.84 10.18C17.71 10.03 17.52 9.93 17.11 9.93H16.23V11.72H17.11V11.73Z",
2177
+ fill: color
2178
+ }));
2179
+ });
2180
+
2181
+ var FamilyFriendly = (function (_ref) {
2182
+ var _ref$color = _ref.color,
2183
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2184
+ ariaLabel = _ref.ariaLabel;
2185
+ return /*#__PURE__*/React.createElement("svg", {
2186
+ xmlns: "http://www.w3.org/2000/svg",
2187
+ width: "100%",
2188
+ height: "100%",
2189
+ viewBox: "0 0 25 25",
2190
+ fill: "none",
2191
+ "aria-label": ariaLabel
2192
+ }, /*#__PURE__*/React.createElement("path", {
2193
+ d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2194
+ fill: color
2195
+ }), /*#__PURE__*/React.createElement("path", {
2196
+ d: "M8.21 15V9.04999H11.57V9.93999H9.28V11.64H10.89V12.49H9.28V15H8.22H8.21Z",
2197
+ fill: color
2198
+ }), /*#__PURE__*/React.createElement("path", {
2199
+ d: "M12.48 15V9.04999H15.84V9.93999H13.55V11.64H15.16V12.49H13.55V15H12.49H12.48Z",
2200
+ fill: color
2201
+ }));
2202
+ });
2203
+
2204
+ var TouchTour = (function (_ref) {
2205
+ var _ref$color = _ref.color,
2206
+ color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
2207
+ ariaLabel = _ref.ariaLabel;
2208
+ return /*#__PURE__*/React.createElement("svg", {
2209
+ width: "100%",
2210
+ height: "100%",
2211
+ viewBox: "0 0 25 25",
2212
+ fill: "none",
2213
+ xmlns: "http://www.w3.org/2000/svg",
2214
+ "aria-label": ariaLabel
2215
+ }, /*#__PURE__*/React.createElement("path", {
2216
+ d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2217
+ fill: color
2218
+ }), /*#__PURE__*/React.createElement("path", {
2219
+ d: "M8.91 15V9.94H7.38V9.05H11.5V9.94H9.97001V15H8.91Z",
2220
+ fill: color
2221
+ }), /*#__PURE__*/React.createElement("path", {
2222
+ d: "M14.03 15V9.94H12.5V9.05H16.62V9.94H15.09V15H14.03Z",
2223
+ fill: color
2224
+ }));
2225
+ });
2226
+
2155
2227
  var Forward10 = (function (_ref) {
2156
2228
  var _ref$color = _ref.color,
2157
2229
  color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
@@ -2299,13 +2371,13 @@ var RelaxedPerformance = (function (_ref) {
2299
2371
  xmlns: "http://www.w3.org/2000/svg",
2300
2372
  "aria-label": ariaLabel
2301
2373
  }, /*#__PURE__*/React.createElement("path", {
2302
- d: "M21.6953 5.33203V19.332H3.69531V5.33203H21.6953ZM22.6953 4.33203H2.69531V20.332H22.6953V4.33203Z",
2374
+ d: "M21 5V19H3V5H21ZM22 4H2V20H22V4Z",
2303
2375
  fill: color
2304
2376
  }), /*#__PURE__*/React.createElement("path", {
2305
- 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",
2377
+ d: "M10.3678 15.0008C10.2278 14.7508 10.2378 14.3408 10.2278 13.9408L10.2078 13.4208C10.2078 13.0508 10.1278 12.8608 9.99781 12.7308C9.85781 12.5908 9.64781 12.5808 9.36781 12.5808H8.56781V15.0008H7.50781V9.05078H9.64781C10.2578 9.05078 10.6478 9.21078 10.9378 9.47078C11.2878 9.78078 11.4978 10.2408 11.4978 10.7408C11.4978 11.4408 11.0078 12.1308 10.1478 12.1908C10.7578 12.2608 11.1478 12.6408 11.1978 13.4008L11.2278 13.9308C11.2578 14.2908 11.2578 14.5208 11.3078 14.6908C11.3378 14.7908 11.3878 14.9108 11.4978 14.9608V14.9908H10.3678V15.0008ZM9.48781 11.7308C9.89781 11.7308 10.0878 11.6408 10.2178 11.4808C10.3578 11.3208 10.4378 11.0908 10.4378 10.8308C10.4378 10.5708 10.3578 10.3508 10.2178 10.1808C10.0878 10.0308 9.89781 9.93078 9.48781 9.93078H8.56781V11.7208H9.48781V11.7308Z",
2306
2378
  fill: color
2307
2379
  }), /*#__PURE__*/React.createElement("path", {
2308
- 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",
2380
+ d: "M12.6016 15.0008V9.05078H14.7016C15.3116 9.05078 15.7016 9.21078 15.9916 9.47078C16.3616 9.80078 16.5516 10.2908 16.5516 10.8308C16.5516 11.3708 16.3516 11.8608 15.9916 12.1908C15.7016 12.4508 15.3116 12.6108 14.7016 12.6108H13.6616V14.9908H12.6016V15.0008ZM14.5416 11.7308C14.9516 11.7308 15.1416 11.6408 15.2716 11.4808C15.4116 11.3208 15.4916 11.0908 15.4916 10.8308C15.4916 10.5708 15.4116 10.3508 15.2716 10.1808C15.1416 10.0308 14.9516 9.93078 14.5416 9.93078H13.6616V11.7208H14.5416V11.7308Z",
2309
2381
  fill: color
2310
2382
  }));
2311
2383
  });
@@ -2457,6 +2529,7 @@ var IconLibrary = {
2457
2529
  Clips: Clips,
2458
2530
  Clock: Clock,
2459
2531
  Close: Close,
2532
+ Captioned: Captioned,
2460
2533
  ClosedCaptions: ClosedCaptions,
2461
2534
  Confirm: Confirm,
2462
2535
  CreditCard: CreditCard,
@@ -2469,6 +2542,7 @@ var IconLibrary = {
2469
2542
  Expand12px: Expand12px,
2470
2543
  ExternalLink: ExternalLink,
2471
2544
  Facebook: Facebook,
2545
+ FamilyFriendly: FamilyFriendly,
2472
2546
  Favourite: Favourite,
2473
2547
  FavouriteFull: FavouriteFull,
2474
2548
  Filter: Filter,
@@ -2517,6 +2591,7 @@ var IconLibrary = {
2517
2591
  Tick: Tick,
2518
2592
  Tickets: Tickets,
2519
2593
  Tiktok: Tiktok,
2594
+ TouchTour: TouchTour,
2520
2595
  Trailer: Trailer,
2521
2596
  Twitter: Twitter,
2522
2597
  User: User,
@@ -4269,14 +4344,16 @@ var TextLinkWrapper = /*#__PURE__*/styled__default.a(_templateObject$p || (_temp
4269
4344
  }, devices.mobile);
4270
4345
  var TextLinkIconWrapper = /*#__PURE__*/styled__default.span(_templateObject2$h || (_templateObject2$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: var(--button-icon-width);\n height: var(--button-icon-height);\n margin-left: var(--button-icon-margin);\n"])));
4271
4346
 
4272
- var _excluded$d = ["children", "iconName", "iconDirection", "textColor"];
4347
+ var _excluded$d = ["children", "iconName", "iconDirection", "textColor", "disableTruncation"];
4273
4348
  var TextLink = function TextLink(_ref) {
4274
4349
  var children = _ref.children,
4275
4350
  iconName = _ref.iconName,
4276
4351
  iconDirection = _ref.iconDirection,
4277
4352
  textColor = _ref.textColor,
4353
+ _ref$disableTruncatio = _ref.disableTruncation,
4354
+ disableTruncation = _ref$disableTruncatio === void 0 ? false : _ref$disableTruncatio,
4278
4355
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
4279
- var truncatedString = children.substring(0, 30);
4356
+ var truncatedString = disableTruncation ? children : children.substring(0, 30);
4280
4357
  return /*#__PURE__*/React__default.createElement(TextLinkWrapper, Object.assign({
4281
4358
  color: textColor,
4282
4359
  iconName: iconName