@enki-tek/fms-web-components 0.0.63 → 0.0.65

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