@thecb/components 7.9.4-beta.3 → 7.9.4-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js
CHANGED
|
@@ -48643,7 +48643,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48643
48643
|
_ref$containerBackgro = _ref.containerBackground,
|
|
48644
48644
|
containerBackground = _ref$containerBackgro === void 0 ? ATHENS_GREY : _ref$containerBackgro,
|
|
48645
48645
|
_ref$checkboxMargin = _ref.checkboxMargin,
|
|
48646
|
-
checkboxMargin = _ref$checkboxMargin === void 0 ? "0 0.5rem 0 0" : _ref$checkboxMargin
|
|
48646
|
+
checkboxMargin = _ref$checkboxMargin === void 0 ? "0 0.5rem 0 0" : _ref$checkboxMargin,
|
|
48647
|
+
_ref$modalTitle = _ref.modalTitle,
|
|
48648
|
+
modalTitle = _ref$modalTitle === void 0 ? "Terms and Conditions" : _ref$modalTitle;
|
|
48647
48649
|
|
|
48648
48650
|
var _useState = useState(false),
|
|
48649
48651
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -48656,7 +48658,8 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48656
48658
|
minWidth: displayInline ? "0" : "100%",
|
|
48657
48659
|
background: displayInline ? "transparent" : containerBackground,
|
|
48658
48660
|
boxShadow: displayInline ? "none" : standardBoxShadow,
|
|
48659
|
-
borderRadius: displayInline ? "0" : "4px"
|
|
48661
|
+
borderRadius: displayInline ? "0" : "4px",
|
|
48662
|
+
extraStyles: "margin: 4px 0 0 4px;"
|
|
48660
48663
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
48661
48664
|
childGap: "0.25rem"
|
|
48662
48665
|
}, html && /*#__PURE__*/React.createElement(Box, {
|
|
@@ -48672,19 +48675,22 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48672
48675
|
onChange: onCheck,
|
|
48673
48676
|
checkboxMargin: checkboxMargin
|
|
48674
48677
|
}), /*#__PURE__*/React.createElement(Stack, {
|
|
48675
|
-
childGap: "0.25rem"
|
|
48678
|
+
childGap: "0.25rem",
|
|
48679
|
+
fullHeight: true
|
|
48676
48680
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
48677
48681
|
justify: "flex-start",
|
|
48678
48682
|
align: "center",
|
|
48679
|
-
nowrap: true
|
|
48683
|
+
nowrap: true,
|
|
48684
|
+
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; };"
|
|
48680
48685
|
}, description && /*#__PURE__*/React.createElement(Text$1, {
|
|
48681
48686
|
color: CHARADE_GREY
|
|
48682
|
-
}, description
|
|
48687
|
+
}, description), terms && /*#__PURE__*/React.createElement(TermsAndConditionsModal$1, {
|
|
48683
48688
|
link: linkText,
|
|
48684
48689
|
terms: terms,
|
|
48685
48690
|
isOpen: showTerms,
|
|
48686
48691
|
toggleOpen: toggleShowTerms,
|
|
48687
|
-
linkVariant: modalVariant
|
|
48692
|
+
linkVariant: modalVariant,
|
|
48693
|
+
title: modalTitle
|
|
48688
48694
|
})), showCheckbox && hasError && /*#__PURE__*/React.createElement(Text$1, {
|
|
48689
48695
|
variant: "pXS",
|
|
48690
48696
|
color: ERROR_COLOR,
|