@thecb/components 9.2.13-beta.1 → 9.2.15-beta.0

package/dist/index.cjs.js

@@ -6371,10 +6371,10 @@ var titleCaseString = function titleCaseString(string) {
 var kebabCaseString = function kebabCaseString(string) {
   return string === null || string === void 0 ? void 0 : string.replaceAll(" ", "-").toLowerCase();
 };
-var wrapIndex$1 = function wrapIndex(index, length) {
-  if (index == -1) {
+var wrapIndex = function wrapIndex(index, length) {
+  if (index <= -1) {
     return length - 1;
-  } else if (index == length) {
+  } else if (index >= length) {
     return 0;
   } else {
     return index;
@@ -6401,7 +6401,7 @@ var general = /*#__PURE__*/Object.freeze({
   titleCaseWord: titleCaseWord,
   titleCaseString: titleCaseString,
   kebabCaseString: kebabCaseString,
-  wrapIndex: wrapIndex$1
+  wrapIndex: wrapIndex
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
@@ -22126,6 +22126,7 @@ var fallbackValues$d = {
   disabledCheckedStyles: disabledCheckedStyles
 };
 
+var ARROW_LEFT = 37;
 var ARROW_UP = 38;
 var ARROW_RIGHT = 39;
 var ARROW_DOWN = 40;
@@ -46289,9 +46290,8 @@ var AutopayModal = function AutopayModal(_ref) {
       toggleModal(false);
     } : navigateToSettings
   };
-  var hoverStyles = "\n  &:hover {\n    .autopayIcon { fill: ".concat(themeValues.hoverColor, "; text-decoration: underline; cursor: pointer; }\n  }");
-  var activeStyles = "\n   &:active {\n    .autopayIcon { fill: ".concat(themeValues.activeColor, "; text-decoration: underline; }\n    }");
-  var defaultStyles = "\n    .autopayIcon { fill: ".concat(themeValues.color, "; text-decoration: underline; }\n     ");
+  var hoverStyles = "text-decoration: underline;";
+  var activeStyles = "text-decoration: underline;";
 
   var renderAutoPayControl = function renderAutoPayControl() {
     switch (controlType) {
@@ -46330,7 +46330,7 @@ var AutopayModal = function AutopayModal(_ref) {
             },
             hoverStyles: hoverStyles,
             activeStyles: activeStyles,
-            extraStyles: defaultStyles
+            extraStyles: "cursor: pointer;"
           }, /*#__PURE__*/React__default.createElement(Cluster, {
             justify: isMobile ? "flex-start" : "flex-end",
             align: "center"
@@ -48764,7 +48764,7 @@ var RadioSection = function RadioSection(_ref) {
 
       e.preventDefault();
       var indexIncrement = e.keyCode == ARROW_RIGHT || e.keyCode == ARROW_DOWN ? 1 : -1;
-      var nextIndex = wrapIndex(i + indexIncrement);
+      var nextIndex = wrapIndex(i + indexIncrement, sections.length);
       sectionRefs === null || sectionRefs === void 0 ? void 0 : (_sectionRefs$current$ = sectionRefs.current[nextIndex]) === null || _sectionRefs$current$ === void 0 ? void 0 : (_sectionRefs$current$2 = _sectionRefs$current$.current) === null || _sectionRefs$current$2 === void 0 ? void 0 : _sectionRefs$current$2.focus();
       setFocused((_sections$nextIndex = sections[nextIndex]) === null || _sections$nextIndex === void 0 ? void 0 : _sections$nextIndex.id);
       toggleOpenSection((_sections$nextIndex2 = sections[nextIndex]) === null || _sections$nextIndex2 === void 0 ? void 0 : _sections$nextIndex2.id);