@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.esm.js
CHANGED
|
@@ -42856,8 +42856,10 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42856
42856
|
_ref$extraStyles = _ref.extraStyles,
|
|
42857
42857
|
extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
|
|
42858
42858
|
_ref$extraHoverStyles = _ref.extraHoverStyles,
|
|
42859
|
-
extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles
|
|
42860
|
-
|
|
42859
|
+
extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
|
|
42860
|
+
_ref$extraActiveStyle = _ref.extraActiveStyles,
|
|
42861
|
+
extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle;
|
|
42862
|
+
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);");
|
|
42861
42863
|
return /*#__PURE__*/React.createElement(Box, {
|
|
42862
42864
|
border: "1px solid ".concat(MOON_RAKER, ";"),
|
|
42863
42865
|
borderRadius: "8px",
|
|
@@ -42868,8 +42870,8 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42868
42870
|
minHeight: "141px",
|
|
42869
42871
|
padding: "24px",
|
|
42870
42872
|
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 "),
|
|
42871
|
-
hoverStyles: "".concat(activeAndHoverStyles, "\n ").concat(extraHoverStyles, "\n "),
|
|
42872
|
-
activeStyles: "".concat(activeAndHoverStyles, "\n ").concat(
|
|
42873
|
+
hoverStyles: "".concat(activeAndHoverStyles, "\n border: 0;\n ").concat(extraHoverStyles, "\n "),
|
|
42874
|
+
activeStyles: "".concat(activeAndHoverStyles, "\n background-color: ").concat(CORNFLOWER_BLUE, ";\n ").concat(extraActiveStyles, "\n "),
|
|
42873
42875
|
onClick: onClick
|
|
42874
42876
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
42875
42877
|
childGap: 0,
|
|
@@ -42887,7 +42889,7 @@ var LinkCard = function LinkCard(_ref) {
|
|
|
42887
42889
|
weight: FONT_WEIGHT_SEMIBOLD,
|
|
42888
42890
|
color: themeValues.color,
|
|
42889
42891
|
margin: 0,
|
|
42890
|
-
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
|
|
42892
|
+
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 "
|
|
42891
42893
|
}, title)), /*#__PURE__*/React.createElement(Box, {
|
|
42892
42894
|
padding: "0 0 40px",
|
|
42893
42895
|
width: "100%"
|