@thecb/components 8.4.5-beta.7 → 8.4.5-beta.8

package/dist/index.cjs.js

@@ -42966,28 +42966,28 @@ var Container = styled__default(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) {
-  var themeValues = _ref.themeValues;
-  return "\n    background-color: ".concat(themeValues.backgroundColor, ";\n    border: 1px solid ").concat(themeValues.borderColor, ";\n  ");
+  var theme = _ref.theme;
+  return "\n    background-color: ".concat(theme.backgroundColor, ";\n    border: 1px solid ").concat(theme.borderColor, ";\n  ");
 }, function (_ref2) {
-  var themeValues = _ref2.themeValues;
-  return "border: 1px solid ".concat(themeValues.borderColor, ";");
+  var theme = _ref2.theme;
+  return "border: 1px solid ".concat(theme.borderColor, ";");
 }, function (_ref3) {
-  var themeValues = _ref3.themeValues;
-  return "\n      background-color: ".concat(themeValues.activeBackgroundColor, ";\n      border: 1px solid ").concat(themeValues.color, ";\n    ;");
+  var theme = _ref3.theme;
+  return "\n      background-color: ".concat(theme.activeBackgroundColor, ";\n      border: 1px solid ").concat(theme.color, ";\n    ;");
 });
 var Title$2 = styled__default(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 themeValues = _ref4.themeValues;
-  return "color: ".concat(themeValues.color, ";");
+  var theme = _ref4.theme;
+  return "color: ".concat(theme.color, ";");
 });
 var Subtitle = styled__default(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 themeValues = _ref5.themeValues;
-  return "color: ".concat(themeValues.color, ";");
+  var theme = _ref5.theme;
+  return "color: ".concat(theme.color, ";");
 });
 var Footer = styled__default(Stack).withConfig({
   displayName: "LinkCardstyled__Footer",
@@ -43013,7 +43013,6 @@ var LinkCard = function LinkCard(_ref) {
       themeValues = _ref.themeValues,
       _ref$titleVariant = _ref.titleVariant,
       titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant;
-  console.log("LinkCard themeValues", themeValues);
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -43028,7 +43027,7 @@ var LinkCard = function LinkCard(_ref) {
     minWidth: isMobile ? "240px" : "288px",
     minHeight: "141px",
     padding: "24px",
-    themeValues: themeValues,
+    theme: themeValues,
     extraStyles: extraStyles,
     hoverStyles: extraHoverStyles,
     activeStyles: extraActiveStyles,
@@ -43046,21 +43045,20 @@ var LinkCard = function LinkCard(_ref) {
     width: "100%"
   }, /*#__PURE__*/React__default.createElement(Title$2, {
     variant: titleVariant,
-    themeValues: themeValues,
+    theme: themeValues,
     margin: 0
   }, title)), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 40px",
     width: "100%"
   }, /*#__PURE__*/React__default.createElement(Subtitle, {
     variant: "pS",
-    themeValues: themeValues
+    theme: themeValues
   }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
     background: "transparent",
     borderWidthOverride: "0 0 0 0",
     padding: "0",
     width: "100%"
   }, /*#__PURE__*/React__default.createElement(Footer, {
-    themeValues: themeValues,
     direction: "row",
     childGap: "6px",
     justify: "space-between"