@thecb/components 9.5.0-beta.3 → 9.5.0-beta.5

package/dist/index.esm.js

@@ -47089,7 +47089,8 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
     fields = _ref.fields,
     actions = _ref.actions,
     _ref$showErrors = _ref.showErrors,
-    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors;
+    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
+    dataQa = _ref.dataQa;
   if (clearOnDismount) {
     useEffect(function () {
       return function () {
@@ -47110,7 +47111,8 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
   return /*#__PURE__*/React.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
-    "aria-label": "Other amount"
+    "aria-label": "Other amount",
+    "data-qa": dataQa
   }, /*#__PURE__*/React.createElement(Text$1, {
     variant: "p"
   }, "Pay a different amount. The total balance will still be due on the same due date."), /*#__PURE__*/React.createElement("div", {
@@ -48866,7 +48868,8 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
       return toggleOpenSection(section.id);
     } : noop,
-    dataQa: section.dataQa ? section.dataQa : section.id
+    id: "inner-radio-section-".concat(sectionIndex),
+    "data-qa": section.dataQa ? section.dataQa : section.id || "inner-radio-section-".concat(sectionIndex)
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "0"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -48938,6 +48941,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
 var InnerRadioSection$1 = themeComponent(InnerRadioSection, "InnerRadioSection", fallbackValues$R);
 
 var _excluded$z = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
+
 /**
 - The RadioSection component takes either a flat array (via the 'sections' 
   prop) of section objects or a multidimensional array (via the 'groupedSections' prop) of section objects. Note that if using a multidimensional array, the nesting cannot exceed 2 levels deep.
@@ -49043,14 +49047,14 @@ var RadioSection = function RadioSection(_ref) {
       ariaLabelledBy: section.id,
       ariaDescribedBy: "right-icons-".concat(idString$1(section))
     }));
-  }), !!groupedSections && groupedSections.map(function (sectionGroup) {
+  }), !!groupedSections && groupedSections.map(function (sectionGroup, sectionGroupIndex) {
     return sectionGroup.filter(function (unfilteredSection) {
       return !unfilteredSection.hidden;
-    }).map(function (section, i) {
+    }).map(function (section, sectionIndex) {
       return /*#__PURE__*/React.createElement(Fragment$1, {
-        key: "radio-section-".concat(groupedSections.indexOf(sectionGroup), "-").concat(sectionGroup.indexOf(section), "}")
+        key: "key-".concat(sectionGroupIndex, "-").concat(sectionIndex)
       }, /*#__PURE__*/React.createElement(InnerRadioSection$1, {
-        sectionIndex: i,
+        sectionIndex: "".concat(sectionGroupIndex, "-").concat(sectionIndex),
         section: section,
         sectionRefs: sectionRefs,
         focused: focused,
@@ -49062,7 +49066,7 @@ var RadioSection = function RadioSection(_ref) {
         toggleOpenSection: toggleOpenSection
       }), sectionGroup.indexOf(section) === sectionGroup.length - 1 && groupedSections.indexOf(sectionGroup) !== groupedSections.length - 1 && /*#__PURE__*/React.createElement(SolidDivider$1, {
         borderSize: "2px",
-        color: MANATEE_GREY
+        color: themeValues.borderColor
       }));
     });
   })));