@thecb/components 10.1.0-beta.0 → 10.1.1-beta.0

package/dist/index.esm.js

@@ -6474,7 +6474,7 @@ var BoxWrapper = styled(function (_ref) {
 }).withConfig({
   displayName: "Boxstyled__BoxWrapper",
   componentId: "sc-1f9ij0d-0"
-})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}& *{color:", ";}", " ", ""], function (_ref2) {
+})(["position:relative;box-sizing:border-box;padding:", ";border:", ";box-shadow:", ";background-color:", ";min-height:", ";", " min-width:", ";max-width:", ";color:", ";border-radius:", ";border-width:", ";text-align:", ";&:hover{", "}&:focus{", "}&:active{", "}&:disabled{", "}&[aria-disabled=\"true\"]{", "}& *{color:", ";}", " ", ""], function (_ref2) {
   var padding = _ref2.padding;
   return padding;
 }, function (_ref3) {
@@ -6529,13 +6529,17 @@ var BoxWrapper = styled(function (_ref) {
       as = _ref17.as;
   return css(["", " ", ""], disabledStyles, as === "button" ? "        > * > span {\n          ".concat(disabledStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
 }, function (_ref18) {
-  var color = _ref18.color;
-  return color;
+  var disabledStyles = _ref18.disabledStyles,
+      as = _ref18.as;
+  return css(["", " ", ""], disabledStyles, as === "button" ? "        > * > span {\n          ".concat(disabledStyles, "\n          border: none;\n          outline: none;\n          box-shadow: none;\n        }") : "");
 }, function (_ref19) {
-  var hiddenStyles = _ref19.hiddenStyles;
-  return hiddenStyles && css(["display:none;"]);
+  var color = _ref19.color;
+  return color;
 }, function (_ref20) {
-  var extraStyles = _ref20.extraStyles;
+  var hiddenStyles = _ref20.hiddenStyles;
+  return hiddenStyles && css(["display:none;"]);
+}, function (_ref21) {
+  var extraStyles = _ref21.extraStyles;
   return css(["", ""], extraStyles);
 });
 /* eslint-enable no-unused-vars */
@@ -12876,7 +12880,7 @@ var SpinnerIcon = function SpinnerIcon(_ref3) {
   }))))));
 };
 
-var _excluded$h = ["action", "variant", "text", "textWrap", "isLoading", "loadingColor", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children", "extraDisabledStyles"];
+var _excluded$h = ["action", "variant", "text", "textWrap", "isLoading", "disabled", "loadingColor", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children", "extraDisabledStyles"];
 var rotate$1 = posed.div({
   fixed: {
     rotate: "0deg"
@@ -12939,6 +12943,8 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       textWrap = _ref2$textWrap === void 0 ? false : _ref2$textWrap,
       _ref2$isLoading = _ref2.isLoading,
       isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
+      _ref2$disabled = _ref2.disabled,
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
       _ref2$loadingColor = _ref2.loadingColor,
       loadingColor = _ref2$loadingColor === void 0 ? "white" : _ref2$loadingColor,
       _ref2$dataQa = _ref2.dataQa,
@@ -12970,8 +12976,9 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     hoverStyles: hoverStyles,
     activeStyles: activeStyles,
     disabledStyles: disabledStyles,
+    "aria-disabled": disabled,
     as: "button",
-    onClick: isLoading ? undefined : action,
+    onClick: isLoading || disabled ? undefined : action,
     borderRadius: "2px",
     theme: themeContext,
     extraStyles: "margin: 0.5rem; ".concat(extraStyles),
@@ -21820,6 +21827,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
     extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n        text-decoration: none; }"),
     dataQa: dataQa
   }, /*#__PURE__*/React.createElement(ButtonWithAction, _extends({}, otherProps, {
+    disabled: disabled,
     extraStyles: extraStyles
   })));
 };
@@ -22146,7 +22154,7 @@ var ENTER = 13;
 var ESCAPE = 27;
 var SPACEBAR = 32;
 
-var CheckboxContainer = styled.span.withConfig({
+var CheckboxContainer = styled.div.withConfig({
   displayName: "Checkbox__CheckboxContainer",
   componentId: "sc-36kqbv-0"
 })(["display:inline-block;vertical-align:middle;"]);
@@ -26138,7 +26146,11 @@ var FormInput = function FormInput(_ref15) {
     weight: themeValues.fontWeight,
     extraStyles: "word-break: break-word;\n                  font-family: Public Sans;\n                  &::first-letter {\n                    text-transform: uppercase;\n                  }",
     id: createIdFromString(labelTextWhenNoError)
-  }, labelTextWhenNoError), helperModal()) : /*#__PURE__*/React.createElement(Box, {
+  }, labelTextWhenNoError), /*#__PURE__*/React.createElement(Text$1, {
+    color: themeValues.linkColor,
+    variant: "pS",
+    weight: themeValues.fontWeight
+  }, helperModal())) : /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%"
   }, /*#__PURE__*/React.createElement(Cluster, {