@thecb/components 8.4.8-beta.3 → 8.4.8-beta.5

package/dist/index.cjs.js

@@ -46813,28 +46813,30 @@ var fallbackValues$J = {
 */
 
 var Module = function Module(_ref) {
-  var heading = _ref.heading,
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "default" : _ref$variant,
+      as = _ref.as,
+      disabled = _ref.disabled,
+      heading = _ref.heading,
+      rightTitleContent = _ref.rightTitleContent,
+      _ref$titleID = _ref.titleID,
+      titleID = _ref$titleID === void 0 ? "" : _ref$titleID,
       _ref$spacing = _ref.spacing,
       spacing = _ref$spacing === void 0 ? "1rem" : _ref$spacing,
       _ref$padding = _ref.padding,
       padding = _ref$padding === void 0 ? "0" : _ref$padding,
-      _ref$spacingBottom = _ref.spacingBottom,
-      spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
       _ref$margin = _ref.margin,
       margin = _ref$margin === void 0 ? "0" : _ref$margin,
-      themeValues = _ref.themeValues,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "default" : _ref$variant,
+      _ref$spacingBottom = _ref.spacingBottom,
+      spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
       fontSize = _ref.fontSize,
-      as = _ref.as,
-      _ref$titleID = _ref.titleID,
-      titleID = _ref$titleID === void 0 ? "" : _ref$titleID,
-      rightTitleContent = _ref.rightTitleContent,
+      themeValues = _ref.themeValues,
       children = _ref.children;
   var themedFontSize = variant === "small" ? "1.25rem" : variant === "default" ? "1.375rem" : "2rem";
   var computedFontSize = fontSize || themedFontSize;
   var themedElemType = variant === "small" ? "h6" : variant === "default" ? "h5" : "h2";
   var computedElemType = as || themedElemType;
+  var disabledStyles = "opacity: 0.40;";
   var headingText = /*#__PURE__*/React__default.createElement(Title$1, {
     weight: themeValues.fontWeight,
     color: themeValues.fontColor,
@@ -46844,13 +46846,16 @@ var Module = function Module(_ref) {
     extraStyles: "font-size: ".concat(computedFontSize, ";"),
     id: titleID
   }, heading);
-  return /*#__PURE__*/React__default.createElement(React.Fragment, null, heading && !rightTitleContent && headingText, heading && rightTitleContent && /*#__PURE__*/React__default.createElement(Cluster, {
+  return /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    extraStyles: disabled && disabledStyles
+  }, heading && !rightTitleContent && headingText, heading && rightTitleContent && /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "space-between",
     align: "center",
     nowrap: true
   }, headingText, rightTitleContent), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 ".concat(spacingBottom),
-    margin: margin
+    extraStyles: "margin: ".concat(margin)
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: padding,
     background: themeValues.backgroundColor,