@thecb/components 8.4.0-beta.4 → 8.4.0-beta.6

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
@@ -4960,7 +4960,7 @@ to the one generated by name-that-color.
4960
4960
  */
4961
4961
  var BLACK = "#000000";
4962
4962
  var TRANSPARENT = "transparent";
4963
- var LINK_WATER = "#EBEFFB";
4963
+ var LINK_WATER = "#FEFEFE";
4964
4964
  var WHITE = "#FFFFFF";
4965
4965
  var SOLITUDE_WHITE = "#EBEDF1";
4966
4966
  var SEASHELL_WHITE = "#F1F1F1";
@@ -42848,8 +42848,6 @@ var fallbackValues$I = {
42848
42848
  color: color$b
42849
42849
  };
42850
42850
 
42851
- // import ArrowRightIcon from "../../atoms/icons/ArrowRightIcon";
42852
-
42853
42851
  var LinkCard = function LinkCard(_ref) {
42854
42852
  var _ref$variant = _ref.variant,
42855
42853
  _ref$title = _ref.title,
@@ -42857,7 +42855,6 @@ var LinkCard = function LinkCard(_ref) {
42857
42855
  _ref$subtitle = _ref.subtitle,
42858
42856
  subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
42859
42857
  themeValues = _ref.themeValues,
42860
- path = _ref.path,
42861
42858
  showLeft = _ref.showLeft,
42862
42859
  leftContent = _ref.leftContent,
42863
42860
  showRight = _ref.showRight,
@@ -42869,7 +42866,7 @@ var LinkCard = function LinkCard(_ref) {
42869
42866
  extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles;
42870
42867
  var activeHoverStyles = "\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid ".concat(themeValues.color, ";\n background: ").concat(LINK_WATER, ";\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 ").concat(extraHoverStyles, "\n ");
42871
42868
  return /*#__PURE__*/React__default.createElement(Box, {
42872
- background: "".concat(LINK_WATER),
42869
+ background: LINK_WATER,
42873
42870
  border: "1px solid ".concat(MOON_RAKER, ";"),
42874
42871
  borderRadius: "8px",
42875
42872
  dataQa: "link-card-".concat(title),
@@ -42877,7 +42874,7 @@ var LinkCard = function LinkCard(_ref) {
42877
42874
  maxWidth: "288px",
42878
42875
  minWidth: "240px",
42879
42876
  minHeight: "141px",
42880
- padding: "16px 24px",
42877
+ padding: "24px",
42881
42878
  extraStyles: "\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 40px;\n flex-shrink: 0;\n align-self: stretch;\n ".concat(extraStyles, "\n "),
42882
42879
  hoverStyles: activeHoverStyles,
42883
42880
  activeStyles: activeHoverStyles,
@@ -42887,7 +42884,7 @@ var LinkCard = function LinkCard(_ref) {
42887
42884
  bottomItem: 3,
42888
42885
  fullHeight: true
42889
42886
  }, /*#__PURE__*/React__default.createElement(Box, {
42890
- padding: "1rem 0 0 0"
42887
+ padding: 0
42891
42888
  }, /*#__PURE__*/React__default.createElement(Heading$1, {
42892
42889
  variant: "h6",
42893
42890
  weight: FONT_WEIGHT_SEMIBOLD,
@@ -42903,7 +42900,7 @@ var LinkCard = function LinkCard(_ref) {
42903
42900
  }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
42904
42901
  background: "transparent",
42905
42902
  borderWidthOverride: "0 0 0 0",
42906
- padding: "0 1rem 1rem 1rem"
42903
+ padding: "0"
42907
42904
  }, /*#__PURE__*/React__default.createElement(Stack, {
42908
42905
  direction: "row",
42909
42906
  justify: "space-between"