@thecb/components 12.0.0-beta.3 → 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 +12 -18
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +12 -18
  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 -4
package/dist/index.esm.js CHANGED
@@ -45821,35 +45821,29 @@ var fallbackValues$L = {
45821
45821
  var LinkWrapper = styled(Link).withConfig({
45822
45822
  displayName: "LinkCardstyled__LinkWrapper",
45823
45823
  componentId: "sc-l5q1h2-0"
45824
- })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;padding:24px;max-width:", ";min-width:", ";min-height:141px;align-self:stretch;border-radius:8px;text-decoration:none;", " transition:all .2s ease-in-out;", ""], function (_ref) {
45825
- var isMobile = _ref.isMobile;
45826
- return isMobile ? "100%" : "288px";
45827
- }, function (_ref2) {
45828
- var isMobile = _ref2.isMobile;
45829
- return isMobile ? "240px" : "288px";
45830
- }, function (_ref3) {
45831
- var isDisabled = _ref3.isDisabled,
45832
- theme = _ref3.theme;
45824
+ })(["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) {
45825
+ var isDisabled = _ref.isDisabled,
45826
+ theme = _ref.theme;
45833
45827
  return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
45834
- }, function (_ref4) {
45835
- var isDisabled = _ref4.isDisabled,
45836
- theme = _ref4.theme;
45828
+ }, function (_ref2) {
45829
+ var isDisabled = _ref2.isDisabled,
45830
+ theme = _ref2.theme;
45837
45831
  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 ");
45838
45832
  });
45839
45833
  var Title$2 = styled(Heading$1).withConfig({
45840
45834
  displayName: "LinkCardstyled__Title",
45841
45835
  componentId: "sc-l5q1h2-1"
45842
- })(["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 (_ref5) {
45843
- var isDisabled = _ref5.isDisabled,
45844
- theme = _ref5.theme;
45836
+ })(["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) {
45837
+ var isDisabled = _ref3.isDisabled,
45838
+ theme = _ref3.theme;
45845
45839
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
45846
45840
  });
45847
45841
  var Subtitle = styled(Paragraph$1).withConfig({
45848
45842
  displayName: "LinkCardstyled__Subtitle",
45849
45843
  componentId: "sc-l5q1h2-2"
45850
- })(["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 (_ref6) {
45851
- var isDisabled = _ref6.isDisabled,
45852
- theme = _ref6.theme;
45844
+ })(["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) {
45845
+ var isDisabled = _ref4.isDisabled,
45846
+ theme = _ref4.theme;
45853
45847
  return "color: ".concat(isDisabled ? theme.disabledColor : theme.textColor, ";");
45854
45848
  });
45855
45849
  var Footer = styled(Stack).withConfig({