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

package/dist/index.cjs.js

@@ -48651,7 +48651,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
       _ref$containerBackgro = _ref.containerBackground,
       containerBackground = _ref$containerBackgro === void 0 ? ATHENS_GREY : _ref$containerBackgro,
       _ref$checkboxMargin = _ref.checkboxMargin,
-      checkboxMargin = _ref$checkboxMargin === void 0 ? "0 0.5rem 0 0" : _ref$checkboxMargin;
+      checkboxMargin = _ref$checkboxMargin === void 0 ? "4px 8px 4px 4px" : _ref$checkboxMargin,
+      _ref$modalTitle = _ref.modalTitle,
+      modalTitle = _ref$modalTitle === void 0 ? "Terms and Conditions" : _ref$modalTitle;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -48671,7 +48673,7 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     padding: "0"
   }, html), /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "flex-start",
-    align: "flex-start",
+    align: "center",
     nowrap: true
   }, showCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: id,
@@ -48680,19 +48682,22 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     onChange: onCheck,
     checkboxMargin: checkboxMargin
   }), /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: "0.25rem"
+    childGap: "0.25rem",
+    fullHeight: true
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "flex-start",
     align: "center",
-    nowrap: true
+    nowrap: true,
+    extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; };"
   }, description && /*#__PURE__*/React__default.createElement(Text$1, {
     color: CHARADE_GREY
-  }, description, "\xA0"), terms && /*#__PURE__*/React__default.createElement(TermsAndConditionsModal$1, {
+  }, description), terms && /*#__PURE__*/React__default.createElement(TermsAndConditionsModal$1, {
     link: linkText,
     terms: terms,
     isOpen: showTerms,
     toggleOpen: toggleShowTerms,
-    linkVariant: modalVariant
+    linkVariant: modalVariant,
+    title: modalTitle
   })), showCheckbox && hasError && /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pXS",
     color: ERROR_COLOR,