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