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

package/dist/index.esm.js

@@ -21000,7 +21000,7 @@ var HiddenCheckbox = styled.input.attrs({
 var StyledCheckbox = styled.div.withConfig({
   displayName: "Checkbox__StyledCheckbox",
   componentId: "sc-36kqbv-4"
-})(["display:inline-block;margin-right:16px;width:24px;height:24px;border-radius:2px;transition:all 150ms;", "{visibility:", ";}", ";"], CheckboxIcon, function (_ref2) {
+})(["display:inline-block;width:24px;height:24px;border-radius:2px;transition:all 150ms;", "{visibility:", ";}", ";"], CheckboxIcon, function (_ref2) {
   var checked = _ref2.checked;
   return checked ? "visible" : "hidden";
 }, function (_ref3) {
@@ -21030,6 +21030,8 @@ var Checkbox = function Checkbox(_ref4) {
       hidden = _ref4$hidden === void 0 ? false : _ref4$hidden,
       _ref4$error = _ref4.error,
       error = _ref4$error === void 0 ? false : _ref4$error,
+      _ref4$checkboxMargin = _ref4.checkboxMargin,
+      checkboxMargin = _ref4$checkboxMargin === void 0 ? "0 16px 0 0" : _ref4$checkboxMargin,
       extraStyles = _ref4.extraStyles,
       textExtraStyles = _ref4.textExtraStyles;
 
@@ -21058,7 +21060,7 @@ var Checkbox = function Checkbox(_ref4) {
     },
     hiddenStyles: hidden,
     background: themeValues.backgroundColor,
-    extraStyles: "outline: none; ".concat(extraStyles)
+    extraStyles: "outline: none; ".concat(extraStyles, "; margin: ").concat(checkboxMargin, ";")
   }, /*#__PURE__*/React.createElement(CheckboxLabelContainer, null, /*#__PURE__*/React.createElement(CheckboxContainer, {
     "data-qa": "Checkbox"
   }, /*#__PURE__*/React.createElement(HiddenCheckbox, {
@@ -21089,7 +21091,7 @@ var Checkbox = function Checkbox(_ref4) {
     checkColor: themeValues.checkColor
   }, /*#__PURE__*/React.createElement("polyline", {
     points: "20 6 9 17 4 12"
-  })))), /*#__PURE__*/React.createElement(Text$1, {
+  })))), title && /*#__PURE__*/React.createElement(Text$1, {
     variant: "p",
     weight: themeValues.textFontWeight,
     color: themeValues.textColor,
@@ -48639,7 +48641,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
       _ref$modalVariant = _ref.modalVariant,
       modalVariant = _ref$modalVariant === void 0 ? "default" : _ref$modalVariant,
       _ref$containerBackgro = _ref.containerBackground,
-      containerBackground = _ref$containerBackgro === void 0 ? ATHENS_GREY : _ref$containerBackgro;
+      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;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -48659,13 +48663,14 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
     padding: "0"
   }, html), /*#__PURE__*/React.createElement(Cluster, {
     justify: "flex-start",
-    align: "center",
+    align: "flex-start",
     nowrap: true
   }, showCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: id,
     error: hasError,
     checked: isChecked,
-    onChange: onCheck
+    onChange: onCheck,
+    checkboxMargin: checkboxMargin
   }), /*#__PURE__*/React.createElement(Stack, {
     childGap: "0.25rem"
   }, /*#__PURE__*/React.createElement(Cluster, {