@royaloperahouse/harmonic 0.13.0 → 0.13.1

package/dist/harmonic.esm.js

@@ -2590,7 +2590,7 @@ var Button = function Button(_ref) {
   }, [href, onClick]);
   return /*#__PURE__*/React__default.createElement(ButtonWrapper, Object.assign({
     role: href ? undefined : 'button',
-    tabIndex: href ? undefined : 0
+    tabIndex: 0
   }, rest, {
     href: href != null ? href : '#',
     onClick: handleClick,
@@ -2827,7 +2827,8 @@ var TertiaryButton = function TertiaryButton(_ref) {
     "data-testid": "tertiary-button"
   }, rest, {
     className: className,
-    onClick: handleClick
+    onClick: handleClick,
+    tabIndex: 0
   }), /*#__PURE__*/React__default.createElement(ButtonText, {
     color: "inherit"
   }, truncatedString), /*#__PURE__*/React__default.createElement(TertiaryIconWrapper, {
@@ -2863,7 +2864,7 @@ var ControlledDropdownWrapper = /*#__PURE__*/styled.div(_templateObject$7 || (_t
 var ControlledDropdownHeaderContainer = /*#__PURE__*/styled.button(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  all: unset;\n  display: flex;\n  gap: 6px;\n  border-bottom: 1px solid transparent;\n  height: 24px;\n  line-height: 24px;\n  font-size: var(--harmonic-font-size-navigation);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-weight-navigation);\n  letter-spacing: var(--harmonic-letter-spacing-navigation);\n  color: var(--color-primary-black);\n  text-decoration: none;\n  cursor: pointer;\n  width: max-content;\n\n  &:focus {\n    outline: 2px solid var(--color-primary-black);\n    outline-offset: 2px;\n  }\n\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   if (active) {
-    return "\n      & {\n        color: var(--color-primary-red);\n      }\n      && svg path {\n        fill: var(--color-primary-red);\n      } \n      ";
+    return "\n      & {\n        color: var(--color-primary-red);\n      }\n      && svg path {\n        fill: var(--color-primary-red);\n      }\n      ";
   }
   return '';
 });
@@ -2976,7 +2977,8 @@ var ControlledDropdown = /*#__PURE__*/React__default.forwardRef(function (_ref,
     role: "menuitem",
     "aria-controls": "dropdown-menu",
     "aria-haspopup": "menu",
-    "aria-expanded": active
+    "aria-expanded": active,
+    tabIndex: 0
   }), text, /*#__PURE__*/React__default.createElement(IconWrapper, {
     "data-testid": "dropdown-icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -3816,7 +3818,8 @@ var TabLink = function TabLink(_ref) {
     color: color,
     iconName: iconName,
     hoverColor: hoverColor,
-    className: "" + typographyStyles.navigationtext + (className ? " " + className : '')
+    className: "" + typographyStyles.navigationtext + (className ? " " + className : ''),
+    tabIndex: 0
   }, rest), iconName ? (/*#__PURE__*/React__default.createElement(TabLinkIconWrapper, {
     "data-testid": "tab-link-icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -5051,7 +5054,7 @@ var SocialLinks = function SocialLinks(_ref) {
       rel: "noopener noreferrer" // Ensures security for external links
       ,
       target: "_blank",
-      tabIndex: isMobile ? 1 : undefined
+      tabIndex: isMobile ? 1 : 0
     }, /*#__PURE__*/React__default.createElement(Icon, {
       iconName: mediaLink.name,
       color: "white",
@@ -6002,7 +6005,7 @@ var PolicyLinks = function PolicyLinks(_ref) {
       href: link.href,
       "data-roh": link.dataRoh,
       "aria-label": link.title,
-      tabIndex: isMobile ? 4 : undefined
+      tabIndex: isMobile ? 4 : 0
     }, link.title);
   }));
 };
@@ -6037,7 +6040,7 @@ var Footer = function Footer(_ref) {
   }), /*#__PURE__*/React__default.createElement(TextLinkWrapper$2, {
     href: contact.href,
     "aria-label": contact.title,
-    tabIndex: isMobile ? 2 : undefined
+    tabIndex: isMobile ? 2 : 0
   }, contact.title)), /*#__PURE__*/React__default.createElement(SectionWrapper, null, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: "large",
     color: "white"
@@ -6045,7 +6048,7 @@ var Footer = function Footer(_ref) {
     href: newsletter.link.href,
     "data-roh": newsletter.link.dataRoh,
     "aria-label": newsletter.link.title,
-    tabIndex: isMobile ? 3 : undefined
+    tabIndex: isMobile ? 3 : 0
   }, newsletter.link.title))), /*#__PURE__*/React__default.createElement(LogoAndDescriptionSection, null, /*#__PURE__*/React__default.createElement(SponsorLogoContainer, {
     "data-testid": "arts-logo"
   }, /*#__PURE__*/React__default.createElement(SponsorLogo, Object.assign({
@@ -10140,14 +10143,16 @@ var NavButtonOrLink = function NavButtonOrLink(_ref) {
         return onPageChange(page);
       },
       key: keyProp,
-      "data-testid": testId
+      "data-testid": testId,
+      tabIndex: 0
     }, children);
   }
   return /*#__PURE__*/React__default.createElement(PageNav, {
     "aria-label": ariaLabel,
     href: "" + (baseUrl != null ? baseUrl : '') + page,
     key: keyProp,
-    "data-testid": testId
+    "data-testid": testId,
+    tabIndex: 0
   }, children);
 };
 
@@ -10168,14 +10173,16 @@ var PageLinkOrButton = function PageLinkOrButton(_ref) {
         return onPageChange(page);
       },
       key: keyProp,
-      "data-testid": testId
+      "data-testid": testId,
+      tabIndex: 0
     }, children);
   }
   return /*#__PURE__*/React__default.createElement(PaginationLink, {
     "aria-label": ariaLabel,
     href: "" + (baseUrl != null ? baseUrl : '') + page,
     key: keyProp,
-    "data-testid": testId
+    "data-testid": testId,
+    tabIndex: 0
   }, children);
 };
 
@@ -12621,7 +12628,8 @@ var SignUpForm = function SignUpForm(_ref) {
     role: "alert",
     "aria-live": "assertive"
   }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, null, errors.serverError)))), !isLoggedIn && isMobile ? (/*#__PURE__*/React__default.createElement(FormFooterWrapper, null, /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
-    href: ctaPrivacy.link
+    href: ctaPrivacy.link,
+    tabIndex: 0
   }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: "small"
   }, ctaPrivacy.text)), /*#__PURE__*/React__default.createElement(ButtonWrapper$3, null, /*#__PURE__*/React__default.createElement(SignUpFormButton, {
@@ -12631,7 +12639,8 @@ var SignUpForm = function SignUpForm(_ref) {
     onClick: handleFormSubmit,
     theme: theme
   })), /*#__PURE__*/React__default.createElement(CTALinkWrapper, {
-    href: ctaPrivacy.link
+    href: ctaPrivacy.link,
+    tabIndex: 0
   }, /*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: "medium"
   }, ctaPrivacy.text))))));
@@ -12790,11 +12799,13 @@ var AnchorBar = function AnchorBar(_ref) {
       columnSpanDevice: 12
     }, /*#__PURE__*/React__default.createElement(ContentWrapper$3, null, /*#__PURE__*/React__default.createElement(TextLink, {
       href: (_cta$href = cta.href) != null ? _cta$href : '#',
-      onClick: onCtaClickHandler
+      onClick: onCtaClickHandler,
+      tabIndex: 0
     }, cta.text), /*#__PURE__*/React__default.createElement(CloseButtonWrapper, {
       href: "#",
       onClick: onCloseButtonHandler,
-      "aria-label": "Close an anchor bar"
+      "aria-label": "Close an anchor bar",
+      tabIndex: 0
     }, /*#__PURE__*/React__default.createElement(Icon, {
       iconName: "Close"
     })))));