igniteui-theming 10.0.0 → 10.1.0-beta.2
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-theming",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.1.0-beta.2",
|
|
4
4
|
"description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -127,6 +127,9 @@ $dark-material-calendar: extend(
|
|
|
127
127
|
/// @prop {Map} header-foreground [contrast-color: ('primary', 200)] - The header foreground color.
|
|
128
128
|
/// @prop {Map} header-background [color: ('primary', 200)] - The background color of the month and year pickers.
|
|
129
129
|
/// @prop {Мap} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
|
|
130
|
+
/// @prop {Map} date-selected-special-border-color [color: ('primary', 50)] - The border color of the selected special date.
|
|
131
|
+
/// @prop {Map} date-selected-special-hover-border-color [color: ('primary', 50)] - The :hover border color of the selected special date.
|
|
132
|
+
/// @prop {Map} date-selected-special-focus-border-color [color: ('primary', 50)] - The :focus border color of the selected special date.
|
|
130
133
|
/// @requires $fluent-calendar
|
|
131
134
|
$dark-fluent-calendar: extend(
|
|
132
135
|
$fluent-calendar,
|
|
@@ -275,6 +278,24 @@ $dark-fluent-calendar: extend(
|
|
|
275
278
|
100,
|
|
276
279
|
),
|
|
277
280
|
),
|
|
281
|
+
date-selected-special-border-color: (
|
|
282
|
+
color: (
|
|
283
|
+
'primary',
|
|
284
|
+
50,
|
|
285
|
+
),
|
|
286
|
+
),
|
|
287
|
+
date-selected-special-hover-border-color: (
|
|
288
|
+
color: (
|
|
289
|
+
'primary',
|
|
290
|
+
50,
|
|
291
|
+
),
|
|
292
|
+
),
|
|
293
|
+
date-selected-special-focus-border-color: (
|
|
294
|
+
color: (
|
|
295
|
+
'primary',
|
|
296
|
+
50,
|
|
297
|
+
),
|
|
298
|
+
),
|
|
278
299
|
)
|
|
279
300
|
);
|
|
280
301
|
|
|
@@ -443,10 +464,10 @@ $dark-bootstrap-calendar: extend(
|
|
|
443
464
|
/// Generates a dark indigo calendar schema.
|
|
444
465
|
/// @type {Map}
|
|
445
466
|
/// @prop {Map} content-foreground [color: ('gray', 900)] - The foreground color of the days, months and years views.
|
|
446
|
-
/// @prop {Map} date-current-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the current date.
|
|
447
467
|
/// @prop {Map} ym-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of the month/year.
|
|
448
468
|
/// @prop {Map} ym-current-hover-background [contrast-color: ('gray', 900, .1)] - The :hover background color of the current month/year.
|
|
449
469
|
/// @prop {Map} date-selected-current-range-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of the current date in the selected range.
|
|
470
|
+
/// @prop {Map} date-selected-current-range-focus-background [contrast-color: ('gray', 50, .1)] - The :focus background color of the current date in the selected range.
|
|
450
471
|
/// @prop {Map} header-background [color: ('gray', 50)] - The header background color.
|
|
451
472
|
/// @prop {Map} content-background [color: ('gray', 50)] - The background color of the days, months and years views.
|
|
452
473
|
/// @prop {Map} picker-background [color: ('gray', 50)] - The background color of the month and year pickers.
|
|
@@ -455,22 +476,28 @@ $dark-bootstrap-calendar: extend(
|
|
|
455
476
|
/// @prop {Map} date-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of a date.
|
|
456
477
|
/// @prop {Map} date-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of a date.
|
|
457
478
|
/// @prop {Map} date-focus-background [contrast-color: ('gray', 50, .1)] - The :focus background color of date.
|
|
458
|
-
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
|
|
459
479
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 500, .5)] - The foreground color of disabled dates.
|
|
460
480
|
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 900, .38)] - The foreground color of disabled dates.
|
|
461
|
-
/// @prop {Map} date-current-
|
|
462
|
-
/// @prop {Map} date-current-
|
|
463
|
-
/// @prop {Map} date-current-
|
|
464
|
-
/// @prop {Map} date-
|
|
481
|
+
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
|
|
482
|
+
/// @prop {Map} date-current-background [color: ('primary', 700, .5)] - The background color of the current date.
|
|
483
|
+
/// @prop {Map} date-current-hover-background [color: ('primary', 700)] - The :hover background color of the current date.
|
|
484
|
+
/// @prop {Map} date-current-focus-background [color: ('primary', 700)] - The :focus background color of the current date.
|
|
485
|
+
/// @prop {Map} date-current-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the current date.
|
|
486
|
+
/// @prop {Map} date-current-border-color [color: ('primary', 300)] - The border color of the current date.
|
|
487
|
+
/// @prop {Map} date-current-hover-border-color [color: ('primary', 200)] - The :hover border color of the current date.
|
|
488
|
+
/// @prop {Map} date-current-focus-border-color [color: ('primary', 200)] - The :focus border color of the current date.
|
|
489
|
+
/// @prop {Map} date-special-range-foreground [color: ('primary', 100)] - The foreground color of a special date in rage selection.
|
|
465
490
|
/// @prop {Map} date-special-range-background [color: ('primary', 600, .4)] - The background color of a special date in range selection.
|
|
466
|
-
/// @prop {Map} date-special-foreground [color: ('primary',
|
|
467
|
-
/// @prop {Map} date-special-
|
|
468
|
-
/// @prop {Map} date-special-hover-
|
|
469
|
-
/// @prop {Map} date-special-
|
|
470
|
-
/// @prop {Map} date-special-focus-
|
|
471
|
-
/// @prop {Map} date-special-focus-background [color: ('primary', 400, .7)] - The background color of a special date.
|
|
491
|
+
/// @prop {Map} date-special-foreground [color: ('primary', 100)] - The foreground color of a special date.
|
|
492
|
+
/// @prop {Map} date-special-hover-foreground [color: ('primary', 50)] - The :hover foreground color of a special date.
|
|
493
|
+
/// @prop {Map} date-special-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of a special date.
|
|
494
|
+
/// @prop {Map} date-special-focus-foreground [color: ('primary', 50)] - The :focus foreground color of a special date.
|
|
495
|
+
/// @prop {Map} date-special-focus-background [contrast-color: ('gray', 50, .1)] - The :focus background color of a special date.
|
|
472
496
|
/// @prop {Map} date-special-range-hover-background [color: ('primary', 600, .7)] - The :hover background color of a special date in range selection.
|
|
473
497
|
/// @prop {Map} date-special-range-focus-background [color: ('primary', 600, .7)] - The :focus background color of a special date in range selection.
|
|
498
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 100)] - The outline color around a special date.
|
|
499
|
+
/// @prop {Map} date-special-hover-border-color [color: ('primary', 50)] - The outline color around a special date on hover.
|
|
500
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 100)] - The outline color around a special date in range selection.
|
|
474
501
|
/// @prop {Map} navigation-hover-color [color: ('primary', 300)] - The :hover color of the icon button responsible for month navigation.
|
|
475
502
|
/// @prop {Map} navigation-focus-color [color: ('primary', 300)] - The :focus color of the icon button responsible for month navigation.
|
|
476
503
|
/// @prop {Мап} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
|
|
@@ -479,13 +506,11 @@ $dark-bootstrap-calendar: extend(
|
|
|
479
506
|
/// @prop {Map} week-number-foreground [color: ('gray', 500)] - The foreground color of the week number column.
|
|
480
507
|
/// @prop {Map} week-number-background [contrast-color: ('gray', 50, .05)] - The background color of the week number column.
|
|
481
508
|
/// @prop {Map} date-selected-range-background [color: ('primary', 400, .2)] - The background color of the selected range.
|
|
482
|
-
/// @prop {Map} ym-current-
|
|
483
|
-
/// @prop {Map} ym-current-
|
|
484
|
-
/// @prop {Map} ym-current-outline-color [color: ('primary',
|
|
485
|
-
/// @prop {Map} ym-
|
|
486
|
-
/// @prop {Map} ym-
|
|
487
|
-
/// @prop {Map} ym-selected-current-outline-focus-color [contrast-color: ('gray', 50, .6)] - The :focus outline color of the selected current month/year.
|
|
488
|
-
/// @prop {Map} date-current-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of the current date.
|
|
509
|
+
/// @prop {Map} ym-current-background [color: ('primary', 700, .5)] - The background color of the current month/year.
|
|
510
|
+
/// @prop {Map} ym-current-hover-background [color: (color: ('primary', 700)] - The :hover background color of the current month/year.
|
|
511
|
+
/// @prop {Map} ym-current-outline-hover-color [color: ('primary', 200)] - The :hover outline color of the current month/year.
|
|
512
|
+
/// @prop {Map} ym-current-outline-focus-color [color: ('primary', 200)] - The :focus outline color of the current month/year.
|
|
513
|
+
/// @prop {Map} ym-current-outline-color [color: ('primary', 300)] - The outline color of the current month/year.
|
|
489
514
|
/// @prop {Map} date-selected-range-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of the selected range.
|
|
490
515
|
/// @prop {Map} date-selected-range-focus-background [contrast-color: ('gray', 50, .1)] - The :focus background color of the selected range.
|
|
491
516
|
/// @prop {Map} date-selected-range-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of the selected range.
|
|
@@ -501,27 +526,21 @@ $dark-indigo-calendar: extend(
|
|
|
501
526
|
900,
|
|
502
527
|
),
|
|
503
528
|
),
|
|
504
|
-
|
|
529
|
+
ym-hover-background: (
|
|
505
530
|
contrast-color: (
|
|
506
531
|
'gray',
|
|
507
532
|
50,
|
|
508
533
|
0.1,
|
|
509
534
|
),
|
|
510
535
|
),
|
|
511
|
-
date-current-
|
|
512
|
-
contrast-color: (
|
|
513
|
-
'gray',
|
|
514
|
-
50,
|
|
515
|
-
),
|
|
516
|
-
),
|
|
517
|
-
ym-hover-background: (
|
|
536
|
+
date-selected-current-range-hover-background: (
|
|
518
537
|
contrast-color: (
|
|
519
538
|
'gray',
|
|
520
539
|
50,
|
|
521
540
|
0.1,
|
|
522
541
|
),
|
|
523
542
|
),
|
|
524
|
-
date-selected-current-range-
|
|
543
|
+
date-selected-current-range-focus-background: (
|
|
525
544
|
contrast-color: (
|
|
526
545
|
'gray',
|
|
527
546
|
50,
|
|
@@ -584,67 +603,85 @@ $dark-indigo-calendar: extend(
|
|
|
584
603
|
900,
|
|
585
604
|
),
|
|
586
605
|
),
|
|
587
|
-
date-current-
|
|
606
|
+
date-current-background: (
|
|
588
607
|
color: (
|
|
589
608
|
'primary',
|
|
590
|
-
|
|
609
|
+
700,
|
|
610
|
+
0.5,
|
|
591
611
|
),
|
|
592
612
|
),
|
|
593
|
-
date-current-hover-
|
|
613
|
+
date-current-hover-background: (
|
|
594
614
|
color: (
|
|
595
615
|
'primary',
|
|
596
|
-
|
|
616
|
+
700,
|
|
597
617
|
),
|
|
598
618
|
),
|
|
599
|
-
date-current-focus-
|
|
619
|
+
date-current-focus-background: (
|
|
620
|
+
color: (
|
|
621
|
+
'primary',
|
|
622
|
+
700,
|
|
623
|
+
),
|
|
624
|
+
),
|
|
625
|
+
date-current-focus-foreground: (
|
|
626
|
+
contrast-color: (
|
|
627
|
+
'gray',
|
|
628
|
+
50,
|
|
629
|
+
),
|
|
630
|
+
),
|
|
631
|
+
date-current-border-color: (
|
|
600
632
|
color: (
|
|
601
633
|
'primary',
|
|
602
634
|
300,
|
|
603
635
|
),
|
|
604
636
|
),
|
|
605
|
-
date-
|
|
637
|
+
date-current-hover-border-color: (
|
|
606
638
|
color: (
|
|
607
639
|
'primary',
|
|
608
|
-
|
|
640
|
+
200,
|
|
609
641
|
),
|
|
610
642
|
),
|
|
611
|
-
date-
|
|
643
|
+
date-current-focus-border-color: (
|
|
612
644
|
color: (
|
|
613
645
|
'primary',
|
|
614
|
-
|
|
615
|
-
0.4,
|
|
646
|
+
200,
|
|
616
647
|
),
|
|
617
648
|
),
|
|
618
|
-
date-special-
|
|
619
|
-
|
|
649
|
+
date-special-foreground: (
|
|
650
|
+
color: (
|
|
620
651
|
'primary',
|
|
621
|
-
|
|
652
|
+
100,
|
|
622
653
|
),
|
|
623
654
|
),
|
|
624
|
-
date-special-hover-
|
|
655
|
+
date-special-hover-foreground: (
|
|
625
656
|
color: (
|
|
626
657
|
'primary',
|
|
627
|
-
|
|
628
|
-
0.7,
|
|
658
|
+
50,
|
|
629
659
|
),
|
|
630
660
|
),
|
|
631
|
-
date-special-
|
|
661
|
+
date-special-hover-background: (
|
|
632
662
|
contrast-color: (
|
|
633
|
-
'
|
|
634
|
-
|
|
663
|
+
'gray',
|
|
664
|
+
50,
|
|
665
|
+
0.1,
|
|
635
666
|
),
|
|
636
667
|
),
|
|
637
|
-
date-special-focus-
|
|
668
|
+
date-special-focus-foreground: (
|
|
638
669
|
color: (
|
|
639
670
|
'primary',
|
|
640
|
-
|
|
641
|
-
|
|
671
|
+
50,
|
|
672
|
+
),
|
|
673
|
+
),
|
|
674
|
+
date-special-focus-background: (
|
|
675
|
+
contrast-color: (
|
|
676
|
+
'gray',
|
|
677
|
+
50,
|
|
678
|
+
0.1,
|
|
642
679
|
),
|
|
643
680
|
),
|
|
644
681
|
date-special-range-foreground: (
|
|
645
682
|
color: (
|
|
646
683
|
'primary',
|
|
647
|
-
|
|
684
|
+
100,
|
|
648
685
|
),
|
|
649
686
|
),
|
|
650
687
|
date-special-range-background: (
|
|
@@ -668,6 +705,24 @@ $dark-indigo-calendar: extend(
|
|
|
668
705
|
0.7,
|
|
669
706
|
),
|
|
670
707
|
),
|
|
708
|
+
date-special-border-color: (
|
|
709
|
+
color: (
|
|
710
|
+
'primary',
|
|
711
|
+
100,
|
|
712
|
+
),
|
|
713
|
+
),
|
|
714
|
+
date-special-hover-border-color: (
|
|
715
|
+
color: (
|
|
716
|
+
'primary',
|
|
717
|
+
50,
|
|
718
|
+
),
|
|
719
|
+
),
|
|
720
|
+
date-special-range-border-color: (
|
|
721
|
+
color: (
|
|
722
|
+
'primary',
|
|
723
|
+
100,
|
|
724
|
+
),
|
|
725
|
+
),
|
|
671
726
|
navigation-hover-color: (
|
|
672
727
|
color: (
|
|
673
728
|
'primary',
|
|
@@ -718,43 +773,35 @@ $dark-indigo-calendar: extend(
|
|
|
718
773
|
0.2,
|
|
719
774
|
),
|
|
720
775
|
),
|
|
721
|
-
ym-current-
|
|
776
|
+
ym-current-background: (
|
|
722
777
|
color: (
|
|
723
778
|
'primary',
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
),
|
|
727
|
-
ym-selected-current-outline-color: (
|
|
728
|
-
contrast-color: (
|
|
729
|
-
'gray',
|
|
730
|
-
50,
|
|
731
|
-
0.6,
|
|
779
|
+
700,
|
|
780
|
+
0.5,
|
|
732
781
|
),
|
|
733
782
|
),
|
|
734
|
-
ym-current-
|
|
783
|
+
ym-current-hover-background: (
|
|
735
784
|
color: (
|
|
736
785
|
'primary',
|
|
737
|
-
|
|
786
|
+
700,
|
|
738
787
|
),
|
|
739
788
|
),
|
|
740
|
-
ym-current-outline-
|
|
789
|
+
ym-current-outline-color: (
|
|
741
790
|
color: (
|
|
742
791
|
'primary',
|
|
743
792
|
300,
|
|
744
793
|
),
|
|
745
794
|
),
|
|
746
|
-
ym-
|
|
747
|
-
|
|
748
|
-
'
|
|
749
|
-
|
|
750
|
-
0.6,
|
|
795
|
+
ym-current-outline-hover-color: (
|
|
796
|
+
color: (
|
|
797
|
+
'primary',
|
|
798
|
+
200,
|
|
751
799
|
),
|
|
752
800
|
),
|
|
753
|
-
ym-
|
|
754
|
-
|
|
755
|
-
'
|
|
756
|
-
|
|
757
|
-
0.6,
|
|
801
|
+
ym-current-outline-focus-color: (
|
|
802
|
+
color: (
|
|
803
|
+
'primary',
|
|
804
|
+
200,
|
|
758
805
|
),
|
|
759
806
|
),
|
|
760
807
|
date-disabled-foreground: (
|
|
@@ -349,10 +349,14 @@ $light-calendar: (
|
|
|
349
349
|
/// @prop {Map} date-special-focus-foreground [color: ('secondary', 700)] - The foreground color of a special date.
|
|
350
350
|
/// @prop {Map} date-special-hover-background [color: ('gray', 100)] - The background color of a special date.
|
|
351
351
|
/// @prop {Map} date-special-focus-background [color: ('gray', 100)] - The background color of a special date.
|
|
352
|
+
/// @prop {Map} date-special-range-foreground [color: ('secondary', 900)] - The foreground color of a special date in rage selection.
|
|
352
353
|
/// @prop {Map} date-special-range-hover-background [color: ('gray', 100)] - The :hover background color of a special date in range selection.
|
|
353
354
|
/// @prop {Map} date-special-range-focus-background [color: ('gray', 100)] - The :focus background color of a special date in range selection.
|
|
354
355
|
/// @prop {Map} date-special-border-color [color: ('secondary', 500)] - The outline color around a special date.
|
|
355
356
|
/// @prop {Map} date-special-hover-border-color [color: ('secondary', 700)] - The outline color around a special date.
|
|
357
|
+
/// @prop {Map} date-selected-special-border-color [contrast-color: ('secondary', 900)] - The border color of the selected special date.
|
|
358
|
+
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('secondary', 900)] - The :hover border color of the selected special date.
|
|
359
|
+
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('secondary', 900)] - The :focus border color of the selected special date.
|
|
356
360
|
/// @prop {Map} ym-current-outline-color [color: ('gray', 900)] - The outline color of the current month/year.
|
|
357
361
|
/// @prop {Map} ym-selected-current-outline-color [color: ('gray', 900)] - The outline color of the selected current month/year.
|
|
358
362
|
/// @prop {Map} ym-selected-current-outline-hover-color [color: ('gray', 900)] - The :hover outline color of the selected current month/year.
|
|
@@ -365,7 +369,6 @@ $light-calendar: (
|
|
|
365
369
|
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the selected current date.
|
|
366
370
|
/// @prop {List} week-number-border-radius [(rem(4px), rem(0), rem(8px))] - The border radius used for the week numbers column.
|
|
367
371
|
/// @prop {Map} actions-divider-color [color: ('gray', 200)] - The border color used for the date-picker actions divider.
|
|
368
|
-
/// @prop {Map} date-special-range-foreground [color: ('secondary', 900)] - The foreground color of a special date in rage selection.
|
|
369
372
|
/// @requires $light-calendar
|
|
370
373
|
$material-calendar: extend(
|
|
371
374
|
$light-calendar,
|
|
@@ -603,6 +606,24 @@ $material-calendar: extend(
|
|
|
603
606
|
100,
|
|
604
607
|
),
|
|
605
608
|
),
|
|
609
|
+
date-selected-special-border-color: (
|
|
610
|
+
contrast-color: (
|
|
611
|
+
'secondary',
|
|
612
|
+
900,
|
|
613
|
+
),
|
|
614
|
+
),
|
|
615
|
+
date-selected-special-hover-border-color: (
|
|
616
|
+
contrast-color: (
|
|
617
|
+
'secondary',
|
|
618
|
+
900,
|
|
619
|
+
),
|
|
620
|
+
),
|
|
621
|
+
date-selected-special-focus-border-color: (
|
|
622
|
+
contrast-color: (
|
|
623
|
+
'secondary',
|
|
624
|
+
900,
|
|
625
|
+
),
|
|
626
|
+
),
|
|
606
627
|
date-special-foreground: (
|
|
607
628
|
color: (
|
|
608
629
|
'secondary',
|
|
@@ -753,6 +774,9 @@ $material-calendar: extend(
|
|
|
753
774
|
/// @prop {Map} date-special-focus-background [color: ('gray', 200)] - The background color of a special date.
|
|
754
775
|
/// @prop {Map} date-special-range-hover-background [color: ('gray', 200)] - The :hover background color of a special date in range selection.
|
|
755
776
|
/// @prop {Map} date-special-range-focus-background [color: ('gray', 200)] - The :focus background color of a special date in range selection.
|
|
777
|
+
/// @prop {Map} date-selected-special-border-color [color: ('primary', 900)] - The border color of the selected special date.
|
|
778
|
+
/// @prop {Map} date-selected-special-hover-border-color [color: ('primary', 900)] - The :hover border color of the selected special date.
|
|
779
|
+
/// @prop {Map} date-selected-special-focus-border-color [color: ('primary', 900)] - The :focus border color of the selected special date.
|
|
756
780
|
/// @prop {Map} date-selected-current-border-color [color: ('gray', 700)] - The border color of the selected current date.
|
|
757
781
|
/// @prop {Map} date-selected-current-hover-border-color [color: ('gray', 700)] - The :hover border color of the selected current date.
|
|
758
782
|
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 700)] - The :focus border color of the selected current date.
|
|
@@ -915,6 +939,24 @@ $fluent-calendar: extend(
|
|
|
915
939
|
700,
|
|
916
940
|
),
|
|
917
941
|
),
|
|
942
|
+
date-selected-special-border-color: (
|
|
943
|
+
color: (
|
|
944
|
+
'primary',
|
|
945
|
+
900,
|
|
946
|
+
),
|
|
947
|
+
),
|
|
948
|
+
date-selected-special-hover-border-color: (
|
|
949
|
+
color: (
|
|
950
|
+
'primary',
|
|
951
|
+
900,
|
|
952
|
+
),
|
|
953
|
+
),
|
|
954
|
+
date-selected-special-focus-border-color: (
|
|
955
|
+
color: (
|
|
956
|
+
'primary',
|
|
957
|
+
900,
|
|
958
|
+
),
|
|
959
|
+
),
|
|
918
960
|
date-special-border-color: (
|
|
919
961
|
color: (
|
|
920
962
|
'primary',
|
|
@@ -1354,6 +1396,9 @@ $fluent-calendar: extend(
|
|
|
1354
1396
|
/// @prop {Map} date-special-border-color [color: ('primary', 800)] - The outline color around a special date.
|
|
1355
1397
|
/// @prop {Map} date-special-hover-border-color [color: ('primary', 800)] - The outline color around a special date.
|
|
1356
1398
|
/// @prop {Map} date-special-range-border-color [color: ('primary', 800)] - The outline color around a special date in a range selection.
|
|
1399
|
+
/// @prop {Map} date-selected-special-border-color [contrast-color: ('primary', 900)] - The border color of the selected special date.
|
|
1400
|
+
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('primary', 900)] - The :hover border color of the selected special date.
|
|
1401
|
+
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('primary', 900)] - The :focus border color of the selected special date.
|
|
1357
1402
|
/// @prop {Map} header-foreground [contrast-color: ('gray', 100)] - The header foreground color.
|
|
1358
1403
|
/// @prop {Map} header-background [color: ('gray', 100)] - The header background color.
|
|
1359
1404
|
/// @prop {Map} picker-foreground [color: ('gray', 900)] - The foreground color of the month and year pickers.
|
|
@@ -1709,6 +1754,24 @@ $bootstrap-calendar: extend(
|
|
|
1709
1754
|
200,
|
|
1710
1755
|
),
|
|
1711
1756
|
),
|
|
1757
|
+
date-selected-special-border-color: (
|
|
1758
|
+
contrast-color: (
|
|
1759
|
+
'primary',
|
|
1760
|
+
900,
|
|
1761
|
+
),
|
|
1762
|
+
),
|
|
1763
|
+
date-selected-special-hover-border-color: (
|
|
1764
|
+
contrast-color: (
|
|
1765
|
+
'primary',
|
|
1766
|
+
900,
|
|
1767
|
+
),
|
|
1768
|
+
),
|
|
1769
|
+
date-selected-special-focus-border-color: (
|
|
1770
|
+
contrast-color: (
|
|
1771
|
+
'primary',
|
|
1772
|
+
900,
|
|
1773
|
+
),
|
|
1774
|
+
),
|
|
1712
1775
|
date-selected-range-foreground: (
|
|
1713
1776
|
color: (
|
|
1714
1777
|
'gray',
|
|
@@ -1871,20 +1934,26 @@ $bootstrap-calendar: extend(
|
|
|
1871
1934
|
/// @prop {Map} date-hover-background [color: ('gray', 900, .05)] - The :hover background color of a date.
|
|
1872
1935
|
/// @prop {Map} date-focus-background [color: ('gray', 900, .05)] - The :focus background color of date.
|
|
1873
1936
|
/// @prop {Map} date-current-foreground [color: ('gray', 800)] - The foreground color of the current date.
|
|
1937
|
+
/// @prop {Map} date-current-background [color: ('primary', 50, .5)] - The background color of the current date.
|
|
1938
|
+
/// @prop {Map} date-current-hover-background [color: ('primary', 50)] - The :hover background color of the current date.
|
|
1939
|
+
/// @prop {Map} date-current-focus-background [color: ('primary', 50)] - The :hover background color of the current date.
|
|
1874
1940
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 900, .2)] - The foreground color of disabled dates.
|
|
1875
1941
|
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 800, .38)] - The foreground color of disabled dates in range selection.
|
|
1876
|
-
/// @prop {Map} date-current-
|
|
1877
|
-
/// @prop {Map} date-current-border-color [color: ('primary',
|
|
1878
|
-
/// @prop {Map} date-current-
|
|
1879
|
-
/// @prop {Map} date-current-focus-border-color [color: ('primary', 400)] - The :focus border color of the current date.
|
|
1942
|
+
/// @prop {Map} date-current-border-color [color: ('primary', 100)] - The border color of the current date.
|
|
1943
|
+
/// @prop {Map} date-current-hover-border-color [color: ('primary', 200)] - The :hover border color of the current date.
|
|
1944
|
+
/// @prop {Map} date-current-focus-border-color [color: ('primary', 200)] - The :focus border color of the current date.
|
|
1880
1945
|
/// @prop {Map} date-special-foreground [color: ('primary', 500)] - The foreground color of a special date.
|
|
1881
|
-
/// @prop {
|
|
1882
|
-
/// @prop {Map} date-special-hover-foreground [color: ('primary',
|
|
1883
|
-
/// @prop {Map} date-special-hover-background [color: ('
|
|
1884
|
-
/// @prop {Map} date-special-focus-foreground [color: ('primary',
|
|
1885
|
-
/// @prop {Map} date-special-focus-background [color: ('
|
|
1886
|
-
/// @prop {Map} date-special-range-hover-background [color: ('
|
|
1887
|
-
/// @prop {Map} date-special-range-focus-background [color: ('
|
|
1946
|
+
/// @prop {Color} date-special-background [transparent] - The background color of a special date.
|
|
1947
|
+
/// @prop {Map} date-special-hover-foreground [color: ('primary', 600)] - The :hover foreground color of a special date.
|
|
1948
|
+
/// @prop {Map} date-special-hover-background [color: ('gray', 900, .05)] - The :hover background color of a special date.
|
|
1949
|
+
/// @prop {Map} date-special-focus-foreground [color: ('primary', 600)] - The :focus foreground color of a special date.
|
|
1950
|
+
/// @prop {Map} date-special-focus-background [color: ('gray', 900, .05)] - The :focus background color of a special date.
|
|
1951
|
+
/// @prop {Map} date-special-range-hover-background [color: ('gray', 900, .05)] - The :hover background color of a special date in range selection.
|
|
1952
|
+
/// @prop {Map} date-special-range-focus-background [color: ('gray', 900, .05)] - The :focus background color of a special date in range selection.
|
|
1953
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 500)] - The outline color around a special date in range selection.
|
|
1954
|
+
/// @prop {Map} date-selected-special-border-color [contrast-color: ('primary', 900, .8)] - The border color of the selected special date.
|
|
1955
|
+
/// @prop {Map} date-selected-special-hover-border-color [contrast-color: ('primary', 900, .8)] - The :hover border color of the selected special date.
|
|
1956
|
+
/// @prop {Map} date-selected-special-focus-border-color [contrast-color: ('primary', 900,. 8)] - The :focus border color of the selected special date.
|
|
1888
1957
|
/// @prop {Map} date-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected date.
|
|
1889
1958
|
/// @prop {Map} date-selected-background [color: ('primary', 500)] - The background color of the selected date.
|
|
1890
1959
|
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected date.
|
|
@@ -1897,28 +1966,28 @@ $bootstrap-calendar: extend(
|
|
|
1897
1966
|
/// @prop {Map} date-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the selected current date.
|
|
1898
1967
|
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('primary', 900)] - The :focus foreground color of the selected current date.
|
|
1899
1968
|
/// @prop {Map} date-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the selected current date.
|
|
1900
|
-
/// @prop {Map} date-selected-current-border-color [contrast-color: ('primary', 900, .
|
|
1901
|
-
/// @prop {Map} date-selected-current-hover-border-color [contrast-color: ('primary', 900, .
|
|
1902
|
-
/// @prop {Map} date-selected-current-focus-border-color [contrast-color: ('primary', 900,.
|
|
1969
|
+
/// @prop {Map} date-selected-current-border-color [contrast-color: ('primary', 900, .8)] - The border color of the selected current date.
|
|
1970
|
+
/// @prop {Map} date-selected-current-hover-border-color [contrast-color: ('primary', 900, .8)] - The :hover border color of the selected current date.
|
|
1971
|
+
/// @prop {Map} date-selected-current-focus-border-color [contrast-color: ('primary', 900,. 8)] - The :focus border color of the selected current date.
|
|
1903
1972
|
/// @prop {Map} date-selected-range-foreground [color: ('gray', 800)] - The foreground color of the selected range.
|
|
1904
1973
|
/// @prop {Map} date-selected-current-range-foreground [color: ('gray', 800)] - The foreground color of the current date in the selected range.
|
|
1905
1974
|
/// @prop {Map} date-selected-range-background [color: ('primary', 300, .2)] - The background color of the selected range.
|
|
1906
1975
|
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 900, .05)] - The :hover background color of the selected range.
|
|
1907
1976
|
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 900, .05)] - The :focus background color of the selected range.
|
|
1908
1977
|
/// @prop {Map} date-selected-current-range-background [color: ('primary', 300, .02)] - The background color of the current date in the selected range.
|
|
1909
|
-
/// @prop {Map} date-selected-current-range-hover-background [color: ('
|
|
1910
|
-
/// @prop {Map} date-selected-current-range-focus-background [color: ('
|
|
1978
|
+
/// @prop {Map} date-selected-current-range-hover-background [color: ('primary', 50)] - The :hover background color of the current date in the selected range.
|
|
1979
|
+
/// @prop {Map} date-selected-current-range-focus-background [color: ('primary', 50)] - The :focus background color of the current date in the selected range.
|
|
1911
1980
|
/// @prop {Map} border-color [color: ('gray', 400)] - The calendar border color.
|
|
1912
|
-
/// @prop {
|
|
1913
|
-
/// @prop {
|
|
1981
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 500)] - The outline color around a special date.
|
|
1982
|
+
/// @prop {Map} date-special-hover-border-color [color: ('primary', 600)] - The :hover outline color around a special date.
|
|
1914
1983
|
/// @prop {Map} ym-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the current/selected month/year.
|
|
1915
1984
|
/// @prop {Map} ym-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected month/year.
|
|
1916
1985
|
/// @prop {Map} ym-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the month/year.
|
|
1917
1986
|
/// @prop {Map} ym-hover-background [color: ('gray', 900, .05)] - The :hover background color of the month/year.
|
|
1918
1987
|
/// @prop {Map} ym-current-foreground [color: ('gray', 900)] - The foreground color of the current month/year.
|
|
1919
|
-
/// @prop {
|
|
1988
|
+
/// @prop {Map} ym-current-background [color: ('primary', 50, .5)] - The background color of the current month/year.
|
|
1920
1989
|
/// @prop {Map} ym-current-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current month/year.
|
|
1921
|
-
/// @prop {Map} ym-current-hover-background [color: ('
|
|
1990
|
+
/// @prop {Map} ym-current-hover-background [color: (color: ('primary', 50)] - The :hover background color of the current month/year.
|
|
1922
1991
|
/// @prop {Map} ym-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected month/year.
|
|
1923
1992
|
/// @prop {Map} ym-selected-background [color: ('primary', 500)] - The background color of the selected month in month/year.
|
|
1924
1993
|
/// @prop {Map} ym-selected-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the selected month/year.
|
|
@@ -1927,12 +1996,12 @@ $bootstrap-calendar: extend(
|
|
|
1927
1996
|
/// @prop {Map} ym-selected-current-background [color: ('primary', 500)] - The background color of the current/selected month/year.
|
|
1928
1997
|
/// @prop {Map} ym-selected-current-hover-foreground [contrast-color: ('primary', 900)] - The :hover foreground color of the current/selected month/year.
|
|
1929
1998
|
/// @prop {Map} ym-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected month/year.
|
|
1930
|
-
/// @prop {Map} ym-current-outline-color [color: ('primary',
|
|
1931
|
-
/// @prop {Map} ym-current-outline-hover-color [color: ('primary',
|
|
1932
|
-
/// @prop {Map} ym-current-outline-focus-color [color: ('primary',
|
|
1933
|
-
/// @prop {Map} ym-selected-current-outline-color [
|
|
1934
|
-
/// @prop {Map} ym-selected-current-outline-hover-color [
|
|
1935
|
-
/// @prop {Map} ym-selected-current-outline-focus-color [
|
|
1999
|
+
/// @prop {Map} ym-current-outline-color [color: ('primary', 100)] - The outline color of the current month/year.
|
|
2000
|
+
/// @prop {Map} ym-current-outline-hover-color [color: ('primary', 200)] - The :hover outline color of the current month/year.
|
|
2001
|
+
/// @prop {Map} ym-current-outline-focus-color [color: ('primary', 200)] - The :focus outline color of the current month/year.
|
|
2002
|
+
/// @prop {Map} ym-selected-current-outline-color [color: ('primary', 100)] - The outline color of the selected current month/year.
|
|
2003
|
+
/// @prop {Map} ym-selected-current-outline-hover-color [color: ('primary', 200)] - The :hover outline color of the selected current month/year.
|
|
2004
|
+
/// @prop {Map} ym-selected-current-outline-focus-color [color: ('primary', 200)] - The :focus outline color of the selected current month/year.
|
|
1936
2005
|
/// @prop {List} inner-size [(rem(24px), rem(28px), rem(32px))] - The size of the inner element of a date(often used to outline the special date)
|
|
1937
2006
|
/// @prop {List} border-radius [(rem(6px), rem(0), rem(6px))] - The border radius used for calendar.
|
|
1938
2007
|
/// @prop {List} week-number-border-radius [(rem(4px), rem(0), rem(4px))] - The border radius used for the week numbers column.
|
|
@@ -1956,13 +2025,6 @@ $indigo-calendar: extend(
|
|
|
1956
2025
|
800,
|
|
1957
2026
|
),
|
|
1958
2027
|
),
|
|
1959
|
-
date-current-hover-background: (
|
|
1960
|
-
color: (
|
|
1961
|
-
'gray',
|
|
1962
|
-
900,
|
|
1963
|
-
0.05,
|
|
1964
|
-
),
|
|
1965
|
-
),
|
|
1966
2028
|
weekend-color: (
|
|
1967
2029
|
color: (
|
|
1968
2030
|
'gray',
|
|
@@ -2076,36 +2138,41 @@ $indigo-calendar: extend(
|
|
|
2076
2138
|
800,
|
|
2077
2139
|
),
|
|
2078
2140
|
),
|
|
2079
|
-
date-
|
|
2141
|
+
date-current-background: (
|
|
2080
2142
|
color: (
|
|
2081
|
-
'
|
|
2082
|
-
|
|
2083
|
-
0.
|
|
2143
|
+
'primary',
|
|
2144
|
+
50,
|
|
2145
|
+
0.5,
|
|
2084
2146
|
),
|
|
2085
2147
|
),
|
|
2086
|
-
date-
|
|
2148
|
+
date-current-hover-background: (
|
|
2087
2149
|
color: (
|
|
2088
|
-
'
|
|
2089
|
-
|
|
2090
|
-
|
|
2150
|
+
'primary',
|
|
2151
|
+
50,
|
|
2152
|
+
),
|
|
2153
|
+
),
|
|
2154
|
+
date-current-focus-background: (
|
|
2155
|
+
color: (
|
|
2156
|
+
'primary',
|
|
2157
|
+
50,
|
|
2091
2158
|
),
|
|
2092
2159
|
),
|
|
2093
2160
|
date-current-border-color: (
|
|
2094
2161
|
color: (
|
|
2095
2162
|
'primary',
|
|
2096
|
-
|
|
2163
|
+
100,
|
|
2097
2164
|
),
|
|
2098
2165
|
),
|
|
2099
2166
|
date-current-hover-border-color: (
|
|
2100
2167
|
color: (
|
|
2101
2168
|
'primary',
|
|
2102
|
-
|
|
2169
|
+
200,
|
|
2103
2170
|
),
|
|
2104
2171
|
),
|
|
2105
2172
|
date-current-focus-border-color: (
|
|
2106
2173
|
color: (
|
|
2107
2174
|
'primary',
|
|
2108
|
-
|
|
2175
|
+
200,
|
|
2109
2176
|
),
|
|
2110
2177
|
),
|
|
2111
2178
|
date-special-foreground: (
|
|
@@ -2114,13 +2181,7 @@ $indigo-calendar: extend(
|
|
|
2114
2181
|
500,
|
|
2115
2182
|
),
|
|
2116
2183
|
),
|
|
2117
|
-
date-special-background:
|
|
2118
|
-
color: (
|
|
2119
|
-
'primary',
|
|
2120
|
-
50,
|
|
2121
|
-
0.7,
|
|
2122
|
-
),
|
|
2123
|
-
),
|
|
2184
|
+
date-special-background: transparent,
|
|
2124
2185
|
date-special-range-foreground: (
|
|
2125
2186
|
color: (
|
|
2126
2187
|
'primary',
|
|
@@ -2137,41 +2198,61 @@ $indigo-calendar: extend(
|
|
|
2137
2198
|
date-special-hover-foreground: (
|
|
2138
2199
|
color: (
|
|
2139
2200
|
'primary',
|
|
2140
|
-
|
|
2201
|
+
600,
|
|
2141
2202
|
),
|
|
2142
2203
|
),
|
|
2143
2204
|
date-special-hover-background: (
|
|
2144
2205
|
color: (
|
|
2145
|
-
'
|
|
2146
|
-
|
|
2206
|
+
'gray',
|
|
2207
|
+
900,
|
|
2208
|
+
0.05,
|
|
2147
2209
|
),
|
|
2148
2210
|
),
|
|
2149
2211
|
date-special-focus-foreground: (
|
|
2150
2212
|
color: (
|
|
2151
2213
|
'primary',
|
|
2152
|
-
|
|
2214
|
+
600,
|
|
2153
2215
|
),
|
|
2154
2216
|
),
|
|
2155
2217
|
date-special-focus-background: (
|
|
2156
2218
|
color: (
|
|
2157
|
-
'
|
|
2158
|
-
|
|
2219
|
+
'gray',
|
|
2220
|
+
900,
|
|
2221
|
+
0.05,
|
|
2159
2222
|
),
|
|
2160
2223
|
),
|
|
2161
2224
|
date-special-range-hover-background: (
|
|
2162
2225
|
color: (
|
|
2163
|
-
'
|
|
2164
|
-
|
|
2226
|
+
'gray',
|
|
2227
|
+
900,
|
|
2228
|
+
0.05,
|
|
2165
2229
|
),
|
|
2166
2230
|
),
|
|
2167
2231
|
date-special-range-focus-background: (
|
|
2232
|
+
color: (
|
|
2233
|
+
'gray',
|
|
2234
|
+
900,
|
|
2235
|
+
0.05,
|
|
2236
|
+
),
|
|
2237
|
+
),
|
|
2238
|
+
date-special-border-color: (
|
|
2168
2239
|
color: (
|
|
2169
2240
|
'primary',
|
|
2170
|
-
|
|
2241
|
+
500,
|
|
2242
|
+
),
|
|
2243
|
+
),
|
|
2244
|
+
date-special-hover-border-color: (
|
|
2245
|
+
color: (
|
|
2246
|
+
'primary',
|
|
2247
|
+
600,
|
|
2248
|
+
),
|
|
2249
|
+
),
|
|
2250
|
+
date-special-range-border-color: (
|
|
2251
|
+
color: (
|
|
2252
|
+
'primary',
|
|
2253
|
+
500,
|
|
2171
2254
|
),
|
|
2172
2255
|
),
|
|
2173
|
-
date-special-border-color: transparent,
|
|
2174
|
-
date-special-hover-border-color: transparent,
|
|
2175
2256
|
date-selected-foreground: (
|
|
2176
2257
|
contrast-color: (
|
|
2177
2258
|
'primary',
|
|
@@ -2248,21 +2329,42 @@ $indigo-calendar: extend(
|
|
|
2248
2329
|
contrast-color: (
|
|
2249
2330
|
'primary',
|
|
2250
2331
|
900,
|
|
2251
|
-
0.
|
|
2332
|
+
0.8,
|
|
2252
2333
|
),
|
|
2253
2334
|
),
|
|
2254
2335
|
date-selected-current-hover-border-color: (
|
|
2255
2336
|
contrast-color: (
|
|
2256
2337
|
'primary',
|
|
2257
2338
|
900,
|
|
2258
|
-
0.
|
|
2339
|
+
0.8,
|
|
2259
2340
|
),
|
|
2260
2341
|
),
|
|
2261
2342
|
date-selected-current-focus-border-color: (
|
|
2262
2343
|
contrast-color: (
|
|
2263
2344
|
'primary',
|
|
2264
2345
|
900,
|
|
2265
|
-
0.
|
|
2346
|
+
0.8,
|
|
2347
|
+
),
|
|
2348
|
+
),
|
|
2349
|
+
date-selected-special-border-color: (
|
|
2350
|
+
contrast-color: (
|
|
2351
|
+
'primary',
|
|
2352
|
+
900,
|
|
2353
|
+
0.8,
|
|
2354
|
+
),
|
|
2355
|
+
),
|
|
2356
|
+
date-selected-special-hover-border-color: (
|
|
2357
|
+
contrast-color: (
|
|
2358
|
+
'primary',
|
|
2359
|
+
900,
|
|
2360
|
+
0.8,
|
|
2361
|
+
),
|
|
2362
|
+
),
|
|
2363
|
+
date-selected-special-focus-border-color: (
|
|
2364
|
+
contrast-color: (
|
|
2365
|
+
'primary',
|
|
2366
|
+
900,
|
|
2367
|
+
0.8,
|
|
2266
2368
|
),
|
|
2267
2369
|
),
|
|
2268
2370
|
date-selected-current-range-foreground: (
|
|
@@ -2307,16 +2409,14 @@ $indigo-calendar: extend(
|
|
|
2307
2409
|
),
|
|
2308
2410
|
date-selected-current-range-hover-background: (
|
|
2309
2411
|
color: (
|
|
2310
|
-
'
|
|
2311
|
-
|
|
2312
|
-
0.05,
|
|
2412
|
+
'primary',
|
|
2413
|
+
50,
|
|
2313
2414
|
),
|
|
2314
2415
|
),
|
|
2315
2416
|
date-selected-current-range-focus-background: (
|
|
2316
2417
|
color: (
|
|
2317
|
-
'
|
|
2318
|
-
|
|
2319
|
-
0.05,
|
|
2418
|
+
'primary',
|
|
2419
|
+
50,
|
|
2320
2420
|
),
|
|
2321
2421
|
),
|
|
2322
2422
|
border-color: (
|
|
@@ -2356,7 +2456,13 @@ $indigo-calendar: extend(
|
|
|
2356
2456
|
900,
|
|
2357
2457
|
),
|
|
2358
2458
|
),
|
|
2359
|
-
ym-current-background:
|
|
2459
|
+
ym-current-background: (
|
|
2460
|
+
color: (
|
|
2461
|
+
'primary',
|
|
2462
|
+
50,
|
|
2463
|
+
0.5,
|
|
2464
|
+
),
|
|
2465
|
+
),
|
|
2360
2466
|
ym-current-hover-foreground: (
|
|
2361
2467
|
color: (
|
|
2362
2468
|
'gray',
|
|
@@ -2365,9 +2471,8 @@ $indigo-calendar: extend(
|
|
|
2365
2471
|
),
|
|
2366
2472
|
ym-current-hover-background: (
|
|
2367
2473
|
color: (
|
|
2368
|
-
'
|
|
2369
|
-
|
|
2370
|
-
0.05,
|
|
2474
|
+
'primary',
|
|
2475
|
+
50,
|
|
2371
2476
|
),
|
|
2372
2477
|
),
|
|
2373
2478
|
ym-selected-foreground: (
|
|
@@ -2409,40 +2514,37 @@ $indigo-calendar: extend(
|
|
|
2409
2514
|
ym-current-outline-color: (
|
|
2410
2515
|
color: (
|
|
2411
2516
|
'primary',
|
|
2412
|
-
|
|
2517
|
+
100,
|
|
2413
2518
|
),
|
|
2414
2519
|
),
|
|
2415
2520
|
ym-current-outline-hover-color: (
|
|
2416
2521
|
color: (
|
|
2417
2522
|
'primary',
|
|
2418
|
-
|
|
2523
|
+
200,
|
|
2419
2524
|
),
|
|
2420
2525
|
),
|
|
2421
2526
|
ym-current-outline-focus-color: (
|
|
2422
2527
|
color: (
|
|
2423
2528
|
'primary',
|
|
2424
|
-
|
|
2529
|
+
200,
|
|
2425
2530
|
),
|
|
2426
2531
|
),
|
|
2427
2532
|
ym-selected-current-outline-color: (
|
|
2428
|
-
|
|
2429
|
-
'
|
|
2430
|
-
|
|
2431
|
-
0.6,
|
|
2533
|
+
color: (
|
|
2534
|
+
'primary',
|
|
2535
|
+
100,
|
|
2432
2536
|
),
|
|
2433
2537
|
),
|
|
2434
2538
|
ym-selected-current-outline-hover-color: (
|
|
2435
|
-
|
|
2436
|
-
'
|
|
2437
|
-
|
|
2438
|
-
0.6,
|
|
2539
|
+
color: (
|
|
2540
|
+
'primary',
|
|
2541
|
+
200,
|
|
2439
2542
|
),
|
|
2440
2543
|
),
|
|
2441
2544
|
ym-selected-current-outline-focus-color: (
|
|
2442
|
-
|
|
2443
|
-
'
|
|
2444
|
-
|
|
2445
|
-
0.6,
|
|
2545
|
+
color: (
|
|
2546
|
+
'primary',
|
|
2547
|
+
200,
|
|
2446
2548
|
),
|
|
2447
2549
|
),
|
|
2448
2550
|
actions-divider-color: (
|
|
@@ -2451,5 +2553,19 @@ $indigo-calendar: extend(
|
|
|
2451
2553
|
400,
|
|
2452
2554
|
),
|
|
2453
2555
|
),
|
|
2556
|
+
date-disabled-foreground: (
|
|
2557
|
+
color: (
|
|
2558
|
+
'gray',
|
|
2559
|
+
900,
|
|
2560
|
+
0.2,
|
|
2561
|
+
),
|
|
2562
|
+
),
|
|
2563
|
+
date-disabled-range-foreground: (
|
|
2564
|
+
color: (
|
|
2565
|
+
'gray',
|
|
2566
|
+
800,
|
|
2567
|
+
0.38,
|
|
2568
|
+
),
|
|
2569
|
+
),
|
|
2454
2570
|
)
|
|
2455
2571
|
);
|