igniteui-theming 6.0.0-beta.1 → 6.0.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": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.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": {
|
|
@@ -11,9 +11,11 @@
|
|
|
11
11
|
/// @prop {Map} navigation-hover-color [color: ('secondary', 200)] - The :hover color of the icon button responsible for month navigation.
|
|
12
12
|
/// @prop {Map} navigation-focus-color [color: ('secondary', 200)] - The :focus color of the icon button responsible for month navigation.
|
|
13
13
|
/// @prop {Map} date-special-foreground [color: ('secondary', 200)] - The foreground color of a special date.
|
|
14
|
+
/// @prop {Map} date-special-hover-foreground [color: ('secondary', 200)] - The :hover foreground color of a special date.
|
|
15
|
+
/// @prop {Map} date-special-focus-foreground [color: ('secondary', 200)] - The :focus foreground color of a special date.
|
|
14
16
|
/// @prop {Map} date-special-range-foreground [color: ('secondary', 200)] - The foreground color of a special date in a range selection.
|
|
15
|
-
/// @prop {Map} date-special-
|
|
16
|
-
/// @prop {Map} date-special-range-
|
|
17
|
+
/// @prop {Map} date-special-border-color [color: ('secondary', 200)] - The outline color around a special date.
|
|
18
|
+
/// @prop {Map} date-special-range-border-color [color: ('secondary', 200)] - The outline color around a special date in a range selection.
|
|
17
19
|
/// @prop {Map} picker-hover-foreground [color: 'secondary' 200] - The :hover foreground color of the month and year pickers.
|
|
18
20
|
/// @prop {Map} picker-focus-foreground [color: 'secondary' 200] - The :focus foreground color of the month and year pickers.
|
|
19
21
|
/// @type {Map}
|
|
@@ -51,19 +53,31 @@ $dark-material-calendar: extend(
|
|
|
51
53
|
200,
|
|
52
54
|
),
|
|
53
55
|
),
|
|
56
|
+
date-special-hover-foreground: (
|
|
57
|
+
color: (
|
|
58
|
+
'secondary',
|
|
59
|
+
200,
|
|
60
|
+
),
|
|
61
|
+
),
|
|
62
|
+
date-special-focus-foreground: (
|
|
63
|
+
color: (
|
|
64
|
+
'secondary',
|
|
65
|
+
200,
|
|
66
|
+
),
|
|
67
|
+
),
|
|
54
68
|
date-special-range-foreground: (
|
|
55
69
|
color: (
|
|
56
70
|
'secondary',
|
|
57
71
|
200,
|
|
58
72
|
),
|
|
59
73
|
),
|
|
60
|
-
date-special-
|
|
74
|
+
date-special-border-color: (
|
|
61
75
|
color: (
|
|
62
76
|
'secondary',
|
|
63
77
|
200,
|
|
64
78
|
),
|
|
65
79
|
),
|
|
66
|
-
date-special-range-
|
|
80
|
+
date-special-range-border-color: (
|
|
67
81
|
color: (
|
|
68
82
|
'secondary',
|
|
69
83
|
200,
|
|
@@ -141,8 +155,8 @@ $dark-material-calendar: extend(
|
|
|
141
155
|
/// @prop {Map} date-selected-range-end-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of the last date in the selected range.
|
|
142
156
|
/// @prop {Map} date-selected-range-end-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the last date in the selected range.
|
|
143
157
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 300)] - The foreground of disabled dates.
|
|
144
|
-
/// @prop {Map} date-special-
|
|
145
|
-
/// @prop {Map} date-special-range-
|
|
158
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 50)] - The outline color around a special date.
|
|
159
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 50)] - The outline color around a special date in a range selection.
|
|
146
160
|
/// @prop {Map} header-foreground [contrast-color: ('primary', 200)] - The header foreground color.
|
|
147
161
|
/// @prop {Map} header-background [color: ('primary', 200)] - The background color of the month and year pickers.
|
|
148
162
|
/// @requires $fluent-calendar
|
|
@@ -317,13 +331,13 @@ $dark-fluent-calendar: extend(
|
|
|
317
331
|
50,
|
|
318
332
|
),
|
|
319
333
|
),
|
|
320
|
-
date-special-
|
|
334
|
+
date-special-border-color: (
|
|
321
335
|
color: (
|
|
322
336
|
'primary',
|
|
323
337
|
50,
|
|
324
338
|
),
|
|
325
339
|
),
|
|
326
|
-
date-special-range-
|
|
340
|
+
date-special-range-border-color: (
|
|
327
341
|
color: (
|
|
328
342
|
'primary',
|
|
329
343
|
50,
|
|
@@ -472,8 +486,8 @@ $dark-fluent-calendar: extend(
|
|
|
472
486
|
/// @prop {Map} picker-focus-foreground [color: ('secondary', 200)]- The :focus foreground color of the month and year pickers.
|
|
473
487
|
/// @prop {Map} navigation-hover-color [color: ('secondary', 200)] - The :hover color of the buttons responsible for navigation.
|
|
474
488
|
/// @prop {Map} navigation-focus-color [color: ('secondary', 200)] - The :focus color of the buttons responsible for navigation.
|
|
475
|
-
/// @prop {Map} date-special-
|
|
476
|
-
/// @prop {Map} date-special-range-
|
|
489
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 200)] - The outline color around a special date.
|
|
490
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 200)] - The outline color around a special date in a range selection.
|
|
477
491
|
/// @prop {Map} date-current-hover-background [color: ('gray', 100)] - The :hover background color of the current date.
|
|
478
492
|
/// @prop {Map} date-current-focus-background [color: ('gray', 100)] - The :focus background color of the current date.
|
|
479
493
|
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 100)] - The :hover background color of the selected range.
|
|
@@ -520,13 +534,13 @@ $dark-bootstrap-calendar: extend(
|
|
|
520
534
|
200,
|
|
521
535
|
),
|
|
522
536
|
),
|
|
523
|
-
date-special-
|
|
537
|
+
date-special-border-color: (
|
|
524
538
|
color: (
|
|
525
539
|
'primary',
|
|
526
540
|
200,
|
|
527
541
|
),
|
|
528
542
|
),
|
|
529
|
-
date-special-range-
|
|
543
|
+
date-special-range-border-color: (
|
|
530
544
|
color: (
|
|
531
545
|
'primary',
|
|
532
546
|
200,
|
|
@@ -573,5 +587,131 @@ $dark-bootstrap-calendar: extend(
|
|
|
573
587
|
|
|
574
588
|
/// Generates a dark indigo calendar schema.
|
|
575
589
|
/// @type {Map}
|
|
590
|
+
/// @prop {Map} header-background [(color: 'gray', 50)] - The header background color.
|
|
591
|
+
/// @prop {Map} content-background [(color: 'gray', 50)] - The background color of the days, months and years views.
|
|
592
|
+
/// @prop {Map} picker-background [(color: 'gray', 50)] - The background color of the month and year pickers.
|
|
593
|
+
/// @prop {Map} border-color [color: ('gray', 100)] - The calendar border color.
|
|
594
|
+
/// @prop {Map} date-hover-background [color: ('gray', 900, .1)] - The :hover background color of a date.
|
|
595
|
+
/// @prop {Map} date-focus-background [color: ('gray', 900, .1)] - The :focus background color of date.
|
|
596
|
+
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
|
|
597
|
+
/// @prop {Map} date-disabled-foreground [color: ('gray', 500)] - The foreground color of disabled dates.
|
|
598
|
+
/// @prop {Color} date-current-border-color [color: ('primary', 400)] - The border color of the current date.
|
|
599
|
+
/// @prop {Color} date-current-hover-border-color [color: ('primary', 300)] - The :hover border color of the current date.
|
|
600
|
+
/// @prop {Color} date-current-focus-border-color [color: ('primary', 300)] - The :focus border color of the current date.
|
|
601
|
+
///
|
|
602
|
+
/// @prop {Map} date-special-foreground [color: ('primary', 600)] - The foreground color of a special date.
|
|
603
|
+
/// @prop {Map} date-special-background [color: ('primary', 50)] - The background color of a special date.
|
|
604
|
+
/// @prop {Map} date-special-hover-foreground [contrast-color: ('primary', 600)] - The foreground color of a special date.
|
|
605
|
+
/// @prop {Map} date-special-hover-background [color: ('primary', 600)] - The background color of a special date.
|
|
606
|
+
/// @prop {Map} date-special-focus-foreground [contrast-color: ('primary', 600)] - The foreground color of a special date.
|
|
607
|
+
/// @prop {Map} date-special-focus-background [color: ('primary', 600)] - The background color of a special date.
|
|
576
608
|
/// @requires $indigo-calendar
|
|
577
|
-
$dark-indigo-calendar:
|
|
609
|
+
$dark-indigo-calendar: extend(
|
|
610
|
+
$indigo-calendar,
|
|
611
|
+
(
|
|
612
|
+
header-background: (
|
|
613
|
+
color: (
|
|
614
|
+
'gray',
|
|
615
|
+
50,
|
|
616
|
+
),
|
|
617
|
+
),
|
|
618
|
+
picker-background: (
|
|
619
|
+
color: (
|
|
620
|
+
'gray',
|
|
621
|
+
50,
|
|
622
|
+
),
|
|
623
|
+
),
|
|
624
|
+
content-background: (
|
|
625
|
+
color: (
|
|
626
|
+
'gray',
|
|
627
|
+
50,
|
|
628
|
+
),
|
|
629
|
+
),
|
|
630
|
+
border-color: (
|
|
631
|
+
color: (
|
|
632
|
+
'gray',
|
|
633
|
+
100,
|
|
634
|
+
),
|
|
635
|
+
),
|
|
636
|
+
date-hover-background: (
|
|
637
|
+
color: (
|
|
638
|
+
'gray',
|
|
639
|
+
900,
|
|
640
|
+
0.1,
|
|
641
|
+
),
|
|
642
|
+
),
|
|
643
|
+
date-focus-background: (
|
|
644
|
+
color: (
|
|
645
|
+
'gray',
|
|
646
|
+
900,
|
|
647
|
+
0.1,
|
|
648
|
+
),
|
|
649
|
+
),
|
|
650
|
+
date-current-foreground: (
|
|
651
|
+
color: (
|
|
652
|
+
'gray',
|
|
653
|
+
900,
|
|
654
|
+
),
|
|
655
|
+
),
|
|
656
|
+
date-disabled-foreground: (
|
|
657
|
+
color: (
|
|
658
|
+
'gray',
|
|
659
|
+
500,
|
|
660
|
+
),
|
|
661
|
+
),
|
|
662
|
+
date-current-border-color: (
|
|
663
|
+
color: (
|
|
664
|
+
'primary',
|
|
665
|
+
400,
|
|
666
|
+
),
|
|
667
|
+
),
|
|
668
|
+
date-current-hover-border-color: (
|
|
669
|
+
color: (
|
|
670
|
+
'primary',
|
|
671
|
+
300,
|
|
672
|
+
),
|
|
673
|
+
),
|
|
674
|
+
date-current-focus-border-color: (
|
|
675
|
+
color: (
|
|
676
|
+
'primary',
|
|
677
|
+
300,
|
|
678
|
+
),
|
|
679
|
+
),
|
|
680
|
+
date-special-foreground: (
|
|
681
|
+
color: (
|
|
682
|
+
'primary',
|
|
683
|
+
50,
|
|
684
|
+
),
|
|
685
|
+
),
|
|
686
|
+
date-special-background: (
|
|
687
|
+
color: (
|
|
688
|
+
'primary',
|
|
689
|
+
600,
|
|
690
|
+
),
|
|
691
|
+
),
|
|
692
|
+
date-special-hover-foreground: (
|
|
693
|
+
contrast-color: (
|
|
694
|
+
'primary',
|
|
695
|
+
600,
|
|
696
|
+
),
|
|
697
|
+
),
|
|
698
|
+
date-special-hover-background: (
|
|
699
|
+
color: (
|
|
700
|
+
'primary',
|
|
701
|
+
600,
|
|
702
|
+
),
|
|
703
|
+
),
|
|
704
|
+
date-special-focus-foreground: (
|
|
705
|
+
contrast-color: (
|
|
706
|
+
'primary',
|
|
707
|
+
600,
|
|
708
|
+
),
|
|
709
|
+
),
|
|
710
|
+
date-special-focus-background: (
|
|
711
|
+
color: (
|
|
712
|
+
'primary',
|
|
713
|
+
600,
|
|
714
|
+
),
|
|
715
|
+
),
|
|
716
|
+
)
|
|
717
|
+
);
|
|
@@ -85,18 +85,18 @@
|
|
|
85
85
|
/// @prop {Map} date-selected-hover-background [color: ('secondary', 700)] - The :hover background color of the selected date.
|
|
86
86
|
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('secondary', 700)] - The :focus foreground color of the selected date.
|
|
87
87
|
/// @prop {Map} date-selected-focus-background [color: ('secondary', 700)] - The :focus background color of the selected date.
|
|
88
|
-
/// @prop {Map} date-selected-current-foreground [contrast-color: ('secondary',
|
|
88
|
+
/// @prop {Map} date-selected-current-foreground [contrast-color: ('secondary', 900)] - The foreground color of the selected current date.
|
|
89
89
|
/// @prop {Map} date-selected-current-background [color: ('secondary', 500)] - The background color of the selected current date.
|
|
90
90
|
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('secondary', 700)] - The :hover foreground color of the selected current date.
|
|
91
91
|
/// @prop {Map} date-selected-current-hover-background [color: ('secondary', 700)] - The :hover background color of the selected current date.
|
|
92
92
|
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('secondary', 700)] - The :focus foreground color of the selected current date.
|
|
93
93
|
/// @prop {Map} date-selected-current-focus-background [color: ('secondary', 700)] - The :focus background color of the selected current date.
|
|
94
|
-
/// @prop {Map} date-selected-range-foreground [
|
|
94
|
+
/// @prop {Map} date-selected-range-foreground [color: ('gray', 900)] - The foreground color of the selected range.
|
|
95
95
|
/// @prop {Map} date-selected-range-background [color: ('secondary', 50)] - The background color of the selected range.
|
|
96
|
-
/// @prop {Map} date-selected-range-hover-foreground [
|
|
97
|
-
/// @prop {Map} date-selected-range-hover-background [color: ('
|
|
98
|
-
/// @prop {Map} date-selected-range-focus-foreground [
|
|
99
|
-
/// @prop {Map} date-selected-range-focus-background [color: ('
|
|
96
|
+
/// @prop {Map} date-selected-range-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the selected range.
|
|
97
|
+
/// @prop {Map} date-selected-range-hover-background [color: ('gray', 100)] - The :hover background color of the selected range.
|
|
98
|
+
/// @prop {Map} date-selected-range-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the selected range.
|
|
99
|
+
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 100)] - The :focus background color of the selected range.
|
|
100
100
|
/// @prop {Map} date-selected-current-range-foreground [color: ('gray', 900)] - The foreground color of the current date in the selected range.
|
|
101
101
|
/// @prop {Color} date-selected-current-range-background [transparent] - The background color of the current date in the selected range.
|
|
102
102
|
/// @prop {Map} date-selected-current-range-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current date in the selected range.
|
|
@@ -105,22 +105,23 @@
|
|
|
105
105
|
/// @prop {Map} date-selected-current-range-focus-background [color: ('gray', 900)] - The :focus background color of the current date in the selected range.
|
|
106
106
|
/// @prop {Map} date-special-foreground [color: ('secondary', 500)] - The foreground color of a special date.
|
|
107
107
|
/// @prop {Color} date-special-background [transparent] - The background color of a special date.
|
|
108
|
-
/// @prop {Map} date-special-
|
|
108
|
+
/// @prop {Map} date-special-hover-foreground [color: ('secondary', 500)] - The foreground color of a special date.
|
|
109
|
+
/// @prop {Map} date-special-hover-background [color: ('gray', 100)] - The background color of a special date.
|
|
110
|
+
/// @prop {Map} date-special-focus-foreground [color: ('secondary', 700)] - The foreground color of a special date.
|
|
111
|
+
/// @prop {Map} date-special-focus-background [color: ('gray', 100)] - The background color of a special date.
|
|
112
|
+
/// @prop {Map} date-special-border-color [color: ('secondary', 500)] - The outline color around a special date.
|
|
109
113
|
/// @prop {Map} date-special-range-foreground [color: ('secondary', 900)] - The foreground color of a special date in rage selection.
|
|
110
114
|
/// @prop {Color} date-special-range-background [transparent] - The background color of a special date in range selection.
|
|
111
|
-
/// @prop {Map} date-special-range-
|
|
112
|
-
/// @prop {Map} date-current-outline [color: ('gray', 900)] - The outline color of the current date.
|
|
113
|
-
/// @prop {Map} date-current-hover-outline [color: ('gray', 900)] - The :hover outline color of the current date on :hover.
|
|
114
|
-
/// @prop {Map} date-current-focus-outline [color: ('gray', 900)] - The :focus outline color of the current date on :focus.
|
|
115
|
+
/// @prop {Map} date-special-range-border-color [color: ('secondary', 900)] - The outline color around a special date in range selection.
|
|
115
116
|
/// @prop {Map} date-selected-current-outline [color: ('gray', 900)] - The outline color of the current selected date.
|
|
116
117
|
/// @prop {Map} date-selected-current-hover-outline [color: ('gray', 900)] - The :hover outline color of the current selected date.
|
|
117
118
|
/// @prop {Map} date-selected-current-focus-outline [color: ('gray', 900)] - The :focus outline color of the current selected date.
|
|
118
119
|
/// @prop {Map} current-outline-color [color: ('gray', 600)] - The outline color of the current year/month in year/month views.
|
|
119
120
|
/// @prop {Map} current-outline-hover-color [color: ('gray', 600)] - The :hover outline color of the current year/month in year/month views.
|
|
120
121
|
/// @prop {Map} current-outline-focus-color [color: ('secondary', 500)] - The :focus outline color of the current year/month in year/month views.
|
|
121
|
-
/// @prop {
|
|
122
|
-
/// @prop {
|
|
123
|
-
/// @prop {
|
|
122
|
+
/// @prop {Color} selected-outline-color [transparent] - The outline color of the selected year/month in year/month views.
|
|
123
|
+
/// @prop {Color} selected-hover-outline-color [transparent] - The :hover outline color of the selected year/month in year/month views.
|
|
124
|
+
/// @prop {Color} selected-focus-outline-color [transparent] - The :focus outline color of the selected year/month in year/month views.
|
|
124
125
|
/// @prop {Map} selected-current-outline-color [color: ('gray', 600)] - The outline color of the selected current year/month in year/month views.
|
|
125
126
|
/// @prop {Map} selected-current-hover-outline-color [color: ('gray', 600)] - The :hover outline color of the selected current year/month in year/month views.
|
|
126
127
|
/// @prop {Map} selected-current-focus-outline-color [color: ('secondary', 500)] - The :focus outline color of the selected current year/month in year/month views.
|
|
@@ -134,19 +135,12 @@
|
|
|
134
135
|
/// @prop {Color} date-current-border-color [transparent] - The border color of the current date.
|
|
135
136
|
/// @prop {Color} date-current-hover-border-color [transparent] - The :hover border color of the current date.
|
|
136
137
|
/// @prop {Color} date-current-focus-border-color [transparent] - The :focus border color of the current date.
|
|
137
|
-
/// @prop {Color} date-selected-current-border-color [
|
|
138
|
-
/// @prop {Color} date-selected-current-hover-border-color [
|
|
139
|
-
/// @prop {Color} date-selected-current-focus-border-color [
|
|
138
|
+
/// @prop {Color} date-selected-current-border-color [color: ('gray', 900)] - The border color of the selected current date.
|
|
139
|
+
/// @prop {Color} date-selected-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the selected current date.
|
|
140
|
+
/// @prop {Color} date-selected-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the selected current date.
|
|
140
141
|
/// @prop {Color} date-range-border-color [transparent] - The border color of range selection.
|
|
141
142
|
/// @prop {Map} date-range-preview-border-color [color: ('gray', 300)] - The border color of the range selection in preview state(visible before selecting the end of the range).
|
|
142
143
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 500)] - The foreground color of disabled dates.
|
|
143
|
-
/// @prop {Color} date-disabled-background [transparent] - The background color of disabled dates.
|
|
144
|
-
/// @prop {Map} date-disabled-current-foreground [color: ('gray', 500)] - The foreground color of current/disabled date.
|
|
145
|
-
/// @prop {Color} date-disabled-current-background [transparent] - The background color of current/disabled date.
|
|
146
|
-
/// @prop {Map} date-disabled-range-foreground [color: ('gray', 500)] - The foreground color of disabled dates inside range selection.
|
|
147
|
-
/// @prop {Color} date-disabled-range-background [transparent] - The background color of disabled dates inside range selection.
|
|
148
|
-
/// @prop {Map} date-disabled-current-range-foreground [color: ('gray', 500)] - The foreground color of current/disabled date in range selection.
|
|
149
|
-
/// @prop {Color} date-disabled-current-range-background [transparent] - The background color of current/disabled date in range selection.
|
|
150
144
|
/// @prop {List} border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for calendar.
|
|
151
145
|
/// @prop {List} date-border-radius [(rem(20px), rem(0), rem(20px))] - The border radius used for the date.
|
|
152
146
|
/// @prop {List} date-range-border-radius [(rem(20px), rem(0), rem(20px))] -The border radius used for the date in range selection.
|
|
@@ -729,7 +723,31 @@ $light-calendar: (
|
|
|
729
723
|
),
|
|
730
724
|
),
|
|
731
725
|
date-special-background: transparent,
|
|
732
|
-
date-special-
|
|
726
|
+
date-special-hover-foreground: (
|
|
727
|
+
color: (
|
|
728
|
+
'secondary',
|
|
729
|
+
700,
|
|
730
|
+
),
|
|
731
|
+
),
|
|
732
|
+
date-special-hover-background: (
|
|
733
|
+
color: (
|
|
734
|
+
'gray',
|
|
735
|
+
100,
|
|
736
|
+
),
|
|
737
|
+
),
|
|
738
|
+
date-special-focus-foreground: (
|
|
739
|
+
color: (
|
|
740
|
+
'secondary',
|
|
741
|
+
700,
|
|
742
|
+
),
|
|
743
|
+
),
|
|
744
|
+
date-special-focus-background: (
|
|
745
|
+
color: (
|
|
746
|
+
'gray',
|
|
747
|
+
100,
|
|
748
|
+
),
|
|
749
|
+
),
|
|
750
|
+
date-special-border-color: (
|
|
733
751
|
color: (
|
|
734
752
|
'secondary',
|
|
735
753
|
500,
|
|
@@ -742,24 +760,18 @@ $light-calendar: (
|
|
|
742
760
|
),
|
|
743
761
|
),
|
|
744
762
|
date-special-range-background: transparent,
|
|
745
|
-
date-special-range-
|
|
763
|
+
date-special-range-border-color: (
|
|
746
764
|
color: (
|
|
747
765
|
'secondary',
|
|
748
766
|
900,
|
|
749
767
|
),
|
|
750
768
|
),
|
|
751
|
-
date-special-current-
|
|
769
|
+
date-special-current-border-color: (
|
|
752
770
|
color: (
|
|
753
771
|
'secondary',
|
|
754
772
|
500,
|
|
755
773
|
),
|
|
756
774
|
),
|
|
757
|
-
date-disabled-foreground: (
|
|
758
|
-
color: (
|
|
759
|
-
'gray',
|
|
760
|
-
500,
|
|
761
|
-
),
|
|
762
|
-
),
|
|
763
775
|
date-disabled-background: transparent,
|
|
764
776
|
date-disabled-current-foreground: (
|
|
765
777
|
color: (
|
|
@@ -844,9 +856,6 @@ $light-calendar: (
|
|
|
844
856
|
rem(8px),
|
|
845
857
|
),
|
|
846
858
|
),
|
|
847
|
-
date-current-outline: transparent,
|
|
848
|
-
date-current-hover-outline: transparent,
|
|
849
|
-
date-current-focus-outline: transparent,
|
|
850
859
|
date-selected-current-outline: transparent,
|
|
851
860
|
date-selected-current-hover-outline: transparent,
|
|
852
861
|
date-selected-current-focus-outline: transparent,
|
|
@@ -899,6 +908,12 @@ $light-calendar: (
|
|
|
899
908
|
300,
|
|
900
909
|
),
|
|
901
910
|
),
|
|
911
|
+
date-disabled-foreground: (
|
|
912
|
+
color: (
|
|
913
|
+
'gray',
|
|
914
|
+
500,
|
|
915
|
+
),
|
|
916
|
+
),
|
|
902
917
|
);
|
|
903
918
|
|
|
904
919
|
/// Generates a material calendar schema.
|
|
@@ -909,6 +924,8 @@ $material-calendar: $light-calendar;
|
|
|
909
924
|
/// Generates a fluent calendar schema.
|
|
910
925
|
/// @type {Map}
|
|
911
926
|
/// @prop {Map} date-special-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
927
|
+
/// @prop {Map} date-special-hover-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
928
|
+
/// @prop {Map} date-special-focus-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
912
929
|
/// @prop {Map} date-current-border-color [color: ('gray', 900)] - The border color of the current date.
|
|
913
930
|
/// @prop {Map} date-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the current date.
|
|
914
931
|
/// @prop {Map} date-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the current date.
|
|
@@ -962,9 +979,6 @@ $material-calendar: $light-calendar;
|
|
|
962
979
|
/// @prop {Map} date-hover-background [color: ('gray', 200)] - The :hover background color of adate.
|
|
963
980
|
/// @prop {Map} date-focus-foreground [contrast-color: ('gray', 200)] - The :focus foreground color of a date.
|
|
964
981
|
/// @prop {Map} date-focus-background [color: ('gray', 200)] - The :focus background color of a date.
|
|
965
|
-
/// @prop {Color} date-current-outline [transparent] - The outline color of the current date.
|
|
966
|
-
/// @prop {Color} date-current-hover-outline [transparent] - The :hover outline color of the current date.
|
|
967
|
-
/// @prop {Color} date-current-focus-outline [transparent] - The :focus outline color of the current date.
|
|
968
982
|
/// @prop {Color} date-selected-hover-outline [transparent] - The :hover outline color of the selected date.
|
|
969
983
|
/// @prop {Color} date-selected-focus-outline [transparent] - The :focus outline color of the selected date.
|
|
970
984
|
/// @prop {Color} date-selected-current-outline [transparent] - The outline color of the current selected date.
|
|
@@ -1015,9 +1029,9 @@ $material-calendar: $light-calendar;
|
|
|
1015
1029
|
/// @prop {Map} date-selected-range-focus-background [color: ('gray', 200)] - The :focus background color of the selected range.
|
|
1016
1030
|
/// @prop {Map} date-range-border-color [color: ('gray', 700)] - The border color of the selected date.
|
|
1017
1031
|
/// @prop {Map} date-range-preview-border-color [color: ('gray', 700)] - The border color of the selected date.
|
|
1018
|
-
/// @prop {Map} date-special-
|
|
1019
|
-
/// @prop {Map} date-special-range-
|
|
1020
|
-
/// @prop {Color} date-special-current-
|
|
1032
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 900)] - The outline color around a special date.
|
|
1033
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 900)] - The outline color around a special date in a range selection.
|
|
1034
|
+
/// @prop {Color} date-special-current-border-color [transparent] - The outline color around a special date.
|
|
1021
1035
|
/// @prop {Color} date-current-border-color [transparent] - The border color of the current date.
|
|
1022
1036
|
/// @prop {Color} date-current-hover-border-color [transparent] - The :hover border color of the current date.
|
|
1023
1037
|
/// @prop {Color} date-current-focus-border-color [transparent] - The :focus border color of the current date.
|
|
@@ -1052,6 +1066,18 @@ $fluent-calendar: extend(
|
|
|
1052
1066
|
900,
|
|
1053
1067
|
),
|
|
1054
1068
|
),
|
|
1069
|
+
date-special-hover-foreground: (
|
|
1070
|
+
color: (
|
|
1071
|
+
'gray',
|
|
1072
|
+
900,
|
|
1073
|
+
),
|
|
1074
|
+
),
|
|
1075
|
+
date-special-focus-foreground: (
|
|
1076
|
+
color: (
|
|
1077
|
+
'gray',
|
|
1078
|
+
900,
|
|
1079
|
+
),
|
|
1080
|
+
),
|
|
1055
1081
|
date-selected-current-border-color: (
|
|
1056
1082
|
color: (
|
|
1057
1083
|
'gray',
|
|
@@ -1070,19 +1096,19 @@ $fluent-calendar: extend(
|
|
|
1070
1096
|
700,
|
|
1071
1097
|
),
|
|
1072
1098
|
),
|
|
1073
|
-
date-special-
|
|
1099
|
+
date-special-border-color: (
|
|
1074
1100
|
color: (
|
|
1075
1101
|
'primary',
|
|
1076
1102
|
900,
|
|
1077
1103
|
),
|
|
1078
1104
|
),
|
|
1079
|
-
date-special-range-
|
|
1105
|
+
date-special-range-border-color: (
|
|
1080
1106
|
color: (
|
|
1081
1107
|
'primary',
|
|
1082
1108
|
900,
|
|
1083
1109
|
),
|
|
1084
1110
|
),
|
|
1085
|
-
date-special-current-
|
|
1111
|
+
date-special-current-border-color: transparent,
|
|
1086
1112
|
header-foreground: (
|
|
1087
1113
|
contrast-color: (
|
|
1088
1114
|
'primary',
|
|
@@ -1444,9 +1470,6 @@ $fluent-calendar: extend(
|
|
|
1444
1470
|
200,
|
|
1445
1471
|
),
|
|
1446
1472
|
),
|
|
1447
|
-
date-current-outline: transparent,
|
|
1448
|
-
date-current-hover-outline: transparent,
|
|
1449
|
-
date-current-focus-outline: transparent,
|
|
1450
1473
|
date-selected-current-outline: transparent,
|
|
1451
1474
|
date-selected-current-hover-outline: transparent,
|
|
1452
1475
|
date-selected-current-focus-outline: transparent,
|
|
@@ -1645,6 +1668,8 @@ $fluent-calendar: extend(
|
|
|
1645
1668
|
/// Generates a bootstrap calendar schema.
|
|
1646
1669
|
/// @type {Map}
|
|
1647
1670
|
/// @prop {Map} date-special-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
1671
|
+
/// @prop {Map} date-special-hover-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
1672
|
+
/// @prop {Map} date-special-hover-foreground [color: ('gray', 900)] - The foreground color of a special date.
|
|
1648
1673
|
/// @prop {Map} header-background [color: ('gray', 100)] - The header background color.
|
|
1649
1674
|
/// @prop {Map} navigation-hover-color [color: ('primary', 800)] - The :hover color of the icon button responsible for month navigation.
|
|
1650
1675
|
/// @prop {Map} navigation-focus-color [color: ('primary', 800)] - The :focus color of the icon button responsible for month navigation.
|
|
@@ -1725,9 +1750,6 @@ $fluent-calendar: extend(
|
|
|
1725
1750
|
/// @prop {Map} date-current-hover-background [color: ('gray', 200)] - The :hover background color of the current date.
|
|
1726
1751
|
/// @prop {Map} date-current-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current date.
|
|
1727
1752
|
/// @prop {Map} date-current-focus-background [color: ('gray', 200)] - The :focus background color of the current date.
|
|
1728
|
-
/// @prop {Color} date-current-outline [transparent] - The outline color of the current date.
|
|
1729
|
-
/// @prop {Color} date-current-hover-outline [transparent] - The :hover outline color of the current date.
|
|
1730
|
-
/// @prop {Color} date-current-focus-outline [transparent)] - The :focus outline color of the current date.
|
|
1731
1753
|
/// @prop {Color} date-selected-current-outline [transparent] - The outline color of the current selected date.
|
|
1732
1754
|
/// @prop {Color} date-selected-current-hover-outline [transparent] - The :hover outline color of the current selected date.
|
|
1733
1755
|
/// @prop {Color} date-selected-current-focus-outline [transparent] - The :focus color of the current selected date.
|
|
@@ -1755,8 +1777,8 @@ $fluent-calendar: extend(
|
|
|
1755
1777
|
/// @prop {Map} date-selected-current-border-color [color: ('gray', 900)] - The border color of the selected current date.
|
|
1756
1778
|
/// @prop {Map} date-selected-current-hover-border-color [color: ('gray', 900)] - The :hover border color of the selected current date.
|
|
1757
1779
|
/// @prop {Map} date-selected-current-focus-border-color [color: ('gray', 900)] - The :focus border color of the selected current date.
|
|
1758
|
-
/// @prop {Map} date-special-
|
|
1759
|
-
/// @prop {Map} date-special-range-
|
|
1780
|
+
/// @prop {Map} date-special-border-color [color: ('primary', 800)] - The outline color around a special date.
|
|
1781
|
+
/// @prop {Map} date-special-range-border-color [color: ('primary', 800)] - The outline color around a special date in a range selection.
|
|
1760
1782
|
/// @requires {Map} $light-calendar
|
|
1761
1783
|
$bootstrap-calendar: extend(
|
|
1762
1784
|
$light-calendar,
|
|
@@ -1767,13 +1789,25 @@ $bootstrap-calendar: extend(
|
|
|
1767
1789
|
900,
|
|
1768
1790
|
),
|
|
1769
1791
|
),
|
|
1770
|
-
date-special-
|
|
1792
|
+
date-special-hover-foreground: (
|
|
1793
|
+
color: (
|
|
1794
|
+
'gray',
|
|
1795
|
+
900,
|
|
1796
|
+
),
|
|
1797
|
+
),
|
|
1798
|
+
date-special-focus-foreground: (
|
|
1799
|
+
color: (
|
|
1800
|
+
'gray',
|
|
1801
|
+
900,
|
|
1802
|
+
),
|
|
1803
|
+
),
|
|
1804
|
+
date-special-border-color: (
|
|
1771
1805
|
color: (
|
|
1772
1806
|
'primary',
|
|
1773
1807
|
800,
|
|
1774
1808
|
),
|
|
1775
1809
|
),
|
|
1776
|
-
date-special-range-
|
|
1810
|
+
date-special-range-border-color: (
|
|
1777
1811
|
color: (
|
|
1778
1812
|
'primary',
|
|
1779
1813
|
800,
|
|
@@ -2253,9 +2287,6 @@ $bootstrap-calendar: extend(
|
|
|
2253
2287
|
200,
|
|
2254
2288
|
),
|
|
2255
2289
|
),
|
|
2256
|
-
date-current-outline: transparent,
|
|
2257
|
-
date-current-hover-outline: transparent,
|
|
2258
|
-
date-current-focus-outline: transparent,
|
|
2259
2290
|
date-selected-current-outline: transparent,
|
|
2260
2291
|
date-selected-current-hover-outline: transparent,
|
|
2261
2292
|
date-selected-current-focus-outline: transparent,
|
|
@@ -2394,11 +2425,215 @@ $bootstrap-calendar: extend(
|
|
|
2394
2425
|
|
|
2395
2426
|
/// Generates an indigo calendar schema.
|
|
2396
2427
|
/// @type {Map}
|
|
2428
|
+
/// @prop {Map} content-foreground [color: ('gray', 900)] - The foreground color of the days, months and years views.
|
|
2429
|
+
/// @prop {Map} content-background [contrast-color: ('gray', 900)] - The background color of the days, months and years views.
|
|
2430
|
+
/// @prop {Map} header-foreground [color: ('gray', 800)] - The header foreground color.
|
|
2431
|
+
/// @prop {Map} header-background [contrast-color: ('gray', 900)] - The header background color.
|
|
2432
|
+
///
|
|
2433
|
+
/// @prop {Map} picker-foreground [color: 'gray' 700] - The foreground color of the month and year pickers.
|
|
2434
|
+
/// @prop {Map} picker-background [contrast-color: ('gray', 900)] - The background color of the month and year pickers.
|
|
2435
|
+
/// @prop {Map} picker-hover-foreground [color: 'gray' 900] - The :hover foreground color of the month and year pickers.
|
|
2436
|
+
/// @prop {Map} picker-focus-foreground [color: 'gray' 900] - The :focus foreground color of the month and year pickers.
|
|
2437
|
+
///
|
|
2438
|
+
/// @prop {Map} navigation-color [color: ('gray', 600)] - the color of the buttons responsible for navigation.
|
|
2439
|
+
/// @prop {Map} navigation-hover-color [color: ('gray', 800)] - The :hover color of the icon button responsible for month navigation.
|
|
2440
|
+
/// @prop {Map} navigation-focus-color [color: ('gray', 800)] - The :focus color of the icon button responsible for month navigation.
|
|
2441
|
+
/// @prop {Map} week-number-foreground [color: ('gray', 600)] - The foreground color of the week number column.
|
|
2442
|
+
///
|
|
2443
|
+
/// @prop {Map} week-number-background [color: ('gray', 900, .05)] - The background color of the week number column.
|
|
2397
2444
|
/// @prop {List} week-number-border-radius [(rem(4px), rem(0), rem(8px))] - The border radius used for the week numbers column.
|
|
2445
|
+
///
|
|
2446
|
+
/// @prop {Map} date-hover-background [color: ('gray', 900, .05)] - The :hover background color of a date.
|
|
2447
|
+
/// @prop {Map} date-focus-background [color: ('gray', 900, .05)] - The :focus background color of date.
|
|
2448
|
+
/// @prop {Map} date-current-foreground [color: ('gray', 800)] - The foreground color of the current date.
|
|
2449
|
+
/// @prop {Map} date-disabled-foreground [color: ('gray', 900, .2)] - The foreground color of disabled dates.
|
|
2450
|
+
/// @prop {Color} date-current-border-color [color: ('primary', 500)] - The border color of the current date.
|
|
2451
|
+
/// @prop {Color} date-current-hover-border-color [color: ('primary', 400)] - The :hover border color of the current date.
|
|
2452
|
+
/// @prop {Color} date-current-focus-border-color [color: ('primary', 400)] - The :focus border color of the current date.
|
|
2453
|
+
/// @prop {Map} date-special-foreground [color: ('primary', 500)] - The foreground color of a special date.
|
|
2454
|
+
/// @prop {Map} date-special-background [color: ('primary', 50, .7)] - The background color of a special date.
|
|
2455
|
+
/// @prop {Map} date-special-hover-foreground [color: ('primary', 700)] - The foreground color of a special date.
|
|
2456
|
+
/// @prop {Map} date-special-hover-background [color: ('primary', 50)] - The background color of a special date.
|
|
2457
|
+
/// @prop {Map} date-special-focus-foreground [color: ('primary', 700)] - The foreground color of a special date.
|
|
2458
|
+
/// @prop {Map} date-special-focus-background [color: ('primary', 50)] - The background color of a special date.
|
|
2459
|
+
/// @prop {Map} date-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected date.
|
|
2460
|
+
/// @prop {Map} date-selected-background [color: ('primary', 500)] - The background color of the selected date.
|
|
2461
|
+
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the selected date.
|
|
2462
|
+
/// @prop {Map} date-selected-hover-background [color: ('primary', 400)] - The :hover background color of the selected date.
|
|
2463
|
+
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the selected date.
|
|
2464
|
+
/// @prop {Map} date-selected-focus-background [color: ('primary', 400)] - The :focus background color of the selected date.
|
|
2465
|
+
/// @prop {Map} date-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected current date.
|
|
2466
|
+
/// @prop {Map} date-selected-current-background [color: ('primary', 500)] - The background color of the selected current date.
|
|
2467
|
+
/// @prop {Map} date-selected-current-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the selected current date.
|
|
2468
|
+
/// @prop {Map} date-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the selected current date.
|
|
2469
|
+
/// @prop {Map} date-selected-current-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the selected current date.
|
|
2470
|
+
/// @prop {Map} date-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the selected current date.
|
|
2471
|
+
/// @prop {Color} date-selected-current-border-color [contrast-color: ('primary', 900, .6)] - The border color of the selected current date.
|
|
2472
|
+
/// @prop {Color} date-selected-current-hover-border-color [contrast-color: ('primary', 900, .6)] - The :hover border color of the selected current date.
|
|
2473
|
+
/// @prop {Color} date-selected-current-focus-border-color [contrast-color: ('primary', 900,. 6)] - The :focus border color of the selected current date.
|
|
2474
|
+
///
|
|
2475
|
+
/// @prop {Map} date-selected-range-foreground [color: ('gray', 800)] - The foreground color of the selected range.
|
|
2476
|
+
/// @prop {Map} date-selected-range-background [color: ('secondary', 50)] - The background color of the selected range.
|
|
2477
|
+
/// @prop {Map} date-selected-range-hover-background [color: ('secondary', 100)] - The :hover background color of the selected range.
|
|
2478
|
+
/// @prop {Map} date-selected-range-focus-background [color: ('secondary', 100)] - The :focus background color of the selected range.
|
|
2479
|
+
/// @prop {Map} date-selected-current-range-foreground [color: ('gray', 800)] - The foreground color of the current date in the selected range.
|
|
2480
|
+
/// @prop {Color} date-selected-current-range-background [transparent] - The background color of the current date in the selected range.
|
|
2481
|
+
/// @prop {Map} date-selected-current-range-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current date in the selected range.
|
|
2482
|
+
/// @prop {Map} date-selected-current-range-hover-background [color: ('gray', 100)] - The :hover background color of the current date in the selected range.
|
|
2483
|
+
/// @prop {Map} date-selected-current-range-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current date in the selected range.
|
|
2484
|
+
/// @prop {Map} date-selected-current-range-focus-background [color: ('gray', 900)] - The :focus background color of the current date in the selected range.
|
|
2485
|
+
/// @prop {Map} border-color [color: ('gray', 400)] - The calendar border color.
|
|
2486
|
+
/// @prop {Color} date-special-border-color [transparent] - The outline color around a special date.
|
|
2487
|
+
/// @prop {Map} date-special-range-border-color [color: ('secondary', 900)] - The outline color around a special date in range selection.
|
|
2488
|
+
///
|
|
2489
|
+
/// @prop {Map} year-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the year in years view.
|
|
2490
|
+
/// @prop {Map} year-hover-background [color: ('grey', 900, .05)]- The :hover background color of the year in years view.
|
|
2491
|
+
/// @prop {Map} year-focus-foreground [color: ('gray', 900)]- The :focus foreground color of the focused year in years view.
|
|
2492
|
+
/// @prop {Map} year-focus-background [color: ('gray', 900, .05)]- The :focus background color of the focused year on in years view.
|
|
2493
|
+
/// @prop {Map} year-current-foreground [color: ('gray', 900)] - The foreground color of the current year.
|
|
2494
|
+
/// @prop {Color} year-current-background [transparent]- The background color of the current year in years view.
|
|
2495
|
+
/// @prop {Map} year-current-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the current year in years view.
|
|
2496
|
+
/// @prop {Map} year-current-hover-background [color: ('grey', 900, .05)] - The :hover background color of the current year in years view.
|
|
2497
|
+
/// @prop {Map} year-current-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the current year in years view.
|
|
2498
|
+
/// @prop {Map} year-current-focus-background [color: ('grey', 900, .05)] - The :focus background color of the current year in years view.
|
|
2499
|
+
/// @prop {Map} year-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected year.
|
|
2500
|
+
/// @prop {Map} year-selected-background [color: ('primary', 500)]- The background color of the selected year in years view.
|
|
2501
|
+
/// @prop {Map} year-selected-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the selected year in years view.
|
|
2502
|
+
/// @prop {Map} year-selected-hover-background [color: ('primary' 400)] - The :hover background color of the selected year in years view.
|
|
2503
|
+
/// @prop {Map} year-selected-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the selected year in years view.
|
|
2504
|
+
/// @prop {Map} year-selected-focus-background [color: ('primary' 400)] - The :focus background color of the selected year in years view.
|
|
2505
|
+
/// @prop {Map} year-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the current/selected year.
|
|
2506
|
+
/// @prop {Map} year-selected-current-background [color: ('primary', 500)] - The foreground color of the current/selected year.
|
|
2507
|
+
/// @prop {Map} year-selected-current-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the current/selected year.
|
|
2508
|
+
/// @prop {Map} year-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected year.
|
|
2509
|
+
/// @prop {Map} year-selected-current-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the current/selected year.
|
|
2510
|
+
/// @prop {Map} year-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the current/selected year.
|
|
2511
|
+
///
|
|
2512
|
+
/// @prop {Map} month-hover-foreground [color: ('gray', 900)] - The :hover foreground color of the month inside the months view.
|
|
2513
|
+
/// @prop {Map} month-hover-background [color: ('gray', 900, .05)] - The :hover background color of the month inside the months view.
|
|
2514
|
+
/// @prop {Map} month-focus-foreground [color: ('gray', 900)] - The :focus foreground color of the month inside the months view.
|
|
2515
|
+
/// @prop {Map} month-focus-background [color: ('gray', 900, .05)] - The :focus background color of the month inside the months view.
|
|
2516
|
+
/// @prop {Map} month-current-foreground [color: ('gray', 900)] - The foreground color of the current month in month view.
|
|
2517
|
+
/// @prop {Color} month-current-background [transparent] - The background color of the current month in month view.
|
|
2518
|
+
/// @prop {Map} month-current-hover-foreground [color: ('gray', 900)]- The :hover foreground color of the current month in month view.
|
|
2519
|
+
/// @prop {Map} month-current-hover-background [color: ('gray', 900, .05)]- The :hover background color of the current month in month view.
|
|
2520
|
+
/// @prop {Map} month-current-focus-foreground [color: ('gray', 900)]- The :focus foreground color of the current month in month view.
|
|
2521
|
+
/// @prop {Map} month-current-focus-background [color: ('gray', 900, .05)]- The :focus background color of the current month in month view.
|
|
2522
|
+
/// @prop {Map} month-selected-foreground [contrast-color: ('primary', 500)] - The foreground color of the selected month in month view.
|
|
2523
|
+
/// @prop {Map} month-selected-background [color: ('primary', 500)] - The background color of the selected month in month view.
|
|
2524
|
+
/// @prop {Map} month-selected-hover-foreground [contrast-color: ('primary', 400)]- The :hover foreground color of the selected month in month view.
|
|
2525
|
+
/// @prop {Map} month-selected-hover-background [color: ('primary', 400)]- The :hover background color of the selected month in month view.
|
|
2526
|
+
/// @prop {Map} month-selected-focus-foreground [contrast-color: ('primary', 400)]- The :focus foreground color of the selected month in month view.
|
|
2527
|
+
/// @prop {Map} month-selected-focus-background [color: ('primary', 400)]- The :focus background color of the selected month in month view.
|
|
2528
|
+
/// @prop {Map} month-selected-current-foreground [contrast-color: ('primary', 500)] - The foreground color of the current/selected month in month view.
|
|
2529
|
+
/// @prop {Map} month-selected-current-background [color: ('primary', 500)]- The background color of the current/selected month in month view.
|
|
2530
|
+
/// @prop {Map} month-selected-current-hover-foreground [contrast-color: ('primary', 400)] - The :hover foreground color of the current/selected month in month view.
|
|
2531
|
+
/// @prop {Map} month-selected-current-hover-background [color: ('primary', 400)] - The :hover background color of the current/selected month in month view.
|
|
2532
|
+
/// @prop {Map} month-selected-current-focus-foreground [contrast-color: ('primary', 400)] - The :focus foreground color of the current/selected month in month view.
|
|
2533
|
+
/// @prop {Map} month-selected-current-focus-background [color: ('primary', 400)] - The :focus background color of the current/selected month in month view.
|
|
2534
|
+
///
|
|
2535
|
+
/// @prop {Map} current-outline-color [color: ('primary', 500)] - The outline color of the current year/month in year/month views.
|
|
2536
|
+
/// @prop {Map} current-outline-hover-color [color: ('primary', 400)] - The :hover outline color of the current year/month in year/month views.
|
|
2537
|
+
/// @prop {Map} current-outline-focus-color [color: ('primary', 400)] - The :focus outline color of the current year/month in year/month views.
|
|
2538
|
+
/// @prop {Map} selected-current-outline-color [contrast-color: ('gray', 900, .6)] - The outline color of the selected current year/month in year/month views.
|
|
2539
|
+
/// @prop {Map} selected-current-hover-outline-color [contrast-color: ('gray', 900, .6)] - The :hover outline color of the selected current year/month in year/month views.
|
|
2540
|
+
/// @prop {Map} selected-current-focus-outline-color [contrast-color: ('gray', 900, .6)] - The :focus outline color of the selected current year/month in year/month views.
|
|
2541
|
+
///
|
|
2542
|
+
/// @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)
|
|
2398
2543
|
/// @requires {Map} $light-calendar
|
|
2399
2544
|
$indigo-calendar: extend(
|
|
2400
2545
|
$light-calendar,
|
|
2401
2546
|
(
|
|
2547
|
+
inner-size: (
|
|
2548
|
+
sizable: (
|
|
2549
|
+
rem(24px),
|
|
2550
|
+
rem(28px),
|
|
2551
|
+
rem(32px),
|
|
2552
|
+
),
|
|
2553
|
+
),
|
|
2554
|
+
|
|
2555
|
+
content-foreground: (
|
|
2556
|
+
color: (
|
|
2557
|
+
'gray',
|
|
2558
|
+
800,
|
|
2559
|
+
),
|
|
2560
|
+
),
|
|
2561
|
+
content-background: (
|
|
2562
|
+
contrast-color: (
|
|
2563
|
+
'gray',
|
|
2564
|
+
900,
|
|
2565
|
+
),
|
|
2566
|
+
),
|
|
2567
|
+
header-foreground: (
|
|
2568
|
+
color: (
|
|
2569
|
+
'gray',
|
|
2570
|
+
800,
|
|
2571
|
+
),
|
|
2572
|
+
),
|
|
2573
|
+
header-background: (
|
|
2574
|
+
contrast-color: (
|
|
2575
|
+
'gray',
|
|
2576
|
+
900,
|
|
2577
|
+
),
|
|
2578
|
+
),
|
|
2579
|
+
|
|
2580
|
+
picker-foreground: (
|
|
2581
|
+
color: (
|
|
2582
|
+
'gray',
|
|
2583
|
+
700,
|
|
2584
|
+
),
|
|
2585
|
+
),
|
|
2586
|
+
picker-background: (
|
|
2587
|
+
contrast-color: (
|
|
2588
|
+
'gray',
|
|
2589
|
+
900,
|
|
2590
|
+
),
|
|
2591
|
+
),
|
|
2592
|
+
picker-hover-foreground: (
|
|
2593
|
+
color: (
|
|
2594
|
+
'gray',
|
|
2595
|
+
900,
|
|
2596
|
+
),
|
|
2597
|
+
),
|
|
2598
|
+
picker-focus-foreground: (
|
|
2599
|
+
color: (
|
|
2600
|
+
'gray',
|
|
2601
|
+
900,
|
|
2602
|
+
),
|
|
2603
|
+
),
|
|
2604
|
+
|
|
2605
|
+
navigation-color: (
|
|
2606
|
+
color: (
|
|
2607
|
+
'gray',
|
|
2608
|
+
600,
|
|
2609
|
+
),
|
|
2610
|
+
),
|
|
2611
|
+
navigation-hover-color: (
|
|
2612
|
+
color: (
|
|
2613
|
+
'secondary',
|
|
2614
|
+
800,
|
|
2615
|
+
),
|
|
2616
|
+
),
|
|
2617
|
+
navigation-focus-color: (
|
|
2618
|
+
color: (
|
|
2619
|
+
'secondary',
|
|
2620
|
+
800,
|
|
2621
|
+
),
|
|
2622
|
+
),
|
|
2623
|
+
|
|
2624
|
+
week-number-foreground: (
|
|
2625
|
+
color: (
|
|
2626
|
+
'gray',
|
|
2627
|
+
600,
|
|
2628
|
+
),
|
|
2629
|
+
),
|
|
2630
|
+
week-number-background: (
|
|
2631
|
+
color: (
|
|
2632
|
+
'gray',
|
|
2633
|
+
900,
|
|
2634
|
+
0.05,
|
|
2635
|
+
),
|
|
2636
|
+
),
|
|
2402
2637
|
week-number-border-radius: (
|
|
2403
2638
|
border-radius: (
|
|
2404
2639
|
rem(4px),
|
|
@@ -2406,5 +2641,539 @@ $indigo-calendar: extend(
|
|
|
2406
2641
|
rem(8px),
|
|
2407
2642
|
),
|
|
2408
2643
|
),
|
|
2644
|
+
|
|
2645
|
+
date-hover-background: (
|
|
2646
|
+
color: (
|
|
2647
|
+
'gray',
|
|
2648
|
+
900,
|
|
2649
|
+
0.05,
|
|
2650
|
+
),
|
|
2651
|
+
),
|
|
2652
|
+
date-focus-background: (
|
|
2653
|
+
color: (
|
|
2654
|
+
'gray',
|
|
2655
|
+
900,
|
|
2656
|
+
0.05,
|
|
2657
|
+
),
|
|
2658
|
+
),
|
|
2659
|
+
date-current-foreground: (
|
|
2660
|
+
color: (
|
|
2661
|
+
'gray',
|
|
2662
|
+
800,
|
|
2663
|
+
),
|
|
2664
|
+
),
|
|
2665
|
+
date-disabled-foreground: (
|
|
2666
|
+
color: (
|
|
2667
|
+
'gray',
|
|
2668
|
+
900,
|
|
2669
|
+
0.2,
|
|
2670
|
+
),
|
|
2671
|
+
),
|
|
2672
|
+
date-current-border-color: (
|
|
2673
|
+
color: (
|
|
2674
|
+
'primary',
|
|
2675
|
+
500,
|
|
2676
|
+
),
|
|
2677
|
+
),
|
|
2678
|
+
date-current-hover-border-color: (
|
|
2679
|
+
color: (
|
|
2680
|
+
'primary',
|
|
2681
|
+
400,
|
|
2682
|
+
),
|
|
2683
|
+
),
|
|
2684
|
+
date-current-focus-border-color: (
|
|
2685
|
+
color: (
|
|
2686
|
+
'primary',
|
|
2687
|
+
400,
|
|
2688
|
+
),
|
|
2689
|
+
),
|
|
2690
|
+
date-special-foreground: (
|
|
2691
|
+
color: (
|
|
2692
|
+
'primary',
|
|
2693
|
+
500,
|
|
2694
|
+
),
|
|
2695
|
+
),
|
|
2696
|
+
date-special-background: (
|
|
2697
|
+
color: (
|
|
2698
|
+
'primary',
|
|
2699
|
+
50,
|
|
2700
|
+
0.7,
|
|
2701
|
+
),
|
|
2702
|
+
),
|
|
2703
|
+
date-special-hover-foreground: (
|
|
2704
|
+
color: (
|
|
2705
|
+
'primary',
|
|
2706
|
+
700,
|
|
2707
|
+
),
|
|
2708
|
+
),
|
|
2709
|
+
date-special-hover-background: (
|
|
2710
|
+
color: (
|
|
2711
|
+
'primary',
|
|
2712
|
+
50,
|
|
2713
|
+
),
|
|
2714
|
+
),
|
|
2715
|
+
date-special-focus-foreground: (
|
|
2716
|
+
color: (
|
|
2717
|
+
'primary',
|
|
2718
|
+
700,
|
|
2719
|
+
),
|
|
2720
|
+
),
|
|
2721
|
+
date-special-focus-background: (
|
|
2722
|
+
color: (
|
|
2723
|
+
'primary',
|
|
2724
|
+
50,
|
|
2725
|
+
),
|
|
2726
|
+
),
|
|
2727
|
+
date-special-border-color: transparent,
|
|
2728
|
+
date-selected-foreground: (
|
|
2729
|
+
contrast-color: (
|
|
2730
|
+
'primary',
|
|
2731
|
+
500,
|
|
2732
|
+
),
|
|
2733
|
+
),
|
|
2734
|
+
date-selected-background: (
|
|
2735
|
+
color: (
|
|
2736
|
+
'primary',
|
|
2737
|
+
500,
|
|
2738
|
+
),
|
|
2739
|
+
),
|
|
2740
|
+
date-selected-hover-foreground: (
|
|
2741
|
+
contrast-color: (
|
|
2742
|
+
'primary',
|
|
2743
|
+
400,
|
|
2744
|
+
),
|
|
2745
|
+
),
|
|
2746
|
+
date-selected-hover-background: (
|
|
2747
|
+
color: (
|
|
2748
|
+
'primary',
|
|
2749
|
+
400,
|
|
2750
|
+
),
|
|
2751
|
+
),
|
|
2752
|
+
date-selected-focus-foreground: (
|
|
2753
|
+
contrast-color: (
|
|
2754
|
+
'secondary',
|
|
2755
|
+
400,
|
|
2756
|
+
),
|
|
2757
|
+
),
|
|
2758
|
+
date-selected-focus-background: (
|
|
2759
|
+
color: (
|
|
2760
|
+
'primary',
|
|
2761
|
+
400,
|
|
2762
|
+
),
|
|
2763
|
+
),
|
|
2764
|
+
date-selected-current-foreground: (
|
|
2765
|
+
contrast-color: (
|
|
2766
|
+
'primary',
|
|
2767
|
+
500,
|
|
2768
|
+
),
|
|
2769
|
+
),
|
|
2770
|
+
date-selected-current-background: (
|
|
2771
|
+
color: (
|
|
2772
|
+
'primary',
|
|
2773
|
+
500,
|
|
2774
|
+
),
|
|
2775
|
+
),
|
|
2776
|
+
date-selected-current-hover-foreground: (
|
|
2777
|
+
contrast-color: (
|
|
2778
|
+
'primary',
|
|
2779
|
+
400,
|
|
2780
|
+
),
|
|
2781
|
+
),
|
|
2782
|
+
date-selected-current-hover-background: (
|
|
2783
|
+
color: (
|
|
2784
|
+
'primary',
|
|
2785
|
+
400,
|
|
2786
|
+
),
|
|
2787
|
+
),
|
|
2788
|
+
date-selected-current-focus-foreground: (
|
|
2789
|
+
contrast-color: (
|
|
2790
|
+
'primary',
|
|
2791
|
+
400,
|
|
2792
|
+
),
|
|
2793
|
+
),
|
|
2794
|
+
date-selected-current-focus-background: (
|
|
2795
|
+
color: (
|
|
2796
|
+
'primary',
|
|
2797
|
+
400,
|
|
2798
|
+
),
|
|
2799
|
+
),
|
|
2800
|
+
date-selected-current-border-color: (
|
|
2801
|
+
contrast-color: (
|
|
2802
|
+
'primary',
|
|
2803
|
+
900,
|
|
2804
|
+
0.6,
|
|
2805
|
+
),
|
|
2806
|
+
),
|
|
2807
|
+
date-selected-current-hover-border-color: (
|
|
2808
|
+
contrast-color: (
|
|
2809
|
+
'primary',
|
|
2810
|
+
900,
|
|
2811
|
+
0.6,
|
|
2812
|
+
),
|
|
2813
|
+
),
|
|
2814
|
+
date-selected-current-focus-border-color: (
|
|
2815
|
+
contrast-color: (
|
|
2816
|
+
'primary',
|
|
2817
|
+
900,
|
|
2818
|
+
0.6,
|
|
2819
|
+
),
|
|
2820
|
+
),
|
|
2821
|
+
date-selected-range-foreground: (
|
|
2822
|
+
color: (
|
|
2823
|
+
'gray',
|
|
2824
|
+
800,
|
|
2825
|
+
),
|
|
2826
|
+
),
|
|
2827
|
+
date-selected-range-background: (
|
|
2828
|
+
color: (
|
|
2829
|
+
'primary',
|
|
2830
|
+
300,
|
|
2831
|
+
0.2,
|
|
2832
|
+
),
|
|
2833
|
+
),
|
|
2834
|
+
date-selected-range-hover-background: (
|
|
2835
|
+
color: (
|
|
2836
|
+
'gray',
|
|
2837
|
+
900,
|
|
2838
|
+
0.05,
|
|
2839
|
+
),
|
|
2840
|
+
),
|
|
2841
|
+
date-selected-range-focus-background: (
|
|
2842
|
+
color: (
|
|
2843
|
+
'gray',
|
|
2844
|
+
900,
|
|
2845
|
+
0.05,
|
|
2846
|
+
),
|
|
2847
|
+
),
|
|
2848
|
+
date-selected-current-range-background: (
|
|
2849
|
+
color: (
|
|
2850
|
+
'primary',
|
|
2851
|
+
300,
|
|
2852
|
+
0.02,
|
|
2853
|
+
),
|
|
2854
|
+
),
|
|
2855
|
+
date-selected-current-range-hover-background: (
|
|
2856
|
+
color: (
|
|
2857
|
+
'gray',
|
|
2858
|
+
900,
|
|
2859
|
+
0.05,
|
|
2860
|
+
),
|
|
2861
|
+
),
|
|
2862
|
+
date-selected-current-range-focus-background: (
|
|
2863
|
+
color: (
|
|
2864
|
+
'gray',
|
|
2865
|
+
900,
|
|
2866
|
+
0.05,
|
|
2867
|
+
),
|
|
2868
|
+
),
|
|
2869
|
+
border-color: (
|
|
2870
|
+
color: (
|
|
2871
|
+
'gray',
|
|
2872
|
+
400,
|
|
2873
|
+
),
|
|
2874
|
+
),
|
|
2875
|
+
|
|
2876
|
+
year-hover-foreground: (
|
|
2877
|
+
color: (
|
|
2878
|
+
'gray',
|
|
2879
|
+
900,
|
|
2880
|
+
),
|
|
2881
|
+
),
|
|
2882
|
+
year-hover-background: (
|
|
2883
|
+
color: (
|
|
2884
|
+
'gray',
|
|
2885
|
+
900,
|
|
2886
|
+
0.05,
|
|
2887
|
+
),
|
|
2888
|
+
),
|
|
2889
|
+
year-focus-foreground: (
|
|
2890
|
+
color: (
|
|
2891
|
+
'gray',
|
|
2892
|
+
900,
|
|
2893
|
+
),
|
|
2894
|
+
),
|
|
2895
|
+
year-focus-background: (
|
|
2896
|
+
color: (
|
|
2897
|
+
'gray',
|
|
2898
|
+
900,
|
|
2899
|
+
0.05,
|
|
2900
|
+
),
|
|
2901
|
+
),
|
|
2902
|
+
year-current-foreground: (
|
|
2903
|
+
color: (
|
|
2904
|
+
'gray',
|
|
2905
|
+
900,
|
|
2906
|
+
),
|
|
2907
|
+
),
|
|
2908
|
+
year-current-background: transparent,
|
|
2909
|
+
year-current-hover-foreground: (
|
|
2910
|
+
color: (
|
|
2911
|
+
'gray',
|
|
2912
|
+
900,
|
|
2913
|
+
),
|
|
2914
|
+
),
|
|
2915
|
+
year-current-hover-background: (
|
|
2916
|
+
color: (
|
|
2917
|
+
'gray',
|
|
2918
|
+
900,
|
|
2919
|
+
0.05,
|
|
2920
|
+
),
|
|
2921
|
+
),
|
|
2922
|
+
year-current-focus-foreground: (
|
|
2923
|
+
contrast-color: (
|
|
2924
|
+
'gray',
|
|
2925
|
+
900,
|
|
2926
|
+
),
|
|
2927
|
+
),
|
|
2928
|
+
year-current-focus-background: (
|
|
2929
|
+
color: (
|
|
2930
|
+
'gray',
|
|
2931
|
+
900,
|
|
2932
|
+
0.05,
|
|
2933
|
+
),
|
|
2934
|
+
),
|
|
2935
|
+
year-selected-foreground: (
|
|
2936
|
+
contrast-color: (
|
|
2937
|
+
'primary',
|
|
2938
|
+
500,
|
|
2939
|
+
),
|
|
2940
|
+
),
|
|
2941
|
+
year-selected-background: (
|
|
2942
|
+
color: (
|
|
2943
|
+
'primary',
|
|
2944
|
+
500,
|
|
2945
|
+
),
|
|
2946
|
+
),
|
|
2947
|
+
year-selected-hover-foreground: (
|
|
2948
|
+
contrast-color: (
|
|
2949
|
+
'primary',
|
|
2950
|
+
400,
|
|
2951
|
+
),
|
|
2952
|
+
),
|
|
2953
|
+
year-selected-hover-background: (
|
|
2954
|
+
color: (
|
|
2955
|
+
'primary',
|
|
2956
|
+
400,
|
|
2957
|
+
),
|
|
2958
|
+
),
|
|
2959
|
+
year-selected-focus-foreground: (
|
|
2960
|
+
contrast-color: (
|
|
2961
|
+
'primary',
|
|
2962
|
+
400,
|
|
2963
|
+
),
|
|
2964
|
+
),
|
|
2965
|
+
year-selected-focus-background: (
|
|
2966
|
+
color: (
|
|
2967
|
+
'primary',
|
|
2968
|
+
400,
|
|
2969
|
+
),
|
|
2970
|
+
),
|
|
2971
|
+
year-selected-current-foreground: (
|
|
2972
|
+
contrast-color: (
|
|
2973
|
+
'primary',
|
|
2974
|
+
500,
|
|
2975
|
+
),
|
|
2976
|
+
),
|
|
2977
|
+
year-selected-current-background: (
|
|
2978
|
+
color: (
|
|
2979
|
+
'primary',
|
|
2980
|
+
500,
|
|
2981
|
+
),
|
|
2982
|
+
),
|
|
2983
|
+
year-selected-current-hover-foreground: (
|
|
2984
|
+
contrast-color: (
|
|
2985
|
+
'primary',
|
|
2986
|
+
400,
|
|
2987
|
+
),
|
|
2988
|
+
),
|
|
2989
|
+
year-selected-current-hover-background: (
|
|
2990
|
+
color: (
|
|
2991
|
+
'primary',
|
|
2992
|
+
400,
|
|
2993
|
+
),
|
|
2994
|
+
),
|
|
2995
|
+
year-selected-current-focus-foreground: (
|
|
2996
|
+
contrast-color: (
|
|
2997
|
+
'primary',
|
|
2998
|
+
400,
|
|
2999
|
+
),
|
|
3000
|
+
),
|
|
3001
|
+
year-selected-current-focus-background: (
|
|
3002
|
+
color: (
|
|
3003
|
+
'primary',
|
|
3004
|
+
400,
|
|
3005
|
+
),
|
|
3006
|
+
),
|
|
3007
|
+
|
|
3008
|
+
month-hover-foreground: (
|
|
3009
|
+
color: (
|
|
3010
|
+
'gray',
|
|
3011
|
+
900,
|
|
3012
|
+
),
|
|
3013
|
+
),
|
|
3014
|
+
month-hover-background: (
|
|
3015
|
+
color: (
|
|
3016
|
+
'gray',
|
|
3017
|
+
900,
|
|
3018
|
+
0.05,
|
|
3019
|
+
),
|
|
3020
|
+
),
|
|
3021
|
+
month-focus-foreground: (
|
|
3022
|
+
color: (
|
|
3023
|
+
'gray',
|
|
3024
|
+
900,
|
|
3025
|
+
),
|
|
3026
|
+
),
|
|
3027
|
+
month-focus-background: (
|
|
3028
|
+
color: (
|
|
3029
|
+
'gray',
|
|
3030
|
+
900,
|
|
3031
|
+
0.05,
|
|
3032
|
+
),
|
|
3033
|
+
),
|
|
3034
|
+
month-current-foreground: (
|
|
3035
|
+
color: (
|
|
3036
|
+
'gray',
|
|
3037
|
+
900,
|
|
3038
|
+
),
|
|
3039
|
+
),
|
|
3040
|
+
month-current-background: transparent,
|
|
3041
|
+
month-current-hover-foreground: (
|
|
3042
|
+
color: (
|
|
3043
|
+
'gray',
|
|
3044
|
+
900,
|
|
3045
|
+
),
|
|
3046
|
+
),
|
|
3047
|
+
month-current-hover-background: (
|
|
3048
|
+
color: (
|
|
3049
|
+
'gray',
|
|
3050
|
+
900,
|
|
3051
|
+
0.05,
|
|
3052
|
+
),
|
|
3053
|
+
),
|
|
3054
|
+
month-current-focus-foreground: (
|
|
3055
|
+
color: (
|
|
3056
|
+
'gray',
|
|
3057
|
+
900,
|
|
3058
|
+
),
|
|
3059
|
+
),
|
|
3060
|
+
month-current-focus-background: (
|
|
3061
|
+
color: (
|
|
3062
|
+
'gray',
|
|
3063
|
+
900,
|
|
3064
|
+
),
|
|
3065
|
+
),
|
|
3066
|
+
month-selected-foreground: (
|
|
3067
|
+
contrast-color: (
|
|
3068
|
+
'primary',
|
|
3069
|
+
500,
|
|
3070
|
+
),
|
|
3071
|
+
),
|
|
3072
|
+
month-selected-background: (
|
|
3073
|
+
color: (
|
|
3074
|
+
'primary',
|
|
3075
|
+
500,
|
|
3076
|
+
),
|
|
3077
|
+
),
|
|
3078
|
+
month-selected-hover-foreground: (
|
|
3079
|
+
contrast-color: (
|
|
3080
|
+
'primary',
|
|
3081
|
+
400,
|
|
3082
|
+
),
|
|
3083
|
+
),
|
|
3084
|
+
month-selected-hover-background: (
|
|
3085
|
+
color: (
|
|
3086
|
+
'primary',
|
|
3087
|
+
400,
|
|
3088
|
+
),
|
|
3089
|
+
),
|
|
3090
|
+
month-selected-focus-foreground: (
|
|
3091
|
+
contrast-color: (
|
|
3092
|
+
'primary',
|
|
3093
|
+
400,
|
|
3094
|
+
),
|
|
3095
|
+
),
|
|
3096
|
+
month-selected-focus-background: (
|
|
3097
|
+
color: (
|
|
3098
|
+
'primary',
|
|
3099
|
+
400,
|
|
3100
|
+
),
|
|
3101
|
+
),
|
|
3102
|
+
month-selected-current-foreground: (
|
|
3103
|
+
contrast-color: (
|
|
3104
|
+
'primary',
|
|
3105
|
+
500,
|
|
3106
|
+
),
|
|
3107
|
+
),
|
|
3108
|
+
month-selected-current-background: (
|
|
3109
|
+
color: (
|
|
3110
|
+
'primary',
|
|
3111
|
+
500,
|
|
3112
|
+
),
|
|
3113
|
+
),
|
|
3114
|
+
month-selected-current-hover-foreground: (
|
|
3115
|
+
contrast-color: (
|
|
3116
|
+
'primary',
|
|
3117
|
+
400,
|
|
3118
|
+
),
|
|
3119
|
+
),
|
|
3120
|
+
month-selected-current-hover-background: (
|
|
3121
|
+
color: (
|
|
3122
|
+
'primary',
|
|
3123
|
+
400,
|
|
3124
|
+
),
|
|
3125
|
+
),
|
|
3126
|
+
month-selected-current-focus-foreground: (
|
|
3127
|
+
contrast-color: (
|
|
3128
|
+
'primary',
|
|
3129
|
+
400,
|
|
3130
|
+
),
|
|
3131
|
+
),
|
|
3132
|
+
month-selected-current-focus-background: (
|
|
3133
|
+
color: (
|
|
3134
|
+
'primary',
|
|
3135
|
+
400,
|
|
3136
|
+
),
|
|
3137
|
+
),
|
|
3138
|
+
|
|
3139
|
+
current-outline-color: (
|
|
3140
|
+
color: (
|
|
3141
|
+
'primary',
|
|
3142
|
+
500,
|
|
3143
|
+
),
|
|
3144
|
+
),
|
|
3145
|
+
current-outline-hover-color: (
|
|
3146
|
+
color: (
|
|
3147
|
+
'primary',
|
|
3148
|
+
400,
|
|
3149
|
+
),
|
|
3150
|
+
),
|
|
3151
|
+
current-outline-focus-color: (
|
|
3152
|
+
color: (
|
|
3153
|
+
'primary',
|
|
3154
|
+
400,
|
|
3155
|
+
),
|
|
3156
|
+
),
|
|
3157
|
+
selected-current-outline-color: (
|
|
3158
|
+
contrast-color: (
|
|
3159
|
+
'gray',
|
|
3160
|
+
900,
|
|
3161
|
+
0.6,
|
|
3162
|
+
),
|
|
3163
|
+
),
|
|
3164
|
+
selected-current-outline-hover-color: (
|
|
3165
|
+
contrast-color: (
|
|
3166
|
+
'gray',
|
|
3167
|
+
900,
|
|
3168
|
+
0.6,
|
|
3169
|
+
),
|
|
3170
|
+
),
|
|
3171
|
+
selected-current-outline-focus-color: (
|
|
3172
|
+
contrast-color: (
|
|
3173
|
+
'gray',
|
|
3174
|
+
900,
|
|
3175
|
+
0.6,
|
|
3176
|
+
),
|
|
3177
|
+
),
|
|
2409
3178
|
)
|
|
2410
3179
|
);
|