igniteui-theming 6.0.0-beta.6 → 6.0.0
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
|
|
3
|
+
"version": "6.0.0",
|
|
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": {
|
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
/// @prop {Map} date-special-range-foreground [color: ('secondary', 200)] - The foreground color of a special date in a range selection.
|
|
17
17
|
/// @prop {Map} date-special-border-color [color: ('secondary', 200)] - The outline color around a special date.
|
|
18
18
|
/// @prop {Map} date-special-range-border-color [color: ('secondary', 200)] - The outline color around a special date in a range selection.
|
|
19
|
+
/// @prop {Map} date-selected-range-focus-foreground [contrast-color: ('secondary', 900)] - The :focus foreground color of the selected range.
|
|
20
|
+
/// @prop {Map} date-selected-range-hover-foreground [contrast-color: ('secondary', 900)] - The :hover foreground color of the selected range.
|
|
19
21
|
/// @prop {Map} picker-hover-foreground [color: 'secondary' 200] - The :hover foreground color of the month and year pickers.
|
|
20
22
|
/// @prop {Map} picker-focus-foreground [color: 'secondary' 200] - The :focus foreground color of the month and year pickers.
|
|
21
23
|
/// @type {Map}
|
|
@@ -23,18 +25,6 @@
|
|
|
23
25
|
$dark-material-calendar: extend(
|
|
24
26
|
$material-calendar,
|
|
25
27
|
(
|
|
26
|
-
picker-hover-foreground: (
|
|
27
|
-
color: (
|
|
28
|
-
'secondary',
|
|
29
|
-
200,
|
|
30
|
-
),
|
|
31
|
-
),
|
|
32
|
-
picker-focus-foreground: (
|
|
33
|
-
color: (
|
|
34
|
-
'secondary',
|
|
35
|
-
200,
|
|
36
|
-
),
|
|
37
|
-
),
|
|
38
28
|
navigation-hover-color: (
|
|
39
29
|
color: (
|
|
40
30
|
'secondary',
|
|
@@ -102,6 +92,18 @@ $dark-material-calendar: extend(
|
|
|
102
92
|
900,
|
|
103
93
|
),
|
|
104
94
|
),
|
|
95
|
+
picker-hover-foreground: (
|
|
96
|
+
color: (
|
|
97
|
+
'secondary',
|
|
98
|
+
200,
|
|
99
|
+
),
|
|
100
|
+
),
|
|
101
|
+
picker-focus-foreground: (
|
|
102
|
+
color: (
|
|
103
|
+
'secondary',
|
|
104
|
+
200,
|
|
105
|
+
),
|
|
106
|
+
),
|
|
105
107
|
)
|
|
106
108
|
);
|
|
107
109
|
|
|
@@ -111,26 +113,18 @@ $dark-material-calendar: extend(
|
|
|
111
113
|
/// @prop {Map} year-selected-background [color: ('primary', 900)]- The background color of the selected year in years view.
|
|
112
114
|
/// @prop {Map} year-selected-hover-foreground [contrast-color: ('primary', 800)] - The :hover foreground color of the selected year in years view.
|
|
113
115
|
/// @prop {Map} year-selected-hover-background [color: ('primary' 800)] - The :hover background color of the selected year in years view.
|
|
114
|
-
/// @prop {Map} year-selected-focus-foreground [contrast-color: ('primary', 800)] - The :focus foreground color of the selected year in years view.
|
|
115
|
-
/// @prop {Map} year-selected-focus-background [color: ('primary' 800)] - The :focus background color of the selected year in years view.
|
|
116
116
|
/// @prop {Map} year-selected-current-foreground [contrast-color: ('primary', 900)] - The foreground color of the current/selected year.
|
|
117
117
|
/// @prop {Map} year-selected-current-background [color: ('primary', 900)] - The foreground color of the current/selected year.
|
|
118
118
|
/// @prop {Map} year-selected-current-hover-foreground [contrast-color: ('primary', 800)] - The :hover foreground color of the current/selected year.
|
|
119
119
|
/// @prop {Map} year-selected-current-hover-background [color: ('primary', 800)] - The :hover background color of the current/selected year.
|
|
120
|
-
/// @prop {Map} year-selected-current-focus-foreground [contrast-color: ('primary', 800)] - The :focus foreground color of the current/selected year.
|
|
121
|
-
/// @prop {Map} year-selected-current-focus-background [color: ('primary', 800)] - The :focus background color of the current/selected year.
|
|
122
120
|
/// @prop {Map} month-selected-foreground [contrast-color: ('primary', 900)] - The foreground color of the selected month in month view.
|
|
123
121
|
/// @prop {Map} month-selected-background [color: ('primary', 900)] - The background color of the selected month in month view.
|
|
124
122
|
/// @prop {Map} month-selected-hover-foreground [contrast-color: ('primary', 800)]- The :hover foreground color of the selected month in month view.
|
|
125
123
|
/// @prop {Map} month-selected-hover-background [color: ('primary', 800)]- The :hover background color of the selected month in month view.
|
|
126
|
-
/// @prop {Map} month-selected-focus-foreground [contrast-color: ('primary', 800)]- The :focus foreground color of the selected month in month view.
|
|
127
|
-
/// @prop {Map} month-selected-focus-background [color: ('primary', 800)]- The :focus background color of the selected month in month view.
|
|
128
124
|
/// @prop {Map} month-selected-current-foreground [contrast-color: ('primary', 900)] - The foreground color of the current/selected month in month view.
|
|
129
125
|
/// @prop {Map} month-selected-current-background [color: ('primary', 900)]- The background color of the current/selected month in month view.
|
|
130
126
|
/// @prop {Map} month-selected-current-hover-foreground [contrast-color: ('primary', 800)] - The :hover foreground color of the current/selected month in month view.
|
|
131
127
|
/// @prop {Map} month-selected-current-hover-background [color: ('primary', 800)] - The :hover background color of the current/selected month in month view.
|
|
132
|
-
/// @prop {Map} month-selected-current-focus-foreground [contrast-color: ('primary', 800)] - The :focus foreground color of the current/selected month in month view.
|
|
133
|
-
/// @prop {Map} month-selected-current-focus-background [color: ('primary', 800)] - The :focus background color of the current/selected month in month view.
|
|
134
128
|
/// @prop {Map} date-current-foreground [contrast-color: ('gray', 900)] - The foreground color of the current date.
|
|
135
129
|
/// @prop {Map} date-current-background [color: ('primary', 200)] - The background color of the current date.
|
|
136
130
|
/// @prop {Map} date-current-hover-foreground [contrast-color: ('gray', 900)] - The :hover foreground color of the current date.
|
|
@@ -144,16 +138,10 @@ $dark-material-calendar: extend(
|
|
|
144
138
|
/// @prop {Map} date-hover-foreground [contrast-color: 'gray', 50] - The :hover foreground color of a date.
|
|
145
139
|
/// @prop {Map} date-focus-foreground [contrast-color: 'gray', 50] - The :focus foreground color of a date.
|
|
146
140
|
/// @prop {Map} date-selected-foreground [contrast-color: ('gray', 50)] - The foreground color of the selected date.
|
|
147
|
-
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('
|
|
148
|
-
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('
|
|
149
|
-
/// @prop {Map} date-selected-range-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the selected range.
|
|
141
|
+
/// @prop {Map} date-selected-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of the selected date.
|
|
142
|
+
/// @prop {Map} date-selected-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the selected date.
|
|
150
143
|
/// @prop {Map} date-selected-range-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of the selected range.
|
|
151
|
-
/// @prop {Map} date-selected-range-
|
|
152
|
-
/// @prop {Map} date-selected-range-end-foreground [contrast-color: ('gray', 50)] - The background color of the last date in the selected range.
|
|
153
|
-
/// @prop {Map} date-selected-range-start-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of the first date in the selected range.
|
|
154
|
-
/// @prop {Map} date-selected-range-start-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the first date in the selected range.
|
|
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.
|
|
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.
|
|
144
|
+
/// @prop {Map} date-selected-range-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the selected range.
|
|
157
145
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 300)] - The foreground of disabled dates.
|
|
158
146
|
/// @prop {Map} date-special-border-color [color: ('primary', 50)] - The outline color around a special date.
|
|
159
147
|
/// @prop {Map} date-special-range-border-color [color: ('primary', 50)] - The outline color around a special date in a range selection.
|
|
@@ -199,18 +187,6 @@ $dark-fluent-calendar: extend(
|
|
|
199
187
|
800,
|
|
200
188
|
),
|
|
201
189
|
),
|
|
202
|
-
year-selected-focus-foreground: (
|
|
203
|
-
contrast-color: (
|
|
204
|
-
'primary',
|
|
205
|
-
800,
|
|
206
|
-
),
|
|
207
|
-
),
|
|
208
|
-
year-selected-focus-background: (
|
|
209
|
-
color: (
|
|
210
|
-
'primary',
|
|
211
|
-
800,
|
|
212
|
-
),
|
|
213
|
-
),
|
|
214
190
|
year-selected-current-foreground: (
|
|
215
191
|
contrast-color: (
|
|
216
192
|
'primary',
|
|
@@ -235,18 +211,6 @@ $dark-fluent-calendar: extend(
|
|
|
235
211
|
800,
|
|
236
212
|
),
|
|
237
213
|
),
|
|
238
|
-
year-selected-current-focus-foreground: (
|
|
239
|
-
contrast-color: (
|
|
240
|
-
'primary',
|
|
241
|
-
800,
|
|
242
|
-
),
|
|
243
|
-
),
|
|
244
|
-
year-selected-current-focus-background: (
|
|
245
|
-
color: (
|
|
246
|
-
'primary',
|
|
247
|
-
800,
|
|
248
|
-
),
|
|
249
|
-
),
|
|
250
214
|
month-selected-foreground: (
|
|
251
215
|
contrast-color: (
|
|
252
216
|
'primary',
|
|
@@ -271,18 +235,6 @@ $dark-fluent-calendar: extend(
|
|
|
271
235
|
800,
|
|
272
236
|
),
|
|
273
237
|
),
|
|
274
|
-
month-selected-focus-foreground: (
|
|
275
|
-
contrast-color: (
|
|
276
|
-
'primary',
|
|
277
|
-
800,
|
|
278
|
-
),
|
|
279
|
-
),
|
|
280
|
-
month-selected-focus-background: (
|
|
281
|
-
color: (
|
|
282
|
-
'primary',
|
|
283
|
-
800,
|
|
284
|
-
),
|
|
285
|
-
),
|
|
286
238
|
month-selected-current-foreground: (
|
|
287
239
|
contrast-color: (
|
|
288
240
|
'primary',
|
|
@@ -307,18 +259,6 @@ $dark-fluent-calendar: extend(
|
|
|
307
259
|
800,
|
|
308
260
|
),
|
|
309
261
|
),
|
|
310
|
-
month-selected-current-focus-foreground: (
|
|
311
|
-
contrast-color: (
|
|
312
|
-
'primary',
|
|
313
|
-
800,
|
|
314
|
-
),
|
|
315
|
-
),
|
|
316
|
-
month-selected-current-focus-background: (
|
|
317
|
-
color: (
|
|
318
|
-
'primary',
|
|
319
|
-
800,
|
|
320
|
-
),
|
|
321
|
-
),
|
|
322
262
|
date-hover-foreground: (
|
|
323
263
|
contrast-color: (
|
|
324
264
|
'gray',
|
|
@@ -433,42 +373,6 @@ $dark-fluent-calendar: extend(
|
|
|
433
373
|
50,
|
|
434
374
|
),
|
|
435
375
|
),
|
|
436
|
-
date-selected-range-start-foreground: (
|
|
437
|
-
contrast-color: (
|
|
438
|
-
'gray',
|
|
439
|
-
50,
|
|
440
|
-
),
|
|
441
|
-
),
|
|
442
|
-
date-selected-range-end-foreground: (
|
|
443
|
-
contrast-color: (
|
|
444
|
-
'gray',
|
|
445
|
-
50,
|
|
446
|
-
),
|
|
447
|
-
),
|
|
448
|
-
date-selected-range-start-hover-foreground: (
|
|
449
|
-
contrast-color: (
|
|
450
|
-
'gray',
|
|
451
|
-
50,
|
|
452
|
-
),
|
|
453
|
-
),
|
|
454
|
-
date-selected-range-start-focus-foreground: (
|
|
455
|
-
contrast-color: (
|
|
456
|
-
'gray',
|
|
457
|
-
50,
|
|
458
|
-
),
|
|
459
|
-
),
|
|
460
|
-
date-selected-range-end-hover-foreground: (
|
|
461
|
-
contrast-color: (
|
|
462
|
-
'gray',
|
|
463
|
-
50,
|
|
464
|
-
),
|
|
465
|
-
),
|
|
466
|
-
date-selected-range-end-focus-foreground: (
|
|
467
|
-
contrast-color: (
|
|
468
|
-
'gray',
|
|
469
|
-
50,
|
|
470
|
-
),
|
|
471
|
-
),
|
|
472
376
|
date-disabled-foreground: (
|
|
473
377
|
color: (
|
|
474
378
|
'gray',
|
|
@@ -595,10 +499,9 @@ $dark-bootstrap-calendar: extend(
|
|
|
595
499
|
/// @prop {Map} date-focus-background [color: ('gray', 900, .1)] - The :focus background color of date.
|
|
596
500
|
/// @prop {Map} date-current-foreground [color: ('gray', 900)] - The foreground color of the current date.
|
|
597
501
|
/// @prop {Map} date-disabled-foreground [color: ('gray', 500)] - The foreground color of disabled dates.
|
|
598
|
-
/// @prop {
|
|
599
|
-
/// @prop {
|
|
600
|
-
/// @prop {
|
|
601
|
-
///
|
|
502
|
+
/// @prop {Map} date-current-border-color [color: ('primary', 400)] - The border color of the current date.
|
|
503
|
+
/// @prop {Map} date-current-hover-border-color [color: ('primary', 300)] - The :hover border color of the current date.
|
|
504
|
+
/// @prop {Map} date-current-focus-border-color [color: ('primary', 300)] - The :focus border color of the current date.
|
|
602
505
|
/// @prop {Map} date-special-foreground [color: ('primary', 600)] - The foreground color of a special date.
|
|
603
506
|
/// @prop {Map} date-special-background [color: ('primary', 50)] - The background color of a special date.
|
|
604
507
|
/// @prop {Map} date-special-hover-foreground [contrast-color: ('primary', 600)] - The foreground color of a special date.
|