freemium-ui 2.0.0-beta.2 → 2.0.0-beta.20

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.
@@ -1,614 +0,0 @@
1
- .rdp{
2
- --rdp-cell-size:40px;
3
- --rdp-caption-font-size:18px;
4
- --rdp-accent-color:#0000ff;
5
- --rdp-background-color:#e7edff;
6
- --rdp-accent-color-dark:#3003e1;
7
- --rdp-background-color-dark:#180270;
8
- --rdp-outline:2px solid var(--rdp-accent-color);
9
- --rdp-outline-selected:3px solid var(--rdp-accent-color);
10
- --rdp-selected-color:#fff;
11
- margin:1em;
12
- }
13
- .rdp-vhidden{
14
- box-sizing:border-box;
15
- padding:0;
16
- margin:0;
17
- background:transparent;
18
- border:0;
19
- -moz-appearance:none;
20
- -webkit-appearance:none;
21
- appearance:none;
22
- position:absolute !important;
23
- top:0;
24
- width:1px !important;
25
- height:1px !important;
26
- padding:0 !important;
27
- overflow:hidden !important;
28
- clip:rect(1px, 1px, 1px, 1px) !important;
29
- border:0 !important;
30
- }
31
- .rdp-button_reset{
32
- appearance:none;
33
- position:relative;
34
- margin:0;
35
- padding:0;
36
- cursor:default;
37
- color:inherit;
38
- background:none;
39
- font:inherit;
40
- -moz-appearance:none;
41
- -webkit-appearance:none;
42
- }
43
-
44
- .rdp-button_reset:focus-visible{
45
- outline:none;
46
- }
47
-
48
- .rdp-button{
49
- border:2px solid transparent;
50
- }
51
-
52
- .rdp-button[disabled]:not(.rdp-day_selected){
53
- opacity:0.25;
54
- }
55
-
56
- .rdp-button:not([disabled]){
57
- cursor:pointer;
58
- }
59
-
60
- .rdp-button:focus-visible:not([disabled]){
61
- color:inherit;
62
- background-color:var(--rdp-background-color);
63
- border:var(--rdp-outline);
64
- }
65
-
66
- .rdp-button:hover:not([disabled]):not(.rdp-day_selected){
67
- background-color:var(--rdp-background-color);
68
- }
69
-
70
- .rdp-months{
71
- display:flex;
72
- }
73
-
74
- .rdp-month{
75
- margin:0 1em;
76
- }
77
-
78
- .rdp-month:first-child{
79
- margin-left:0;
80
- }
81
-
82
- .rdp-month:last-child{
83
- margin-right:0;
84
- }
85
-
86
- .rdp-table{
87
- margin:0;
88
- max-width:calc(var(--rdp-cell-size) * 7);
89
- border-collapse:collapse;
90
- }
91
-
92
- .rdp-with_weeknumber .rdp-table{
93
- max-width:calc(var(--rdp-cell-size) * 8);
94
- border-collapse:collapse;
95
- }
96
-
97
- .rdp-caption{
98
- display:flex;
99
- align-items:center;
100
- justify-content:space-between;
101
- padding:0;
102
- text-align:left;
103
- }
104
-
105
- .rdp-multiple_months .rdp-caption{
106
- position:relative;
107
- display:block;
108
- text-align:center;
109
- }
110
-
111
- .rdp-caption_dropdowns{
112
- position:relative;
113
- display:inline-flex;
114
- }
115
-
116
- .rdp-caption_label{
117
- position:relative;
118
- z-index:1;
119
- display:inline-flex;
120
- align-items:center;
121
- margin:0;
122
- padding:0 0.25em;
123
- white-space:nowrap;
124
- color:currentColor;
125
- border:0;
126
- border:2px solid transparent;
127
- font-family:inherit;
128
- font-size:var(--rdp-caption-font-size);
129
- font-weight:bold;
130
- }
131
-
132
- .rdp-nav{
133
- white-space:nowrap;
134
- }
135
-
136
- .rdp-multiple_months .rdp-caption_start .rdp-nav{
137
- position:absolute;
138
- top:50%;
139
- left:0;
140
- transform:translateY(-50%);
141
- }
142
-
143
- .rdp-multiple_months .rdp-caption_end .rdp-nav{
144
- position:absolute;
145
- top:50%;
146
- right:0;
147
- transform:translateY(-50%);
148
- }
149
-
150
- .rdp-nav_button{
151
- display:inline-flex;
152
- align-items:center;
153
- justify-content:center;
154
- width:var(--rdp-cell-size);
155
- height:var(--rdp-cell-size);
156
- padding:0.25em;
157
- border-radius:100%;
158
- }
159
- .rdp-dropdown_year,
160
- .rdp-dropdown_month{
161
- position:relative;
162
- display:inline-flex;
163
- align-items:center;
164
- }
165
-
166
- .rdp-dropdown{
167
- -webkit-appearance:none;
168
- -moz-appearance:none;
169
- appearance:none;
170
- position:absolute;
171
- z-index:2;
172
- top:0;
173
- bottom:0;
174
- left:0;
175
- width:100%;
176
- margin:0;
177
- padding:0;
178
- cursor:inherit;
179
- opacity:0;
180
- border:none;
181
- background-color:transparent;
182
- font-family:inherit;
183
- font-size:inherit;
184
- line-height:inherit;
185
- }
186
-
187
- .rdp-dropdown[disabled]{
188
- opacity:unset;
189
- color:unset;
190
- }
191
-
192
- .rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label{
193
- background-color:var(--rdp-background-color);
194
- border:var(--rdp-outline);
195
- border-radius:6px;
196
- }
197
-
198
- .rdp-dropdown_icon{
199
- margin:0 0 0 5px;
200
- }
201
-
202
- .rdp-head{
203
- border:0;
204
- }
205
-
206
- .rdp-head_row,
207
- .rdp-row{
208
- height:100%;
209
- }
210
-
211
- .rdp-head_cell{
212
- vertical-align:middle;
213
- font-size:0.75em;
214
- font-weight:700;
215
- text-align:center;
216
- height:100%;
217
- height:var(--rdp-cell-size);
218
- padding:0;
219
- text-transform:uppercase;
220
- }
221
-
222
- .rdp-tbody{
223
- border:0;
224
- }
225
-
226
- .rdp-tfoot{
227
- margin:0.5em;
228
- }
229
-
230
- .rdp-cell{
231
- width:var(--rdp-cell-size);
232
- height:100%;
233
- height:var(--rdp-cell-size);
234
- padding:0;
235
- text-align:center;
236
- }
237
-
238
- .rdp-weeknumber{
239
- font-size:0.75em;
240
- }
241
-
242
- .rdp-weeknumber,
243
- .rdp-day{
244
- display:flex;
245
- overflow:hidden;
246
- align-items:center;
247
- justify-content:center;
248
- box-sizing:border-box;
249
- width:var(--rdp-cell-size);
250
- max-width:var(--rdp-cell-size);
251
- height:var(--rdp-cell-size);
252
- margin:0;
253
- border:2px solid transparent;
254
- border-radius:100%;
255
- }
256
-
257
- .rdp-day_today:not(.rdp-day_outside){
258
- font-weight:bold;
259
- }
260
-
261
- .rdp-day_selected,
262
- .rdp-day_selected:focus-visible,
263
- .rdp-day_selected:hover{
264
- color:var(--rdp-selected-color);
265
- opacity:1;
266
- background-color:var(--rdp-accent-color);
267
- }
268
-
269
- .rdp-day_outside{
270
- opacity:0.5;
271
- }
272
-
273
- .rdp-day_selected:focus-visible{
274
- outline:var(--rdp-outline);
275
- outline-offset:2px;
276
- z-index:1;
277
- }
278
-
279
- .rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){
280
- border-top-right-radius:0;
281
- border-bottom-right-radius:0;
282
- }
283
-
284
- .rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){
285
- border-top-left-radius:0;
286
- border-bottom-left-radius:0;
287
- }
288
-
289
- .rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){
290
- border-top-left-radius:0;
291
- border-bottom-left-radius:0;
292
- }
293
-
294
- .rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){
295
- border-top-right-radius:0;
296
- border-bottom-right-radius:0;
297
- }
298
-
299
- .rdp-day_range_end.rdp-day_range_start{
300
- border-radius:100%;
301
- }
302
-
303
- .rdp-day_range_middle{
304
- border-radius:0;
305
- }
306
-
307
-
308
- .bp5-datepicker-content .rdp{
309
- --rdp-cell-size:30px;
310
- --rdp-accent-color:#2d72d2;
311
- --rdp-background-color:#ffffff;
312
- --rdp-accent-color-dark:#215db0;
313
- --rdp-background-color-dark:#2f343c;
314
- --rdp-outline:2px solid var(--rdp-accent-color);
315
- --rdp-outline-selected:2px solid rgba(0, 0, 0, 75%);
316
- margin:0;
317
- min-width:auto;
318
- }
319
- .bp5-datepicker .rdp{
320
- display:inline-block;
321
- min-width:210px;
322
- position:relative;
323
- vertical-align:top;
324
- }
325
- .bp5-datepicker .rdp:focus{
326
- outline:none;
327
- }
328
- .bp5-datepicker .rdp-month{
329
- display:flex;
330
- flex-direction:column;
331
- margin:0 5px;
332
- -webkit-user-select:none;
333
- -moz-user-select:none;
334
- -ms-user-select:none;
335
- user-select:none;
336
- }
337
- .bp5-datepicker .rdp-month + .bp5-datepicker .rdp-month{
338
- margin-left:10px;
339
- }
340
- .bp5-datepicker .rdp-caption{
341
- border-bottom:solid 1px rgba(17, 20, 24, 0.15);
342
- padding-bottom:5px;
343
- }
344
- .bp5-datepicker .rdp-table{
345
- align-self:center;
346
- }
347
- .bp5-datepicker .rdp-head_cell{
348
- font-size:inherit;
349
- font-weight:600;
350
- padding-top:5px;
351
- text-decoration:none;
352
- text-transform:none;
353
- }
354
- .bp5-datepicker .rdp-weeknumber{
355
- color:#5f6b7c;
356
- }
357
- .bp5-datepicker .rdp-day{
358
- border-radius:2px;
359
- }
360
- .bp5-datepicker .rdp-day.rdp-day_outside{
361
- color:rgba(95, 107, 124, 0.6);
362
- }
363
- .bp5-datepicker .rdp-day.rdp-day_today{
364
- font-weight:400;
365
- }
366
- .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):hover, .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):focus{
367
- background:rgba(143, 153, 168, 0.15);
368
- color:#1c2127;
369
- }
370
- .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):active{
371
- background:rgba(143, 153, 168, 0.3);
372
- }
373
- .bp5-datepicker .rdp-day.rdp-day_disabled{
374
- background:none;
375
- color:rgba(95, 107, 124, 0.6);
376
- cursor:not-allowed;
377
- }
378
- .bp5-datepicker .rdp-day.rdp-day_selected{
379
- background-color:#2d72d2;
380
- border-radius:2px;
381
- color:#ffffff;
382
- }
383
- .bp5-datepicker .rdp-day.rdp-day_selected:hover{
384
- background-color:#215db0;
385
- color:#ffffff;
386
- }
387
- .bp5-datepicker .rdp-day.rdp-day_selected:active{
388
- background-color:#184a90;
389
- }
390
- .bp5-datepicker.bp5-datepicker-highlight-current-day .rdp-day.rdp-day_today{
391
- border:1px solid rgba(17, 20, 24, 0.15);
392
- }
393
- .bp5-datepicker.bp5-datepicker-reverse-month-and-year .rdp-caption_dropdowns{
394
- flex-direction:row-reverse;
395
- }
396
-
397
- .bp5-datepicker-content{
398
- align-items:center;
399
- display:flex;
400
- flex-direction:column;
401
- gap:5px;
402
- }
403
- .bp5-datepicker-content > .bp5-divider{
404
- margin:0;
405
- width:calc(100% - 10px);
406
- }
407
-
408
- .bp5-datepicker-month-select select, .bp5-datepicker-year-select select{
409
- font-weight:600;
410
- padding-left:5px;
411
- padding-right:16px;
412
- }
413
- .bp5-datepicker-month-select select + .bp5-icon, .bp5-datepicker-year-select select + .bp5-icon{
414
- right:2px;
415
- }
416
-
417
- .bp5-datepicker-footer{
418
- display:flex;
419
- justify-content:space-between;
420
- width:100%;
421
- }
422
-
423
- .bp5-dark .bp5-datepicker{
424
- background:#2f343c;
425
- }
426
- .bp5-dark .bp5-datepicker .rdp-week-number{
427
- color:#abb3bf;
428
- }
429
- .bp5-dark .bp5-datepicker .rdp-day.rdp-day_outside{
430
- color:rgba(171, 179, 191, 0.6);
431
- }
432
- .bp5-dark .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):hover, .bp5-dark .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):focus{
433
- background:rgba(143, 153, 168, 0.15);
434
- color:#ffffff;
435
- }
436
- .bp5-dark .bp5-datepicker .rdp-day:not([disabled]):not(.rdp-day_selected):active{
437
- background:rgba(143, 153, 168, 0.3);
438
- }
439
- .bp5-dark .bp5-datepicker .rdp-day.rdp-day_selected{
440
- background-color:#2d72d2;
441
- }
442
- .bp5-dark .bp5-datepicker .rdp-day.rdp-day_selected:hover{
443
- background-color:#215db0;
444
- }
445
- .bp5-dark .bp5-datepicker .rdp-day.rdp-day_selected:active{
446
- background-color:#184a90;
447
- }
448
- .bp5-dark .bp5-datepicker .rdp-day.rdp-day_disabled{
449
- background:none;
450
- color:rgba(171, 179, 191, 0.6);
451
- }
452
- .bp5-dark .bp5-datepicker.bp5-datepicker-highlight-current-day .rdp-day.rdp-day_today{
453
- border:1px solid rgba(255, 255, 255, 0.2);
454
- }
455
- .bp5-dark .bp5-datepicker .bp5-datepicker-footer{
456
- border-top-color:rgba(17, 20, 24, 0.4);
457
- }
458
-
459
- .bp5-datepicker-timepicker-wrapper{
460
- align-items:center;
461
- display:flex;
462
- flex-direction:column;
463
- }
464
- .bp5-datepicker-timepicker-wrapper .bp5-timepicker-arrow-row:empty + .bp5-timepicker-input-row{
465
- margin:5px 0;
466
- }
467
- .bp5-datepicker-caption.rdp-caption{
468
- display:flex;
469
- flex-direction:row;
470
- justify-content:space-between;
471
- margin:0;
472
- }
473
- .bp5-datepicker-caption.rdp-caption > *{
474
- flex-grow:0;
475
- flex-shrink:0;
476
- }
477
- .bp5-datepicker-caption.rdp-caption > .bp5-fill{
478
- flex-grow:1;
479
- flex-shrink:1;
480
- }
481
- .bp5-datepicker-caption.rdp-caption .bp5-html-select select{
482
- font-weight:600;
483
- padding-left:5px;
484
- padding-right:16px;
485
- }
486
- .bp5-datepicker-caption.rdp-caption .bp5-html-select select + .bp5-icon{
487
- right:2px;
488
- }
489
- .bp5-datepicker-caption.rdp-caption + .bp5-divider{
490
- margin:0;
491
- }
492
- .bp5-datepicker-caption.rdp-caption .bp5-datepicker-nav-button-hidden{
493
- visibility:hidden;
494
- }
495
-
496
- .bp5-datepicker-month-select{
497
- flex-shrink:1;
498
- }
499
-
500
- .bp5-datepicker-year-select{
501
- flex-shrink:1;
502
- min-width:60px;
503
- }
504
-
505
- .bp5-datepicker-caption-measure{
506
- font-weight:600;
507
- padding-left:5px;
508
- }
509
- .bp5-daterangepicker{
510
- }
511
- .bp5-daterangepicker.bp5-daterangepicker-contiguous .rdp{
512
- min-width:220px;
513
- }
514
- .bp5-daterangepicker.bp5-daterangepicker-single-month .rdp{
515
- min-width:210px;
516
- }
517
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption{
518
- display:flex;
519
- flex-direction:row;
520
- justify-content:space-between;
521
- }
522
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption > *{
523
- flex-grow:0;
524
- flex-shrink:0;
525
- }
526
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption > .bp5-fill{
527
- flex-grow:1;
528
- flex-shrink:1;
529
- }
530
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption_start .rdp-caption{
531
- flex-direction:row-reverse;
532
- }
533
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption_start .rdp-caption::before{
534
- content:"";
535
- height:30px;
536
- width:30px;
537
- }
538
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption_end .rdp-caption{
539
- flex-direction:row;
540
- }
541
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-caption_end .rdp-caption::before{
542
- content:"";
543
- height:30px;
544
- width:30px;
545
- }
546
- .bp5-daterangepicker .rdp.rdp-multiple_months .rdp-nav{
547
- left:initial;
548
- position:initial;
549
- top:initial;
550
- transform:none;
551
- }
552
- .bp5-daterangepicker.bp5-datepicker .rdp-day_outside{
553
- visibility:hidden;
554
- }
555
- .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered:not(.rdp-day_selected){
556
- border-radius:0;
557
- color:#215db0;
558
- }
559
- .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered:not(.rdp-day_selected):not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end){
560
- background-color:rgba(45, 114, 210, 0.1);
561
- }
562
- .bp5-daterangepicker.bp5-datepicker .rdp-day_range_middle{
563
- background-color:rgba(45, 114, 210, 0.1);
564
- border-radius:0;
565
- color:#215db0;
566
- }
567
- .bp5-daterangepicker.bp5-datepicker .rdp-day_range_middle:hover{
568
- background-color:rgba(45, 114, 210, 0.2);
569
- color:#215db0;
570
- }
571
- .bp5-daterangepicker.bp5-datepicker .rdp-day_range_start:not(.rdp-day_range_end):not(.rdp-day_hovered_end){
572
- border-bottom-right-radius:0;
573
- border-top-right-radius:0;
574
- }
575
- .bp5-daterangepicker.bp5-datepicker .rdp-day_range_end:not(.rdp-day_range_start):not(.rdp_day_hovered_start){
576
- border-bottom-left-radius:0;
577
- border-top-left-radius:0;
578
- }
579
- .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered_start:not(.rdp-day_hovered_end){
580
- border-bottom-right-radius:0;
581
- border-top-right-radius:0;
582
- }
583
- .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered_end:not(.rdp-day_hovered_start){
584
- border-bottom-left-radius:0;
585
- border-top-left-radius:0;
586
- }
587
- .bp5-daterangepicker.bp5-datepicker-highlight-current-day .rdp-day.rdp-day_today{
588
- border:1px solid rgba(17, 20, 24, 0.15);
589
- }
590
- .bp5-daterangepicker.bp5-daterangepicker-reverse-month-and-year.bp5-daterangepicker-contiguous .rdp-caption_dropdowns{
591
- flex-direction:row-reverse;
592
- }
593
-
594
- .bp5-daterangepicker-timepickers.bp5-daterangepicker-timepickers-stacked{
595
- align-items:center;
596
- flex-direction:column;
597
- }
598
-
599
- .bp5-dark .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered{
600
- color:#f6f7f9;
601
- }
602
- .bp5-dark .bp5-daterangepicker.bp5-datepicker .rdp-day_hovered:not(.rdp-day_selected):not(.rdp-day_range_start):not(.rdp-day_range_middle):not(.rdp-day_range_end){
603
- background-color:rgba(45, 114, 210, 0.2);
604
- }
605
- .bp5-dark .bp5-daterangepicker.bp5-datepicker .rdp-day_range_middle{
606
- background-color:rgba(45, 114, 210, 0.2);
607
- color:#f6f7f9;
608
- }
609
- .bp5-dark .bp5-daterangepicker.bp5-datepicker .rdp-day_range_middle:hover{
610
- background-color:rgba(45, 114, 210, 0.4);
611
- }
612
- .bp5-dark .bp5-daterangepicker.bp5-datepicker-highlight-current-day .rdp-day.rdp-day_today{
613
- border:1px solid rgba(255, 255, 255, 0.2);
614
- }