@thecb/components 8.4.11-beta.28 → 8.4.11-beta.29

package/dist/index.esm.js

@@ -6247,7 +6247,7 @@ var createUniqueId = function createUniqueId() {
   return "_" + Math.random().toString(36).substr(2, 9);
 };
 
-var createIdFromString$1 = function createIdFromString(text, postscript) {
+var createIdFromString = function createIdFromString(text, postscript) {
   var unique = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 
   if (text === undefined) {
@@ -6363,7 +6363,7 @@ var general = /*#__PURE__*/Object.freeze({
   displayCurrency: displayCurrency,
   convertCentsToMoneyInt: convertCentsToMoneyInt,
   formatPercent: formatPercent,
-  createIdFromString: createIdFromString$1,
+  createIdFromString: createIdFromString,
   safeChildren: safeChildren,
   generateClickHandler: generateClickHandler,
   checkCardBrand: checkCardBrand,
@@ -24202,10 +24202,10 @@ var FormSelect = function FormSelect(_ref) {
     color: themeValues.labelColor,
     weight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }",
-    id: createIdFromString$1(labelTextWhenNoError)
+    id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError))), /*#__PURE__*/React.createElement(Dropdown$1, {
-    ariaLabelledby: createIdFromString$1(labelTextWhenNoError),
-    "aria-describedby": createIdFromString$1(labelTextWhenNoError, "error message"),
+    ariaLabelledby: createIdFromString(labelTextWhenNoError),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
     hasTitles: hasTitles,
     placeholder: options[0] ? options[0].text : "",
@@ -24228,7 +24228,7 @@ var FormSelect = function FormSelect(_ref) {
     autocompleteValue: autocompleteValue,
     smoothScroll: smoothScroll,
     required: options.required,
-    "data-qa": "".concat(createIdFromString$1(labelTextWhenNoError), "-dropdown")
+    "data-qa": "".concat(createIdFromString(labelTextWhenNoError), "-dropdown")
   }), /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     justify: "space-between"
@@ -24237,10 +24237,10 @@ var FormSelect = function FormSelect(_ref) {
     variant: "pXS",
     weight: themeValues.fontWeight,
     extraStyles: "\n            word-break: break-word;\n            font-family: Public Sans;\n            &::first-letter {\n              text-transform: uppercase;\n            }\n          ",
-    id: createIdFromString$1(labelTextWhenNoError, "error message"),
+    id: createIdFromString(labelTextWhenNoError, "error message"),
     "aria-live": "polite",
     "aria-atomic": true,
-    "data-qa": createIdFromString$1(labelTextWhenNoError, "error message")
+    "data-qa": createIdFromString(labelTextWhenNoError, "error message")
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
 };
 
@@ -25963,7 +25963,7 @@ var FormInput = function FormInput(_ref15) {
     variant: "pS",
     weight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n                  font-family: Public Sans;\n                  &::first-letter {\n                    text-transform: uppercase;\n                  }",
-    id: createIdFromString$1(labelTextWhenNoError)
+    id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError), /*#__PURE__*/React.createElement(Text$1, {
     color: themeValues.linkColor,
     variant: "pS",
@@ -25980,7 +25980,7 @@ var FormInput = function FormInput(_ref15) {
     variant: "pS",
     fontWeight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n                  font-family: Public Sans;\n                  &::first-letter {\n                    text-transform: uppercase;\n                  }\n                ",
-    id: createIdFromString$1(labelTextWhenNoError)
+    id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError), type === "password" && /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS",
     color: themeValues.linkColor,
@@ -26001,8 +26001,8 @@ var FormInput = function FormInput(_ref15) {
   }, decorator)))), /*#__PURE__*/React.createElement(Box, {
     padding: "0"
   }, formatter ? /*#__PURE__*/React.createElement(FormattedInputField, _extends({
-    "aria-labelledby": createIdFromString$1(labelTextWhenNoError),
-    "aria-describedby": createIdFromString$1(labelTextWhenNoError, "error message"),
+    "aria-labelledby": createIdFromString(labelTextWhenNoError),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(value) {
       return setValue(value);
@@ -26014,14 +26014,14 @@ var FormInput = function FormInput(_ref15) {
     field: field,
     formatter: formatter,
     showErrors: showErrors,
-    "data-qa": "".concat(createIdFromString$1(labelTextWhenNoError), "-input"),
+    "data-qa": "".concat(createIdFromString(labelTextWhenNoError), "-input"),
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
     autoComplete: autocomplete
   }, props)) : /*#__PURE__*/React.createElement(InputField, _extends({
-    "aria-labelledby": createIdFromString$1(labelTextWhenNoError),
-    "aria-describedby": createIdFromString$1(labelTextWhenNoError, "error message"),
+    "aria-labelledby": createIdFromString(labelTextWhenNoError),
+    "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(e) {
       return setValue(e.target.value);
@@ -26032,7 +26032,7 @@ var FormInput = function FormInput(_ref15) {
     inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
     field: field,
     showErrors: showErrors,
-    "data-qa": "".concat(createIdFromString$1(labelTextWhenNoError), "-input"),
+    "data-qa": "".concat(createIdFromString(labelTextWhenNoError), "-input"),
     themeValues: themeValues,
     background: background,
     $customHeight: customHeight,
@@ -26043,13 +26043,13 @@ var FormInput = function FormInput(_ref15) {
     justify: "space-between",
     "aria-live": "polite",
     "aria-atomic": true,
-    "data-qa": createIdFromString$1("FormInput errors")
+    "data-qa": createIdFromString("FormInput errors")
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
     weight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }",
-    id: createIdFromString$1(labelTextWhenNoError, "error message")
+    id: createIdFromString(labelTextWhenNoError, "error message")
   }, errorMessages[field.errors[0]]) : /*#__PURE__*/React.createElement(Text$1, {
     extraStyles: "height: ".concat(themeValues.lineHeight, ";")
   }), !isMobile && decorator && /*#__PURE__*/React.createElement(Box, {
@@ -40393,7 +40393,7 @@ var AddressForm = function AddressForm(_ref) {
     },
     autocomplete: "address-line1",
     "aria-label": "Address Line 1",
-    "data-qa": createIdFromString$1("Address Line 1")
+    "data-qa": createIdFromString("Address Line 1")
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40404,7 +40404,7 @@ var AddressForm = function AddressForm(_ref) {
     },
     autocomplete: "address-line2",
     "aria-label": "Address Line 2",
-    "data-qa": createIdFromString$1("Address Line 2")
+    "data-qa": createIdFromString("Address Line 2")
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "City",
     required: true,
@@ -40431,7 +40431,7 @@ var AddressForm = function AddressForm(_ref) {
     "aria-label": isUS ? "State" : "State or Province",
     required: true,
     autocomplete: "administrative-area",
-    "data-qa": createIdFromString$1("State or Province")
+    "data-qa": createIdFromString("State or Province")
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40446,13 +40446,13 @@ var AddressForm = function AddressForm(_ref) {
     "aria-label": "Zip code",
     autocomplete: "postal-code",
     required: true,
-    "data-qa": createIdFromString$1("Zip code")
+    "data-qa": createIdFromString("Zip code")
   }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "address checkbox",
     title: "Save address to wallet",
     checked: walletCheckboxMarked,
     onChange: saveToWallet,
-    "data-qa": createIdFromString$1("Save address to wallet")
+    "data-qa": createIdFromString("Save address to wallet")
   })));
 };
 
@@ -41111,8 +41111,8 @@ var EditableList = function EditableList(_ref) {
   return /*#__PURE__*/React.createElement(Box, {
     padding: listPadding,
     as: "section",
-    "aria-labelledby": typeof title === "string" ? "editable-list-".concat(createIdFromString$1(title)) : "",
-    "aria-label": !title && typeof itemName === "string" ? "editable-list-".concat(createIdFromString$1(itemName)) : ""
+    "aria-labelledby": typeof title === "string" ? "editable-list-".concat(createIdFromString(title)) : "",
+    "aria-label": !title && typeof itemName === "string" ? "editable-list-".concat(createIdFromString(itemName)) : ""
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: "0rem"
   }, title !== "" && /*#__PURE__*/React.createElement(Box, {
@@ -41122,7 +41122,7 @@ var EditableList = function EditableList(_ref) {
     weight: titleWeight,
     color: CHARADE_GREY,
     extraStyles: "letter-spacing: 0.29px; font-size: 1.125rem;",
-    id: typeof title === "string" ? "editable-list-".concat(createIdFromString$1(title)) : ""
+    id: typeof title === "string" ? "editable-list-".concat(createIdFromString(title)) : ""
   }, title)), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
@@ -49629,7 +49629,7 @@ var RadioSection = function RadioSection(_ref) {
     }, !section.hideRadioButton && /*#__PURE__*/React.createElement(Box, {
       padding: "0"
     }, /*#__PURE__*/React.createElement(RadioButton$2, {
-      name: typeof section.title === "string" ? createIdFromString$1(section.title) : section.id,
+      name: typeof section.title === "string" ? createIdFromString(section.title) : section.id,
       ariaDescribedBy: ariaDescribedBy,
       radioOn: openSection === section.id,
       radioFocused: focused === section.id,