@royaloperahouse/harmonic 0.13.1-a → 0.13.1-c

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [0.13.1]
+- Buttons, ControlledDropdown, SocialLinks, AnchorBar, Pagination, PolicyLinks, Footer: add tabIndex=0
+
 ## [0.13.0]
 - Restyled: Quote, Image Gallery, Accordions, BodyContent, AnchorTabBar, PromoWithTags, Section, ContactCard
 

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ITabProps } from '../../../types/types';
-declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, }: ITabProps) => React.JSX.Element;
+declare const Tab: ({ title, titleLink, onClick, onFocus, onReset, selected, iconName, iconDirection, withIcon, withTextInMobile, trimText, className, role, ariaLabel, tabLinkId, color, isOpen, }: ITabProps) => React.JSX.Element;
 export default Tab;

package/dist/harmonic.cjs.development.css

@@ -152,7 +152,6 @@
   color: var(--color-primary);
 }
 
-
 .typography-module_display--black__8hmsx,
 .typography-module_header--black__M3I14,
 .typography-module_subtitle--black__IQRSo,
@@ -301,6 +300,7 @@
     letter-spacing: 0.3px;
   }
 }
+
 @font-face {
   font-family: 'GreyLLTT';
   src: url('https://static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -327,8 +327,7 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
-    format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
@@ -336,8 +335,7 @@
 
 @font-face {
   font-family: 'VictorSerif';
-  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
-    format('woff2');
+  src: url('https://static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
   font-weight: 500;
   font-style: italic;
   font-display: swap;
@@ -1219,9 +1217,10 @@
   --information-panel-button-hover-color: var(--color-rbo-red-hovered);
   --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
 
-  --heading-promo-bg-color: var(--color-base-white); 
+  --heading-promo-bg-color: var(--color-base-white);
   --page-header-bg-color: var(--color-primary-black);
-};
+}
+
 .schools-theme-module_schoolsTheme__CWHba {
   /* Schools theme overrides */
   --base-color-primary: #c8102e;

package/dist/harmonic.cjs.development.js

@@ -3709,7 +3709,8 @@ var Tab = function Tab(_ref) {
     role = _ref.role,
     ariaLabel = _ref.ariaLabel,
     tabLinkId = _ref.tabLinkId,
-    color = _ref.color;
+    color = _ref.color,
+    isOpen = _ref.isOpen;
   var clickHandler = function clickHandler() {
     if (onClick) {
       onClick(titleLink);
@@ -3728,6 +3729,7 @@ var Tab = function Tab(_ref) {
   return /*#__PURE__*/React__default.createElement(TitleContainer, {
     role: role,
     "aria-label": ariaLabel,
+    "aria-expanded": isOpen,
     withTextInMobile: withTextInMobile,
     withIcon: withIcon,
     selected: selected,