@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.cjs.js
CHANGED
|
@@ -48651,7 +48651,9 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48651
48651
|
_ref$containerBackgro = _ref.containerBackground,
|
|
48652
48652
|
containerBackground = _ref$containerBackgro === void 0 ? ATHENS_GREY : _ref$containerBackgro,
|
|
48653
48653
|
_ref$checkboxMargin = _ref.checkboxMargin,
|
|
48654
|
-
checkboxMargin = _ref$checkboxMargin === void 0 ? "0 0.5rem 0 0" : _ref$checkboxMargin
|
|
48654
|
+
checkboxMargin = _ref$checkboxMargin === void 0 ? "0 0.5rem 0 0" : _ref$checkboxMargin,
|
|
48655
|
+
_ref$modalTitle = _ref.modalTitle,
|
|
48656
|
+
modalTitle = _ref$modalTitle === void 0 ? "Terms and Conditions" : _ref$modalTitle;
|
|
48655
48657
|
|
|
48656
48658
|
var _useState = React.useState(false),
|
|
48657
48659
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -48664,7 +48666,8 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48664
48666
|
minWidth: displayInline ? "0" : "100%",
|
|
48665
48667
|
background: displayInline ? "transparent" : containerBackground,
|
|
48666
48668
|
boxShadow: displayInline ? "none" : standardBoxShadow,
|
|
48667
|
-
borderRadius: displayInline ? "0" : "4px"
|
|
48669
|
+
borderRadius: displayInline ? "0" : "4px",
|
|
48670
|
+
extraStyles: "margin: 4px 0 0 4px;"
|
|
48668
48671
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
48669
48672
|
childGap: "0.25rem"
|
|
48670
48673
|
}, html && /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -48680,19 +48683,22 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
|
|
|
48680
48683
|
onChange: onCheck,
|
|
48681
48684
|
checkboxMargin: checkboxMargin
|
|
48682
48685
|
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
48683
|
-
childGap: "0.25rem"
|
|
48686
|
+
childGap: "0.25rem",
|
|
48687
|
+
fullHeight: true
|
|
48684
48688
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
48685
48689
|
justify: "flex-start",
|
|
48686
48690
|
align: "center",
|
|
48687
|
-
nowrap: true
|
|
48691
|
+
nowrap: true,
|
|
48692
|
+
extraStyles: "padding-right: 2px; > div > * { margin: 4px 2px; };"
|
|
48688
48693
|
}, description && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
48689
48694
|
color: CHARADE_GREY
|
|
48690
|
-
}, description
|
|
48695
|
+
}, description), terms && /*#__PURE__*/React__default.createElement(TermsAndConditionsModal$1, {
|
|
48691
48696
|
link: linkText,
|
|
48692
48697
|
terms: terms,
|
|
48693
48698
|
isOpen: showTerms,
|
|
48694
48699
|
toggleOpen: toggleShowTerms,
|
|
48695
|
-
linkVariant: modalVariant
|
|
48700
|
+
linkVariant: modalVariant,
|
|
48701
|
+
title: modalTitle
|
|
48696
48702
|
})), showCheckbox && hasError && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
48697
48703
|
variant: "pXS",
|
|
48698
48704
|
color: ERROR_COLOR,
|