igniteui-theming 14.2.0 → 14.3.1-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 (59) hide show
  1. package/package.json +1 -1
  2. package/sass/animations/_mixins.scss +1 -1
  3. package/sass/animations/entrances/_flicker.scss +37 -37
  4. package/sass/animations/exits/_flicker.scss +37 -37
  5. package/sass/animations/generic/_shadows.scss +78 -78
  6. package/sass/bem/_index.scss +1 -1
  7. package/sass/color/_functions.scss +1 -1
  8. package/sass/themes/_functions.scss +1 -1
  9. package/sass/themes/charts/_category-chart-theme.scss +1 -1
  10. package/sass/themes/charts/_data-chart-theme.scss +1 -1
  11. package/sass/themes/charts/_financial-chart-theme.scss +1 -1
  12. package/sass/themes/charts/_funnel-chart-theme.scss +1 -1
  13. package/sass/themes/charts/_gauge-theme.scss +1 -1
  14. package/sass/themes/charts/_geo-map-theme.scss +1 -1
  15. package/sass/themes/charts/_graph-theme.scss +1 -1
  16. package/sass/themes/charts/_pie-chart-theme.scss +1 -1
  17. package/sass/themes/charts/_shape-chart-theme.scss +1 -1
  18. package/sass/themes/charts/_theme.scss +10 -0
  19. package/sass/themes/schemas/charts/dark/_category-chart.scss +1 -1
  20. package/sass/themes/schemas/charts/light/_category-chart.scss +1 -1
  21. package/sass/themes/schemas/charts/light/_data-chart.scss +1 -1
  22. package/sass/themes/schemas/charts/light/_doughnut-chart.scss +1 -1
  23. package/sass/themes/schemas/charts/light/_financial-chart.scss +1 -1
  24. package/sass/themes/schemas/charts/light/_funnel-chart.scss +2 -1
  25. package/sass/themes/schemas/charts/light/_gauge.scss +1 -1
  26. package/sass/themes/schemas/charts/light/_geo-map.scss +1 -1
  27. package/sass/themes/schemas/charts/light/_graph.scss +1 -1
  28. package/sass/themes/schemas/charts/light/_pie-chart.scss +1 -1
  29. package/sass/themes/schemas/charts/light/_shape-chart.scss +2 -1
  30. package/sass/themes/schemas/components/dark/_avatar.scss +1 -26
  31. package/sass/themes/schemas/components/dark/_button.scss +1 -1
  32. package/sass/themes/schemas/components/dark/_combo.scss +1 -1
  33. package/sass/themes/schemas/components/dark/_drop-down.scss +1 -1
  34. package/sass/themes/schemas/components/dark/_icon-button.scss +1 -1
  35. package/sass/themes/schemas/components/dark/_input-group.scss +1 -1
  36. package/sass/themes/schemas/components/dark/_overlay.scss +1 -1
  37. package/sass/themes/schemas/components/dark/_query-builder.scss +32 -3
  38. package/sass/themes/schemas/components/dark/_select.scss +1 -1
  39. package/sass/themes/schemas/components/dark/_slider.scss +1 -1
  40. package/sass/themes/schemas/components/dark/_switch.scss +1 -1
  41. package/sass/themes/schemas/components/dark/_tabs.scss +1 -1
  42. package/sass/themes/schemas/components/dark/_tree.scss +1 -1
  43. package/sass/themes/schemas/components/elevation/_input-group.scss +1 -1
  44. package/sass/themes/schemas/components/light/_avatar.scss +3 -27
  45. package/sass/themes/schemas/components/light/_button.scss +1 -1
  46. package/sass/themes/schemas/components/light/_checkbox.scss +1 -1
  47. package/sass/themes/schemas/components/light/_combo.scss +1 -1
  48. package/sass/themes/schemas/components/light/_drop-down.scss +1 -1
  49. package/sass/themes/schemas/components/light/_input-group.scss +1 -1
  50. package/sass/themes/schemas/components/light/_list.scss +60 -17
  51. package/sass/themes/schemas/components/light/_overlay.scss +1 -1
  52. package/sass/themes/schemas/components/light/_query-builder.scss +65 -0
  53. package/sass/themes/schemas/components/light/_rating.scss +1 -1
  54. package/sass/themes/schemas/components/light/_select.scss +1 -1
  55. package/sass/themes/schemas/components/light/_slider.scss +1 -1
  56. package/sass/themes/schemas/components/light/_switch.scss +1 -1
  57. package/sass/themes/schemas/components/light/_tabs.scss +1 -1
  58. package/sass/themes/schemas/components/light/_tree.scss +1 -1
  59. package/sass/typography/presets/_bootstrap.scss +1 -1
@@ -11,11 +11,11 @@
11
11
  @mixin shadow-drop-center {
12
12
  @include keyframes(shadow-drop-center) {
13
13
  0% {
14
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
14
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
15
15
  }
16
16
 
17
17
  100% {
18
- box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
18
+ box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.35);
19
19
  }
20
20
  }
21
21
  }
@@ -25,14 +25,14 @@
25
25
  @include keyframes(shadow-drop-tb) {
26
26
  0% {
27
27
  box-shadow:
28
- 0 0 0 0 rgb(0 0 0 / 0%),
29
- 0 0 0 0 rgb(0 0 0 / 0%);
28
+ 0 0 0 0 rgb(0 0 0 / 0),
29
+ 0 0 0 0 rgb(0 0 0 / 0);
30
30
  }
31
31
 
32
32
  100% {
33
33
  box-shadow:
34
- 0 -12px 20px -12px rgb(0 0 0 / 35%),
35
- 0 12px 20px -12px rgb(0 0 0 / 35%);
34
+ 0 -12px 20px -12px rgb(0 0 0 / 0.35),
35
+ 0 12px 20px -12px rgb(0 0 0 / 0.35);
36
36
  }
37
37
  }
38
38
  }
@@ -41,11 +41,11 @@
41
41
  @mixin shadow-drop-top {
42
42
  @include keyframes(shadow-drop-top) {
43
43
  0% {
44
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
44
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
45
45
  }
46
46
 
47
47
  100% {
48
- box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 35%);
48
+ box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 0.35);
49
49
  }
50
50
  }
51
51
  }
@@ -54,11 +54,11 @@
54
54
  @mixin shadow-drop-tr {
55
55
  @include keyframes(shadow-drop-tr) {
56
56
  0% {
57
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
57
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
58
58
  }
59
59
 
60
60
  100% {
61
- box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 35%);
61
+ box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 0.35);
62
62
  }
63
63
  }
64
64
  }
@@ -67,11 +67,11 @@
67
67
  @mixin shadow-drop-right {
68
68
  @include keyframes(shadow-drop-right) {
69
69
  0% {
70
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
70
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
71
71
  }
72
72
 
73
73
  100% {
74
- box-shadow: 12px 0 20px -12px rgb(0 0 0 / 35%);
74
+ box-shadow: 12px 0 20px -12px rgb(0 0 0 / 0.35);
75
75
  }
76
76
  }
77
77
  }
@@ -80,11 +80,11 @@
80
80
  @mixin shadow-drop-br {
81
81
  @include keyframes(shadow-drop-br) {
82
82
  0% {
83
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
83
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
84
84
  }
85
85
 
86
86
  100% {
87
- box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 35%);
87
+ box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 0.35);
88
88
  }
89
89
  }
90
90
  }
@@ -93,11 +93,11 @@
93
93
  @mixin shadow-drop-bottom {
94
94
  @include keyframes(shadow-drop-bottom) {
95
95
  0% {
96
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
96
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
97
97
  }
98
98
 
99
99
  100% {
100
- box-shadow: 0 12px 20px -12px rgb(0 0 0 / 35%);
100
+ box-shadow: 0 12px 20px -12px rgb(0 0 0 / 0.35);
101
101
  }
102
102
  }
103
103
  }
@@ -106,11 +106,11 @@
106
106
  @mixin shadow-drop-bl {
107
107
  @include keyframes(shadow-drop-bl) {
108
108
  0% {
109
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
109
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
110
110
  }
111
111
 
112
112
  100% {
113
- box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 35%);
113
+ box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 0.35);
114
114
  }
115
115
  }
116
116
  }
@@ -119,11 +119,11 @@
119
119
  @mixin shadow-drop-left {
120
120
  @include keyframes(shadow-drop-left) {
121
121
  0% {
122
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
122
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
123
123
  }
124
124
 
125
125
  100% {
126
- box-shadow: -12px 0 20px -12px rgb(0 0 0 / 35%);
126
+ box-shadow: -12px 0 20px -12px rgb(0 0 0 / 0.35);
127
127
  }
128
128
  }
129
129
  }
@@ -132,11 +132,11 @@
132
132
  @mixin shadow-drop-tl {
133
133
  @include keyframes(shadow-drop-tl) {
134
134
  0% {
135
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
135
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
136
136
  }
137
137
 
138
138
  100% {
139
- box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 35%);
139
+ box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 0.35);
140
140
  }
141
141
  }
142
142
  }
@@ -146,14 +146,14 @@
146
146
  @include keyframes(shadow-drop-lr) {
147
147
  0% {
148
148
  box-shadow:
149
- 0 0 0 0 rgb(0 0 0 / 0%),
150
- 0 0 0 0 rgb(0 0 0 / 0%);
149
+ 0 0 0 0 rgb(0 0 0 / 0),
150
+ 0 0 0 0 rgb(0 0 0 / 0);
151
151
  }
152
152
 
153
153
  100% {
154
154
  box-shadow:
155
- -12px 0 20px -12px rgb(0 0 0 / 35%),
156
- 12px 0 20px -12px rgb(0 0 0 / 35%);
155
+ -12px 0 20px -12px rgb(0 0 0 / 0.35),
156
+ 12px 0 20px -12px rgb(0 0 0 / 0.35);
157
157
  }
158
158
  }
159
159
  }
@@ -163,12 +163,12 @@
163
163
  @include keyframes(shadow-drop-2-center) {
164
164
  0% {
165
165
  transform: translateZ(0);
166
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
166
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
167
167
  }
168
168
 
169
169
  100% {
170
170
  transform: translateZ(50px);
171
- box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
171
+ box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.35);
172
172
  }
173
173
  }
174
174
  }
@@ -179,15 +179,15 @@
179
179
  0% {
180
180
  transform: translateZ(0);
181
181
  box-shadow:
182
- 0 0 0 0 rgb(0 0 0 / 0%),
183
- 0 0 0 0 rgb(0 0 0 / 0%);
182
+ 0 0 0 0 rgb(0 0 0 / 0),
183
+ 0 0 0 0 rgb(0 0 0 / 0);
184
184
  }
185
185
 
186
186
  100% {
187
187
  transform: translateZ(50px);
188
188
  box-shadow:
189
- 0 -12px 20px -12px rgb(0 0 0 / 35%),
190
- 0 12px 20px -12px rgb(0 0 0 / 35%);
189
+ 0 -12px 20px -12px rgb(0 0 0 / 0.35),
190
+ 0 12px 20px -12px rgb(0 0 0 / 0.35);
191
191
  }
192
192
  }
193
193
  }
@@ -197,12 +197,12 @@
197
197
  @include keyframes(shadow-drop-2-top) {
198
198
  0% {
199
199
  transform: translateZ(0) translateY(0);
200
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
200
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
201
201
  }
202
202
 
203
203
  100% {
204
204
  transform: translateZ(50px) translateY(12px);
205
- box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 35%);
205
+ box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 0.35);
206
206
  }
207
207
  }
208
208
  }
@@ -212,12 +212,12 @@
212
212
  @include keyframes(shadow-drop-2-tr) {
213
213
  0% {
214
214
  transform: translateZ(0) translateX(0) translateY(0);
215
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
215
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
216
216
  }
217
217
 
218
218
  100% {
219
219
  transform: translateZ(50px) translateX(-12px) translateY(12px);
220
- box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 35%);
220
+ box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 0.35);
221
221
  }
222
222
  }
223
223
  }
@@ -227,12 +227,12 @@
227
227
  @include keyframes(shadow-drop-2-right) {
228
228
  0% {
229
229
  transform: translateZ(0) translateX(0);
230
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
230
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
231
231
  }
232
232
 
233
233
  100% {
234
234
  transform: translateZ(50px) translateX(-12px);
235
- box-shadow: 12px 0 20px -12px rgb(0 0 0 / 35%);
235
+ box-shadow: 12px 0 20px -12px rgb(0 0 0 / 0.35);
236
236
  }
237
237
  }
238
238
  }
@@ -242,12 +242,12 @@
242
242
  @include keyframes(shadow-drop-2-br) {
243
243
  0% {
244
244
  transform: translateZ(0) translateX(0) translateY(0);
245
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
245
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
246
246
  }
247
247
 
248
248
  100% {
249
249
  transform: translateZ(50px) translateX(-12px) translateY(-12px);
250
- box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 35%);
250
+ box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 0.35);
251
251
  }
252
252
  }
253
253
  }
@@ -257,12 +257,12 @@
257
257
  @include keyframes(shadow-drop-2-bottom) {
258
258
  0% {
259
259
  transform: translateZ(0) translateY(0);
260
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
260
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
261
261
  }
262
262
 
263
263
  100% {
264
264
  transform: translateZ(50px) translateY(-12px);
265
- box-shadow: 0 12px 20px -12px rgb(0 0 0 / 35%);
265
+ box-shadow: 0 12px 20px -12px rgb(0 0 0 / 0.35);
266
266
  }
267
267
  }
268
268
  }
@@ -272,12 +272,12 @@
272
272
  @include keyframes(shadow-drop-2-bl) {
273
273
  0% {
274
274
  transform: translateZ(0) translateX(0) translateY(0);
275
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
275
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
276
276
  }
277
277
 
278
278
  100% {
279
279
  transform: translateZ(50px) translateX(12px) translateY(-12px);
280
- box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 35%);
280
+ box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 0.35);
281
281
  }
282
282
  }
283
283
  }
@@ -287,12 +287,12 @@
287
287
  @include keyframes(shadow-drop-2-left) {
288
288
  0% {
289
289
  transform: translateZ(0) translateX(0);
290
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
290
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
291
291
  }
292
292
 
293
293
  100% {
294
294
  transform: translateZ(50px) translateX(12px);
295
- box-shadow: -12px 0 20px -12px rgb(0 0 0 / 35%);
295
+ box-shadow: -12px 0 20px -12px rgb(0 0 0 / 0.35);
296
296
  }
297
297
  }
298
298
  }
@@ -302,12 +302,12 @@
302
302
  @include keyframes(shadow-drop-2-tl) {
303
303
  0% {
304
304
  transform: translateZ(0) translateX(0) translateY(0);
305
- box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
305
+ box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
306
306
  }
307
307
 
308
308
  100% {
309
309
  transform: translateZ(50px) translateX(12px) translateY(12px);
310
- box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 35%);
310
+ box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 0.35);
311
311
  }
312
312
  }
313
313
  }
@@ -318,15 +318,15 @@
318
318
  0% {
319
319
  transform: translateZ(0);
320
320
  box-shadow:
321
- 0 0 0 0 rgb(0 0 0 / 0%),
322
- 0 0 0 0 rgb(0 0 0 / 0%);
321
+ 0 0 0 0 rgb(0 0 0 / 0),
322
+ 0 0 0 0 rgb(0 0 0 / 0);
323
323
  }
324
324
 
325
325
  100% {
326
326
  transform: translateZ(50px);
327
327
  box-shadow:
328
- -12px 0 20px -12px rgb(0 0 0 / 35%),
329
- 12px 0 20px -12px rgb(0 0 0 / 35%);
328
+ -12px 0 20px -12px rgb(0 0 0 / 0.35),
329
+ 12px 0 20px -12px rgb(0 0 0 / 0.35);
330
330
  }
331
331
  }
332
332
  }
@@ -460,14 +460,14 @@
460
460
  @include keyframes(shadow-inset-tb) {
461
461
  0% {
462
462
  box-shadow:
463
- inset 0 0 0 0 rgb(0 0 0 / 0%),
464
- inset 0 0 0 0 rgb(0 0 0 / 0%);
463
+ inset 0 0 0 0 rgb(0 0 0 / 0),
464
+ inset 0 0 0 0 rgb(0 0 0 / 0);
465
465
  }
466
466
 
467
467
  100% {
468
468
  box-shadow:
469
- inset 0 -6px 14px -6px rgb(0 0 0 / 50%),
470
- inset 0 6px 14px -6px rgb(0 0 0 / 50%);
469
+ inset 0 -6px 14px -6px rgb(0 0 0 / 0.5),
470
+ inset 0 6px 14px -6px rgb(0 0 0 / 0.5);
471
471
  }
472
472
  }
473
473
  }
@@ -476,11 +476,11 @@
476
476
  @mixin shadow-inset-top {
477
477
  @include keyframes(shadow-inset-top) {
478
478
  0% {
479
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
479
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
480
480
  }
481
481
 
482
482
  100% {
483
- box-shadow: inset 0 6px 14px -6px rgb(0 0 0 / 50%);
483
+ box-shadow: inset 0 6px 14px -6px rgb(0 0 0 / 0.5);
484
484
  }
485
485
  }
486
486
  }
@@ -489,11 +489,11 @@
489
489
  @mixin shadow-inset-center {
490
490
  @include keyframes(shadow-inset-center) {
491
491
  0% {
492
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
492
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
493
493
  }
494
494
 
495
495
  100% {
496
- box-shadow: inset 0 0 14px 0 rgb(0 0 0 / 50%);
496
+ box-shadow: inset 0 0 14px 0 rgb(0 0 0 / 0.5);
497
497
  }
498
498
  }
499
499
  }
@@ -502,11 +502,11 @@
502
502
  @mixin shadow-inset-tr {
503
503
  @include keyframes(shadow-inset-tr) {
504
504
  0% {
505
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
505
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
506
506
  }
507
507
 
508
508
  100% {
509
- box-shadow: inset -6px 6px 14px -6px rgb(0 0 0 / 50%);
509
+ box-shadow: inset -6px 6px 14px -6px rgb(0 0 0 / 0.5);
510
510
  }
511
511
  }
512
512
  }
@@ -515,11 +515,11 @@
515
515
  @mixin shadow-inset-right {
516
516
  @include keyframes(shadow-inset-right) {
517
517
  0% {
518
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
518
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
519
519
  }
520
520
 
521
521
  100% {
522
- box-shadow: inset -6px 0 14px -6px rgb(0 0 0 / 50%);
522
+ box-shadow: inset -6px 0 14px -6px rgb(0 0 0 / 0.5);
523
523
  }
524
524
  }
525
525
  }
@@ -528,11 +528,11 @@
528
528
  @mixin shadow-inset-br {
529
529
  @include keyframes(shadow-inset-br) {
530
530
  0% {
531
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
531
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
532
532
  }
533
533
 
534
534
  100% {
535
- box-shadow: inset -6px -6px 14px -6px rgb(0 0 0 / 50%);
535
+ box-shadow: inset -6px -6px 14px -6px rgb(0 0 0 / 0.5);
536
536
  }
537
537
  }
538
538
  }
@@ -541,11 +541,11 @@
541
541
  @mixin shadow-inset-bottom {
542
542
  @include keyframes(shadow-inset-bottom) {
543
543
  0% {
544
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
544
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
545
545
  }
546
546
 
547
547
  100% {
548
- box-shadow: inset 0 -6px 14px -6px rgb(0 0 0 / 50%);
548
+ box-shadow: inset 0 -6px 14px -6px rgb(0 0 0 / 0.5);
549
549
  }
550
550
  }
551
551
  }
@@ -554,11 +554,11 @@
554
554
  @mixin shadow-inset-bl {
555
555
  @include keyframes(shadow-inset-bl) {
556
556
  0% {
557
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
557
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
558
558
  }
559
559
 
560
560
  100% {
561
- box-shadow: inset 6px -6px 14px -6px rgb(0 0 0 / 50%);
561
+ box-shadow: inset 6px -6px 14px -6px rgb(0 0 0 / 0.5);
562
562
  }
563
563
  }
564
564
  }
@@ -567,11 +567,11 @@
567
567
  @mixin shadow-inset-left {
568
568
  @include keyframes(shadow-inset-left) {
569
569
  0% {
570
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
570
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
571
571
  }
572
572
 
573
573
  100% {
574
- box-shadow: inset 6px 0 14px -6px rgb(0 0 0 / 50%);
574
+ box-shadow: inset 6px 0 14px -6px rgb(0 0 0 / 0.5);
575
575
  }
576
576
  }
577
577
  }
@@ -580,11 +580,11 @@
580
580
  @mixin shadow-inset-tl {
581
581
  @include keyframes(shadow-inset-tl) {
582
582
  0% {
583
- box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0%);
583
+ box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
584
584
  }
585
585
 
586
586
  100% {
587
- box-shadow: inset 6px 6px 14px -6px rgb(0 0 0 / 50%);
587
+ box-shadow: inset 6px 6px 14px -6px rgb(0 0 0 / 0.5);
588
588
  }
589
589
  }
590
590
  }
@@ -594,14 +594,14 @@
594
594
  @include keyframes(shadow-inset-lr) {
595
595
  0% {
596
596
  box-shadow:
597
- inset 0 0 0 0 rgb(0 0 0 / 0%),
598
- inset 0 0 0 0 rgb(0 0 0 / 0%);
597
+ inset 0 0 0 0 rgb(0 0 0 / 0),
598
+ inset 0 0 0 0 rgb(0 0 0 / 0);
599
599
  }
600
600
 
601
601
  100% {
602
602
  box-shadow:
603
- inset -6px 0 14px -6px rgb(0 0 0 / 50%),
604
- inset 6px 0 14px -6px rgb(0 0 0 / 50%);
603
+ inset -6px 0 14px -6px rgb(0 0 0 / 0.5),
604
+ inset 6px 0 14px -6px rgb(0 0 0 / 0.5);
605
605
  }
606
606
  }
607
607
  }
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:string';
3
3
  @use 'sass:meta';
4
4
  @use 'sass:list';
@@ -358,7 +358,7 @@ $_enhanced-accessibility: false;
358
358
  /// @param {Number} $value - The sRGB color
359
359
  /// @returns {Number} - The calculated linear channel value
360
360
  @function _lcv($value) {
361
- /* stylelint-disable number-max-precision */
361
+ // stylelint-disable number-max-precision
362
362
  @return if($value < 0.03928, math.div($value, 12.92), math.pow(math.div($value + 0.055, 1.055), 2.4));
363
363
  }
364
364
 
@@ -44,7 +44,7 @@
44
44
 
45
45
  // Special case for chart brushes
46
46
  @if $value == 'series' {
47
- $result: map.merge($result, (#{$key}: #{color.chart-brushes()}));
47
+ $result: map.merge($result, (#{$key}: var(--chart-brushes)));
48
48
  }
49
49
  }
50
50
 
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use 'sass:map';
3
3
  @use '../mixins' as *;
4
4
  @use '../functions' as *;
@@ -1,4 +1,5 @@
1
1
  @use '../mixins' as *;
2
+ @use '../../color/functions' as color;
2
3
  @use './category-chart-theme' as *;
3
4
  @use './data-chart-theme' as *;
4
5
  @use './doughnut-chart-theme' as *;
@@ -12,6 +13,15 @@
12
13
  @use './sparkline-theme' as *;
13
14
 
14
15
  @mixin chart-themes($schema, $target: 'angular') {
16
+ :root {
17
+ @include css-vars-from-theme(
18
+ (
19
+ chart-brushes: color.chart-brushes(),
20
+ ),
21
+ 'ig'
22
+ );
23
+ }
24
+
15
25
  @include css-vars(category-chart-theme($schema: $schema, $target: $target));
16
26
  @include css-vars(data-chart-theme($schema: $schema, $target: $target));
17
27
  @include css-vars(doughnut-chart-theme($schema: $schema, $target: $target));
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use '../light/category-chart' as *;
3
3
 
4
4
  ////
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  ////
3
3
  /// @package theming
4
4
  /// @group schemas
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  ////
3
3
  /// @package theming
4
4
  /// @group schemas
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  ////
3
3
  /// @package theming
4
4
  /// @group schemas
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  ////
3
3
  /// @package theming
4
4
  /// @group schemas
@@ -1,4 +1,5 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
+
2
3
  ////
3
4
  /// @package theming
4
5
  /// @group schemas
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  @use '../../../../utils/map' as *;
3
3
 
4
4
  ////
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
 
3
3
  ////
4
4
  /// @package theming
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
 
3
3
  ////
4
4
  /// @package theming
@@ -1,4 +1,4 @@
1
- /* stylelint-disable max-line-length */
1
+ // stylelint-disable max-line-length
2
2
  ////
3
3
  /// @package theming
4
4
  /// @group schemas