@thecb/components 8.4.0-beta.2 → 8.4.0-beta.3

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 (7) hide show
  1. package/dist/index.cjs.js +55 -48
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +55 -48
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/molecules/link-card/LinkCard.js +7 -6
  7. package/src/components/molecules/link-card/index.d.ts +1 -0
package/dist/index.cjs.js CHANGED
@@ -42858,55 +42858,62 @@ var LinkCard = function LinkCard(_ref) {
42858
42858
  showLeft = _ref.showLeft,
42859
42859
  leftContent = _ref.leftContent,
42860
42860
  showRight = _ref.showRight,
42861
- rightContent = _ref.rightContent;
42862
- var navigate = reactRouterDom.useNavigate();
42863
- var activeHoverStyles = "\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid ".concat(themeValues.color, ";\n background: var(--primary-color-primary-10, #EBEFFB);\n /* Primitives/New Shadow/3-Pressed-New */\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);\n .show-on-hover {color: ").concat(themeValues.color, ";}\n ");
42864
- return /*#__PURE__*/React__default.createElement(Box, {
42865
- background: "#FEFEFE" // --grays-cool-gray-00
42866
- ,
42867
- border: "1px solid #C4CEF4;" // --primary-color-primary-30
42868
- ,
42869
- borderRadius: "8px",
42870
- dataQa: "link-card-".concat(title),
42871
- width: "100%",
42872
- maxWidth: "288px",
42873
- minWidth: "240px",
42874
- minHeight: "141px",
42875
- padding: "16px 24px",
42876
- extraStyles: " display: flex; flex-direction: column; align-items: flex-start; gap: 40px; flex-shrink: 0; align-self: stretch;",
42877
- hoverStyles: activeHoverStyles,
42878
- activeStyles: activeHoverStyles,
42879
- onClick: function onClick() {
42880
- navigate(path);
42881
- }
42882
- }, /*#__PURE__*/React__default.createElement(Stack, {
42883
- childGap: 0,
42884
- bottomItem: 3,
42885
- fullHeight: true
42886
- }, /*#__PURE__*/React__default.createElement(Box, {
42887
- padding: "1rem 1rem 0 1rem"
42888
- }, /*#__PURE__*/React__default.createElement(Heading$1, {
42889
- variant: "h6",
42890
- weight: FONT_WEIGHT_SEMIBOLD,
42891
- color: themeValues.color,
42892
- margin: 0,
42893
- extraStyles: "display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; text-overflow: ellipsis; font-family: Public Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%;"
42894
- }, title)), /*#__PURE__*/React__default.createElement(Box, {
42895
- padding: "0 1rem 40px"
42896
- /* minHeight={"4.25rem"}*/
42861
+ rightContent = _ref.rightContent,
42862
+ _ref$onClick = _ref.onClick,
42863
+ onClick = _ref$onClick === void 0 ? function () {
42864
+ return navigate(path);
42865
+ } : _ref$onClick;
42866
+ return function () {
42867
+ var navigate = reactRouterDom.useNavigate();
42868
+ var activeHoverStyles = "\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid ".concat(themeValues.color, ";\n background: var(--primary-color-primary-10, #EBEFFB);\n /* Primitives/New Shadow/3-Pressed-New */\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);\n .show-on-hover {color: ").concat(themeValues.color, ";}\n ");
42869
+ return /*#__PURE__*/React__default.createElement(Box, {
42870
+ background: "#FEFEFE" // --grays-cool-gray-00
42871
+ ,
42872
+ border: "1px solid #C4CEF4;" // --primary-color-primary-30
42873
+ ,
42874
+ borderRadius: "8px",
42875
+ dataQa: "link-card-".concat(title),
42876
+ width: "100%",
42877
+ maxWidth: "288px",
42878
+ minWidth: "240px",
42879
+ minHeight: "141px",
42880
+ padding: "16px 24px",
42881
+ extraStyles: " display: flex; flex-direction: column; align-items: flex-start; gap: 40px; flex-shrink: 0; align-self: stretch;",
42882
+ hoverStyles: activeHoverStyles,
42883
+ activeStyles: activeHoverStyles,
42884
+ onClick: onClick
42885
+ }, /*#__PURE__*/React__default.createElement(Stack, {
42886
+ childGap: 0,
42887
+ bottomItem: 3,
42888
+ fullHeight: true
42889
+ }, /*#__PURE__*/React__default.createElement(Box, {
42890
+ padding: "1rem 1rem 0 1rem"
42891
+ }, /*#__PURE__*/React__default.createElement(Heading$1, {
42892
+ variant: "h6",
42893
+ weight: FONT_WEIGHT_SEMIBOLD,
42894
+ color: themeValues.color,
42895
+ margin: 0,
42896
+ extraStyles: "display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; text-overflow: ellipsis; font-family: Public Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%;"
42897
+ }, title)), /*#__PURE__*/React__default.createElement(Box, {
42898
+ padding: "0 1rem 40px"
42899
+ /* minHeight={"4.25rem"}*/
42897
42900
 
42898
- }, /*#__PURE__*/React__default.createElement(Paragraph$1, {
42899
- variant: "pS",
42900
- color: themeValues.color,
42901
- extraStyles: "overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; /* CB Standard/Desktop/D - P Small - Regular */ font-family: Public Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ letter-spacing: 0.14px;"
42902
- }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
42903
- background: "transparent",
42904
- borderWidthOverride: "0 0 0 0",
42905
- padding: "0 1rem 1rem 1rem"
42906
- }, /*#__PURE__*/React__default.createElement(Stack, {
42907
- direction: "row",
42908
- justify: "space-between"
42909
- }, showLeft && leftContent, showRight && rightContent))));
42901
+ }, /*#__PURE__*/React__default.createElement(Paragraph$1, {
42902
+ variant: "pS",
42903
+ color: themeValues.color,
42904
+ extraStyles: "overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; /* CB Standard/Desktop/D - P Small - Regular */ font-family: Public Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ letter-spacing: 0.14px;"
42905
+ }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
42906
+ background: "transparent",
42907
+ borderWidthOverride: "0 0 0 0",
42908
+ padding: "0 1rem 1rem 1rem"
42909
+ }, /*#__PURE__*/React__default.createElement(Stack, {
42910
+ direction: "row",
42911
+ justify: "space-between"
42912
+ }, /*#__PURE__*/React__default.createElement(Stack, {
42913
+ direction: "row",
42914
+ childGap: "6px"
42915
+ }, showLeft && leftContent, showRight && rightContent)))));
42916
+ }();
42910
42917
  };
42911
42918
 
42912
42919
  var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I, "default");