rbro-tat-uds 2.2.16 → 2.2.18

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.
Files changed (38) hide show
  1. package/build/cjs/assets/icons/docs.svg.cjs +41 -0
  2. package/build/cjs/assets/icons/tractor.svg.cjs +37 -0
  3. package/build/cjs/components/Accordion/Accordion.cjs +1 -1
  4. package/build/cjs/components/Button/Button.cjs +2 -0
  5. package/build/cjs/components/ConfigurationStickyBar/ConfigurationStickyBar.cjs +66 -0
  6. package/build/cjs/components/ConfigurationStickyBar/index.cjs +12 -0
  7. package/build/cjs/components/Content/Content.cjs +9 -1
  8. package/build/cjs/components/Flex/Flex.cjs +60 -56
  9. package/build/cjs/components/Icon/IconsList.cjs +5 -1
  10. package/build/cjs/components/IconButton/IconButton.cjs +2 -0
  11. package/build/cjs/components/PageMessage/PageMessage.cjs +2 -0
  12. package/build/cjs/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs +145 -194
  13. package/build/cjs/components/TextInput/TextInput.cjs +2 -0
  14. package/build/cjs/components/index.cjs +2 -0
  15. package/build/cjs/index.cjs +979 -930
  16. package/build/esm/assets/icons/docs.svg.js +20 -0
  17. package/build/esm/assets/icons/tractor.svg.js +16 -0
  18. package/build/esm/components/Accordion/Accordion.js +1 -1
  19. package/build/esm/components/Button/Button.js +2 -0
  20. package/build/esm/components/ConfigurationStickyBar/ConfigurationStickyBar.js +62 -0
  21. package/build/esm/components/ConfigurationStickyBar/index.js +8 -0
  22. package/build/esm/components/Content/Content.js +9 -1
  23. package/build/esm/components/Flex/Flex.js +60 -56
  24. package/build/esm/components/Icon/IconsList.js +5 -1
  25. package/build/esm/components/IconButton/IconButton.js +2 -0
  26. package/build/esm/components/PageMessage/PageMessage.js +2 -0
  27. package/build/esm/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js +144 -193
  28. package/build/esm/components/TextInput/TextInput.js +2 -0
  29. package/build/esm/components/index.js +1 -0
  30. package/build/esm/index.js +979 -931
  31. package/build/types/components/ConfigurationStickyBar/ConfigurationStickyBar.d.ts +11 -0
  32. package/build/types/components/ConfigurationStickyBar/index.d.ts +6 -0
  33. package/build/types/components/Flex/Flex.d.ts +1 -1
  34. package/build/types/components/Icon/Icon.types.d.ts +1 -1
  35. package/build/types/components/Icon/IconsList.d.ts +2 -0
  36. package/build/types/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.d.ts +3 -7
  37. package/build/types/index.d.ts +1 -0
  38. package/package.json +1 -1
@@ -13,7 +13,7 @@ const PropunereAsigurareLocuintaStyled = styled.div`
13
13
  border: 1px solid
14
14
  ${({ $featured, $selected }) => $selected ? colors.purple_500 : $featured ? colors.accent_600 : colors.gray_200};
15
15
  overflow: hidden;
16
- min-height: ${({ $hideButton }) => $hideButton ? "387px" : "427px"};
16
+ min-height: ${({ $hideButton }) => $hideButton ? "290px" : "330px"};
17
17
  box-sizing: border-box;
18
18
  height: 100%;
19
19
  width: 100%;
@@ -39,171 +39,119 @@ const PropunereAsigurareLocuintaStyled = styled.div`
39
39
  }
40
40
 
41
41
  & > div:nth-child(2) {
42
+ box-sizing: border-box;
42
43
  display: flex;
43
44
  flex-direction: column;
45
+ gap: 2px;
46
+ padding: 8px 16px 12px 16px;
47
+ height: 82px;
48
+ background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
44
49
 
45
- & > div:first-of-type,
46
- & > div:nth-of-type(2) {
47
- box-sizing: border-box;
48
- display: flex;
49
- align-items: stretch;
50
- gap: 8px;
51
- padding: 8px 16px 12px 16px;
52
- height: 60px;
53
- background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
54
-
55
- & > div {
56
- display: flex;
57
- flex-direction: column;
58
- gap: 2px;
59
- flex: 1;
60
-
61
- & > span:first-of-type {
62
- font-size: 14px;
63
- font-weight: 400;
64
- color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
65
- }
50
+ & > span:first-of-type {
51
+ font-size: 14px;
52
+ font-weight: ${({ $includePad }) => $includePad ? 700 : 400};
53
+ color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
54
+ }
66
55
 
67
- & > span:last-of-type {
68
- font-size: 16px;
69
- font-weight: 500;
70
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
71
- }
72
- }
56
+ & > span:nth-of-type(2) {
57
+ font-size: 20px;
58
+ font-weight: 700;
59
+ color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
73
60
  }
74
61
 
75
- & > div:last-of-type {
76
- box-sizing: border-box;
62
+ & > div {
77
63
  display: flex;
78
- flex-direction: column;
79
- gap: 2px;
80
- padding: 8px 16px 12px 16px;
81
- min-height: 82px;
82
- height: 100%;
83
- background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
64
+ align-items: center;
65
+ gap: 4px;
84
66
 
85
- & > span:first-of-type {
86
- font-size: 14px;
87
- font-weight: 400;
67
+ & > span {
68
+ font-size: 12px;
69
+ font-weight: ${({ $includePad }) => $includePad ? 700 : 400};
88
70
  color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
89
71
  }
90
-
91
- & > span:last-of-type {
92
- font-size: 20px;
93
- font-weight: 700;
94
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
95
- }
96
-
97
- & > div {
98
- display: flex;
99
- align-items: center;
100
- gap: 4px;
101
-
102
- & > span {
103
- font-size: 12px;
104
- font-weight: 400;
105
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
106
- }
107
- }
108
72
  }
109
73
  }
110
74
 
111
75
  & > div:last-child {
112
- box-sizing: border-box;
113
- border-top: 1px solid ${colors.gray_200};
114
- border-bottom: 1px solid ${colors.gray_200};
115
76
  display: flex;
116
- align-items: stretch;
117
- height: 95px;
77
+ flex-direction: column;
78
+
79
+ & > div:first-of-type {
80
+ border-top: 1px solid ${colors.gray_200};
81
+ }
82
+
83
+ & > div:last-of-type {
84
+ border-top: 1px solid ${colors.gray_200};
85
+ border-bottom: 1px solid ${colors.gray_200};
86
+ }
118
87
 
119
88
  & > div {
120
- flex: 1;
89
+ box-sizing: border-box;
121
90
  display: flex;
122
- align-items: flex-start;
123
- padding: 12px 16px;
91
+ align-items: stretch;
92
+ height: 59px;
124
93
 
125
94
  & > div {
95
+ flex: 1;
126
96
  display: flex;
127
97
  align-items: flex-start;
128
- gap: 8px;
98
+ padding: 12px 16px;
129
99
 
130
100
  & > div {
131
101
  display: flex;
132
- flex-direction: column;
133
- gap: 2px;
134
-
135
- & > span:first-of-type {
136
- font-size: 12px;
137
- font-weight: 400;
138
- line-height: 120%;
139
- }
140
-
141
- & > span:nth-of-type(2) {
142
- font-size: 14px;
143
- font-weight: 500;
144
- line-height: 120%;
145
- }
146
-
147
- & > span:nth-of-type(3) {
148
- font-size: 14px;
149
- font-weight: 400;
150
- line-height: 120%;
151
- }
152
-
153
- & > span:nth-of-type(4) {
154
- font-size: 14px;
155
- font-weight: 400;
156
- line-height: 120%;
102
+ align-items: flex-start;
103
+ gap: 8px;
104
+
105
+ & > div {
106
+ display: flex;
107
+ flex-direction: column;
108
+ gap: 2px;
109
+
110
+ & > span:first-of-type {
111
+ font-size: 12px;
112
+ font-weight: 400;
113
+ line-height: 120%;
114
+ }
115
+
116
+ & > span:nth-of-type(2) {
117
+ font-size: 14px;
118
+ font-weight: 700;
119
+ line-height: 120%;
120
+ }
157
121
  }
158
122
  }
159
123
  }
160
- }
161
124
 
162
- & > div:first-of-type {
163
- border-right: 0.5px solid ${colors.gray_200};
164
- background-color: ${props.$refused ? colors.gray_60 : props.$featured ? colors.white : colors.gray_30};
125
+ & > div:first-of-type {
126
+ border-right: 0.5px solid ${colors.gray_200};
127
+ background-color: ${props.$refused ? colors.gray_60 : props.$featured ? colors.white : colors.gray_30};
165
128
 
166
- & > div {
167
129
  & > div {
168
- & > span:first-of-type {
169
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
170
- }
171
-
172
- & > span:nth-of-type(2) {
173
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
174
- }
175
-
176
- & > span:nth-of-type(3) {
177
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
178
- }
179
-
180
- & > span:nth-of-type(4) {
181
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
130
+ & > div {
131
+ & > span:first-of-type {
132
+ color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
133
+ }
134
+
135
+ & > span:nth-of-type(2) {
136
+ color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
137
+ }
182
138
  }
183
139
  }
184
140
  }
185
- }
186
141
 
187
- & > div:last-of-type {
188
- border-left: 0.5px solid ${colors.gray_200};
189
- background-color: ${(props2) => props2.$refused ? colors.gray_60 : colors.gray_30};
142
+ & > div:last-of-type {
143
+ border-left: 0.5px solid ${colors.gray_200};
144
+ background-color: ${(props2) => props2.$refused ? colors.gray_60 : colors.gray_30};
190
145
 
191
- & > div {
192
146
  & > div {
193
- & > span:first-of-type {
194
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
195
- }
196
-
197
- & > span:nth-of-type(2) {
198
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
199
- }
200
-
201
- & > span:nth-of-type(3) {
202
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
203
- }
204
-
205
- & > span:nth-of-type(4) {
206
- color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
147
+ & > div {
148
+ & > span:first-of-type {
149
+ color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
150
+ }
151
+
152
+ & > span:nth-of-type(2) {
153
+ color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
154
+ }
207
155
  }
208
156
  }
209
157
  }
@@ -264,14 +212,10 @@ const PropunereAsigurareLocuintaStyled = styled.div`
264
212
  `;
265
213
  const PropunereAsigurareLocuinta = ({
266
214
  title = "Fix ce ai cerut!",
215
+ totalDePlataAnual = "",
267
216
  valoareAsigurataImobil = "",
268
- primaAsigurareImobilPeAn = "",
269
217
  valoareAsigurataBunuri = "",
270
- primaAsigurareBunuriPeAn = "",
271
- totalDePlataAnual = "",
272
- primaAsigurareAnexeImobil = "",
273
- valoareAsigurataAnexeImobil = "",
274
- primaAsigurareEchipamente = "",
218
+ valoareAsigurataAnexe = "",
275
219
  valoareAsigurataEchipamente = "",
276
220
  includePad = false,
277
221
  featured = false,
@@ -302,6 +246,7 @@ const PropunereAsigurareLocuinta = ({
302
246
  $disabled: disabled,
303
247
  $refused: refused,
304
248
  $hideButton: hideButton,
249
+ $includePad: includePad,
305
250
  ...rest,
306
251
  children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
307
252
  /* @__PURE__ */ jsxs("div", { children: [
@@ -321,75 +266,81 @@ const PropunereAsigurareLocuinta = ({
321
266
  )
322
267
  ] }),
323
268
  /* @__PURE__ */ jsxs("div", { children: [
269
+ /* @__PURE__ */ jsx("span", { children: "Total de plata anual" }),
270
+ /* @__PURE__ */ jsx("span", { children: totalDePlataAnual || "-" }),
324
271
  /* @__PURE__ */ jsxs("div", { children: [
325
- /* @__PURE__ */ jsxs("div", { children: [
326
- /* @__PURE__ */ jsx("span", { children: "Valoare asigurata imobil" }),
327
- /* @__PURE__ */ jsx("span", { children: valoareAsigurataImobil || "-" })
328
- ] }),
329
- /* @__PURE__ */ jsxs("div", { children: [
330
- /* @__PURE__ */ jsx("span", { children: "Prima asigurare imobil pe an" }),
331
- /* @__PURE__ */ jsx("span", { children: primaAsigurareImobilPeAn || "-" })
332
- ] })
333
- ] }),
272
+ /* @__PURE__ */ jsx(
273
+ Icon,
274
+ {
275
+ icon: "info_filled",
276
+ color: refused ? colors.gray_200 : colors.gray_500,
277
+ size: 14
278
+ }
279
+ ),
280
+ /* @__PURE__ */ jsx("span", { children: "Include PAD" })
281
+ ] })
282
+ ] }),
283
+ /* @__PURE__ */ jsxs("div", { children: [
334
284
  /* @__PURE__ */ jsxs("div", { children: [
335
- /* @__PURE__ */ jsxs("div", { children: [
336
- /* @__PURE__ */ jsx("span", { children: "Valoare asigurata bunuri" }),
337
- /* @__PURE__ */ jsx("span", { children: valoareAsigurataBunuri || "-" })
338
- ] }),
339
- /* @__PURE__ */ jsxs("div", { children: [
340
- /* @__PURE__ */ jsx("span", { children: "Prima asigurare bunuri pe an" }),
341
- /* @__PURE__ */ jsx("span", { children: primaAsigurareBunuriPeAn || "-" })
342
- ] })
285
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
286
+ /* @__PURE__ */ jsx(
287
+ Icon,
288
+ {
289
+ icon: "house-wap",
290
+ size: 16,
291
+ color: refused ? colors.gray_200 : colors.gray_500
292
+ }
293
+ ),
294
+ /* @__PURE__ */ jsxs("div", { children: [
295
+ /* @__PURE__ */ jsx("span", { children: "Valoare asigurata imobil" }),
296
+ /* @__PURE__ */ jsx("span", { children: valoareAsigurataImobil || "-" })
297
+ ] })
298
+ ] }) }),
299
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
300
+ /* @__PURE__ */ jsx(
301
+ Icon,
302
+ {
303
+ icon: "bulb",
304
+ size: 16,
305
+ color: refused ? colors.gray_200 : colors.gray_500
306
+ }
307
+ ),
308
+ /* @__PURE__ */ jsxs("div", { children: [
309
+ /* @__PURE__ */ jsx("span", { children: "Valoare asigurare bunuri" }),
310
+ /* @__PURE__ */ jsx("span", { children: valoareAsigurataBunuri || "-" })
311
+ ] })
312
+ ] }) })
343
313
  ] }),
344
314
  /* @__PURE__ */ jsxs("div", { children: [
345
- /* @__PURE__ */ jsx("span", { children: "Total de plata anual" }),
346
- /* @__PURE__ */ jsx("span", { children: totalDePlataAnual || "-" }),
347
- includePad && /* @__PURE__ */ jsxs("div", { children: [
315
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
348
316
  /* @__PURE__ */ jsx(
349
317
  Icon,
350
318
  {
351
- icon: "info_filled",
352
- size: 14,
319
+ icon: "docs",
320
+ size: 16,
353
321
  color: refused ? colors.gray_200 : colors.gray_500
354
322
  }
355
323
  ),
356
- /* @__PURE__ */ jsx("span", { children: "Include PAD" })
357
- ] })
324
+ /* @__PURE__ */ jsxs("div", { children: [
325
+ /* @__PURE__ */ jsx("span", { children: "Valoare asigurata anexe" }),
326
+ /* @__PURE__ */ jsx("span", { children: valoareAsigurataAnexe || "-" })
327
+ ] })
328
+ ] }) }),
329
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
330
+ /* @__PURE__ */ jsx(
331
+ Icon,
332
+ {
333
+ icon: "tractor",
334
+ size: 16,
335
+ color: refused ? colors.gray_200 : colors.gray_500
336
+ }
337
+ ),
338
+ /* @__PURE__ */ jsxs("div", { children: [
339
+ /* @__PURE__ */ jsx("span", { children: "Valoare asigurata echipamente" }),
340
+ /* @__PURE__ */ jsx("span", { children: valoareAsigurataEchipamente || "-" })
341
+ ] })
342
+ ] }) })
358
343
  ] })
359
- ] }),
360
- /* @__PURE__ */ jsxs("div", { children: [
361
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
362
- /* @__PURE__ */ jsx(
363
- Icon,
364
- {
365
- icon: "house-wap",
366
- size: 16,
367
- color: refused ? colors.gray_200 : colors.gray_500
368
- }
369
- ),
370
- /* @__PURE__ */ jsxs("div", { children: [
371
- /* @__PURE__ */ jsx("span", { children: "Prima asigurare anexe imobil" }),
372
- /* @__PURE__ */ jsx("span", { children: primaAsigurareAnexeImobil || "-" }),
373
- /* @__PURE__ */ jsx("span", { children: "Valoare asigurata" }),
374
- /* @__PURE__ */ jsx("span", { children: valoareAsigurataAnexeImobil || "-" })
375
- ] })
376
- ] }) }),
377
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
378
- /* @__PURE__ */ jsx(
379
- Icon,
380
- {
381
- icon: "bulb",
382
- size: 16,
383
- color: refused ? colors.gray_200 : colors.gray_500
384
- }
385
- ),
386
- /* @__PURE__ */ jsxs("div", { children: [
387
- /* @__PURE__ */ jsx("span", { children: "Prima asigurare echipamente" }),
388
- /* @__PURE__ */ jsx("span", { children: primaAsigurareEchipamente || "-" }),
389
- /* @__PURE__ */ jsx("span", { children: "Valoare asigurata" }),
390
- /* @__PURE__ */ jsx("span", { children: valoareAsigurataEchipamente || "-" })
391
- ] })
392
- ] }) })
393
344
  ] })
394
345
  ] }),
395
346
  /* @__PURE__ */ jsx("div", { children: _contentSlot }),
@@ -151,6 +151,8 @@ import '../../assets/icons/house-wap.svg.js';
151
151
  import '../../assets/icons/bulb.svg.js';
152
152
  import '../../assets/icons/face-neutral.svg.js';
153
153
  import '../../assets/icons/face-sad.svg.js';
154
+ import '../../assets/icons/docs.svg.js';
155
+ import '../../assets/icons/tractor.svg.js';
154
156
  import { createPortal } from 'react-dom';
155
157
  import Icon from '../Icon/Icon.js';
156
158
  import Numpad from '../Numpad/Numpad.js';
@@ -93,3 +93,4 @@ export { default as Accordion } from './Accordion/Accordion.js';
93
93
  export { default as PropunereAsigurareLocuinta } from './PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js';
94
94
  export { default as Textarea } from './Textarea/Textarea.js';
95
95
  export { default as FeedbackCard } from './FeedbackCard/FeedbackCard.js';
96
+ export { default as ConfigurationStickyBar } from './ConfigurationStickyBar/ConfigurationStickyBar.js';