@thecb/components 9.2.4-beta.7 → 9.2.4-beta.8

package/dist/index.esm.js

@@ -27332,6 +27332,7 @@ var fallbackValues$v = {
   inactiveColor: inactiveColor
 };
 
+var _excluded$w = ["radioOn", "radioFocused", "toggleRadio", "name", "disabled", "ariaDescribedBy", "themeValues", "ariaLabelledBy", "ariaLabel"];
 var HiddenRadioButton = styled.input.withConfig({
   displayName: "RadioButton__HiddenRadioButton",
   componentId: "sc-1jed2i-0"
@@ -27356,8 +27357,8 @@ var RadioButton$1 = function RadioButton(_ref2) {
       ariaLabelledBy = _ref2$ariaLabelledBy === void 0 ? "" : _ref2$ariaLabelledBy,
       _ref2$ariaLabel = _ref2.ariaLabel,
       ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel,
-      _ref2$isRequired = _ref2.isRequired,
-      isRequired = _ref2$isRequired === void 0 ? false : _ref2$isRequired;
+      rest = _objectWithoutProperties(_ref2, _excluded$w);
+
   var buttonBorder = {
     onFocused: {
       borderColor: themeValues.activeColor,
@@ -27400,7 +27401,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
       width: "0px"
     }
   };
-  var extraProps = {};
+  var extraProps = rest !== null && rest !== void 0 && rest.length ? rest : {};
 
   if (ariaLabelledBy && ariaLabelledBy.length) {
     extraProps["aria-labelledby"] = ariaLabelledBy;
@@ -27419,8 +27420,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
     disabled: disabled,
     onClick: toggleRadio,
     "aria-describedby": ariaDescribedBy,
-    tabIndex: "-1",
-    required: isRequired
+    tabIndex: "-1"
   }, extraProps)), /*#__PURE__*/React.createElement(Motion, {
     borderWidth: "1px",
     borderStyle: "solid",
@@ -38689,7 +38689,7 @@ var TableRowWrapper = styled.tr.withConfig({
   return extraStyles;
 });
 
-var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
+var _excluded$x = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
 
 var TableRow = function TableRow(_ref) {
   var children = _ref.children,
@@ -38699,7 +38699,7 @@ var TableRow = function TableRow(_ref) {
       hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
       onClick = _ref.onClick,
       themeValues = _ref.themeValues,
-      props = _objectWithoutProperties(_ref, _excluded$w);
+      props = _objectWithoutProperties(_ref, _excluded$x);
 
   return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
     onClick: onClick,
@@ -47256,7 +47256,7 @@ var fallbackValues$N = {
   labeledAmountTotal: labeledAmountTotal
 };
 
-var _excluded$x = ["amount"],
+var _excluded$y = ["amount"],
     _excluded2$1 = ["amount"];
 
 var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
@@ -47501,7 +47501,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     return fee.amount > 0;
   }).map(function (_ref5) {
     var amount = _ref5.amount,
-        rest = _objectWithoutProperties(_ref5, _excluded$x);
+        rest = _objectWithoutProperties(_ref5, _excluded$y);
 
     return _objectSpread2(_objectSpread2({}, rest), {}, {
       amount: displayCurrency(amount)
@@ -47904,12 +47904,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
   }, errorMessage))))));
 };
 
-var _excluded$y = ["version"];
+var _excluded$z = ["version"];
 
 var TermsAndConditions = function TermsAndConditions(_ref) {
   var _ref$version = _ref.version,
       version = _ref$version === void 0 ? "v1" : _ref$version,
-      rest = _objectWithoutProperties(_ref, _excluded$y);
+      rest = _objectWithoutProperties(_ref, _excluded$z);
 
   var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
   return /*#__PURE__*/React.createElement(TermsAndConditionsControl, rest);
@@ -48698,7 +48698,7 @@ var RadioSection = function RadioSection(_ref) {
       role: "radio",
       "aria-checked": openSection === section.id,
       "aria-disabled": section.disabled,
-      required: !!(section !== null && section !== void 0 && section.required)
+      "aria-required": !!(section !== null && section !== void 0 && section.required)
     }, /*#__PURE__*/React.createElement(Stack, {
       childGap: "0"
     }, /*#__PURE__*/React.createElement(Box, {
@@ -48737,7 +48737,7 @@ var RadioSection = function RadioSection(_ref) {
         return toggleOpenSection(section.id);
       },
       tabIndex: "-1",
-      isRequired: !!(section !== null && section !== void 0 && section.required)
+      "aria-required": !!(section !== null && section !== void 0 && section.required)
     })), section.titleIcon && /*#__PURE__*/React.createElement(Cluster, {
       align: "center"
     }, section.titleIcon), /*#__PURE__*/React.createElement(Box, {