@thecb/components 8.4.0-beta.7 → 8.4.0-beta.9
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
|
@@ -42864,8 +42864,10 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42864
42864
|
_ref$extraStyles = _ref.extraStyles,
|
|
42865
42865
|
extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
|
|
42866
42866
|
_ref$extraHoverStyles = _ref.extraHoverStyles,
|
|
42867
|
-
extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles
|
|
42868
|
-
|
|
42867
|
+
extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
|
|
42868
|
+
_ref$extraActiveStyle = _ref.extraActiveStyles,
|
|
42869
|
+
extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle;
|
|
42870
|
+
var activeAndHoverStyles = "cursor: pointer;\n border-radius: 8px;\n border: 1px solid ".concat(themeValues.color, ";\n box-shadow: 0px 0px 0px 0px rgba(41, 42, 51, 0.10), 0px 5px 11px 0px rgba(41, 42, 51, 0.10), 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.00);");
|
|
42869
42871
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
42870
42872
|
border: "1px solid ".concat(MOON_RAKER, ";"),
|
|
42871
42873
|
borderRadius: "8px",
|
|
@@ -42876,8 +42878,8 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42876
42878
|
minHeight: "141px",
|
|
42877
42879
|
padding: "24px",
|
|
42878
42880
|
extraStyles: "\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n gap: 40px;\n flex-shrink: 0;\n align-self: stretch;\n ".concat(extraStyles, "\n "),
|
|
42879
|
-
hoverStyles: "".concat(activeAndHoverStyles, "\n ").concat(extraHoverStyles, "\n "),
|
|
42880
|
-
activeStyles: "".concat(activeAndHoverStyles, "\n ").concat(
|
|
42881
|
+
hoverStyles: "".concat(activeAndHoverStyles, "\n border: 0;\n ").concat(extraHoverStyles, "\n "),
|
|
42882
|
+
activeStyles: "".concat(activeAndHoverStyles, "\n background-color: ").concat(CORNFLOWER_BLUE, ";\n ").concat(extraActiveStyles, "\n "),
|
|
42881
42883
|
onClick: onClick
|
|
42882
42884
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
42883
42885
|
childGap: 0,
|
|
@@ -42895,7 +42897,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42895
42897
|
weight: FONT_WEIGHT_SEMIBOLD,
|
|
42896
42898
|
color: themeValues.color,
|
|
42897
42899
|
margin: 0,
|
|
42898
|
-
extraStyles: "display: -webkit-box; \n -webkit-box-orient: vertical; \n -webkit-line-clamp: 2; \n align-self: stretch;\n overflow: hidden; \n text-overflow: ellipsis; \n font-family: Public Sans; \n font-size: 16px; \n font-style: normal; \n font-weight: 600; \n line-height: 150%;\n
|
|
42900
|
+
extraStyles: "display: -webkit-box; \n background-color: transparent;\n -webkit-box-orient: vertical; \n -webkit-line-clamp: 2; \n align-self: stretch;\n overflow: hidden; \n text-overflow: ellipsis; \n font-family: Public Sans; \n font-size: 16px; \n font-style: normal; \n font-weight: 600; \n line-height: 150%;\n "
|
|
42899
42901
|
}, title)), /*#__PURE__*/React__default.createElement(Box, {
|
|
42900
42902
|
padding: "0 0 40px",
|
|
42901
42903
|
width: "100%"
|