@thecb/components 12.0.0-beta.4 → 12.0.0-beta.5

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.
Files changed (6) hide show
  1. package/dist/index.cjs.js +10 -13
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +10 -13
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/molecules/link-card/LinkCard.styled.js +0 -3
package/dist/index.cjs.js CHANGED
@@ -45829,32 +45829,29 @@ var fallbackValues$L = {
45829
45829
  var LinkWrapper = styled__default(reactRouterDom.Link).withConfig({
45830
45830
  displayName: "LinkCardstyled__LinkWrapper",
45831
45831
  componentId: "sc-l5q1h2-0"
45832
- })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;padding:24px;max-width:", ";min-height:141px;align-self:stretch;border-radius:8px;text-decoration:none;", " transition:all .2s ease-in-out;", ""], function (_ref) {
45833
- var isMobile = _ref.isMobile;
45834
- return isMobile ? "100%" : "288px";
45832
+ })(["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) {
45833
+ var isDisabled = _ref.isDisabled,
45834
+ theme = _ref.theme;
45835
+ return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
45835
45836
  }, function (_ref2) {
45836
45837
  var isDisabled = _ref2.isDisabled,
45837
45838
  theme = _ref2.theme;
45838
- return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
45839
- }, function (_ref3) {
45840
- var isDisabled = _ref3.isDisabled,
45841
- theme = _ref3.theme;
45842
45839
  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 ");
45843
45840
  });
45844
45841
  var Title$2 = styled__default(Heading$1).withConfig({
45845
45842
  displayName: "LinkCardstyled__Title",
45846
45843
  componentId: "sc-l5q1h2-1"
45847
- })(["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) {
45848
- var isDisabled = _ref4.isDisabled,
45849
- theme = _ref4.theme;
45844
+ })(["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 (_ref3) {
45845
+ var isDisabled = _ref3.isDisabled,
45846
+ theme = _ref3.theme;
45850
45847
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
45851
45848
  });
45852
45849
  var Subtitle = styled__default(Paragraph$1).withConfig({
45853
45850
  displayName: "LinkCardstyled__Subtitle",
45854
45851
  componentId: "sc-l5q1h2-2"
45855
- })(["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) {
45856
- var isDisabled = _ref5.isDisabled,
45857
- theme = _ref5.theme;
45852
+ })(["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 (_ref4) {
45853
+ var isDisabled = _ref4.isDisabled,
45854
+ theme = _ref4.theme;
45858
45855
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.textColor, ";");
45859
45856
  });
45860
45857
  var Footer = styled__default(Stack).withConfig({