@royaloperahouse/harmonic 0.13.1-e → 0.13.1-f

package/dist/harmonic.esm.js

@@ -11146,7 +11146,7 @@ var AnchorBar = function AnchorBar(_ref) {
 };
 
 var _templateObject2$Z, _templateObject3$N;
-var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin: 29px 150px;\n  ", "\n  &:not(:active):not(:focus) {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    clip-path: inset(50%);\n    border: 0;\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  @media ", " {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    clip-path: inset(50%);\n    border: 0;\n    white-space: nowrap;\n    user-select: none;\n  }\n"])), function (_ref) {
+var FocusableTab = /*#__PURE__*/styled(Tab)(_templateObject2$Z || (_templateObject2$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n  &:not(:active):not(:focus) {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    clip-path: inset(50%);\n    border: 0;\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  @media ", " {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    clip-path: inset(50%);\n    border: 0;\n    white-space: nowrap;\n    user-select: none;\n  }\n"])), function (_ref) {
   var $hide = _ref.$hide;
   return $hide && "\n    display: none;\n  ";
 }, devices.mobileAndTablet);
@@ -11197,28 +11197,10 @@ var SkipToMain = function SkipToMain(_ref) {
     withIcon: "none",
     title: "Skip to main content",
     onClick: clickHandler,
-    "$hide": !targetElement
+    "$hide": !targetElement,
+    ariaLabel: "Skip to main content, in-page link"
   }));
 };
-/** TODO:
- * - make robust with SSR - might be solved with moving logic to FE. ✅
- * - hiding thing when element not found - might be solved with copying Tab element. ✅
- * - fix columns ✅
- * - fix top-bottom margin ✅
- * - remove !important ✅
- * - add types file ✅
- * - mobile solution ✅
- * - implement in Nav ✅
- * - consider: Make other Tab props available? ✅
- * - is Classname needed as a prop after all? ✅
- * - J's comment about id vs element ✅
- * - documentation ✅
- * - SkiptoMain storybook ✅
- * - Navigation storybook ✅
- * - Fix desktop margin
- * - Check if mobile works
- * - Tests
- */
 
 var dataRoh = 'imgLogo';
 var title = 'Royal Ballet and Opera';