@thecb/components 10.4.0-beta.4 → 10.4.0-beta.6

package/dist/index.esm.js

@@ -12590,22 +12590,21 @@ var WHITE$1 = WHITE,
   MANATEE_GREY$1 = MANATEE_GREY,
   MATISSE_BLUE$1 = MATISSE_BLUE,
   RASPBERRY$1 = RASPBERRY,
-  ERROR_COLOR$1 = ERROR_COLOR,
-  STORM_GREY$1 = STORM_GREY;
+  ERROR_COLOR$1 = ERROR_COLOR;
 var LINK_TEXT_DECORATION$1 = LINK_TEXT_DECORATION;
 var disabledBorderColor = {
-  primary: STORM_GREY$1,
-  secondary: STORM_GREY$1,
+  primary: MANATEE_GREY$1,
+  secondary: MANATEE_GREY$1,
   back: TRANSPARENT$1,
-  smallPrimary: STORM_GREY$1,
-  smallSecondary: STORM_GREY$1,
+  smallPrimary: MANATEE_GREY$1,
+  smallSecondary: MANATEE_GREY$1,
   smallGhost: TRANSPARENT$1,
   ghost: TRANSPARENT$1,
   tertiary: TRANSPARENT$1,
-  danger: STORM_GREY$1,
-  dangerSecondary: STORM_GREY$1,
-  whiteSecondary: TRANSPARENT$1,
-  whitePrimary: TRANSPARENT$1
+  danger: MANATEE_GREY$1,
+  dangerSecondary: MANATEE_GREY$1,
+  whiteSecondary: MANATEE_GREY$1,
+  whitePrimary: MANATEE_GREY$1
 };
 var disabledColor = {
   primary: WHITE$1,
@@ -20573,7 +20572,7 @@ var BoxWithShadow$1 = themeComponent(BoxWithShadow, "BoxWithShadow", fallbackVal
 
 // import theme from "styled-theming";
 var MATISSE_BLUE$2 = MATISSE_BLUE,
-  STORM_GREY$2 = STORM_GREY;
+  STORM_GREY$1 = STORM_GREY;
 var LINK_TEXT_DECORATION$2 = LINK_TEXT_DECORATION;
 
 /*
@@ -20582,8 +20581,8 @@ var LINK_TEXT_DECORATION$2 = LINK_TEXT_DECORATION;
 */
 
 var color$5 = "".concat(MATISSE_BLUE$2);
-var activeColor$2 = "".concat(STORM_GREY$2);
-var activeBreadcrumbColor = "".concat(STORM_GREY$2);
+var activeColor$2 = "".concat(STORM_GREY$1);
+var activeBreadcrumbColor = "".concat(STORM_GREY$1);
 var fontSize$2 = "0.875rem";
 var lineHeight = "1.25rem";
 var fontWeight$1 = "400";
@@ -27769,9 +27768,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
     action = _ref.action,
     destination = _ref.destination,
     children = _ref.children,
-    dataQa = _ref.dataQa,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    dataQa = _ref.dataQa;
   return isLink ? /*#__PURE__*/React.createElement(Link, {
     to: destination,
     "data-qa": dataQa,
@@ -27781,14 +27778,13 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minHeight: "100%",
-    extraStyles: disabled ? "cursor: default;" : "cursor: pointer;"
+    extraStyles: "cursor: pointer;"
   }, children)) : /*#__PURE__*/React.createElement(Box, {
-    onClick: disabled ? noop$1 : action,
+    onClick: action,
     padding: "0",
     minHeight: "100%",
-    dataQa: dataQa,
-    "aria-disabled": disabled,
-    extraStyles: disabled ? "cursor: default;" : "cursor: pointer;"
+    extraStyles: "cursor: pointer;",
+    dataQa: dataQa
   }, children);
 };
 var Placeholder = function Placeholder(_ref2) {
@@ -27802,16 +27798,12 @@ var Placeholder = function Placeholder(_ref2) {
     variant = _ref2.variant,
     largeIcon = _ref2.largeIcon,
     themeValues = _ref2.themeValues,
-    dataQa = _ref2.dataQa,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
-  var tintedColor = "".concat(curriedTint$1(0.9, themeValues.color));
+    dataQa = _ref2.dataQa;
   return /*#__PURE__*/React.createElement(PlaceholderContentWrapper, {
     isLink: isLink,
     action: action,
     destination: destination,
-    dataQa: dataQa,
-    disabled: disabled
+    dataQa: dataQa
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
@@ -27819,14 +27811,14 @@ var Placeholder = function Placeholder(_ref2) {
     minHeight: themeValues.height,
     hiddenStyles: !visible,
     extraStyles: "\n        background: linear-gradient(\n          to right,\n          ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n          rgba(255, 255, 255, 0) 0%\n        ),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n        background-position: top, right, bottom, left;\n        background-repeat: repeat-x, repeat-y;\n        background-size: 5px 1px, 1px 5px;\n        display: flex;\n        justify-content: center;\n        align-items:center;"),
-    hoverStyles: "background-color: ".concat(variant === "large" ? GRECIAN_GREY : tintedColor, ";")
+    hoverStyles: "background-color: ".concat(variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
   }, /*#__PURE__*/React.createElement(Center, {
     maxWidth: "300px"
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     tabIndex: "0",
     onKeyPress: function onKeyPress(e) {
-      return e.key === "Enter" && !disabled && action();
+      return e.key === "Enter" && action();
     }
   }, /*#__PURE__*/React.createElement(Cluster, {
     justify: "center",