@thecb/components 8.4.5-beta.7 → 8.4.5

package/dist/index.esm.js

@@ -42958,28 +42958,28 @@ var Container = styled(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(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(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(Stack).withConfig({
   displayName: "LinkCardstyled__Footer",
@@ -43005,7 +43005,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 = useContext(ThemeContext),
       isMobile = _useContext.isMobile;
@@ -43020,7 +43019,7 @@ var LinkCard = function LinkCard(_ref) {
     minWidth: isMobile ? "240px" : "288px",
     minHeight: "141px",
     padding: "24px",
-    themeValues: themeValues,
+    theme: themeValues,
     extraStyles: extraStyles,
     hoverStyles: extraHoverStyles,
     activeStyles: extraActiveStyles,
@@ -43038,28 +43037,27 @@ var LinkCard = function LinkCard(_ref) {
     width: "100%"
   }, /*#__PURE__*/React.createElement(Title$2, {
     variant: titleVariant,
-    themeValues: themeValues,
+    theme: themeValues,
     margin: 0
   }, title)), /*#__PURE__*/React.createElement(Box, {
     padding: "0 0 40px",
     width: "100%"
   }, /*#__PURE__*/React.createElement(Subtitle, {
     variant: "pS",
-    themeValues: themeValues
+    theme: themeValues
   }, subtitle)), /*#__PURE__*/React.createElement(Box, {
     background: "transparent",
     borderWidthOverride: "0 0 0 0",
     padding: "0",
     width: "100%"
   }, /*#__PURE__*/React.createElement(Footer, {
-    themeValues: themeValues,
     direction: "row",
     childGap: "6px",
     justify: "space-between"
   }, showLeft && !leftContent && /*#__PURE__*/React.createElement(Box, null), showLeft && leftContent, showRight && rightContent))));
 };
 
-var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I); // export default LinkCard;
+var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I);
 
 var LoginForm = function LoginForm(_ref) {
   var _emailErrorMessages;