@thecb/components 10.2.4-beta.3 → 10.2.4-beta.4

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.
package/dist/index.cjs.js CHANGED
@@ -42526,7 +42526,9 @@ var LinkCard = function LinkCard(_ref) {
42526
42526
  extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
42527
42527
  themeValues = _ref.themeValues,
42528
42528
  _ref$titleVariant = _ref.titleVariant,
42529
- titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant;
42529
+ titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant,
42530
+ _ref$disabled = _ref.disabled,
42531
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
42530
42532
  var _useContext = React.useContext(styled.ThemeContext),
42531
42533
  isMobile = _useContext.isMobile;
42532
42534
  var regex = /\W/g;
@@ -42540,10 +42542,11 @@ var LinkCard = function LinkCard(_ref) {
42540
42542
  minHeight: "141px",
42541
42543
  padding: "24px",
42542
42544
  theme: themeValues,
42543
- extraStyles: extraStyles,
42544
- hoverStyles: extraHoverStyles,
42545
- activeStyles: extraActiveStyles,
42546
- onClick: onClick
42545
+ extraStyles: disabled ? extraStyles + "background-color: ".concat(ATHENS_GREY, " !important; cursor: default;") : extraStyles,
42546
+ hoverStyles: disabled ? "" : extraHoverStyles,
42547
+ activeStyles: disabled ? "" : extraActiveStyles,
42548
+ onClick: disabled ? noop : onClick,
42549
+ "aria-disabled": disabled
42547
42550
  }, /*#__PURE__*/React__default.createElement(Stack, {
42548
42551
  childGap: 0,
42549
42552
  bottomItem: 3,
@@ -42554,14 +42557,16 @@ var LinkCard = function LinkCard(_ref) {
42554
42557
  fullHeight: true
42555
42558
  }, /*#__PURE__*/React__default.createElement(Box, {
42556
42559
  padding: 0,
42557
- width: "100%"
42560
+ width: "100%",
42561
+ extraStyles: disabled ? "opacity: 0.5;" : ""
42558
42562
  }, /*#__PURE__*/React__default.createElement(Title$2, {
42559
42563
  variant: titleVariant,
42560
42564
  theme: themeValues,
42561
42565
  margin: 0
42562
42566
  }, title)), /*#__PURE__*/React__default.createElement(Box, {
42563
42567
  padding: "0 0 40px",
42564
- width: "100%"
42568
+ width: "100%",
42569
+ extraStyles: disabled ? "opacity: 0.5;" : ""
42565
42570
  }, /*#__PURE__*/React__default.createElement(Subtitle, {
42566
42571
  variant: "pS",
42567
42572
  theme: themeValues
@@ -42569,7 +42574,8 @@ var LinkCard = function LinkCard(_ref) {
42569
42574
  background: "transparent",
42570
42575
  borderWidthOverride: "0 0 0 0",
42571
42576
  padding: "0",
42572
- width: "100%"
42577
+ width: "100%",
42578
+ extraStyles: disabled ? "opacity: 0.5;" : ""
42573
42579
  }, /*#__PURE__*/React__default.createElement(Footer, {
42574
42580
  direction: "row",
42575
42581
  childGap: "6px",