@thecb/components 11.11.2 → 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 +11 -13
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -13
- 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/src/components/molecules/obligation/modules/IconModule.js +1 -1
package/package.json
CHANGED
|
@@ -98,12 +98,6 @@ const AutopayModalModule = ({
|
|
|
98
98
|
: navigateToSettings,
|
|
99
99
|
isLoading: deactivatingSchedule
|
|
100
100
|
};
|
|
101
|
-
const modalLinkHoverFocus = `
|
|
102
|
-
outline: none;
|
|
103
|
-
cursor: pointer;
|
|
104
|
-
text-decoration: underline;
|
|
105
|
-
text-decoration-color: #317D4F;
|
|
106
|
-
`;
|
|
107
101
|
|
|
108
102
|
const hoverStyles = "text-decoration: underline;";
|
|
109
103
|
const activeStyles = "text-decoration: underline;";
|
|
@@ -144,15 +138,24 @@ const AutopayModalModule = ({
|
|
|
144
138
|
return (
|
|
145
139
|
<Box
|
|
146
140
|
padding="0"
|
|
141
|
+
role="button"
|
|
142
|
+
tabIndex="0"
|
|
147
143
|
onClick={
|
|
148
144
|
onClick ||
|
|
149
145
|
(() => {
|
|
150
146
|
toggleModal(true);
|
|
151
147
|
})
|
|
152
148
|
}
|
|
149
|
+
onKeyDown={
|
|
150
|
+
onKeyPress ||
|
|
151
|
+
(e => {
|
|
152
|
+
e.key === "Enter" && toggleModal(true);
|
|
153
|
+
})
|
|
154
|
+
}
|
|
153
155
|
hoverStyles={hoverStyles}
|
|
154
156
|
activeStyles={activeStyles}
|
|
155
|
-
extraStyles={"cursor: pointer;"}
|
|
157
|
+
extraStyles={"cursor: pointer; margin-bottom: 5px;"}
|
|
158
|
+
dataQa={`${shortPlan} On`}
|
|
156
159
|
>
|
|
157
160
|
<Cluster
|
|
158
161
|
justify={isMobile ? "flex-start" : "flex-end"}
|
|
@@ -161,18 +164,8 @@ const AutopayModalModule = ({
|
|
|
161
164
|
<AutopayOnIcon />
|
|
162
165
|
<Text
|
|
163
166
|
variant="pS"
|
|
164
|
-
onClick={onClick || (() => toggleModal(true))}
|
|
165
|
-
onKeyPress={
|
|
166
|
-
onKeyPress ||
|
|
167
|
-
(e => {
|
|
168
|
-
e.key === "Enter" && toggleModal(true);
|
|
169
|
-
})
|
|
170
|
-
}
|
|
171
|
-
tabIndex="0"
|
|
172
|
-
dataQa={`${shortPlan} On`}
|
|
173
167
|
color={SEA_GREEN}
|
|
174
168
|
weight={FONT_WEIGHT_REGULAR}
|
|
175
|
-
hoverStyles={modalLinkHoverFocus}
|
|
176
169
|
extraStyles={`padding-left: 0.25rem;`}
|
|
177
170
|
disabled={disableActions}
|
|
178
171
|
>
|