igniteui-theming 3.0.6 → 3.1.0-beta.1

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.
Files changed (25) hide show
  1. package/package.json +1 -1
  2. package/sass/themes/_functions.scss +1 -1
  3. package/sass/themes/schemas/components/light/_action-strip.scss +20 -12
  4. package/sass/themes/schemas/components/light/_button-group.scss +15 -9
  5. package/sass/themes/schemas/components/light/_button.scss +75 -45
  6. package/sass/themes/schemas/components/light/_calendar.scss +50 -30
  7. package/sass/themes/schemas/components/light/_card.scss +15 -9
  8. package/sass/themes/schemas/components/light/_carousel.scss +10 -6
  9. package/sass/themes/schemas/components/light/_checkbox.scss +40 -24
  10. package/sass/themes/schemas/components/light/_chip.scss +10 -6
  11. package/sass/themes/schemas/components/light/_dialog.scss +15 -9
  12. package/sass/themes/schemas/components/light/_drop-down.scss +25 -15
  13. package/sass/themes/schemas/components/light/_expansion-panel.scss +5 -3
  14. package/sass/themes/schemas/components/light/_grid.scss +15 -10
  15. package/sass/themes/schemas/components/light/_input-group.scss +45 -27
  16. package/sass/themes/schemas/components/light/_list.scss +20 -12
  17. package/sass/themes/schemas/components/light/_navdrawer.scss +15 -9
  18. package/sass/themes/schemas/components/light/_progress.scss +10 -6
  19. package/sass/themes/schemas/components/light/_snackbar.scss +15 -9
  20. package/sass/themes/schemas/components/light/_splitter.scss +5 -3
  21. package/sass/themes/schemas/components/light/_tabs.scss +10 -6
  22. package/sass/themes/schemas/components/light/_time-picker.scss +35 -21
  23. package/sass/themes/schemas/components/light/_toast.scss +20 -12
  24. package/sass/themes/schemas/components/light/_tooltip.scss +15 -9
  25. package/sass/themes/schemas/components/light/_watermark.scss +20 -12
package/sass/themes/schemas/components/light/_dialog.scss CHANGED
@@ -41,9 +41,11 @@ $light-dialog: extend(
41
41
  border-color: transparent,
42
42
 
43
43
  border-radius: (
44
- rem(4px),
45
- rem(0),
46
- rem(36px),
44
+ border-radius: (
45
+ rem(4px),
46
+ rem(0),
47
+ rem(36px),
48
+ ),
47
49
  ),
48
50
  )
49
51
  );
@@ -57,9 +59,11 @@ $fluent-dialog: extend(
57
59
  $light-dialog,
58
60
  (
59
61
  border-radius: (
60
- rem(2px),
61
- rem(0),
62
- rem(36px),
62
+ border-radius: (
63
+ rem(2px),
64
+ rem(0),
65
+ rem(36px),
66
+ ),
63
67
  ),
64
68
  message-color: (
65
69
  color: (
@@ -105,9 +109,11 @@ $indigo-dialog: extend(
105
109
  ),
106
110
 
107
111
  border-radius: (
108
- rem(2px),
109
- rem(0),
110
- rem(36px),
112
+ border-radius: (
113
+ rem(2px),
114
+ rem(0),
115
+ rem(36px),
116
+ ),
111
117
  ),
112
118
  )
113
119
  );
package/sass/themes/schemas/components/light/_drop-down.scss CHANGED
@@ -135,14 +135,18 @@ $light-drop-down: extend(
135
135
  ),
136
136
  border-width: 0,
137
137
  border-radius: (
138
- rem(4px),
139
- rem(0),
140
- rem(20px),
138
+ border-radius: (
139
+ rem(4px),
140
+ rem(0),
141
+ rem(20px),
142
+ ),
141
143
  ),
142
144
  item-border-radius: (
143
- rem(0),
144
- rem(0),
145
- rem(20px),
145
+ border-radius: (
146
+ rem(0),
147
+ rem(0),
148
+ rem(20px),
149
+ ),
146
150
  ),
147
151
  size: (
148
152
  sizable: (
@@ -207,9 +211,11 @@ $fluent-drop-down: extend(
207
211
  ),
208
212
  ),
209
213
  border-radius: (
210
- rem(2px),
211
- rem(0),
212
- rem(20px),
214
+ border-radius: (
215
+ rem(2px),
216
+ rem(0),
217
+ rem(20px),
218
+ ),
213
219
  ),
214
220
  )
215
221
  );
@@ -388,14 +394,18 @@ $indigo-drop-down: extend(
388
394
  ),
389
395
  ),
390
396
  border-radius: (
391
- rem(2px),
392
- rem(0),
393
- rem(20px),
397
+ border-radius: (
398
+ rem(2px),
399
+ rem(0),
400
+ rem(20px),
401
+ ),
394
402
  ),
395
403
  item-border-radius: (
396
- rem(2px),
397
- rem(0),
398
- rem(20px),
404
+ border-radius: (
405
+ rem(2px),
406
+ rem(0),
407
+ rem(20px),
408
+ ),
399
409
  ),
400
410
  )
401
411
  );
package/sass/themes/schemas/components/light/_expansion-panel.scss CHANGED
@@ -171,9 +171,11 @@ $indigo-expansion-panel: extend(
171
171
  ),
172
172
 
173
173
  border-radius: (
174
- rem(3px),
175
- rem(0),
176
- rem(16px),
174
+ border-radius: (
175
+ rem(3px),
176
+ rem(0),
177
+ rem(16px),
178
+ ),
177
179
  ),
178
180
  )
179
181
  );
package/sass/themes/schemas/components/light/_grid.scss CHANGED
@@ -670,11 +670,12 @@ $light-grid: extend(
670
670
  ),
671
671
 
672
672
  drop-area-border-radius: (
673
- rem(16px),
674
- rem(0),
675
- rem(16px),
673
+ border-radius: (
674
+ rem(16px),
675
+ rem(0),
676
+ rem(16px),
677
+ ),
676
678
  ),
677
-
678
679
  header-size: (
679
680
  sizable: (
680
681
  rem(32px),
@@ -900,9 +901,11 @@ $fluent-grid: extend(
900
901
  ),
901
902
 
902
903
  drop-area-border-radius: (
903
- rem(2px),
904
- rem(0),
905
- rem(16px),
904
+ border-radius: (
905
+ rem(2px),
906
+ rem(0),
907
+ rem(16px),
908
+ ),
906
909
  ),
907
910
  )
908
911
  );
@@ -1060,9 +1063,11 @@ $bootstrap-grid: extend(
1060
1063
  ),
1061
1064
 
1062
1065
  drop-area-border-radius: (
1063
- rem(4px),
1064
- rem(0),
1065
- rem(16px),
1066
+ border-radius: (
1067
+ rem(4px),
1068
+ rem(0),
1069
+ rem(16px),
1070
+ ),
1066
1071
  ),
1067
1072
  )
1068
1073
  );
package/sass/themes/schemas/components/light/_input-group.scss CHANGED
@@ -282,19 +282,25 @@ $light-input-group: extend(
282
282
  ),
283
283
  ),
284
284
  box-border-radius: (
285
- rem(4px),
286
- rem(0),
287
- rem(20px),
285
+ border-radius: (
286
+ rem(4px),
287
+ rem(0),
288
+ rem(20px),
289
+ ),
288
290
  ),
289
291
  border-border-radius: (
290
- rem(4px),
291
- rem(0),
292
- rem(20px),
292
+ border-radius: (
293
+ rem(4px),
294
+ rem(0),
295
+ rem(20px),
296
+ ),
293
297
  ),
294
298
  search-border-radius: (
295
- rem(4px),
296
- rem(0),
297
- rem(20px),
299
+ border-radius: (
300
+ rem(4px),
301
+ rem(0),
302
+ rem(20px),
303
+ ),
298
304
  ),
299
305
  success-shadow-color: (
300
306
  color: (
@@ -483,19 +489,25 @@ $fluent-input-group: extend(
483
489
  ),
484
490
  ),
485
491
  box-border-radius: (
486
- rem(2px),
487
- rem(0),
488
- rem(20px),
492
+ border-radius: (
493
+ rem(2px),
494
+ rem(0),
495
+ rem(20px),
496
+ ),
489
497
  ),
490
498
  border-border-radius: (
491
- rem(2px),
492
- rem(0),
493
- rem(20px),
499
+ border-radius: (
500
+ rem(2px),
501
+ rem(0),
502
+ rem(20px),
503
+ ),
494
504
  ),
495
505
  search-border-radius: (
496
- rem(2px),
497
- rem(0),
498
- rem(20px),
506
+ border-radius: (
507
+ rem(2px),
508
+ rem(0),
509
+ rem(20px),
510
+ ),
499
511
  ),
500
512
  size: (
501
513
  sizable: (
@@ -827,19 +839,25 @@ $indigo-input-group: extend(
827
839
  ),
828
840
  ),
829
841
  box-border-radius: (
830
- rem(0),
831
- rem(0),
832
- rem(20px),
842
+ border-radius: (
843
+ rem(0),
844
+ rem(0),
845
+ rem(20px),
846
+ ),
833
847
  ),
834
848
  border-border-radius: (
835
- rem(0),
836
- rem(0),
837
- rem(20px),
849
+ border-radius: (
850
+ rem(0),
851
+ rem(0),
852
+ rem(20px),
853
+ ),
838
854
  ),
839
855
  search-border-radius: (
840
- rem(2px),
841
- rem(0),
842
- rem(20px),
856
+ border-radius: (
857
+ rem(2px),
858
+ rem(0),
859
+ rem(20px),
860
+ ),
843
861
  ),
844
862
  idle-secondary-color: (
845
863
  color: (
package/sass/themes/schemas/components/light/_list.scss CHANGED
@@ -118,14 +118,18 @@ $light-list: (
118
118
  border-width: 0,
119
119
 
120
120
  border-radius: (
121
- rem(0),
122
- rem(0),
123
- rem(24px),
121
+ border-radius: (
122
+ rem(0),
123
+ rem(0),
124
+ rem(24px),
125
+ ),
124
126
  ),
125
127
  item-border-radius: (
126
- rem(0),
127
- rem(0),
128
- rem(24px),
128
+ border-radius: (
129
+ rem(0),
130
+ rem(0),
131
+ rem(24px),
132
+ ),
129
133
  ),
130
134
  );
131
135
 
@@ -192,9 +196,11 @@ $bootstrap-list: extend(
192
196
  ),
193
197
 
194
198
  border-radius: (
195
- rem(4px),
196
- rem(0),
197
- rem(24px),
199
+ border-radius: (
200
+ rem(4px),
201
+ rem(0),
202
+ rem(24px),
203
+ ),
198
204
  ),
199
205
  )
200
206
  );
@@ -327,9 +333,11 @@ $indigo-list: extend(
327
333
  ),
328
334
 
329
335
  item-border-radius: (
330
- rem(2px),
331
- rem(0),
332
- rem(24px),
336
+ border-radius: (
337
+ rem(2px),
338
+ rem(0),
339
+ rem(24px),
340
+ ),
333
341
  ),
334
342
  )
335
343
  );
package/sass/themes/schemas/components/light/_navdrawer.scss CHANGED
@@ -106,14 +106,18 @@ $light-navdrawer: extend(
106
106
  ),
107
107
 
108
108
  border-radius: (
109
- rem(0),
110
- rem(0),
111
- rem(36px),
109
+ border-radius: (
110
+ rem(0),
111
+ rem(0),
112
+ rem(36px),
113
+ ),
112
114
  ),
113
115
  item-border-radius: (
114
- rem(4px),
115
- rem(0),
116
- rem(24px),
116
+ border-radius: (
117
+ rem(4px),
118
+ rem(0),
119
+ rem(24px),
120
+ ),
117
121
  ),
118
122
  )
119
123
  );
@@ -220,9 +224,11 @@ $indigo-navdrawer: extend(
220
224
  ),
221
225
 
222
226
  item-border-radius: (
223
- rem(24px),
224
- rem(0),
225
- rem(24px),
227
+ border-radius: (
228
+ rem(24px),
229
+ rem(0),
230
+ rem(24px),
231
+ ),
226
232
  ),
227
233
  )
228
234
  );
package/sass/themes/schemas/components/light/_progress.scss CHANGED
@@ -74,9 +74,11 @@ $light-progress-linear: extend(
74
74
  ),
75
75
 
76
76
  track-border-radius: (
77
- rem(0),
78
- rem(0),
79
- rem(8px),
77
+ border-radius: (
78
+ rem(0),
79
+ rem(0),
80
+ rem(8px),
81
+ ),
80
82
  ),
81
83
  )
82
84
  );
@@ -111,9 +113,11 @@ $bootstrap-progress-linear: extend(
111
113
  ),
112
114
 
113
115
  track-border-radius: (
114
- rem(4px),
115
- rem(0),
116
- rem(8px),
116
+ border-radius: (
117
+ rem(4px),
118
+ rem(0),
119
+ rem(8px),
120
+ ),
117
121
  ),
118
122
  )
119
123
  );
package/sass/themes/schemas/components/light/_snackbar.scss CHANGED
@@ -42,9 +42,11 @@ $light-snackbar: extend(
42
42
  ),
43
43
 
44
44
  border-radius: (
45
- rem(4px),
46
- rem(0),
47
- rem(24px),
45
+ border-radius: (
46
+ rem(4px),
47
+ rem(0),
48
+ rem(24px),
49
+ ),
48
50
  ),
49
51
  )
50
52
  );
@@ -58,9 +60,11 @@ $fluent-snackbar: extend(
58
60
  $light-snackbar,
59
61
  (
60
62
  border-radius: (
61
- rem(2px),
62
- rem(0),
63
- rem(24px),
63
+ border-radius: (
64
+ rem(2px),
65
+ rem(0),
66
+ rem(24px),
67
+ ),
64
68
  ),
65
69
  )
66
70
  );
@@ -135,9 +139,11 @@ $indigo-snackbar: extend(
135
139
  ),
136
140
 
137
141
  border-radius: (
138
- rem(6px),
139
- rem(0),
140
- rem(24px),
142
+ border-radius: (
143
+ rem(6px),
144
+ rem(0),
145
+ rem(24px),
146
+ ),
141
147
  ),
142
148
  )
143
149
  );
package/sass/themes/schemas/components/light/_splitter.scss CHANGED
@@ -47,9 +47,11 @@ $light-splitter: (
47
47
  size: 4px,
48
48
 
49
49
  border-radius: (
50
- rem(2px),
51
- rem(0),
52
- rem(2px),
50
+ border-radius: (
51
+ rem(2px),
52
+ rem(0),
53
+ rem(2px),
54
+ ),
53
55
  ),
54
56
  );
55
57
 
package/sass/themes/schemas/components/light/_tabs.scss CHANGED
@@ -149,9 +149,11 @@ $light-tabs: (
149
149
  border-color: transparent,
150
150
  border-color--hover: transparent,
151
151
  border-radius: (
152
- rem(0),
153
- rem(0),
154
- rem(6px),
152
+ border-radius: (
153
+ rem(0),
154
+ rem(0),
155
+ rem(6px),
156
+ ),
155
157
  ),
156
158
  );
157
159
 
@@ -339,9 +341,11 @@ $bootstrap-tabs: extend(
339
341
  ),
340
342
  ),
341
343
  border-radius: (
342
- rem(4px),
343
- rem(0),
344
- rem(6px),
344
+ border-radius: (
345
+ rem(4px),
346
+ rem(0),
347
+ rem(6px),
348
+ ),
345
349
  ),
346
350
  )
347
351
  );
package/sass/themes/schemas/components/light/_time-picker.scss CHANGED
@@ -91,14 +91,18 @@ $light-time-picker: extend(
91
91
  ),
92
92
 
93
93
  border-radius: (
94
- rem(4px),
95
- rem(0),
96
- rem(20px),
94
+ border-radius: (
95
+ rem(4px),
96
+ rem(0),
97
+ rem(20px),
98
+ ),
97
99
  ),
98
100
  active-item-border-radius: (
99
- rem(15px),
100
- rem(0),
101
- rem(20px),
101
+ border-radius: (
102
+ rem(15px),
103
+ rem(0),
104
+ rem(20px),
105
+ ),
102
106
  ),
103
107
  )
104
108
  );
@@ -113,14 +117,18 @@ $fluent-time-picker: extend(
113
117
  $light-time-picker,
114
118
  (
115
119
  border-radius: (
116
- rem(2px),
117
- rem(0),
118
- rem(20px),
120
+ border-radius: (
121
+ rem(2px),
122
+ rem(0),
123
+ rem(20px),
124
+ ),
119
125
  ),
120
126
  active-item-border-radius: (
121
- rem(2px),
122
- rem(0),
123
- rem(20px),
127
+ border-radius: (
128
+ rem(2px),
129
+ rem(0),
130
+ rem(20px),
131
+ ),
124
132
  ),
125
133
  )
126
134
  );
@@ -158,9 +166,11 @@ $bootstrap-time-picker: extend(
158
166
  ),
159
167
 
160
168
  active-item-border-radius: (
161
- rem(4px),
162
- rem(0),
163
- rem(20px),
169
+ border-radius: (
170
+ rem(4px),
171
+ rem(0),
172
+ rem(20px),
173
+ ),
164
174
  ),
165
175
  )
166
176
  );
@@ -223,14 +233,18 @@ $indigo-time-picker: extend(
223
233
  ),
224
234
 
225
235
  border-radius: (
226
- rem(3px),
227
- rem(0),
228
- rem(20px),
236
+ border-radius: (
237
+ rem(3px),
238
+ rem(0),
239
+ rem(20px),
240
+ ),
229
241
  ),
230
242
  active-item-border-radius: (
231
- rem(20px),
232
- rem(0),
233
- rem(20px),
243
+ border-radius: (
244
+ rem(20px),
245
+ rem(0),
246
+ rem(20px),
247
+ ),
234
248
  ),
235
249
  )
236
250
  );
package/sass/themes/schemas/components/light/_toast.scss CHANGED
@@ -34,9 +34,11 @@ $light-toast: extend(
34
34
  ),
35
35
 
36
36
  border-radius: (
37
- rem(26px),
38
- rem(0),
39
- rem(26px),
37
+ border-radius: (
38
+ rem(26px),
39
+ rem(0),
40
+ rem(26px),
41
+ ),
40
42
  ),
41
43
  )
42
44
  );
@@ -49,9 +51,11 @@ $fluent-toast: extend(
49
51
  $light-toast,
50
52
  (
51
53
  border-radius: (
52
- rem(2px),
53
- rem(0),
54
- rem(26px),
54
+ border-radius: (
55
+ rem(2px),
56
+ rem(0),
57
+ rem(26px),
58
+ ),
55
59
  ),
56
60
  )
57
61
  );
@@ -82,9 +86,11 @@ $bootstrap-toast: extend(
82
86
  ),
83
87
 
84
88
  border-radius: (
85
- rem(4px),
86
- rem(0),
87
- rem(26px),
89
+ border-radius: (
90
+ rem(4px),
91
+ rem(0),
92
+ rem(26px),
93
+ ),
88
94
  ),
89
95
  )
90
96
  );
@@ -97,9 +103,11 @@ $indigo-toast: extend(
97
103
  $light-toast,
98
104
  (
99
105
  border-radius: (
100
- rem(24px),
101
- rem(0),
102
- rem(26px),
106
+ border-radius: (
107
+ rem(24px),
108
+ rem(0),
109
+ rem(26px),
110
+ ),
103
111
  ),
104
112
  )
105
113
  );
package/sass/themes/schemas/components/light/_tooltip.scss CHANGED
@@ -29,9 +29,11 @@ $light-tooltip: (
29
29
  ),
30
30
 
31
31
  border-radius: (
32
- rem(4px),
33
- rem(0),
34
- rem(16px),
32
+ border-radius: (
33
+ rem(4px),
34
+ rem(0),
35
+ rem(16px),
36
+ ),
35
37
  ),
36
38
  );
37
39
 
@@ -60,9 +62,11 @@ $fluent-tooltip: extend(
60
62
  ),
61
63
 
62
64
  border-radius: (
63
- rem(2px),
64
- rem(0),
65
- rem(16px),
65
+ border-radius: (
66
+ rem(2px),
67
+ rem(0),
68
+ rem(16px),
69
+ ),
66
70
  ),
67
71
  )
68
72
  );
@@ -99,9 +103,11 @@ $indigo-tooltip: extend(
99
103
  $light-tooltip,
100
104
  (
101
105
  border-radius: (
102
- rem(3px),
103
- rem(0),
104
- rem(16px),
106
+ border-radius: (
107
+ rem(3px),
108
+ rem(0),
109
+ rem(16px),
110
+ ),
105
111
  ),
106
112
  )
107
113
  );