@thecb/components 11.11.3 → 11.11.4
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 +9 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -12
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/AutopayOnIcon.js +1 -0
- package/src/components/molecules/obligation/modules/AutopayModalModule.js +10 -17
package/dist/index.cjs.js
CHANGED
|
@@ -15099,7 +15099,8 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
|
|
|
15099
15099
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15100
15100
|
width: "12",
|
|
15101
15101
|
height: "13",
|
|
15102
|
-
viewBox: "0 0 12 13"
|
|
15102
|
+
viewBox: "0 0 12 13",
|
|
15103
|
+
"aria-hidden": "true"
|
|
15103
15104
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15104
15105
|
fill: "none",
|
|
15105
15106
|
fillRule: "evenodd",
|
|
@@ -46229,7 +46230,6 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
|
|
|
46229
46230
|
} : navigateToSettings,
|
|
46230
46231
|
isLoading: deactivatingSchedule
|
|
46231
46232
|
};
|
|
46232
|
-
var modalLinkHoverFocus = "\n outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;\n ";
|
|
46233
46233
|
var hoverStyles = "text-decoration: underline;";
|
|
46234
46234
|
var activeStyles = "text-decoration: underline;";
|
|
46235
46235
|
var renderAutoPayControl = function renderAutoPayControl() {
|
|
@@ -46264,28 +46264,25 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
|
|
|
46264
46264
|
{
|
|
46265
46265
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
46266
46266
|
padding: "0",
|
|
46267
|
+
role: "button",
|
|
46268
|
+
tabIndex: "0",
|
|
46267
46269
|
onClick: onClick || function () {
|
|
46268
46270
|
toggleModal(true);
|
|
46269
46271
|
},
|
|
46272
|
+
onKeyDown: onKeyPress || function (e) {
|
|
46273
|
+
e.key === "Enter" && toggleModal(true);
|
|
46274
|
+
},
|
|
46270
46275
|
hoverStyles: hoverStyles,
|
|
46271
46276
|
activeStyles: activeStyles,
|
|
46272
|
-
extraStyles: "cursor: pointer;"
|
|
46277
|
+
extraStyles: "cursor: pointer; margin-bottom: 5px;",
|
|
46278
|
+
dataQa: "".concat(shortPlan, " On")
|
|
46273
46279
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
46274
46280
|
justify: isMobile ? "flex-start" : "flex-end",
|
|
46275
46281
|
align: "center"
|
|
46276
46282
|
}, /*#__PURE__*/React__default.createElement(AutopayOnIcon, null), /*#__PURE__*/React__default.createElement(Text$1, {
|
|
46277
46283
|
variant: "pS",
|
|
46278
|
-
onClick: onClick || function () {
|
|
46279
|
-
return toggleModal(true);
|
|
46280
|
-
},
|
|
46281
|
-
onKeyPress: onKeyPress || function (e) {
|
|
46282
|
-
e.key === "Enter" && toggleModal(true);
|
|
46283
|
-
},
|
|
46284
|
-
tabIndex: "0",
|
|
46285
|
-
dataQa: "".concat(shortPlan, " On"),
|
|
46286
46284
|
color: SEA_GREEN,
|
|
46287
46285
|
weight: FONT_WEIGHT_REGULAR,
|
|
46288
|
-
hoverStyles: modalLinkHoverFocus,
|
|
46289
46286
|
extraStyles: "padding-left: 0.25rem;",
|
|
46290
46287
|
disabled: disableActions
|
|
46291
46288
|
}, "".concat(shortPlan, " ").concat(nextAutopayDate))));
|