@thecb/components 7.9.4-beta.4 → 7.9.4-beta.6

package/dist/index.esm.js

@@ -48643,7 +48643,7 @@ 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;
 
@@ -48658,22 +48658,22 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     minWidth: displayInline ? "0" : "100%",
     background: displayInline ? "transparent" : containerBackground,
     boxShadow: displayInline ? "none" : standardBoxShadow,
-    borderRadius: displayInline ? "0" : "4px",
-    extraStyles: "margin: 4px 0 0 4px;"
+    borderRadius: displayInline ? "0" : "4px"
   }, /*#__PURE__*/React.createElement(Stack, {
-    childGap: "0.25rem"
+    childGap: "0"
   }, html && /*#__PURE__*/React.createElement(Box, {
     padding: "0"
   }, html), /*#__PURE__*/React.createElement(Cluster, {
     justify: "flex-start",
-    align: "flex-start",
+    align: "center",
     nowrap: true
   }, showCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: id,
     error: hasError,
     checked: isChecked,
     onChange: onCheck,
-    checkboxMargin: checkboxMargin
+    checkboxMargin: checkboxMargin,
+    extraStyles: "align-self: flex-start;"
   }), /*#__PURE__*/React.createElement(Stack, {
     childGap: "0.25rem",
     fullHeight: true