@enki-tek/fms-web-components 0.0.12 → 0.0.14

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.
@@ -5,3 +5,596 @@
5
5
  <ModalFooter>
6
6
  <slot />
7
7
  </ModalFooter>
8
+
9
+ <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
10
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
11
+ @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
12
+ @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
13
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
14
+ @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
15
+ .content {
16
+ font-family: Roboto;
17
+ font-size: 16px;
18
+ font-style: normal;
19
+ font-weight: 400;
20
+ line-height: 28px;
21
+ }
22
+ :global(.ebg-none) {
23
+ background-color: #ffffff !important;
24
+ }
25
+ :global(.ebg-white) {
26
+ background-color: #ffffff;
27
+ }
28
+ :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
29
+ background-color: #3AC82E !important;
30
+ }
31
+ :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
32
+ background-color: #00A855;
33
+ }
34
+ :global(.ebg-secondaryLight, .eactive-secondaryLight:active, .ehover-secondaryLight:hover) {
35
+ background-color: #CBFFC7;
36
+ }
37
+ :global(.ebg-primary) {
38
+ background-color: #00AEE5;
39
+ }
40
+ :global(.ebg-primaryDark) {
41
+ background-color: #007FD8;
42
+ }
43
+ :global(.ebg-primaryLight) {
44
+ background-color: #CEF3FF;
45
+ }
46
+ :global(.ebg-danger) {
47
+ background-color: #FE4747;
48
+ }
49
+ :global(.ebg-dangerDark) {
50
+ background-color: #B02A37;
51
+ }
52
+ :global(.ebg-dangerLight) {
53
+ background-color: #FE4747;
54
+ }
55
+ :global(.ebg-warning) {
56
+ background-color: #FFBA3A;
57
+ }
58
+ :global(.ebg-warningDark) {
59
+ background-color: #997404;
60
+ color: #ffffff !important;
61
+ }
62
+ :global(.ebg-warningLight) {
63
+ background-color: #FFF3CD;
64
+ }
65
+ :global(.ebg-info) {
66
+ background-color: #0DCAF0;
67
+ }
68
+ :global(.ebg-infoDark) {
69
+ background-color: #087990;
70
+ }
71
+ :global(.ebg-infoLight) {
72
+ background-color: #9EEAF9;
73
+ }
74
+ :global(.ebg-success) {
75
+ background-color: #00A96B;
76
+ }
77
+ :global(.ebg-successDark) {
78
+ background-color: #146C43;
79
+ }
80
+ :global(.ebg-successLight) {
81
+ background-color: #D1E7DD;
82
+ }
83
+ :global(.ebg-gray100) {
84
+ background-color: #F8F9FA;
85
+ }
86
+ :global(.ebg-gray200) {
87
+ background-color: #E9ECEF;
88
+ }
89
+ :global(.ebg-gray300) {
90
+ background-color: #DEE2E6;
91
+ }
92
+ :global(.ebg-gray400) {
93
+ background-color: #CED4DA;
94
+ }
95
+ :global(.ebg-gray500) {
96
+ background-color: #adb5bd;
97
+ }
98
+ :global(.ebg-gray600) {
99
+ background-color: #6C757D;
100
+ }
101
+ :global(.ebg-gray700) {
102
+ background-color: #495057;
103
+ }
104
+ :global(.ebg-gray800) {
105
+ background-color: #343A40;
106
+ }
107
+ :global(.ebg-gray900) {
108
+ background-color: #212529;
109
+ }
110
+ :global(.ebg-green100) {
111
+ background-color: #D1E7DD;
112
+ }
113
+ :global(.ebg-green200) {
114
+ background-color: #A3CFBB;
115
+ }
116
+ :global(.ebg-green300) {
117
+ background-color: #75B798;
118
+ }
119
+ :global(.ebg-green400) {
120
+ background-color: #479F76;
121
+ }
122
+ :global(.ebg-green500) {
123
+ background-color: #198754;
124
+ }
125
+ :global(.ebg-green600) {
126
+ background-color: #146C43;
127
+ }
128
+ :global(.ebg-green700) {
129
+ background-color: #0F5132;
130
+ }
131
+ :global(.ebg-green800) {
132
+ background-color: #0A3622;
133
+ }
134
+ :global(.ebg-green900) {
135
+ background-color: #051B11;
136
+ }
137
+ :global(.ebg-red100) {
138
+ background-color: #F8D7DA;
139
+ }
140
+ :global(.ebg-red200) {
141
+ background-color: #F1AEB5;
142
+ }
143
+ :global(.ebg-red300) {
144
+ background-color: #EA868F;
145
+ }
146
+ :global(.ebg-red400) {
147
+ background-color: #E35D6A;
148
+ }
149
+ :global(.ebg-red500) {
150
+ background-color: #DC3545;
151
+ }
152
+ :global(.ebg-red600) {
153
+ background-color: #B02A37;
154
+ }
155
+ :global(.ebg-red700) {
156
+ background-color: #842029;
157
+ }
158
+ :global(.ebg-red800) {
159
+ background-color: #58151C;
160
+ }
161
+ :global(.ebg-red900) {
162
+ background-color: #2C0B0E;
163
+ }
164
+ :global(.ebg-yellow100) {
165
+ background-color: #FFF3CD;
166
+ }
167
+ :global(.ebg-yellow200) {
168
+ background-color: #FFE69C;
169
+ }
170
+ :global(.ebg-yellow300) {
171
+ background-color: #FFDA6A;
172
+ }
173
+ :global(.ebg-yellow400) {
174
+ background-color: #FFCD39;
175
+ }
176
+ :global(.ebg-yellow500) {
177
+ background-color: #FFC107;
178
+ }
179
+ :global(.ebg-yellow600) {
180
+ background-color: #CC9A06;
181
+ }
182
+ :global(.ebg-yellow700) {
183
+ background-color: #997404;
184
+ }
185
+ :global(.ebg-yellow800) {
186
+ background-color: #664D03;
187
+ }
188
+ :global(.ebg-yellow900) {
189
+ background-color: #332701;
190
+ }
191
+ :global(.ebg-cyan100) {
192
+ background-color: #CFF4FC;
193
+ }
194
+ :global(.ebg-cyan200) {
195
+ background-color: #9EEAF9;
196
+ }
197
+ :global(.ebg-cyan300) {
198
+ background-color: #6EDFF6;
199
+ }
200
+ :global(.ebg-cyan400) {
201
+ background-color: #3DD5F3;
202
+ }
203
+ :global(.ebg-cyan500) {
204
+ background-color: #0DCAF0;
205
+ }
206
+ :global(.ebg-cyan600) {
207
+ background-color: #0AA2C0;
208
+ }
209
+ :global(.ebg-cyan700) {
210
+ background-color: #087990;
211
+ }
212
+ :global(.ebg-cyan800) {
213
+ background-color: #055160;
214
+ }
215
+ :global(.ebg-cyan900) {
216
+ background-color: #032830;
217
+ }
218
+ .etext-white {
219
+ color: #ffffff;
220
+ }
221
+ :global(.etext-dark) {
222
+ color: #000000;
223
+ }
224
+ :global(.etext-secondary) {
225
+ color: #3AC82E;
226
+ }
227
+ :global(.etext-secondaryDark) {
228
+ color: #00A855;
229
+ }
230
+ :global(.etext-secondaryLight) {
231
+ color: #CBFFC7;
232
+ }
233
+ :global(.etext-primary) {
234
+ color: #00AEE5;
235
+ }
236
+ :global(.etext-primaryDark) {
237
+ color: #007FD8;
238
+ }
239
+ :global(.etext-primaryLight) {
240
+ color: #CEF3FF;
241
+ }
242
+ :global(.etext-danger) {
243
+ color: #FE4747;
244
+ }
245
+ :global(.etext-dangerDark) {
246
+ color: #B02A37;
247
+ }
248
+ :global(.etext-dangerLight) {
249
+ color: #FE4747;
250
+ }
251
+ :global(.etext-info) {
252
+ color: #0DCAF0;
253
+ }
254
+ :global(.etext-infoDark) {
255
+ color: #087990;
256
+ }
257
+ :global(.etext-infoLight) {
258
+ color: #9EEAF9;
259
+ }
260
+ :global(.etext-success) {
261
+ color: #00A96B;
262
+ }
263
+ :global(.etext-successDark) {
264
+ color: #146C43;
265
+ }
266
+ :global(.etext-successLight) {
267
+ color: #D1E7DD;
268
+ }
269
+ :global(.etext-warning) {
270
+ color: #FFBA3A;
271
+ }
272
+ :global(.etext-warningDark) {
273
+ color: #997404;
274
+ }
275
+ :global(.etext-warningLight) {
276
+ color: #FFF3CD;
277
+ }
278
+ :global(.etext-gray100) {
279
+ color: #F8F9FA;
280
+ }
281
+ :global(.etext-gray200) {
282
+ color: #E9ECEF;
283
+ }
284
+ :global(.etext-gray300) {
285
+ color: #DEE2E6;
286
+ }
287
+ :global(.etext-gray400) {
288
+ color: #CED4DA;
289
+ }
290
+ :global(.etext-gray500) {
291
+ color: #adb5bd;
292
+ }
293
+ :global(.etext-gray600) {
294
+ color: #6C757D;
295
+ }
296
+ :global(.etext-gray700) {
297
+ color: #495057;
298
+ }
299
+ :global(.etext-gray800) {
300
+ color: #343A40;
301
+ }
302
+ :global(.etext-gray900) {
303
+ color: #212529;
304
+ }
305
+ :global(.etext-green100) {
306
+ color: #D1E7DD;
307
+ }
308
+ :global(.etext-green200) {
309
+ color: #A3CFBB;
310
+ }
311
+ :global(.etext-green300) {
312
+ color: #75B798;
313
+ }
314
+ :global(.etext-green400) {
315
+ color: #479F76;
316
+ }
317
+ :global(.etext-green500) {
318
+ color: #198754;
319
+ }
320
+ :global(.etext-green600) {
321
+ color: #146C43;
322
+ }
323
+ :global(.etext-green700) {
324
+ color: #0F5132;
325
+ }
326
+ :global(.etext-green800) {
327
+ color: #0A3622;
328
+ }
329
+ :global(.etext-green900) {
330
+ color: #051B11;
331
+ }
332
+ :global(.etext-red100) {
333
+ color: #F8D7DA;
334
+ }
335
+ :global(.etext-red200) {
336
+ color: #F1AEB5;
337
+ }
338
+ :global(.etext-red300) {
339
+ color: #EA868F;
340
+ }
341
+ :global(.etext-red400) {
342
+ color: #E35D6A;
343
+ }
344
+ :global(.etext-red500) {
345
+ color: #DC3545;
346
+ }
347
+ :global(.etext-red600) {
348
+ color: #B02A37;
349
+ }
350
+ :global(.etext-red700) {
351
+ color: #842029;
352
+ }
353
+ :global(.etext-red800) {
354
+ color: #58151C;
355
+ }
356
+ :global(.etext-red900) {
357
+ color: #2C0B0E;
358
+ }
359
+ :global(.etext-yellow100) {
360
+ color: #FFF3CD;
361
+ }
362
+ :global(.etext-yellow200) {
363
+ color: #FFE69C;
364
+ }
365
+ :global(.etext-yellow300) {
366
+ color: #FFDA6A;
367
+ }
368
+ :global(.etext-yellow400) {
369
+ color: #FFCD39;
370
+ }
371
+ :global(.etext-yellow500) {
372
+ color: #FFC107;
373
+ }
374
+ :global(.etext-yellow600) {
375
+ color: #CC9A06;
376
+ }
377
+ :global(.etext-yellow700) {
378
+ color: #997404;
379
+ }
380
+ :global(.etext-yellow800) {
381
+ color: #664D03;
382
+ }
383
+ :global(.etext-yellow900) {
384
+ color: #332701;
385
+ }
386
+ :global(.etext-cyan100) {
387
+ color: #CFF4FC;
388
+ }
389
+ :global(.etext-cyan200) {
390
+ color: #9EEAF9;
391
+ }
392
+ :global(.etext-cyan300) {
393
+ color: #6EDFF6;
394
+ }
395
+ :global(.etext-cyan400) {
396
+ color: #3DD5F3;
397
+ }
398
+ :global(.etext-cyan500) {
399
+ color: #0DCAF0;
400
+ }
401
+ :global(.etext-cyan600) {
402
+ color: #0AA2C0;
403
+ }
404
+ :global(.etext-cyan700) {
405
+ color: #087990;
406
+ }
407
+ :global(.etext-cyan800) {
408
+ color: #055160;
409
+ }
410
+ :global(.etext-cyan900) {
411
+ color: #032830;
412
+ }
413
+ :global(.eoutline-secondary) {
414
+ outline: 1px solid #3AC82E;
415
+ }
416
+ :global(.eoutline-secondaryDark) {
417
+ outline: 1px solid #00A855;
418
+ }
419
+ :global(.eoutline-secondaryLight) {
420
+ outline: 1px solid #CBFFC7;
421
+ }
422
+ :global(.eoutline-primary) {
423
+ outline: 1px solid #00AEE5;
424
+ }
425
+ :global(.eoutline-primaryDark) {
426
+ outline: 1px solid #007FD8;
427
+ }
428
+ :global(.eoutline-primaryLight) {
429
+ outline: 1px solid #CEF3FF;
430
+ }
431
+ :global(.eoutline-danger) {
432
+ outline: 1px solid #FE4747;
433
+ }
434
+ :global(.eoutline-dangerDark) {
435
+ outline: 1px solid #B02A37;
436
+ }
437
+ :global(.eoutline-dangerLight) {
438
+ outline: 1px solid #FE4747;
439
+ }
440
+ :global(.eoutline-success) {
441
+ outline: 1px solid #00A96B;
442
+ }
443
+ :global(.eoutline-successDark) {
444
+ outline: 1px solid #146C43;
445
+ }
446
+ :global(.eoutline-successLight) {
447
+ outline: 1px solid #D1E7DD;
448
+ }
449
+ :global(.eoutline-info) {
450
+ outline: 1px solid #0DCAF0;
451
+ }
452
+ :global(.eoutline-infoDark) {
453
+ outline: 1px solid #087990;
454
+ }
455
+ :global(.eoutline-infoLight) {
456
+ outline: 1px solid #9EEAF9;
457
+ }
458
+ :global(.eoutline-warning) {
459
+ outline: 1px solid #FFBA3A;
460
+ }
461
+ :global(.eoutline-warningDark) {
462
+ outline: 1px solid #997404;
463
+ }
464
+ :global(.eoutline-warningLight) {
465
+ outline: 1px solid #FFF3CD;
466
+ }
467
+ :global(.eradius) {
468
+ border-radius: 4px;
469
+ }
470
+ :global(.eradius-low) {
471
+ border-radius: 8px;
472
+ }
473
+ :global(.eradius-medium) {
474
+ border-radius: 16px;
475
+ }
476
+ :global(.eradius-full) {
477
+ border-radius: 50%;
478
+ }
479
+ .eshadow-non {
480
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
481
+ }
482
+ .eshadow-low {
483
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
484
+ }
485
+ .eshadow-medium {
486
+ box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
487
+ }
488
+ .eshadow-high {
489
+ box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
490
+ }
491
+ :global(.efs-small) {
492
+ font-family: Roboto;
493
+ font-size: 12px;
494
+ font-style: normal;
495
+ font-weight: 400;
496
+ line-height: normal;
497
+ }
498
+ :global(.efs-normal) {
499
+ font-family: Roboto;
500
+ font-size: 16px;
501
+ font-style: normal;
502
+ font-weight: 400;
503
+ line-height: 28px;
504
+ }
505
+ :global(.efs-strong) {
506
+ font-family: Roboto;
507
+ font-size: 17px;
508
+ font-style: normal;
509
+ font-weight: 700;
510
+ line-height: 28px;
511
+ }
512
+ :global(.efs-h6) {
513
+ font-family: Roboto;
514
+ font-size: 16px;
515
+ font-style: normal;
516
+ font-weight: 700;
517
+ line-height: normal;
518
+ }
519
+ :global(.efs-h5) {
520
+ font-family: Roboto;
521
+ font-size: 20px;
522
+ font-style: normal;
523
+ font-weight: 700;
524
+ line-height: normal;
525
+ }
526
+ :global(.efs-h4) {
527
+ font-family: Roboto;
528
+ font-size: 24px;
529
+ font-style: normal;
530
+ font-weight: 700;
531
+ line-height: normal;
532
+ }
533
+ :global(.efs-h3) {
534
+ font-family: Roboto;
535
+ font-size: 28px;
536
+ font-style: normal;
537
+ font-weight: 700;
538
+ line-height: normal;
539
+ }
540
+ :global(.efs-h2) {
541
+ font-family: Roboto;
542
+ font-size: 32px;
543
+ font-style: normal;
544
+ font-weight: 700;
545
+ line-height: normal;
546
+ }
547
+ :global(.efs-h1) {
548
+ font-family: Roboto;
549
+ font-size: 40px;
550
+ font-style: normal;
551
+ font-weight: 700;
552
+ line-height: normal;
553
+ letter-spacing: -0.8px;
554
+ }
555
+ :global(.efs-h4D) {
556
+ font-family: Merriweather;
557
+ font-size: 52px;
558
+ font-style: normal;
559
+ font-weight: 400;
560
+ line-height: normal;
561
+ }
562
+ :global(.efs-h3D) {
563
+ font-family: Merriweather;
564
+ font-size: 58px;
565
+ font-style: normal;
566
+ font-weight: 400;
567
+ line-height: normal;
568
+ }
569
+ :global(.efs-h2D) {
570
+ font-family: Merriweather;
571
+ font-size: 64px;
572
+ font-style: normal;
573
+ font-weight: 400;
574
+ line-height: normal;
575
+ letter-spacing: -1.28px;
576
+ }
577
+ :global(.efs-h1D) {
578
+ font-family: Merriweather;
579
+ font-size: 72px;
580
+ font-style: normal;
581
+ font-weight: 400;
582
+ line-height: normal;
583
+ }
584
+ .content {
585
+ color: #495057;
586
+ line-height: normal;
587
+ }
588
+ .header {
589
+ display: flex;
590
+ align-items: center;
591
+ justify-content: flex-end;
592
+ align-self: stretch;
593
+ height: 19px;
594
+ }
595
+ .header .title {
596
+ font-family: Roboto;
597
+ }
598
+ :global(.secondaryOutlineBtnMedium) {
599
+ font-weight: 600;
600
+ }</style>