@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.esm.js
CHANGED
|
@@ -15091,7 +15091,8 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
|
|
|
15091
15091
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15092
15092
|
width: "12",
|
|
15093
15093
|
height: "13",
|
|
15094
|
-
viewBox: "0 0 12 13"
|
|
15094
|
+
viewBox: "0 0 12 13",
|
|
15095
|
+
"aria-hidden": "true"
|
|
15095
15096
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
15096
15097
|
fill: "none",
|
|
15097
15098
|
fillRule: "evenodd",
|
|
@@ -46221,7 +46222,6 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
|
|
|
46221
46222
|
} : navigateToSettings,
|
|
46222
46223
|
isLoading: deactivatingSchedule
|
|
46223
46224
|
};
|
|
46224
|
-
var modalLinkHoverFocus = "\n outline: none;\n cursor: pointer;\n text-decoration: underline;\n text-decoration-color: #317D4F;\n ";
|
|
46225
46225
|
var hoverStyles = "text-decoration: underline;";
|
|
46226
46226
|
var activeStyles = "text-decoration: underline;";
|
|
46227
46227
|
var renderAutoPayControl = function renderAutoPayControl() {
|
|
@@ -46256,28 +46256,25 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
|
|
|
46256
46256
|
{
|
|
46257
46257
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
46258
46258
|
padding: "0",
|
|
46259
|
+
role: "button",
|
|
46260
|
+
tabIndex: "0",
|
|
46259
46261
|
onClick: onClick || function () {
|
|
46260
46262
|
toggleModal(true);
|
|
46261
46263
|
},
|
|
46264
|
+
onKeyDown: onKeyPress || function (e) {
|
|
46265
|
+
e.key === "Enter" && toggleModal(true);
|
|
46266
|
+
},
|
|
46262
46267
|
hoverStyles: hoverStyles,
|
|
46263
46268
|
activeStyles: activeStyles,
|
|
46264
|
-
extraStyles: "cursor: pointer;"
|
|
46269
|
+
extraStyles: "cursor: pointer; margin-bottom: 5px;",
|
|
46270
|
+
dataQa: "".concat(shortPlan, " On")
|
|
46265
46271
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
46266
46272
|
justify: isMobile ? "flex-start" : "flex-end",
|
|
46267
46273
|
align: "center"
|
|
46268
46274
|
}, /*#__PURE__*/React__default.createElement(AutopayOnIcon, null), /*#__PURE__*/React__default.createElement(Text$1, {
|
|
46269
46275
|
variant: "pS",
|
|
46270
|
-
onClick: onClick || function () {
|
|
46271
|
-
return toggleModal(true);
|
|
46272
|
-
},
|
|
46273
|
-
onKeyPress: onKeyPress || function (e) {
|
|
46274
|
-
e.key === "Enter" && toggleModal(true);
|
|
46275
|
-
},
|
|
46276
|
-
tabIndex: "0",
|
|
46277
|
-
dataQa: "".concat(shortPlan, " On"),
|
|
46278
46276
|
color: SEA_GREEN,
|
|
46279
46277
|
weight: FONT_WEIGHT_REGULAR,
|
|
46280
|
-
hoverStyles: modalLinkHoverFocus,
|
|
46281
46278
|
extraStyles: "padding-left: 0.25rem;",
|
|
46282
46279
|
disabled: disableActions
|
|
46283
46280
|
}, "".concat(shortPlan, " ").concat(nextAutopayDate))));
|