@thecb/components 12.0.0-beta.5 → 12.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -45829,29 +45829,32 @@ var fallbackValues$L = {
45829
45829
  var LinkWrapper = styled__default(reactRouterDom.Link).withConfig({
45830
45830
  displayName: "LinkCardstyled__LinkWrapper",
45831
45831
  componentId: "sc-l5q1h2-0"
45832
- })(["display:flex;flex-direction:column;align-items:flex-start;gap:40px;flex-shrink:0;padding:24px;align-self:stretch;border-radius:8px;text-decoration:none;", " transition:all .2s ease-in-out;", ""], function (_ref) {
45832
+ })(["display:flex;flex-direction:column;align-items:flex-start;gap:40px;flex-shrink:0;padding:24px;align-self:stretch;border-radius:8px;text-decoration:none;", " ", " transition:all .2s ease-in-out;", ""], function (_ref) {
45833
45833
  var isDisabled = _ref.isDisabled,
45834
45834
  theme = _ref.theme;
45835
45835
  return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
45836
45836
  }, function (_ref2) {
45837
- var isDisabled = _ref2.isDisabled,
45838
- theme = _ref2.theme;
45837
+ var extraStyles = _ref2.extraStyles;
45838
+ return extraStyles;
45839
+ }, function (_ref3) {
45840
+ var isDisabled = _ref3.isDisabled,
45841
+ theme = _ref3.theme;
45839
45842
  return isDisabled ? "\n &:hover,\n &:active {\n cursor: default;\n box-shadow: none;\n border: 1px solid ".concat(theme.disabledBorderColor, ";\n }\n ") : "\n &:hover,\n &:active {\n cursor: pointer;\n box-shadow: 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 }\n\n &:hover:not(:active) {\n border: 1px solid ".concat(theme.borderColor, ";\n }\n\n &:active {\n background-color: ").concat(theme.activeBackgroundColor, ";\n border: 1px solid ").concat(theme.borderColor, ";\n }\n ");
45840
45843
  });
45841
45844
  var Title$2 = styled__default(Heading$1).withConfig({
45842
45845
  displayName: "LinkCardstyled__Title",
45843
45846
  componentId: "sc-l5q1h2-1"
45844
- })(["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 (_ref3) {
45845
- var isDisabled = _ref3.isDisabled,
45846
- theme = _ref3.theme;
45847
+ })(["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) {
45848
+ var isDisabled = _ref4.isDisabled,
45849
+ theme = _ref4.theme;
45847
45850
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
45848
45851
  });
45849
45852
  var Subtitle = styled__default(Paragraph$1).withConfig({
45850
45853
  displayName: "LinkCardstyled__Subtitle",
45851
45854
  componentId: "sc-l5q1h2-2"
45852
- })(["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_REGULAR, function (_ref4) {
45853
- var isDisabled = _ref4.isDisabled,
45854
- theme = _ref4.theme;
45855
+ })(["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_REGULAR, function (_ref5) {
45856
+ var isDisabled = _ref5.isDisabled,
45857
+ theme = _ref5.theme;
45855
45858
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.textColor, ";");
45856
45859
  });
45857
45860
  var Footer = styled__default(Stack).withConfig({