@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.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 = "#
|
|
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:
|
|
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: "
|
|
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:
|
|
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
|
|
42895
|
+
padding: "0"
|
|
42899
42896
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
42900
42897
|
direction: "row",
|
|
42901
42898
|
justify: "space-between"
|