@thecb/components 10.2.4-beta.10 → 10.2.4-beta.11

package/dist/index.esm.js

@@ -42465,11 +42465,11 @@ var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(
 
 var activeBackgroundColor$1 = {
   primary: "".concat(CORNFLOWER_BLUE),
-  disabled: "".concat(ATHENS_GREY)
+  disabled: "".concat(TRANSPARENT)
 };
 var backgroundColor$9 = {
   primary: "".concat(LINK_WATER),
-  disabled: "".concat(ATHENS_GREY)
+  disabled: "".concat(TRANSPARENT)
 };
 var borderColor$5 = {
   primary: "".concat(MOON_RAKER),
@@ -42489,28 +42489,34 @@ var fallbackValues$I = {
 var Container = styled(Box).withConfig({
   displayName: "LinkCardstyled__Container",
   componentId: "sc-l5q1h2-0"
-})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;&:hover,&:active{cursor:pointer;box-shadow:0px 0px 0px 0px rgba(41,42,51,0.1),0px 5px 11px 0px rgba(41,42,51,0.1),0px 4px 19px 0px rgba(41,42,51,0.09),0px 27px 26px 0px rgba(41,42,51,0.05),0px 56px 31px 0px rgba(41,42,51,0.01),0px 80px 33px 0px rgba(41,42,51,0);}&:hover:not(:active){", "}&:active{", "}"], function (_ref) {
+})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;&:hover,&:active{cursor:", ";box-shadow:", ";}&:hover:not(:active){", "}&:active{", "}"], function (_ref) {
   var theme = _ref.theme;
-  return "\n    background-color: ".concat(theme.backgroundColor, ";\n    border: 1px solid ").concat(theme.borderColor, ";\n  ");
+  return "\n    background-color: ".concat(theme.backgroundColor, ";\n    border: 1px solid ").concat(theme.color, ";\n  ");
 }, function (_ref2) {
-  var theme = _ref2.theme;
-  return "border: 1px solid ".concat(theme.borderColor, ";");
+  var disabled = _ref2.disabled;
+  return disabled ? "default" : "pointer";
 }, function (_ref3) {
-  var theme = _ref3.theme;
+  var disabled = _ref3.disabled;
+  return "\n      ".concat(disabled ? "none" : "0px 0px 0px 0px rgba(41, 42, 51, 0.1),\n      0px 5px 11px 0px rgba(41, 42, 51, 0.1),\n      0px 4px 19px 0px rgba(41, 42, 51, 0.09),\n      0px 27px 26px 0px rgba(41, 42, 51, 0.05),\n      0px 56px 31px 0px rgba(41, 42, 51, 0.01),\n      0px 80px 33px 0px rgba(41, 42, 51, 0);", "\n    ");
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return "border: 1px solid ".concat(theme.borderColor, ";");
+}, function (_ref5) {
+  var theme = _ref5.theme;
   return "\n      background-color: ".concat(theme.activeBackgroundColor, ";\n      border: 1px solid ").concat(theme.color, ";\n    ;");
 });
 var Title$2 = styled(Heading$1).withConfig({
   displayName: "LinkCardstyled__Title",
   componentId: "sc-l5q1h2-1"
-})(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
-  var theme = _ref4.theme;
+})(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref6) {
+  var theme = _ref6.theme;
   return "color: ".concat(theme.color, ";");
 });
 var Subtitle = styled(Paragraph$1).withConfig({
   displayName: "LinkCardstyled__Subtitle",
   componentId: "sc-l5q1h2-2"
-})(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150 %;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref5) {
-  var theme = _ref5.theme;
+})(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150 %;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref7) {
+  var theme = _ref7.theme;
   return "color: ".concat(theme.color, ";");
 });
 var Footer = styled(Stack).withConfig({
@@ -42557,7 +42563,7 @@ var LinkCard = function LinkCard(_ref) {
     hoverStyles: extraHoverStyles,
     activeStyles: extraActiveStyles,
     onClick: disabled ? noop : onClick,
-    "aria-disabled": disabled
+    disabled: disabled
   }, /*#__PURE__*/React.createElement(Stack, {
     childGap: 0,
     bottomItem: 3,