@thecb/components 5.5.0 → 5.6.0

package/dist/index.esm.js

@@ -12163,6 +12163,11 @@ var ReelStyled = styled.div.withConfig({
 });
 
 var _excluded$g = ["childGap", "height", "childWidth", "padding", "justifyContent", "disableScroll", "useOrderedList", "useUnorderedList", "children"];
+/*
+  Safari has a bug where it refuses to recognize <ul /> tags as lists when list-style: none is used
+  This affects the apple voice over (mainly used on iOS devices)
+  The solution is to explicitly include "role=List"
+*/
 
 var Reel = function Reel(_ref) {
   var _ref$childGap = _ref.childGap,
@@ -12195,7 +12200,9 @@ var Reel = function Reel(_ref) {
     as: elementType,
     useOrderedList: useOrderedList,
     useUnorderedList: useUnorderedList
-  }, rest), safeChildren(children, /*#__PURE__*/React.createElement(Fragment, null)));
+  }, rest, {
+    role: useOrderedList || useUnorderedList ? "list" : "section"
+  }), safeChildren(children, /*#__PURE__*/React.createElement(Fragment, null)));
 };
 
 /*
@@ -16999,7 +17006,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     return /*#__PURE__*/React.createElement(Fragment, {
       key: "breadcrumb-".concat(linkText)
     }, /*#__PURE__*/React.createElement(InternalLink, {
-      "aria-current": index === breadcrumbsList.length - 1 && "location",
+      "aria-current": index === breadcrumbsList.length - 1 ? "location" : "",
       to: linkDestination,
       active: isActive.toString(),
       color: themeValues.color,
@@ -17008,7 +17015,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       fontWeight: themeValues.fontWeight,
       margin: themeValues.margin,
       extraStyles: "\n                          text-transform: uppercase;\n                          ".concat(isActive.toString() === "true" && "pointer-events: none;\n                             color: ".concat(themeValues.activeBreadcrumbColor, ";\n                            "), "\n                          &:first-child {\n                            margin-left: 0;\n                          }\n                          &:active {\n                            color: ").concat(themeValues.activeColor, "; \n                          }")
-    }, linkText), index < breadcrumbsList.length - 1 && /*#__PURE__*/React.createElement(IconChevron, null));
+    }, linkText), index < breadcrumbsList.length - 1 ? /*#__PURE__*/React.createElement(IconChevron, null) : /*#__PURE__*/React.createElement(Fragment, null));
   })));
 };
 
@@ -35802,8 +35809,9 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
       borderSize: "3px",
       borderColor: highlightIndex == i ? themeValues.textColor : "transparent",
       borderWidthOverride: "0 0 3px 0",
-      extraStyles: "text-align: center;",
-      as: "li"
+      extraStyles: "text-align: center; display: block;",
+      as: "li",
+      "aria-current": highlightIndex == i ? "step" : ""
     }, /*#__PURE__*/React.createElement(Text$1, {
       variant: "p",
       textAlign: "center",