@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.esm.js
CHANGED
|
@@ -45821,29 +45821,32 @@ var fallbackValues$L = {
|
|
|
45821
45821
|
var LinkWrapper = styled(Link).withConfig({
|
|
45822
45822
|
displayName: "LinkCardstyled__LinkWrapper",
|
|
45823
45823
|
componentId: "sc-l5q1h2-0"
|
|
45824
|
-
})(["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) {
|
|
45824
|
+
})(["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) {
|
|
45825
45825
|
var isDisabled = _ref.isDisabled,
|
|
45826
45826
|
theme = _ref.theme;
|
|
45827
45827
|
return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
|
|
45828
45828
|
}, function (_ref2) {
|
|
45829
|
-
var
|
|
45830
|
-
|
|
45829
|
+
var extraStyles = _ref2.extraStyles;
|
|
45830
|
+
return extraStyles;
|
|
45831
|
+
}, function (_ref3) {
|
|
45832
|
+
var isDisabled = _ref3.isDisabled,
|
|
45833
|
+
theme = _ref3.theme;
|
|
45831
45834
|
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 ");
|
|
45832
45835
|
});
|
|
45833
45836
|
var Title$2 = styled(Heading$1).withConfig({
|
|
45834
45837
|
displayName: "LinkCardstyled__Title",
|
|
45835
45838
|
componentId: "sc-l5q1h2-1"
|
|
45836
|
-
})(["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 (
|
|
45837
|
-
var isDisabled =
|
|
45838
|
-
theme =
|
|
45839
|
+
})(["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) {
|
|
45840
|
+
var isDisabled = _ref4.isDisabled,
|
|
45841
|
+
theme = _ref4.theme;
|
|
45839
45842
|
return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
|
|
45840
45843
|
});
|
|
45841
45844
|
var Subtitle = styled(Paragraph$1).withConfig({
|
|
45842
45845
|
displayName: "LinkCardstyled__Subtitle",
|
|
45843
45846
|
componentId: "sc-l5q1h2-2"
|
|
45844
|
-
})(["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 (
|
|
45845
|
-
var isDisabled =
|
|
45846
|
-
theme =
|
|
45847
|
+
})(["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) {
|
|
45848
|
+
var isDisabled = _ref5.isDisabled,
|
|
45849
|
+
theme = _ref5.theme;
|
|
45847
45850
|
return "color: ".concat(isDisabled ? theme.disabledColor : theme.textColor, ";");
|
|
45848
45851
|
});
|
|
45849
45852
|
var Footer = styled(Stack).withConfig({
|