@thecb/components 8.4.11-beta.12 → 8.4.11-beta.14

package/dist/index.cjs.js

@@ -24997,18 +24997,14 @@ var options = [{
   value: "ZW"
 }];
 
-var _excluded$o = ["labelTextWhenNoError", "errorMessages", "field", "fieldActions", "showErrors", "onChange"];
-
 var CountryDropdown = function CountryDropdown(_ref) {
   var labelTextWhenNoError = _ref.labelTextWhenNoError,
       errorMessages = _ref.errorMessages,
       field = _ref.field,
       fieldActions = _ref.fieldActions,
       showErrors = _ref.showErrors,
-      onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded$o);
-
-  return /*#__PURE__*/React__default.createElement(FormSelect$1, _extends({
+      onChange = _ref.onChange;
+  return /*#__PURE__*/React__default.createElement(FormSelect$1, {
     options: options,
     field: field,
     fieldActions: fieldActions,
@@ -25017,7 +25013,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
     showErrors: showErrors,
     onChange: onChange,
     autocompleteValue: "country-name"
-  }, rest));
+  });
 };
 
 var DetailText = styled__default.p.withConfig({
@@ -25083,7 +25079,7 @@ var mobileFallbackValues$1 = {
 };
 var MOBILE_BREAKPOINT$1 = 768;
 
-var _excluded$p = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
+var _excluded$o = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
 /*
   New responsive text component for Detail elements
   (Block level text elements which are smaller than "Title" elements)
@@ -25133,7 +25129,7 @@ var Detail = function Detail(_ref) {
       as = _ref$as === void 0 ? "p" : _ref$as,
       dataQa = _ref.dataQa,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$p);
+      rest = _objectWithoutProperties(_ref, _excluded$o);
 
   return /*#__PURE__*/React__default.createElement(DetailText, _extends({
     variant: variant,
@@ -25857,7 +25853,7 @@ var fallbackValues$k = {
   formFooterPanel: formFooterPanel
 };
 
-var _excluded$q = ["showErrors", "themeValues"],
+var _excluded$p = ["showErrors", "themeValues"],
     _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles", "removeFromValue"];
 var InputField = styled__default.input.withConfig({
   displayName: "FormInput__InputField",
@@ -25891,7 +25887,7 @@ var InputField = styled__default.input.withConfig({
 var FormattedInputField = styled__default(function (_ref8) {
   var showErrors = _ref8.showErrors,
       themeValues = _ref8.themeValues,
-      props = _objectWithoutProperties(_ref8, _excluded$q);
+      props = _objectWithoutProperties(_ref8, _excluded$p);
 
   return /*#__PURE__*/React__default.createElement(FormattedInput, props);
 }).withConfig({
@@ -26052,7 +26048,7 @@ var FormInput = function FormInput(_ref15) {
   }, props))), /*#__PURE__*/React__default.createElement(Stack, {
     direction: "row",
     justify: "space-between",
-    "aria-live": "assertive",
+    "aria-live": "polite",
     "aria-atomic": true
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
     color: ERROR_COLOR,
@@ -26069,7 +26065,7 @@ var FormInput = function FormInput(_ref15) {
 
 var FormInput$1 = themeComponent(FormInput, "FormInput", fallbackValues$k, "default");
 
-var _excluded$r = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
+var _excluded$q = ["breakpoint", "childGap", "largeChild", "largeChildSize", "children"];
 
 var FormInputRow = function FormInputRow(_ref) {
   var _ref$breakpoint = _ref.breakpoint,
@@ -26079,7 +26075,7 @@ var FormInputRow = function FormInputRow(_ref) {
       largeChild = _ref.largeChild,
       largeChildSize = _ref.largeChildSize,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$r);
+      rest = _objectWithoutProperties(_ref, _excluded$q);
 
   return /*#__PURE__*/React__default.createElement(Box, _extends({
     padding: "0"
@@ -26091,14 +26087,14 @@ var FormInputRow = function FormInputRow(_ref) {
   }, children));
 };
 
-var _excluded$s = ["childGap", "bottomItem", "children"];
+var _excluded$r = ["childGap", "bottomItem", "children"];
 
 var FormInputColumn = function FormInputColumn(_ref) {
   var _ref$childGap = _ref.childGap,
       childGap = _ref$childGap === void 0 ? "0.5rem" : _ref$childGap,
       bottomItem = _ref.bottomItem,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$s);
+      rest = _objectWithoutProperties(_ref, _excluded$r);
 
   return /*#__PURE__*/React__default.createElement(Stack, _extends({
     childGap: childGap,
@@ -26106,12 +26102,12 @@ var FormInputColumn = function FormInputColumn(_ref) {
   }, rest), children);
 };
 
-var _excluded$t = ["themeValues", "children"];
+var _excluded$s = ["themeValues", "children"];
 
 var FormContainer = function FormContainer(_ref) {
   var themeValues = _ref.themeValues,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$t);
+      rest = _objectWithoutProperties(_ref, _excluded$s);
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -26376,7 +26372,7 @@ var fallbackValues$o = {
   fontSize: fontSize$8
 };
 
-var _excluded$u = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
+var _excluded$t = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
 
 var Heading = function Heading(_ref) {
   var themeValues = _ref.themeValues,
@@ -26396,7 +26392,7 @@ var Heading = function Heading(_ref) {
       as = _ref$as === void 0 ? variant : _ref$as,
       dataQa = _ref.dataQa,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$u);
+      rest = _objectWithoutProperties(_ref, _excluded$t);
 
   return /*#__PURE__*/React__default.createElement(HeadingText, _extends({
     variant: variant,
@@ -26687,7 +26683,7 @@ var Loading = function Loading() {
   })))));
 };
 
-var _excluded$v = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
+var _excluded$u = ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"];
 
 var NavFooter = function NavFooter(_ref) {
   var leftContent = _ref.leftContent,
@@ -26703,7 +26699,7 @@ var NavFooter = function NavFooter(_ref) {
       footerPadding = _ref$footerPadding === void 0 ? "1.5rem 1rem" : _ref$footerPadding,
       isMobile = _ref.isMobile,
       footerWidth = _ref.footerWidth,
-      rest = _objectWithoutProperties(_ref, _excluded$v);
+      rest = _objectWithoutProperties(_ref, _excluded$u);
 
   return /*#__PURE__*/React__default.createElement(Box, _extends({
     padding: footerPadding,
@@ -26735,7 +26731,7 @@ var NavFooter = function NavFooter(_ref) {
   }, rightContent)))))));
 };
 
-var _excluded$w = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
+var _excluded$v = ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"];
 
 var NavHeader = function NavHeader(_ref) {
   var leftContent = _ref.leftContent,
@@ -26745,7 +26741,7 @@ var NavHeader = function NavHeader(_ref) {
       isMobile = _ref.isMobile,
       backgroundColor = _ref.backgroundColor,
       headerWidth = _ref.headerWidth,
-      rest = _objectWithoutProperties(_ref, _excluded$w);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
 
   return /*#__PURE__*/React__default.createElement(Box, _extends({
     padding: "0 16px 4px",
@@ -38523,7 +38519,7 @@ var TableRowWrapper = styled__default.tr.withConfig({
   return extraStyles;
 });
 
-var _excluded$x = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
+var _excluded$w = ["children", "extraStyles", "hoverCursor", "hoverEffect", "onClick", "themeValues"];
 
 var TableRow = function TableRow(_ref) {
   var children = _ref.children,
@@ -38533,7 +38529,7 @@ var TableRow = function TableRow(_ref) {
       hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
       onClick = _ref.onClick,
       themeValues = _ref.themeValues,
-      props = _objectWithoutProperties(_ref, _excluded$x);
+      props = _objectWithoutProperties(_ref, _excluded$w);
 
   return /*#__PURE__*/React__default.createElement(TableRowWrapper, _extends({
     onClick: onClick,
@@ -40445,7 +40441,7 @@ var AddressForm = function AddressForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    "aria-label": "zip code",
+    "aria-label": "Zip code",
     autocomplete: "postal-code",
     required: true
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
@@ -48166,7 +48162,7 @@ var fallbackValues$N = {
   labeledAmountTotal: labeledAmountTotal
 };
 
-var _excluded$y = ["amount"],
+var _excluded$x = ["amount"],
     _excluded2$1 = ["amount"];
 
 var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
@@ -48376,7 +48372,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     return fee.amount > 0;
   }).map(function (_ref5) {
     var amount = _ref5.amount,
-        rest = _objectWithoutProperties(_ref5, _excluded$y);
+        rest = _objectWithoutProperties(_ref5, _excluded$x);
 
     return _objectSpread2(_objectSpread2({}, rest), {}, {
       amount: displayCurrency(amount)
@@ -48810,12 +48806,12 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
   }, errorMessage)))));
 };
 
-var _excluded$z = ["version"];
+var _excluded$y = ["version"];
 
 var TermsAndConditions = function TermsAndConditions(_ref) {
   var _ref$version = _ref.version,
       version = _ref$version === void 0 ? "v1" : _ref$version,
-      rest = _objectWithoutProperties(_ref, _excluded$z);
+      rest = _objectWithoutProperties(_ref, _excluded$y);
 
   var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
   return /*#__PURE__*/React__default.createElement(TermsAndConditionsControl, rest);