rbro-tat-uds 2.2.40 → 2.2.41
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/build/cjs/components/ProposalMortgage/ProposalMortgage.cjs +24 -9
- package/build/cjs/components/PropunereFlexicredit/PropunereFlexicredit.cjs +54 -4
- package/build/cjs/index.cjs +78 -13
- package/build/esm/components/ProposalMortgage/ProposalMortgage.js +24 -9
- package/build/esm/components/PropunereFlexicredit/PropunereFlexicredit.js +54 -4
- package/build/esm/index.js +78 -13
- package/build/types/components/ProposalMortgage/ProposalMortgage.d.ts +9 -0
- package/build/types/components/PropunereFlexicredit/PropunereFlexicredit.d.ts +11 -0
- package/package.json +2 -2
|
@@ -14,6 +14,8 @@ var utils = require('../../utils');
|
|
|
14
14
|
var Button = require('../Button/Button.cjs');
|
|
15
15
|
var Spinner = require('../Spinner/Spinner.cjs');
|
|
16
16
|
|
|
17
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
18
|
+
const _constraint_alertfontsize = [12, 14, 16, 18, 20, 24];
|
|
17
19
|
const ProposalMortgageWrapper = styled.div`
|
|
18
20
|
display: flex;
|
|
19
21
|
flex-direction: column;
|
|
@@ -75,7 +77,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
75
77
|
height: 100%;
|
|
76
78
|
width: 100%;
|
|
77
79
|
|
|
78
|
-
${({ $empty, $loading }) => !$empty ? $loading ? styled.css`
|
|
80
|
+
${({ $empty, $loading, $alert_bg_color, $alert_text_color, $alert_text_font_size, $alert_text_font_weight }) => !$empty ? $loading ? styled.css`
|
|
79
81
|
& > div:first-of-type {
|
|
80
82
|
& > .proposalmortgage-header {
|
|
81
83
|
background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && utils.colors.purple_50 || $refused && utils.colors.gray_30 : "transparent"};
|
|
@@ -112,7 +114,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
112
114
|
& > div:first-of-type {
|
|
113
115
|
& > .proposalmortgage-alert {
|
|
114
116
|
padding: 8px 16px;
|
|
115
|
-
background-color: ${utils.colors
|
|
117
|
+
background-color: ${utils.colors[$alert_bg_color]};
|
|
116
118
|
display: flex;
|
|
117
119
|
align-items: center;
|
|
118
120
|
gap: 4px;
|
|
@@ -124,9 +126,11 @@ const ProposalMortgageStyled = styled.div`
|
|
|
124
126
|
}
|
|
125
127
|
|
|
126
128
|
& > span {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
font-weight: 400;
|
|
129
|
+
font-size: ${typeof $alert_text_font_size === "number" && _constraint_alertfontsize.includes($alert_text_font_size) ? $alert_text_font_size + "px" : "12px"};
|
|
130
|
+
|
|
131
|
+
font-weight: ${typeof $alert_text_font_weight === "number" && _constraint_alertfontweight.includes($alert_text_font_weight) ? $alert_text_font_weight : 400};
|
|
132
|
+
|
|
133
|
+
color: ${utils.colors[$alert_text_color]};
|
|
130
134
|
flex: 1;
|
|
131
135
|
}
|
|
132
136
|
}
|
|
@@ -337,7 +341,14 @@ const ProposalMortgage = ({
|
|
|
337
341
|
show_personalizeaza_oferta_button = false,
|
|
338
342
|
personalizeazaOfertaButtonOnClick,
|
|
339
343
|
show_alert = false,
|
|
344
|
+
alert_bg_color = "warning_100",
|
|
345
|
+
alert_left_icon = void 0,
|
|
346
|
+
alert_left_icon_color = "warning_500",
|
|
347
|
+
alert_left_icon_size = 14,
|
|
340
348
|
alert_text = "",
|
|
349
|
+
alert_text_color = "warning_700",
|
|
350
|
+
alert_text_font_size = 12,
|
|
351
|
+
alert_text_font_weight = 400,
|
|
341
352
|
children,
|
|
342
353
|
...rest
|
|
343
354
|
}) => {
|
|
@@ -358,16 +369,20 @@ const ProposalMortgage = ({
|
|
|
358
369
|
$disabled: disabled,
|
|
359
370
|
$hide_button: hide_button,
|
|
360
371
|
$loading: loading,
|
|
372
|
+
$alert_bg_color: alert_bg_color,
|
|
373
|
+
$alert_text_color: alert_text_color,
|
|
374
|
+
$alert_text_font_size: alert_text_font_size,
|
|
375
|
+
$alert_text_font_weight: alert_text_font_weight,
|
|
361
376
|
...rest,
|
|
362
377
|
children: !empty ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
363
378
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
364
379
|
!loading && show_alert && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalmortgage-alert", children: [
|
|
365
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
380
|
+
alert_left_icon !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
366
381
|
Icon.default,
|
|
367
382
|
{
|
|
368
|
-
icon:
|
|
369
|
-
size:
|
|
370
|
-
color: utils.colors
|
|
383
|
+
icon: alert_left_icon,
|
|
384
|
+
size: alert_left_icon_size,
|
|
385
|
+
color: utils.colors[alert_left_icon_color]
|
|
371
386
|
}
|
|
372
387
|
) }),
|
|
373
388
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: alert_text })
|
|
@@ -12,6 +12,8 @@ var Icon = require('../Icon/Icon.cjs');
|
|
|
12
12
|
var IconButton = require('../IconButton/IconButton.cjs');
|
|
13
13
|
var utils = require('../../utils');
|
|
14
14
|
|
|
15
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
16
|
+
const _constraint_alerttextfontsize = [12, 14, 16, 18, 20, 24];
|
|
15
17
|
const PropunereFlexicreditStyled = styled.div`
|
|
16
18
|
border-radius: 8px;
|
|
17
19
|
border: 1px solid
|
|
@@ -26,7 +28,31 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
26
28
|
outline: ${props.$featured ? `3px solid ${utils.colors.accent_300}` : "none"};
|
|
27
29
|
|
|
28
30
|
& > div:first-of-type {
|
|
29
|
-
& >
|
|
31
|
+
& > .proposalflexicredit-alert {
|
|
32
|
+
padding: 8px 16px;
|
|
33
|
+
display:flex;
|
|
34
|
+
align-items:center;
|
|
35
|
+
gap:4px;
|
|
36
|
+
border-bottom: 1px solid ${utils.colors.gray_200};
|
|
37
|
+
background-color: ${utils.colors[props.$alertBgColor]};
|
|
38
|
+
|
|
39
|
+
& > div {
|
|
40
|
+
display:flex;
|
|
41
|
+
align-self:flex-start;
|
|
42
|
+
margin-top:1px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&> span {
|
|
46
|
+
font-size: ${typeof props.$alertTextFontSize === "number" && _constraint_alerttextfontsize.includes(props.$alertTextFontSize) ? props.$alertTextFontSize + "px" : "12px"};
|
|
47
|
+
|
|
48
|
+
font-weight: ${typeof props.$alertTextFontWeight === "number" && _constraint_alertfontweight.includes(props.$alertTextFontWeight) ? props.$alertTextFontWeight : 400};
|
|
49
|
+
|
|
50
|
+
color: ${utils.colors[props.$alertTextColor]};
|
|
51
|
+
flex:1;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
& > .proposalflexicredit-header {
|
|
30
56
|
padding: 6px 6px 0px 16px;
|
|
31
57
|
display: flex;
|
|
32
58
|
align-items: center;
|
|
@@ -42,7 +68,7 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
42
68
|
}
|
|
43
69
|
}
|
|
44
70
|
|
|
45
|
-
& >
|
|
71
|
+
& > .proposalflexicredit-details {
|
|
46
72
|
display: flex;
|
|
47
73
|
align-items: stretch;
|
|
48
74
|
gap: 8px;
|
|
@@ -242,6 +268,15 @@ const PropunereFlexicredit = ({
|
|
|
242
268
|
selected = false,
|
|
243
269
|
disabled = false,
|
|
244
270
|
refused = false,
|
|
271
|
+
showAlert = false,
|
|
272
|
+
alertBgColor = "accent_200",
|
|
273
|
+
alertLeftIcon = void 0,
|
|
274
|
+
alertLeftIconSize = 14,
|
|
275
|
+
alertLeftIconColor = "gray_950",
|
|
276
|
+
alertText = "",
|
|
277
|
+
alertTextColor = "gray_950",
|
|
278
|
+
alertTextFontSize = 14,
|
|
279
|
+
alertTextFontWeight = 400,
|
|
245
280
|
children,
|
|
246
281
|
...rest
|
|
247
282
|
}) => {
|
|
@@ -262,10 +297,25 @@ const PropunereFlexicredit = ({
|
|
|
262
297
|
$disabled: disabled,
|
|
263
298
|
$refused: refused,
|
|
264
299
|
$hideButton: hideButton,
|
|
300
|
+
$alertBgColor: alertBgColor,
|
|
301
|
+
$alertTextColor: alertTextColor,
|
|
302
|
+
$alertTextFontSize: alertTextFontSize,
|
|
303
|
+
$alertTextFontWeight: alertTextFontWeight,
|
|
265
304
|
...rest,
|
|
266
305
|
children: !empty ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
267
306
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
268
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
307
|
+
showAlert && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-alert", children: [
|
|
308
|
+
alertLeftIcon !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
309
|
+
Icon.default,
|
|
310
|
+
{
|
|
311
|
+
icon: alertLeftIcon,
|
|
312
|
+
size: alertLeftIconSize,
|
|
313
|
+
color: utils.colors[alertLeftIconColor]
|
|
314
|
+
}
|
|
315
|
+
) }),
|
|
316
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: alertText })
|
|
317
|
+
] }),
|
|
318
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-header", children: [
|
|
269
319
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
|
|
270
320
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
271
321
|
IconButton.default,
|
|
@@ -280,7 +330,7 @@ const PropunereFlexicredit = ({
|
|
|
280
330
|
}
|
|
281
331
|
)
|
|
282
332
|
] }),
|
|
283
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
333
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-details", children: [
|
|
284
334
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
285
335
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
286
336
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Suma noua" }),
|
package/build/cjs/index.cjs
CHANGED
|
@@ -77686,6 +77686,8 @@ const PropunereAsigurariCalatorie = ({
|
|
|
77686
77686
|
const ContentSlot$6 = ({ children }) => children;
|
|
77687
77687
|
PropunereAsigurariCalatorie.ContentSlot = ContentSlot$6;
|
|
77688
77688
|
|
|
77689
|
+
const _constraint_alertfontweight$1 = [200, 300, 400, 500, 700, 800];
|
|
77690
|
+
const _constraint_alerttextfontsize = [12, 14, 16, 18, 20, 24];
|
|
77689
77691
|
const PropunereFlexicreditStyled = styled__default.default.div`
|
|
77690
77692
|
border-radius: 8px;
|
|
77691
77693
|
border: 1px solid
|
|
@@ -77700,7 +77702,31 @@ const PropunereFlexicreditStyled = styled__default.default.div`
|
|
|
77700
77702
|
outline: ${props.$featured ? `3px solid ${utils.colors.accent_300}` : "none"};
|
|
77701
77703
|
|
|
77702
77704
|
& > div:first-of-type {
|
|
77703
|
-
& >
|
|
77705
|
+
& > .proposalflexicredit-alert {
|
|
77706
|
+
padding: 8px 16px;
|
|
77707
|
+
display:flex;
|
|
77708
|
+
align-items:center;
|
|
77709
|
+
gap:4px;
|
|
77710
|
+
border-bottom: 1px solid ${utils.colors.gray_200};
|
|
77711
|
+
background-color: ${utils.colors[props.$alertBgColor]};
|
|
77712
|
+
|
|
77713
|
+
& > div {
|
|
77714
|
+
display:flex;
|
|
77715
|
+
align-self:flex-start;
|
|
77716
|
+
margin-top:1px;
|
|
77717
|
+
}
|
|
77718
|
+
|
|
77719
|
+
&> span {
|
|
77720
|
+
font-size: ${typeof props.$alertTextFontSize === "number" && _constraint_alerttextfontsize.includes(props.$alertTextFontSize) ? props.$alertTextFontSize + "px" : "12px"};
|
|
77721
|
+
|
|
77722
|
+
font-weight: ${typeof props.$alertTextFontWeight === "number" && _constraint_alertfontweight$1.includes(props.$alertTextFontWeight) ? props.$alertTextFontWeight : 400};
|
|
77723
|
+
|
|
77724
|
+
color: ${utils.colors[props.$alertTextColor]};
|
|
77725
|
+
flex:1;
|
|
77726
|
+
}
|
|
77727
|
+
}
|
|
77728
|
+
|
|
77729
|
+
& > .proposalflexicredit-header {
|
|
77704
77730
|
padding: 6px 6px 0px 16px;
|
|
77705
77731
|
display: flex;
|
|
77706
77732
|
align-items: center;
|
|
@@ -77716,7 +77742,7 @@ const PropunereFlexicreditStyled = styled__default.default.div`
|
|
|
77716
77742
|
}
|
|
77717
77743
|
}
|
|
77718
77744
|
|
|
77719
|
-
& >
|
|
77745
|
+
& > .proposalflexicredit-details {
|
|
77720
77746
|
display: flex;
|
|
77721
77747
|
align-items: stretch;
|
|
77722
77748
|
gap: 8px;
|
|
@@ -77916,6 +77942,15 @@ const PropunereFlexicredit = ({
|
|
|
77916
77942
|
selected = false,
|
|
77917
77943
|
disabled = false,
|
|
77918
77944
|
refused = false,
|
|
77945
|
+
showAlert = false,
|
|
77946
|
+
alertBgColor = "accent_200",
|
|
77947
|
+
alertLeftIcon = void 0,
|
|
77948
|
+
alertLeftIconSize = 14,
|
|
77949
|
+
alertLeftIconColor = "gray_950",
|
|
77950
|
+
alertText = "",
|
|
77951
|
+
alertTextColor = "gray_950",
|
|
77952
|
+
alertTextFontSize = 14,
|
|
77953
|
+
alertTextFontWeight = 400,
|
|
77919
77954
|
children,
|
|
77920
77955
|
...rest
|
|
77921
77956
|
}) => {
|
|
@@ -77936,10 +77971,25 @@ const PropunereFlexicredit = ({
|
|
|
77936
77971
|
$disabled: disabled,
|
|
77937
77972
|
$refused: refused,
|
|
77938
77973
|
$hideButton: hideButton,
|
|
77974
|
+
$alertBgColor: alertBgColor,
|
|
77975
|
+
$alertTextColor: alertTextColor,
|
|
77976
|
+
$alertTextFontSize: alertTextFontSize,
|
|
77977
|
+
$alertTextFontWeight: alertTextFontWeight,
|
|
77939
77978
|
...rest,
|
|
77940
77979
|
children: !empty ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
77941
77980
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
77942
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
77981
|
+
showAlert && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-alert", children: [
|
|
77982
|
+
alertLeftIcon !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
77983
|
+
Icon$1,
|
|
77984
|
+
{
|
|
77985
|
+
icon: alertLeftIcon,
|
|
77986
|
+
size: alertLeftIconSize,
|
|
77987
|
+
color: utils.colors[alertLeftIconColor]
|
|
77988
|
+
}
|
|
77989
|
+
) }),
|
|
77990
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: alertText })
|
|
77991
|
+
] }),
|
|
77992
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-header", children: [
|
|
77943
77993
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
|
|
77944
77994
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
77945
77995
|
IconButton,
|
|
@@ -77954,7 +78004,7 @@ const PropunereFlexicredit = ({
|
|
|
77954
78004
|
}
|
|
77955
78005
|
)
|
|
77956
78006
|
] }),
|
|
77957
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
78007
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalflexicredit-details", children: [
|
|
77958
78008
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
77959
78009
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
77960
78010
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Suma noua" }),
|
|
@@ -85362,6 +85412,8 @@ const NestedListsFinder = ({ children, ...rest }) => {
|
|
|
85362
85412
|
};
|
|
85363
85413
|
NestedListsFinder.Column = Column;
|
|
85364
85414
|
|
|
85415
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
85416
|
+
const _constraint_alertfontsize = [12, 14, 16, 18, 20, 24];
|
|
85365
85417
|
const ProposalMortgageWrapper = styled__default.default.div`
|
|
85366
85418
|
display: flex;
|
|
85367
85419
|
flex-direction: column;
|
|
@@ -85423,7 +85475,7 @@ const ProposalMortgageStyled = styled__default.default.div`
|
|
|
85423
85475
|
height: 100%;
|
|
85424
85476
|
width: 100%;
|
|
85425
85477
|
|
|
85426
|
-
${({ $empty, $loading }) => !$empty ? $loading ? styled.css`
|
|
85478
|
+
${({ $empty, $loading, $alert_bg_color, $alert_text_color, $alert_text_font_size, $alert_text_font_weight }) => !$empty ? $loading ? styled.css`
|
|
85427
85479
|
& > div:first-of-type {
|
|
85428
85480
|
& > .proposalmortgage-header {
|
|
85429
85481
|
background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && utils.colors.purple_50 || $refused && utils.colors.gray_30 : "transparent"};
|
|
@@ -85460,7 +85512,7 @@ const ProposalMortgageStyled = styled__default.default.div`
|
|
|
85460
85512
|
& > div:first-of-type {
|
|
85461
85513
|
& > .proposalmortgage-alert {
|
|
85462
85514
|
padding: 8px 16px;
|
|
85463
|
-
background-color: ${utils.colors
|
|
85515
|
+
background-color: ${utils.colors[$alert_bg_color]};
|
|
85464
85516
|
display: flex;
|
|
85465
85517
|
align-items: center;
|
|
85466
85518
|
gap: 4px;
|
|
@@ -85472,9 +85524,11 @@ const ProposalMortgageStyled = styled__default.default.div`
|
|
|
85472
85524
|
}
|
|
85473
85525
|
|
|
85474
85526
|
& > span {
|
|
85475
|
-
|
|
85476
|
-
|
|
85477
|
-
font-weight: 400;
|
|
85527
|
+
font-size: ${typeof $alert_text_font_size === "number" && _constraint_alertfontsize.includes($alert_text_font_size) ? $alert_text_font_size + "px" : "12px"};
|
|
85528
|
+
|
|
85529
|
+
font-weight: ${typeof $alert_text_font_weight === "number" && _constraint_alertfontweight.includes($alert_text_font_weight) ? $alert_text_font_weight : 400};
|
|
85530
|
+
|
|
85531
|
+
color: ${utils.colors[$alert_text_color]};
|
|
85478
85532
|
flex: 1;
|
|
85479
85533
|
}
|
|
85480
85534
|
}
|
|
@@ -85685,7 +85739,14 @@ const ProposalMortgage = ({
|
|
|
85685
85739
|
show_personalizeaza_oferta_button = false,
|
|
85686
85740
|
personalizeazaOfertaButtonOnClick,
|
|
85687
85741
|
show_alert = false,
|
|
85742
|
+
alert_bg_color = "warning_100",
|
|
85743
|
+
alert_left_icon = void 0,
|
|
85744
|
+
alert_left_icon_color = "warning_500",
|
|
85745
|
+
alert_left_icon_size = 14,
|
|
85688
85746
|
alert_text = "",
|
|
85747
|
+
alert_text_color = "warning_700",
|
|
85748
|
+
alert_text_font_size = 12,
|
|
85749
|
+
alert_text_font_weight = 400,
|
|
85689
85750
|
children,
|
|
85690
85751
|
...rest
|
|
85691
85752
|
}) => {
|
|
@@ -85706,16 +85767,20 @@ const ProposalMortgage = ({
|
|
|
85706
85767
|
$disabled: disabled,
|
|
85707
85768
|
$hide_button: hide_button,
|
|
85708
85769
|
$loading: loading,
|
|
85770
|
+
$alert_bg_color: alert_bg_color,
|
|
85771
|
+
$alert_text_color: alert_text_color,
|
|
85772
|
+
$alert_text_font_size: alert_text_font_size,
|
|
85773
|
+
$alert_text_font_weight: alert_text_font_weight,
|
|
85709
85774
|
...rest,
|
|
85710
85775
|
children: !empty ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
85711
85776
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
85712
85777
|
!loading && show_alert && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "proposalmortgage-alert", children: [
|
|
85713
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
85778
|
+
alert_left_icon !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
85714
85779
|
Icon$1,
|
|
85715
85780
|
{
|
|
85716
|
-
icon:
|
|
85717
|
-
size:
|
|
85718
|
-
color: utils.colors
|
|
85781
|
+
icon: alert_left_icon,
|
|
85782
|
+
size: alert_left_icon_size,
|
|
85783
|
+
color: utils.colors[alert_left_icon_color]
|
|
85719
85784
|
}
|
|
85720
85785
|
) }),
|
|
85721
85786
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: alert_text })
|
|
@@ -10,6 +10,8 @@ import { colors } from '../../utils';
|
|
|
10
10
|
import Button from '../Button/Button.js';
|
|
11
11
|
import Spinner from '../Spinner/Spinner.js';
|
|
12
12
|
|
|
13
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
14
|
+
const _constraint_alertfontsize = [12, 14, 16, 18, 20, 24];
|
|
13
15
|
const ProposalMortgageWrapper = styled.div`
|
|
14
16
|
display: flex;
|
|
15
17
|
flex-direction: column;
|
|
@@ -71,7 +73,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
71
73
|
height: 100%;
|
|
72
74
|
width: 100%;
|
|
73
75
|
|
|
74
|
-
${({ $empty, $loading }) => !$empty ? $loading ? css`
|
|
76
|
+
${({ $empty, $loading, $alert_bg_color, $alert_text_color, $alert_text_font_size, $alert_text_font_weight }) => !$empty ? $loading ? css`
|
|
75
77
|
& > div:first-of-type {
|
|
76
78
|
& > .proposalmortgage-header {
|
|
77
79
|
background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
|
|
@@ -108,7 +110,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
108
110
|
& > div:first-of-type {
|
|
109
111
|
& > .proposalmortgage-alert {
|
|
110
112
|
padding: 8px 16px;
|
|
111
|
-
background-color: ${colors
|
|
113
|
+
background-color: ${colors[$alert_bg_color]};
|
|
112
114
|
display: flex;
|
|
113
115
|
align-items: center;
|
|
114
116
|
gap: 4px;
|
|
@@ -120,9 +122,11 @@ const ProposalMortgageStyled = styled.div`
|
|
|
120
122
|
}
|
|
121
123
|
|
|
122
124
|
& > span {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
font-weight: 400;
|
|
125
|
+
font-size: ${typeof $alert_text_font_size === "number" && _constraint_alertfontsize.includes($alert_text_font_size) ? $alert_text_font_size + "px" : "12px"};
|
|
126
|
+
|
|
127
|
+
font-weight: ${typeof $alert_text_font_weight === "number" && _constraint_alertfontweight.includes($alert_text_font_weight) ? $alert_text_font_weight : 400};
|
|
128
|
+
|
|
129
|
+
color: ${colors[$alert_text_color]};
|
|
126
130
|
flex: 1;
|
|
127
131
|
}
|
|
128
132
|
}
|
|
@@ -333,7 +337,14 @@ const ProposalMortgage = ({
|
|
|
333
337
|
show_personalizeaza_oferta_button = false,
|
|
334
338
|
personalizeazaOfertaButtonOnClick,
|
|
335
339
|
show_alert = false,
|
|
340
|
+
alert_bg_color = "warning_100",
|
|
341
|
+
alert_left_icon = void 0,
|
|
342
|
+
alert_left_icon_color = "warning_500",
|
|
343
|
+
alert_left_icon_size = 14,
|
|
336
344
|
alert_text = "",
|
|
345
|
+
alert_text_color = "warning_700",
|
|
346
|
+
alert_text_font_size = 12,
|
|
347
|
+
alert_text_font_weight = 400,
|
|
337
348
|
children,
|
|
338
349
|
...rest
|
|
339
350
|
}) => {
|
|
@@ -354,16 +365,20 @@ const ProposalMortgage = ({
|
|
|
354
365
|
$disabled: disabled,
|
|
355
366
|
$hide_button: hide_button,
|
|
356
367
|
$loading: loading,
|
|
368
|
+
$alert_bg_color: alert_bg_color,
|
|
369
|
+
$alert_text_color: alert_text_color,
|
|
370
|
+
$alert_text_font_size: alert_text_font_size,
|
|
371
|
+
$alert_text_font_weight: alert_text_font_weight,
|
|
357
372
|
...rest,
|
|
358
373
|
children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
359
374
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
360
375
|
!loading && show_alert && /* @__PURE__ */ jsxs("div", { className: "proposalmortgage-alert", children: [
|
|
361
|
-
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
376
|
+
alert_left_icon !== void 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
362
377
|
Icon,
|
|
363
378
|
{
|
|
364
|
-
icon:
|
|
365
|
-
size:
|
|
366
|
-
color: colors
|
|
379
|
+
icon: alert_left_icon,
|
|
380
|
+
size: alert_left_icon_size,
|
|
381
|
+
color: colors[alert_left_icon_color]
|
|
367
382
|
}
|
|
368
383
|
) }),
|
|
369
384
|
/* @__PURE__ */ jsx("span", { children: alert_text })
|
|
@@ -8,6 +8,8 @@ import Icon from '../Icon/Icon.js';
|
|
|
8
8
|
import IconButton from '../IconButton/IconButton.js';
|
|
9
9
|
import { colors } from '../../utils';
|
|
10
10
|
|
|
11
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
12
|
+
const _constraint_alerttextfontsize = [12, 14, 16, 18, 20, 24];
|
|
11
13
|
const PropunereFlexicreditStyled = styled.div`
|
|
12
14
|
border-radius: 8px;
|
|
13
15
|
border: 1px solid
|
|
@@ -22,7 +24,31 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
22
24
|
outline: ${props.$featured ? `3px solid ${colors.accent_300}` : "none"};
|
|
23
25
|
|
|
24
26
|
& > div:first-of-type {
|
|
25
|
-
& >
|
|
27
|
+
& > .proposalflexicredit-alert {
|
|
28
|
+
padding: 8px 16px;
|
|
29
|
+
display:flex;
|
|
30
|
+
align-items:center;
|
|
31
|
+
gap:4px;
|
|
32
|
+
border-bottom: 1px solid ${colors.gray_200};
|
|
33
|
+
background-color: ${colors[props.$alertBgColor]};
|
|
34
|
+
|
|
35
|
+
& > div {
|
|
36
|
+
display:flex;
|
|
37
|
+
align-self:flex-start;
|
|
38
|
+
margin-top:1px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&> span {
|
|
42
|
+
font-size: ${typeof props.$alertTextFontSize === "number" && _constraint_alerttextfontsize.includes(props.$alertTextFontSize) ? props.$alertTextFontSize + "px" : "12px"};
|
|
43
|
+
|
|
44
|
+
font-weight: ${typeof props.$alertTextFontWeight === "number" && _constraint_alertfontweight.includes(props.$alertTextFontWeight) ? props.$alertTextFontWeight : 400};
|
|
45
|
+
|
|
46
|
+
color: ${colors[props.$alertTextColor]};
|
|
47
|
+
flex:1;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
& > .proposalflexicredit-header {
|
|
26
52
|
padding: 6px 6px 0px 16px;
|
|
27
53
|
display: flex;
|
|
28
54
|
align-items: center;
|
|
@@ -38,7 +64,7 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
38
64
|
}
|
|
39
65
|
}
|
|
40
66
|
|
|
41
|
-
& >
|
|
67
|
+
& > .proposalflexicredit-details {
|
|
42
68
|
display: flex;
|
|
43
69
|
align-items: stretch;
|
|
44
70
|
gap: 8px;
|
|
@@ -238,6 +264,15 @@ const PropunereFlexicredit = ({
|
|
|
238
264
|
selected = false,
|
|
239
265
|
disabled = false,
|
|
240
266
|
refused = false,
|
|
267
|
+
showAlert = false,
|
|
268
|
+
alertBgColor = "accent_200",
|
|
269
|
+
alertLeftIcon = void 0,
|
|
270
|
+
alertLeftIconSize = 14,
|
|
271
|
+
alertLeftIconColor = "gray_950",
|
|
272
|
+
alertText = "",
|
|
273
|
+
alertTextColor = "gray_950",
|
|
274
|
+
alertTextFontSize = 14,
|
|
275
|
+
alertTextFontWeight = 400,
|
|
241
276
|
children,
|
|
242
277
|
...rest
|
|
243
278
|
}) => {
|
|
@@ -258,10 +293,25 @@ const PropunereFlexicredit = ({
|
|
|
258
293
|
$disabled: disabled,
|
|
259
294
|
$refused: refused,
|
|
260
295
|
$hideButton: hideButton,
|
|
296
|
+
$alertBgColor: alertBgColor,
|
|
297
|
+
$alertTextColor: alertTextColor,
|
|
298
|
+
$alertTextFontSize: alertTextFontSize,
|
|
299
|
+
$alertTextFontWeight: alertTextFontWeight,
|
|
261
300
|
...rest,
|
|
262
301
|
children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
263
302
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
264
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
303
|
+
showAlert && /* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-alert", children: [
|
|
304
|
+
alertLeftIcon !== void 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
305
|
+
Icon,
|
|
306
|
+
{
|
|
307
|
+
icon: alertLeftIcon,
|
|
308
|
+
size: alertLeftIconSize,
|
|
309
|
+
color: colors[alertLeftIconColor]
|
|
310
|
+
}
|
|
311
|
+
) }),
|
|
312
|
+
/* @__PURE__ */ jsx("span", { children: alertText })
|
|
313
|
+
] }),
|
|
314
|
+
/* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-header", children: [
|
|
265
315
|
/* @__PURE__ */ jsx("span", { children: title }),
|
|
266
316
|
/* @__PURE__ */ jsx(
|
|
267
317
|
IconButton,
|
|
@@ -276,7 +326,7 @@ const PropunereFlexicredit = ({
|
|
|
276
326
|
}
|
|
277
327
|
)
|
|
278
328
|
] }),
|
|
279
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
329
|
+
/* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-details", children: [
|
|
280
330
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
281
331
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
282
332
|
/* @__PURE__ */ jsx("span", { children: "Suma noua" }),
|
package/build/esm/index.js
CHANGED
|
@@ -77663,6 +77663,8 @@ const PropunereAsigurariCalatorie = ({
|
|
|
77663
77663
|
const ContentSlot$6 = ({ children }) => children;
|
|
77664
77664
|
PropunereAsigurariCalatorie.ContentSlot = ContentSlot$6;
|
|
77665
77665
|
|
|
77666
|
+
const _constraint_alertfontweight$1 = [200, 300, 400, 500, 700, 800];
|
|
77667
|
+
const _constraint_alerttextfontsize = [12, 14, 16, 18, 20, 24];
|
|
77666
77668
|
const PropunereFlexicreditStyled = styled.div`
|
|
77667
77669
|
border-radius: 8px;
|
|
77668
77670
|
border: 1px solid
|
|
@@ -77677,7 +77679,31 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
77677
77679
|
outline: ${props.$featured ? `3px solid ${colors.accent_300}` : "none"};
|
|
77678
77680
|
|
|
77679
77681
|
& > div:first-of-type {
|
|
77680
|
-
& >
|
|
77682
|
+
& > .proposalflexicredit-alert {
|
|
77683
|
+
padding: 8px 16px;
|
|
77684
|
+
display:flex;
|
|
77685
|
+
align-items:center;
|
|
77686
|
+
gap:4px;
|
|
77687
|
+
border-bottom: 1px solid ${colors.gray_200};
|
|
77688
|
+
background-color: ${colors[props.$alertBgColor]};
|
|
77689
|
+
|
|
77690
|
+
& > div {
|
|
77691
|
+
display:flex;
|
|
77692
|
+
align-self:flex-start;
|
|
77693
|
+
margin-top:1px;
|
|
77694
|
+
}
|
|
77695
|
+
|
|
77696
|
+
&> span {
|
|
77697
|
+
font-size: ${typeof props.$alertTextFontSize === "number" && _constraint_alerttextfontsize.includes(props.$alertTextFontSize) ? props.$alertTextFontSize + "px" : "12px"};
|
|
77698
|
+
|
|
77699
|
+
font-weight: ${typeof props.$alertTextFontWeight === "number" && _constraint_alertfontweight$1.includes(props.$alertTextFontWeight) ? props.$alertTextFontWeight : 400};
|
|
77700
|
+
|
|
77701
|
+
color: ${colors[props.$alertTextColor]};
|
|
77702
|
+
flex:1;
|
|
77703
|
+
}
|
|
77704
|
+
}
|
|
77705
|
+
|
|
77706
|
+
& > .proposalflexicredit-header {
|
|
77681
77707
|
padding: 6px 6px 0px 16px;
|
|
77682
77708
|
display: flex;
|
|
77683
77709
|
align-items: center;
|
|
@@ -77693,7 +77719,7 @@ const PropunereFlexicreditStyled = styled.div`
|
|
|
77693
77719
|
}
|
|
77694
77720
|
}
|
|
77695
77721
|
|
|
77696
|
-
& >
|
|
77722
|
+
& > .proposalflexicredit-details {
|
|
77697
77723
|
display: flex;
|
|
77698
77724
|
align-items: stretch;
|
|
77699
77725
|
gap: 8px;
|
|
@@ -77893,6 +77919,15 @@ const PropunereFlexicredit = ({
|
|
|
77893
77919
|
selected = false,
|
|
77894
77920
|
disabled = false,
|
|
77895
77921
|
refused = false,
|
|
77922
|
+
showAlert = false,
|
|
77923
|
+
alertBgColor = "accent_200",
|
|
77924
|
+
alertLeftIcon = void 0,
|
|
77925
|
+
alertLeftIconSize = 14,
|
|
77926
|
+
alertLeftIconColor = "gray_950",
|
|
77927
|
+
alertText = "",
|
|
77928
|
+
alertTextColor = "gray_950",
|
|
77929
|
+
alertTextFontSize = 14,
|
|
77930
|
+
alertTextFontWeight = 400,
|
|
77896
77931
|
children,
|
|
77897
77932
|
...rest
|
|
77898
77933
|
}) => {
|
|
@@ -77913,10 +77948,25 @@ const PropunereFlexicredit = ({
|
|
|
77913
77948
|
$disabled: disabled,
|
|
77914
77949
|
$refused: refused,
|
|
77915
77950
|
$hideButton: hideButton,
|
|
77951
|
+
$alertBgColor: alertBgColor,
|
|
77952
|
+
$alertTextColor: alertTextColor,
|
|
77953
|
+
$alertTextFontSize: alertTextFontSize,
|
|
77954
|
+
$alertTextFontWeight: alertTextFontWeight,
|
|
77916
77955
|
...rest,
|
|
77917
77956
|
children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
77918
77957
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
77919
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
77958
|
+
showAlert && /* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-alert", children: [
|
|
77959
|
+
alertLeftIcon !== void 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
77960
|
+
Icon$1,
|
|
77961
|
+
{
|
|
77962
|
+
icon: alertLeftIcon,
|
|
77963
|
+
size: alertLeftIconSize,
|
|
77964
|
+
color: colors[alertLeftIconColor]
|
|
77965
|
+
}
|
|
77966
|
+
) }),
|
|
77967
|
+
/* @__PURE__ */ jsx("span", { children: alertText })
|
|
77968
|
+
] }),
|
|
77969
|
+
/* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-header", children: [
|
|
77920
77970
|
/* @__PURE__ */ jsx("span", { children: title }),
|
|
77921
77971
|
/* @__PURE__ */ jsx(
|
|
77922
77972
|
IconButton,
|
|
@@ -77931,7 +77981,7 @@ const PropunereFlexicredit = ({
|
|
|
77931
77981
|
}
|
|
77932
77982
|
)
|
|
77933
77983
|
] }),
|
|
77934
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
77984
|
+
/* @__PURE__ */ jsxs("div", { className: "proposalflexicredit-details", children: [
|
|
77935
77985
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
77936
77986
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
77937
77987
|
/* @__PURE__ */ jsx("span", { children: "Suma noua" }),
|
|
@@ -85339,6 +85389,8 @@ const NestedListsFinder = ({ children, ...rest }) => {
|
|
|
85339
85389
|
};
|
|
85340
85390
|
NestedListsFinder.Column = Column;
|
|
85341
85391
|
|
|
85392
|
+
const _constraint_alertfontweight = [200, 300, 400, 500, 700, 800];
|
|
85393
|
+
const _constraint_alertfontsize = [12, 14, 16, 18, 20, 24];
|
|
85342
85394
|
const ProposalMortgageWrapper = styled.div`
|
|
85343
85395
|
display: flex;
|
|
85344
85396
|
flex-direction: column;
|
|
@@ -85400,7 +85452,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
85400
85452
|
height: 100%;
|
|
85401
85453
|
width: 100%;
|
|
85402
85454
|
|
|
85403
|
-
${({ $empty, $loading }) => !$empty ? $loading ? css`
|
|
85455
|
+
${({ $empty, $loading, $alert_bg_color, $alert_text_color, $alert_text_font_size, $alert_text_font_weight }) => !$empty ? $loading ? css`
|
|
85404
85456
|
& > div:first-of-type {
|
|
85405
85457
|
& > .proposalmortgage-header {
|
|
85406
85458
|
background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
|
|
@@ -85437,7 +85489,7 @@ const ProposalMortgageStyled = styled.div`
|
|
|
85437
85489
|
& > div:first-of-type {
|
|
85438
85490
|
& > .proposalmortgage-alert {
|
|
85439
85491
|
padding: 8px 16px;
|
|
85440
|
-
background-color: ${colors
|
|
85492
|
+
background-color: ${colors[$alert_bg_color]};
|
|
85441
85493
|
display: flex;
|
|
85442
85494
|
align-items: center;
|
|
85443
85495
|
gap: 4px;
|
|
@@ -85449,9 +85501,11 @@ const ProposalMortgageStyled = styled.div`
|
|
|
85449
85501
|
}
|
|
85450
85502
|
|
|
85451
85503
|
& > span {
|
|
85452
|
-
|
|
85453
|
-
|
|
85454
|
-
font-weight: 400;
|
|
85504
|
+
font-size: ${typeof $alert_text_font_size === "number" && _constraint_alertfontsize.includes($alert_text_font_size) ? $alert_text_font_size + "px" : "12px"};
|
|
85505
|
+
|
|
85506
|
+
font-weight: ${typeof $alert_text_font_weight === "number" && _constraint_alertfontweight.includes($alert_text_font_weight) ? $alert_text_font_weight : 400};
|
|
85507
|
+
|
|
85508
|
+
color: ${colors[$alert_text_color]};
|
|
85455
85509
|
flex: 1;
|
|
85456
85510
|
}
|
|
85457
85511
|
}
|
|
@@ -85662,7 +85716,14 @@ const ProposalMortgage = ({
|
|
|
85662
85716
|
show_personalizeaza_oferta_button = false,
|
|
85663
85717
|
personalizeazaOfertaButtonOnClick,
|
|
85664
85718
|
show_alert = false,
|
|
85719
|
+
alert_bg_color = "warning_100",
|
|
85720
|
+
alert_left_icon = void 0,
|
|
85721
|
+
alert_left_icon_color = "warning_500",
|
|
85722
|
+
alert_left_icon_size = 14,
|
|
85665
85723
|
alert_text = "",
|
|
85724
|
+
alert_text_color = "warning_700",
|
|
85725
|
+
alert_text_font_size = 12,
|
|
85726
|
+
alert_text_font_weight = 400,
|
|
85666
85727
|
children,
|
|
85667
85728
|
...rest
|
|
85668
85729
|
}) => {
|
|
@@ -85683,16 +85744,20 @@ const ProposalMortgage = ({
|
|
|
85683
85744
|
$disabled: disabled,
|
|
85684
85745
|
$hide_button: hide_button,
|
|
85685
85746
|
$loading: loading,
|
|
85747
|
+
$alert_bg_color: alert_bg_color,
|
|
85748
|
+
$alert_text_color: alert_text_color,
|
|
85749
|
+
$alert_text_font_size: alert_text_font_size,
|
|
85750
|
+
$alert_text_font_weight: alert_text_font_weight,
|
|
85686
85751
|
...rest,
|
|
85687
85752
|
children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
85688
85753
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
85689
85754
|
!loading && show_alert && /* @__PURE__ */ jsxs("div", { className: "proposalmortgage-alert", children: [
|
|
85690
|
-
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
85755
|
+
alert_left_icon !== void 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
85691
85756
|
Icon$1,
|
|
85692
85757
|
{
|
|
85693
|
-
icon:
|
|
85694
|
-
size:
|
|
85695
|
-
color: colors
|
|
85758
|
+
icon: alert_left_icon,
|
|
85759
|
+
size: alert_left_icon_size,
|
|
85760
|
+
color: colors[alert_left_icon_color]
|
|
85696
85761
|
}
|
|
85697
85762
|
) }),
|
|
85698
85763
|
/* @__PURE__ */ jsx("span", { children: alert_text })
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { colors } from '../../utils/colors.js';
|
|
3
|
+
import { IconsListProp } from '../Icon/Icon.types.js';
|
|
2
4
|
|
|
3
5
|
interface ProposalMortgageProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
6
|
title?: string;
|
|
@@ -24,7 +26,14 @@ interface ProposalMortgageProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
24
26
|
show_personalizeaza_oferta_button?: boolean;
|
|
25
27
|
personalizeazaOfertaButtonOnClick?: () => void;
|
|
26
28
|
show_alert?: boolean;
|
|
29
|
+
alert_bg_color?: keyof typeof colors;
|
|
30
|
+
alert_left_icon?: IconsListProp;
|
|
31
|
+
alert_left_icon_color?: keyof typeof colors;
|
|
32
|
+
alert_left_icon_size?: 8 | 12 | 14 | 16 | 18 | 20 | 24 | 32 | 40;
|
|
27
33
|
alert_text?: string;
|
|
34
|
+
alert_text_color?: keyof typeof colors;
|
|
35
|
+
alert_text_font_size?: 12 | 14 | 16 | 18 | 20 | 24;
|
|
36
|
+
alert_text_font_weight?: 200 | 300 | 400 | 500 | 700 | 800;
|
|
28
37
|
}
|
|
29
38
|
type ContentSlotProps = {
|
|
30
39
|
children: React.ReactNode;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { colors } from '../../utils/colors.js';
|
|
3
|
+
import { IconsListProp } from '../Icon/Icon.types.js';
|
|
2
4
|
|
|
3
5
|
interface PropunereFlexicreditProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
6
|
title?: string;
|
|
@@ -19,6 +21,15 @@ interface PropunereFlexicreditProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
19
21
|
selected?: boolean;
|
|
20
22
|
disabled?: boolean;
|
|
21
23
|
children?: React.ReactNode;
|
|
24
|
+
showAlert?: boolean;
|
|
25
|
+
alertBgColor?: keyof typeof colors;
|
|
26
|
+
alertLeftIcon?: IconsListProp;
|
|
27
|
+
alertLeftIconColor?: keyof typeof colors;
|
|
28
|
+
alertLeftIconSize?: 12 | 14 | 16 | 18 | 20 | 24 | 8 | 32 | 40;
|
|
29
|
+
alertText?: string;
|
|
30
|
+
alertTextColor?: keyof typeof colors;
|
|
31
|
+
alertTextFontSize?: 12 | 14 | 16 | 18 | 20 | 24;
|
|
32
|
+
alertTextFontWeight?: 200 | 300 | 400 | 500 | 700 | 800;
|
|
22
33
|
}
|
|
23
34
|
type ContentSlotProps = {
|
|
24
35
|
children: React.ReactNode;
|
package/package.json
CHANGED