@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.esm.js CHANGED
@@ -4952,7 +4952,7 @@ to the one generated by name-that-color.
4952
4952
  */
4953
4953
  var BLACK = "#000000";
4954
4954
  var TRANSPARENT = "transparent";
4955
- var LINK_WATER = "#EBEFFB";
4955
+ var LINK_WATER = "#FEFEFE";
4956
4956
  var WHITE = "#FFFFFF";
4957
4957
  var SOLITUDE_WHITE = "#EBEDF1";
4958
4958
  var SEASHELL_WHITE = "#F1F1F1";
@@ -42840,8 +42840,6 @@ var fallbackValues$I = {
42840
42840
  color: color$b
42841
42841
  };
42842
42842
 
42843
- // import ArrowRightIcon from "../../atoms/icons/ArrowRightIcon";
42844
-
42845
42843
  var LinkCard = function LinkCard(_ref) {
42846
42844
  var _ref$variant = _ref.variant,
42847
42845
  _ref$title = _ref.title,
@@ -42849,7 +42847,6 @@ var LinkCard = function LinkCard(_ref) {
42849
42847
  _ref$subtitle = _ref.subtitle,
42850
42848
  subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
42851
42849
  themeValues = _ref.themeValues,
42852
- path = _ref.path,
42853
42850
  showLeft = _ref.showLeft,
42854
42851
  leftContent = _ref.leftContent,
42855
42852
  showRight = _ref.showRight,
@@ -42861,7 +42858,7 @@ var LinkCard = function LinkCard(_ref) {
42861
42858
  extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles;
42862
42859
  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 ");
42863
42860
  return /*#__PURE__*/React.createElement(Box, {
42864
- background: "".concat(LINK_WATER),
42861
+ background: LINK_WATER,
42865
42862
  border: "1px solid ".concat(MOON_RAKER, ";"),
42866
42863
  borderRadius: "8px",
42867
42864
  dataQa: "link-card-".concat(title),
@@ -42869,7 +42866,7 @@ var LinkCard = function LinkCard(_ref) {
42869
42866
  maxWidth: "288px",
42870
42867
  minWidth: "240px",
42871
42868
  minHeight: "141px",
42872
- padding: "16px 24px",
42869
+ padding: "24px",
42873
42870
  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 "),
42874
42871
  hoverStyles: activeHoverStyles,
42875
42872
  activeStyles: activeHoverStyles,
@@ -42879,7 +42876,7 @@ var LinkCard = function LinkCard(_ref) {
42879
42876
  bottomItem: 3,
42880
42877
  fullHeight: true
42881
42878
  }, /*#__PURE__*/React.createElement(Box, {
42882
- padding: "1rem 0 0 0"
42879
+ padding: 0
42883
42880
  }, /*#__PURE__*/React.createElement(Heading$1, {
42884
42881
  variant: "h6",
42885
42882
  weight: FONT_WEIGHT_SEMIBOLD,
@@ -42895,7 +42892,7 @@ var LinkCard = function LinkCard(_ref) {
42895
42892
  }, subtitle)), /*#__PURE__*/React.createElement(Box, {
42896
42893
  background: "transparent",
42897
42894
  borderWidthOverride: "0 0 0 0",
42898
- padding: "0 1rem 1rem 1rem"
42895
+ padding: "0"
42899
42896
  }, /*#__PURE__*/React.createElement(Stack, {
42900
42897
  direction: "row",
42901
42898
  justify: "space-between"