@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 +5 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +5 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/link-card/LinkCard.js +4 -14
- package/src/components/molecules/link-card/index.d.ts +0 -1
- package/src/constants/colors.js +1 -1
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 = "#
|
|
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:
|
|
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: "
|
|
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:
|
|
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
|
|
42903
|
+
padding: "0"
|
|
42907
42904
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
42908
42905
|
direction: "row",
|
|
42909
42906
|
justify: "space-between"
|