@thecb/components 10.1.1-beta.1 → 10.1.1-beta.2

package/dist/index.esm.js

@@ -12964,7 +12964,7 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var isMobile = themeContext.isMobile;
   var hoverStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.hoverBackgroundColor, ";\n    border-color: ").concat(themeValues.hoverBorderColor, ";\n    color: ").concat(themeValues.hoverColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n    cursor: pointer;\n  ");
   var activeStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.activeBackgroundColor, ";\n    border-color: ").concat(themeValues.activeBorderColor, ";\n    color: ").concat(themeValues.activeColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
-  var disabledStyles = "\n    background-color: #6D717E;\n    border-color: #6D717E;\n    color: #FFFFFF;\n    cursor: default;\n    &:focus {\n      box-shadow: 0 0 10px #6D717E;\n      outline: none;\n    }\n    ".concat(extraDisabledStyles, "\n  ");
+  var disabledStyles = "\n    background-color: #6D717E;\n    border-color: #6D717E;\n    color: #FFFFFF;\n    cursor: default;\n    &:focus {\n      outline: 3px solid #6D717E;\n      outline-offset: 2px;\n    }\n    ".concat(extraDisabledStyles, "\n  ");
   return /*#__PURE__*/React.createElement(Box, _extends({
     ref: ref,
     variant: variant,
@@ -22154,7 +22154,7 @@ var ENTER = 13;
 var ESCAPE = 27;
 var SPACEBAR = 32;
 
-var CheckboxContainer = styled.div.withConfig({
+var CheckboxContainer = styled.span.withConfig({
   displayName: "Checkbox__CheckboxContainer",
   componentId: "sc-36kqbv-0"
 })(["display:inline-block;vertical-align:middle;"]);
@@ -22177,7 +22177,7 @@ var HiddenCheckbox = styled.input.attrs({
   displayName: "Checkbox__HiddenCheckbox",
   componentId: "sc-36kqbv-3"
 })(["border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
-var StyledCheckbox = styled.div.withConfig({
+var StyledCheckbox = styled.span.withConfig({
   displayName: "Checkbox__StyledCheckbox",
   componentId: "sc-36kqbv-4"
 })(["display:inline-block;width:24px;height:24px;border-radius:2px;transition:all 150ms;", "{visibility:", ";}", ";"], CheckboxIcon, function (_ref2) {
@@ -26146,11 +26146,7 @@ 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), /*#__PURE__*/React.createElement(Text$1, {
-    color: themeValues.linkColor,
-    variant: "pS",
-    weight: themeValues.fontWeight
-  }, helperModal())) : /*#__PURE__*/React.createElement(Box, {
+  }, labelTextWhenNoError), helperModal()) : /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minWidth: "100%"
   }, /*#__PURE__*/React.createElement(Cluster, {