@thecb/components 10.4.3-beta.0 → 10.4.4-beta.0
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 +213 -19
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +213 -20
- package/dist/index.esm.js.map +1 -1
- package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +49322 -0
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/icons/.DS_Store +0 -0
- package/src/components/atoms/icons/DisabledAccountsAddIcon.js +200 -0
- package/src/components/atoms/icons/index.js +3 -1
- package/src/components/atoms/placeholder/Placeholder.js +80 -22
- package/src/components/atoms/placeholder/Placeholder.stories.js +2 -0
- package/src/components/atoms/placeholder/Placeholder.theme.js +8 -2
package/dist/index.esm.js
CHANGED
|
@@ -18426,6 +18426,180 @@ var TrashIconV2 = function TrashIconV2(_ref) {
|
|
|
18426
18426
|
};
|
|
18427
18427
|
var TrashIconV2$1 = themeComponent(TrashIconV2, "Icons", fallbackValues$2, "primary");
|
|
18428
18428
|
|
|
18429
|
+
var DisabledAccountsAddIcon = function DisabledAccountsAddIcon() {
|
|
18430
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
18431
|
+
width: "100",
|
|
18432
|
+
height: "100",
|
|
18433
|
+
viewBox: "0 0 100 100",
|
|
18434
|
+
fill: "none",
|
|
18435
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
18436
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
18437
|
+
fillRule: "evenodd",
|
|
18438
|
+
clipRule: "evenodd",
|
|
18439
|
+
d: "M77.0408 78.1002V32.5154C77.0408 31.9007 76.5506 31.4039 75.9474 31.4039H32.3148C31.7106 31.4039 31.2213 31.9007 31.2213 32.5154V84.5326C31.2213 84.5326 55.7247 98.7028 77.0408 78.1002Z",
|
|
18440
|
+
fill: "white"
|
|
18441
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18442
|
+
fillRule: "evenodd",
|
|
18443
|
+
clipRule: "evenodd",
|
|
18444
|
+
d: "M88.0002 51.4983C88.0002 72.4847 70.9876 89.4983 50.0002 89.4983C29.0128 89.4983 12.0002 72.4847 12.0002 51.4983C12.0002 30.5109 29.0128 13.4983 50.0002 13.4983C59.0261 13.4983 67.3177 16.6447 73.8366 21.902C82.475 28.8674 88.0002 39.5368 88.0002 51.4983Z",
|
|
18445
|
+
stroke: "#878E9B",
|
|
18446
|
+
strokeWidth: "2.59255",
|
|
18447
|
+
strokeLinejoin: "round"
|
|
18448
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18449
|
+
d: "M77.0408 78.1002V32.5154C77.0408 31.9007 76.5506 31.4039 75.9474 31.4039H32.3148C31.7106 31.4039 31.2213 31.9007 31.2213 32.5154V81.3853",
|
|
18450
|
+
stroke: "#3B414D",
|
|
18451
|
+
strokeWidth: "2.0653",
|
|
18452
|
+
strokeLinecap: "round",
|
|
18453
|
+
strokeLinejoin: "round"
|
|
18454
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18455
|
+
fillRule: "evenodd",
|
|
18456
|
+
clipRule: "evenodd",
|
|
18457
|
+
d: "M23.3362 78.1002V11.6448C23.3362 11.0302 23.8264 10.5324 24.4306 10.5324H68.0622C68.6664 10.5324 69.1556 11.0302 69.1556 11.6448V84.1973C69.1556 84.1973 58.4947 90.719 43.9673 88.1179C32.3336 86.0346 23.3362 78.1002 23.3362 78.1002Z",
|
|
18458
|
+
fill: "white"
|
|
18459
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18460
|
+
d: "M69.156 84.1973V11.6448C69.156 11.0302 68.6658 10.5324 68.0625 10.5324H24.43C23.8258 10.5324 23.3365 11.0302 23.3365 11.6448V78.1002",
|
|
18461
|
+
stroke: "#3B414D",
|
|
18462
|
+
strokeWidth: "2.0653",
|
|
18463
|
+
strokeLinecap: "round",
|
|
18464
|
+
strokeLinejoin: "round"
|
|
18465
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18466
|
+
d: "M23.3362 19.3115H69.1556",
|
|
18467
|
+
stroke: "#3B414D",
|
|
18468
|
+
strokeWidth: "1.9285",
|
|
18469
|
+
strokeLinecap: "round",
|
|
18470
|
+
strokeLinejoin: "round"
|
|
18471
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18472
|
+
d: "M69.156 40.1818H77.041",
|
|
18473
|
+
stroke: "#3B414D",
|
|
18474
|
+
strokeWidth: "1.9285",
|
|
18475
|
+
strokeLinecap: "round",
|
|
18476
|
+
strokeLinejoin: "round"
|
|
18477
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18478
|
+
fillRule: "evenodd",
|
|
18479
|
+
clipRule: "evenodd",
|
|
18480
|
+
d: "M29.82 36.5974H62.672V31.4038H29.82V36.5974Z",
|
|
18481
|
+
fill: "white"
|
|
18482
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18483
|
+
fillRule: "evenodd",
|
|
18484
|
+
clipRule: "evenodd",
|
|
18485
|
+
d: "M29.82 36.5974H62.672V31.4038H29.82V36.5974Z",
|
|
18486
|
+
stroke: "#3B414D",
|
|
18487
|
+
strokeWidth: "2.0653",
|
|
18488
|
+
strokeLinecap: "round",
|
|
18489
|
+
strokeLinejoin: "round"
|
|
18490
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18491
|
+
fillRule: "evenodd",
|
|
18492
|
+
clipRule: "evenodd",
|
|
18493
|
+
d: "M29.82 45.9207H62.672V40.7271H29.82V45.9207Z",
|
|
18494
|
+
fill: "white"
|
|
18495
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18496
|
+
fillRule: "evenodd",
|
|
18497
|
+
clipRule: "evenodd",
|
|
18498
|
+
d: "M29.82 45.9207H62.672V40.7271H29.82V45.9207Z",
|
|
18499
|
+
stroke: "#3B414D",
|
|
18500
|
+
strokeWidth: "2.0653",
|
|
18501
|
+
strokeLinecap: "round",
|
|
18502
|
+
strokeLinejoin: "round"
|
|
18503
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18504
|
+
d: "M29.8201 26.2602H46.2466",
|
|
18505
|
+
stroke: "#3B414D",
|
|
18506
|
+
strokeWidth: "2.0653",
|
|
18507
|
+
strokeLinecap: "round",
|
|
18508
|
+
strokeLinejoin: "round"
|
|
18509
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18510
|
+
fillRule: "evenodd",
|
|
18511
|
+
clipRule: "evenodd",
|
|
18512
|
+
d: "M29.82 63.0901H62.672V57.8964H29.82V63.0901Z",
|
|
18513
|
+
fill: "white"
|
|
18514
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18515
|
+
fillRule: "evenodd",
|
|
18516
|
+
clipRule: "evenodd",
|
|
18517
|
+
d: "M29.82 63.0901H62.672V57.8964H29.82V63.0901Z",
|
|
18518
|
+
stroke: "#3B414D",
|
|
18519
|
+
strokeWidth: "2.0653",
|
|
18520
|
+
strokeLinecap: "round",
|
|
18521
|
+
strokeLinejoin: "round"
|
|
18522
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18523
|
+
fillRule: "evenodd",
|
|
18524
|
+
clipRule: "evenodd",
|
|
18525
|
+
d: "M29.82 72.4143H62.672V67.2207H29.82V72.4143Z",
|
|
18526
|
+
fill: "white"
|
|
18527
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18528
|
+
fillRule: "evenodd",
|
|
18529
|
+
clipRule: "evenodd",
|
|
18530
|
+
d: "M29.82 72.4143H62.672V67.2207H29.82V72.4143Z",
|
|
18531
|
+
stroke: "#3B414D",
|
|
18532
|
+
strokeWidth: "2.0653",
|
|
18533
|
+
strokeLinecap: "round",
|
|
18534
|
+
strokeLinejoin: "round"
|
|
18535
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18536
|
+
fillRule: "evenodd",
|
|
18537
|
+
clipRule: "evenodd",
|
|
18538
|
+
d: "M48.3403 83.2719H62.672V79.298H48.3403V83.2719Z",
|
|
18539
|
+
fill: "#3B414D"
|
|
18540
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18541
|
+
fillRule: "evenodd",
|
|
18542
|
+
clipRule: "evenodd",
|
|
18543
|
+
d: "M48.3403 83.2719H62.672V79.298H48.3403V83.2719Z",
|
|
18544
|
+
stroke: "#3B414D",
|
|
18545
|
+
strokeWidth: "2.0653",
|
|
18546
|
+
strokeLinecap: "round",
|
|
18547
|
+
strokeLinejoin: "round"
|
|
18548
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18549
|
+
d: "M29.8201 52.7535H46.2466",
|
|
18550
|
+
stroke: "#3B414D",
|
|
18551
|
+
strokeWidth: "2.0653",
|
|
18552
|
+
strokeLinecap: "round",
|
|
18553
|
+
strokeLinejoin: "round"
|
|
18554
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18555
|
+
d: "M73.8364 21.9017C82.4748 28.8671 88 39.5365 88 51.498C88 72.4844 70.9874 89.498 50 89.498C29.0126 89.498 12 72.4844 12 51.498",
|
|
18556
|
+
stroke: "#878E9B",
|
|
18557
|
+
strokeWidth: "2.59255",
|
|
18558
|
+
strokeLinejoin: "round"
|
|
18559
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18560
|
+
fillRule: "evenodd",
|
|
18561
|
+
clipRule: "evenodd",
|
|
18562
|
+
d: "M69.1557 40.1818H77.0407V31.4038H69.1557V40.1818Z",
|
|
18563
|
+
fill: "#3B414D"
|
|
18564
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18565
|
+
fillRule: "evenodd",
|
|
18566
|
+
clipRule: "evenodd",
|
|
18567
|
+
d: "M23.3363 19.3112H69.1557V10.5323H23.3363V19.3112Z",
|
|
18568
|
+
fill: "#3B414D"
|
|
18569
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18570
|
+
d: "M72.0041 90.1C79.3495 90.1 85.3041 84.1454 85.3041 76.8C85.3041 69.4546 79.3495 63.5 72.0041 63.5C64.6587 63.5 58.7041 69.4546 58.7041 76.8C58.7041 84.1454 64.6587 90.1 72.0041 90.1Z",
|
|
18571
|
+
fill: "#878E9B"
|
|
18572
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18573
|
+
fillRule: "evenodd",
|
|
18574
|
+
clipRule: "evenodd",
|
|
18575
|
+
d: "M79.2041 77.5H73.2041V83.5H71.2041V77.5H65.2041V75.5H71.2041V69.5H73.2041V75.5H79.2041V77.5Z",
|
|
18576
|
+
fill: "white"
|
|
18577
|
+
}), /*#__PURE__*/React.createElement("mask", {
|
|
18578
|
+
id: "mask0_7610_37196",
|
|
18579
|
+
style: {
|
|
18580
|
+
maskType: "luminance"
|
|
18581
|
+
},
|
|
18582
|
+
maskUnits: "userSpaceOnUse",
|
|
18583
|
+
x: "65",
|
|
18584
|
+
y: "69",
|
|
18585
|
+
width: "15",
|
|
18586
|
+
height: "15"
|
|
18587
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
18588
|
+
fillRule: "evenodd",
|
|
18589
|
+
clipRule: "evenodd",
|
|
18590
|
+
d: "M79.2041 77.5H73.2041V83.5H71.2041V77.5H65.2041V75.5H71.2041V69.5H73.2041V75.5H79.2041V77.5Z",
|
|
18591
|
+
fill: "white"
|
|
18592
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
18593
|
+
mask: "url(#mask0_7610_37196)"
|
|
18594
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
18595
|
+
x: "60.2041",
|
|
18596
|
+
y: "64.5",
|
|
18597
|
+
width: "24",
|
|
18598
|
+
height: "24",
|
|
18599
|
+
fill: "white"
|
|
18600
|
+
})));
|
|
18601
|
+
};
|
|
18602
|
+
|
|
18429
18603
|
var color$2 = "#15749D";
|
|
18430
18604
|
var hoverColor$1 = "#116285";
|
|
18431
18605
|
var activeColor$1 = "#0E506D";
|
|
@@ -27750,16 +27924,16 @@ var fallbackValues$s = {
|
|
|
27750
27924
|
height: height$1
|
|
27751
27925
|
};
|
|
27752
27926
|
|
|
27753
|
-
var getLargeIcon = function getLargeIcon(iconName) {
|
|
27927
|
+
var getLargeIcon = function getLargeIcon(iconName, isDisabled) {
|
|
27754
27928
|
switch (iconName) {
|
|
27755
27929
|
case "accounts":
|
|
27756
|
-
return /*#__PURE__*/React.createElement(AccountsAddIcon$1, null);
|
|
27930
|
+
return isDisabled ? /*#__PURE__*/React.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React.createElement(AccountsAddIcon$1, null);
|
|
27757
27931
|
case "properties":
|
|
27758
|
-
return /*#__PURE__*/React.createElement(PropertiesAddIcon$1, null);
|
|
27932
|
+
return isDisabled ? /*#__PURE__*/React.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React.createElement(PropertiesAddIcon$1, null);
|
|
27759
27933
|
case "payments":
|
|
27760
|
-
return /*#__PURE__*/React.createElement(PaymentMethodAddIcon$1, null);
|
|
27934
|
+
return isDisabled ? /*#__PURE__*/React.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React.createElement(PaymentMethodAddIcon$1, null);
|
|
27761
27935
|
default:
|
|
27762
|
-
return /*#__PURE__*/React.createElement(AccountsAddIcon$1, null);
|
|
27936
|
+
return isDisabled ? /*#__PURE__*/React.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React.createElement(AccountsAddIcon$1, null);
|
|
27763
27937
|
}
|
|
27764
27938
|
};
|
|
27765
27939
|
var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
|
|
@@ -27767,22 +27941,35 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
|
|
|
27767
27941
|
action = _ref.action,
|
|
27768
27942
|
destination = _ref.destination,
|
|
27769
27943
|
children = _ref.children,
|
|
27944
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
27945
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
27770
27946
|
dataQa = _ref.dataQa;
|
|
27771
|
-
return
|
|
27947
|
+
return isDisabled ? /*#__PURE__*/React.createElement(Box, {
|
|
27948
|
+
padding: "0",
|
|
27949
|
+
minHeight: "100%",
|
|
27950
|
+
extraStyles: isDisabled ? "cursor: default" : "cursor: pointer;",
|
|
27951
|
+
"aria-disabled": isDisabled
|
|
27952
|
+
}, children) : isLink ? /*#__PURE__*/React.createElement(Link, {
|
|
27772
27953
|
to: destination,
|
|
27773
27954
|
"data-qa": dataQa,
|
|
27774
|
-
|
|
27955
|
+
disabled: isDisabled,
|
|
27956
|
+
style: isDisabled ? {
|
|
27957
|
+
textDecoration: "none",
|
|
27958
|
+
color: "".concat(MANATEE_GREY),
|
|
27959
|
+
borderColor: "".concat(MANATEE_GREY)
|
|
27960
|
+
} : {
|
|
27775
27961
|
textDecoration: "none"
|
|
27776
27962
|
}
|
|
27777
27963
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
27778
27964
|
padding: "0",
|
|
27779
27965
|
minHeight: "100%",
|
|
27780
|
-
extraStyles: "cursor: pointer;"
|
|
27966
|
+
extraStyles: isDisabled ? "cursor: default;" : "cursor: pointer;"
|
|
27781
27967
|
}, children)) : /*#__PURE__*/React.createElement(Box, {
|
|
27782
|
-
onClick: action,
|
|
27968
|
+
onClick: isDisabled ? noop : action,
|
|
27783
27969
|
padding: "0",
|
|
27784
27970
|
minHeight: "100%",
|
|
27785
|
-
|
|
27971
|
+
"aria-disabled": isDisabled,
|
|
27972
|
+
extraStyles: isDisabled ? "cursor: default" : "cursor: pointer;",
|
|
27786
27973
|
dataQa: dataQa
|
|
27787
27974
|
}, children);
|
|
27788
27975
|
};
|
|
@@ -27797,27 +27984,30 @@ var Placeholder = function Placeholder(_ref2) {
|
|
|
27797
27984
|
variant = _ref2.variant,
|
|
27798
27985
|
largeIcon = _ref2.largeIcon,
|
|
27799
27986
|
themeValues = _ref2.themeValues,
|
|
27987
|
+
_ref2$isDisabled = _ref2.isDisabled,
|
|
27988
|
+
isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
|
|
27800
27989
|
dataQa = _ref2.dataQa;
|
|
27801
27990
|
return /*#__PURE__*/React.createElement(PlaceholderContentWrapper, {
|
|
27802
27991
|
isLink: isLink,
|
|
27803
27992
|
action: action,
|
|
27804
27993
|
destination: destination,
|
|
27805
|
-
dataQa: dataQa
|
|
27994
|
+
dataQa: dataQa,
|
|
27995
|
+
isDisabled: isDisabled
|
|
27806
27996
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
27807
27997
|
padding: "0",
|
|
27808
27998
|
borderRadius: "4px",
|
|
27809
27999
|
border: "none",
|
|
27810
28000
|
minHeight: themeValues.height,
|
|
27811
28001
|
hiddenStyles: !visible,
|
|
27812
|
-
extraStyles: "\n background: linear-gradient(\n to right,\n ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n rgba(255, 255, 255, 0) 0%\n ),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 5px 1px, 1px 5px;\n display: flex;\n justify-content: center;\n align-items:center;"),
|
|
27813
|
-
hoverStyles: "background-color: ".concat(variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
|
|
28002
|
+
extraStyles: isDisabled ? "border: 1px dashed ".concat(MANATEE_GREY, "; \n display: flex;\n justify-content: center;\n align-items:center;") : "\n background: linear-gradient(\n to right,\n ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n rgba(255, 255, 255, 0) 0%\n ),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 5px 1px, 1px 5px;\n display: flex;\n justify-content: center;\n align-items:center;"),
|
|
28003
|
+
hoverStyles: "background-color: ".concat(isDisabled ? TRANSPARENT : variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
|
|
27814
28004
|
}, /*#__PURE__*/React.createElement(Center, {
|
|
27815
28005
|
maxWidth: "300px"
|
|
27816
28006
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
27817
28007
|
padding: "0",
|
|
27818
28008
|
tabIndex: "0",
|
|
27819
28009
|
onKeyPress: function onKeyPress(e) {
|
|
27820
|
-
return e.key === "Enter" && action();
|
|
28010
|
+
return isDisabled ? noop : e.key === "Enter" && action();
|
|
27821
28011
|
}
|
|
27822
28012
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
27823
28013
|
justify: "center",
|
|
@@ -27828,12 +28018,13 @@ var Placeholder = function Placeholder(_ref2) {
|
|
|
27828
28018
|
childGap: "0"
|
|
27829
28019
|
}, variant === "large" && /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(Box, {
|
|
27830
28020
|
padding: "0",
|
|
27831
|
-
|
|
28021
|
+
"aria-disabled": isDisabled,
|
|
28022
|
+
extraStyles: ".fill { \n fill: ".concat(isDisabled ? MANATEE_GREY : variant === "large" ? CHARADE_GREY : themeValues.color, "; \n } .stroke { \n stroke: ").concat(isDisabled ? MANATEE_GREY : variant === "large" ? CHARADE_GREY : themeValues.color, "; \n }")
|
|
27832
28023
|
}, variant === "large" ? /*#__PURE__*/React.createElement(Center, {
|
|
27833
28024
|
intrinsic: true
|
|
27834
|
-
}, getLargeIcon(largeIcon), /*#__PURE__*/React.createElement(Text$1, {
|
|
28025
|
+
}, getLargeIcon(largeIcon, isDisabled), /*#__PURE__*/React.createElement(Text$1, {
|
|
27835
28026
|
variant: "pS",
|
|
27836
|
-
color: themeValues.color,
|
|
28027
|
+
color: isDisabled ? MANATEE_GREY : themeValues.color,
|
|
27837
28028
|
weight: FONT_WEIGHT_REGULAR,
|
|
27838
28029
|
extraStyles: "text-align: center;"
|
|
27839
28030
|
}, text)) : /*#__PURE__*/React.createElement(Cover, {
|
|
@@ -27842,11 +28033,13 @@ var Placeholder = function Placeholder(_ref2) {
|
|
|
27842
28033
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
27843
28034
|
justify: "center",
|
|
27844
28035
|
align: "center"
|
|
27845
|
-
}, /*#__PURE__*/React.createElement(IconAdd,
|
|
28036
|
+
}, /*#__PURE__*/React.createElement(IconAdd, {
|
|
28037
|
+
fill: isDisabled ? MANATEE_GREY : "#fff"
|
|
28038
|
+
}), /*#__PURE__*/React.createElement(Center, {
|
|
27846
28039
|
intrinsic: true
|
|
27847
28040
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
27848
28041
|
variant: "pS",
|
|
27849
|
-
color: themeValues.color,
|
|
28042
|
+
color: isDisabled ? MANATEE_GREY : themeValues.color,
|
|
27850
28043
|
weight: FONT_WEIGHT_REGULAR,
|
|
27851
28044
|
extraStyles: "padding: 0 0 0 8px; text-align: center;"
|
|
27852
28045
|
}, text)))))))))));
|
|
@@ -50551,5 +50744,5 @@ var index$6 = /*#__PURE__*/Object.freeze({
|
|
|
50551
50744
|
useToastNotification: useToastNotification
|
|
50552
50745
|
});
|
|
50553
50746
|
|
|
50554
|
-
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, MultiCartIcon, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, PopupMenu$1 as PopupMenu, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToastNotification, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
|
|
50747
|
+
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, Alert$1 as Alert, AllocatedIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CarrotIcon$1 as CarrotIcon, CashIcon, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisplayBox$1 as DisplayBox, DisplayCard, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, Modal$1 as Modal, Module$1 as Module, Motion, MultiCartIcon, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoCustomerResultsIcon, NoPaymentResultsIcon, NotFoundIcon, Obligation, iconsMap as ObligationIcons, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, PointOfSaleImage, Popover$1 as Popover, PopupMenu$1 as PopupMenu, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess, RevenueManagementImage, RoutingNumberImage, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading_styled as TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToastNotification, ToggleSwitch$1 as ToggleSwitch, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
|
|
50555
50748
|
//# sourceMappingURL=index.esm.js.map
|