igniteui-theming 14.2.0 → 14.3.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.
Files changed (55) 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/_button.scss +1 -1
  31. package/sass/themes/schemas/components/dark/_combo.scss +1 -1
  32. package/sass/themes/schemas/components/dark/_drop-down.scss +1 -1
  33. package/sass/themes/schemas/components/dark/_icon-button.scss +1 -1
  34. package/sass/themes/schemas/components/dark/_input-group.scss +1 -1
  35. package/sass/themes/schemas/components/dark/_overlay.scss +1 -1
  36. package/sass/themes/schemas/components/dark/_select.scss +1 -1
  37. package/sass/themes/schemas/components/dark/_slider.scss +1 -1
  38. package/sass/themes/schemas/components/dark/_switch.scss +1 -1
  39. package/sass/themes/schemas/components/dark/_tabs.scss +1 -1
  40. package/sass/themes/schemas/components/dark/_tree.scss +1 -1
  41. package/sass/themes/schemas/components/elevation/_input-group.scss +1 -1
  42. package/sass/themes/schemas/components/light/_button.scss +1 -1
  43. package/sass/themes/schemas/components/light/_checkbox.scss +1 -1
  44. package/sass/themes/schemas/components/light/_combo.scss +1 -1
  45. package/sass/themes/schemas/components/light/_drop-down.scss +1 -1
  46. package/sass/themes/schemas/components/light/_input-group.scss +1 -1
  47. package/sass/themes/schemas/components/light/_list.scss +60 -17
  48. package/sass/themes/schemas/components/light/_overlay.scss +1 -1
  49. package/sass/themes/schemas/components/light/_rating.scss +1 -1
  50. package/sass/themes/schemas/components/light/_select.scss +1 -1
  51. package/sass/themes/schemas/components/light/_slider.scss +1 -1
  52. package/sass/themes/schemas/components/light/_switch.scss +1 -1
  53. package/sass/themes/schemas/components/light/_tabs.scss +1 -1
  54. package/sass/themes/schemas/components/light/_tree.scss +1 -1
  55. package/sass/typography/presets/_bootstrap.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-theming",
3
- "version": "14.2.0",
3
+ "version": "14.3.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": {
package/sass/animations/_mixins.scss CHANGED
@@ -1,4 +1,4 @@
1
- /* stylelint-disable keyframes-name-pattern */
1
+ // stylelint-disable keyframes-name-pattern
2
2
  @use 'sass:list';
3
3
  @use 'sass:map';
4
4
  @use 'sass:string';
package/sass/animations/entrances/_flicker.scss CHANGED
@@ -165,7 +165,7 @@
165
165
 
166
166
  20.1% {
167
167
  opacity: 1;
168
- box-shadow: 0 0 30px rgb(255 255 255 / 25%);
168
+ box-shadow: 0 0 30px rgb(255 255 255 / 0.25);
169
169
  }
170
170
 
171
171
  20.6% {
@@ -181,15 +181,15 @@
181
181
  30.1% {
182
182
  opacity: 1;
183
183
  box-shadow:
184
- 0 0 30px rgb(255 255 255 / 45%),
185
- 0 0 60px rgb(255 255 255 / 25%);
184
+ 0 0 30px rgb(255 255 255 / 0.45),
185
+ 0 0 60px rgb(255 255 255 / 0.25);
186
186
  }
187
187
 
188
188
  30.5% {
189
189
  opacity: 1;
190
190
  box-shadow:
191
- 0 0 30px rgb(255 255 255 / 45%),
192
- 0 0 60px rgb(255 255 255 / 25%);
191
+ 0 0 30px rgb(255 255 255 / 0.45),
192
+ 0 0 60px rgb(255 255 255 / 0.25);
193
193
  }
194
194
 
195
195
  30.6% {
@@ -205,22 +205,22 @@
205
205
  45.1% {
206
206
  opacity: 1;
207
207
  box-shadow:
208
- 0 0 30px rgb(255 255 255 / 45%),
209
- 0 0 60px rgb(255 255 255 / 25%);
208
+ 0 0 30px rgb(255 255 255 / 0.45),
209
+ 0 0 60px rgb(255 255 255 / 0.25);
210
210
  }
211
211
 
212
212
  50% {
213
213
  opacity: 1;
214
214
  box-shadow:
215
- 0 0 30px rgb(255 255 255 / 45%),
216
- 0 0 60px rgb(255 255 255 / 25%);
215
+ 0 0 30px rgb(255 255 255 / 0.45),
216
+ 0 0 60px rgb(255 255 255 / 0.25);
217
217
  }
218
218
 
219
219
  55% {
220
220
  opacity: 1;
221
221
  box-shadow:
222
- 0 0 30px rgb(255 255 255 / 45%),
223
- 0 0 60px rgb(255 255 255 / 25%);
222
+ 0 0 30px rgb(255 255 255 / 0.45),
223
+ 0 0 60px rgb(255 255 255 / 0.25);
224
224
  }
225
225
 
226
226
  55.1% {
@@ -236,15 +236,15 @@
236
236
  57.1% {
237
237
  opacity: 1;
238
238
  box-shadow:
239
- 0 0 30px rgb(255 255 255 / 55%),
240
- 0 0 60px rgb(255 255 255 / 30%);
239
+ 0 0 30px rgb(255 255 255 / 0.55),
240
+ 0 0 60px rgb(255 255 255 / 0.3);
241
241
  }
242
242
 
243
243
  60% {
244
244
  opacity: 1;
245
245
  box-shadow:
246
- 0 0 30px rgb(255 255 255 / 55%),
247
- 0 0 60px rgb(255 255 255 / 30%);
246
+ 0 0 30px rgb(255 255 255 / 0.55),
247
+ 0 0 60px rgb(255 255 255 / 0.3);
248
248
  }
249
249
 
250
250
  60.1% {
@@ -260,17 +260,17 @@
260
260
  65.1% {
261
261
  opacity: 1;
262
262
  box-shadow:
263
- 0 0 30px rgb(255 255 255 / 55%),
264
- 0 0 60px rgb(255 255 255 / 30%),
265
- 0 0 100px rgb(255 255 255 / 10%);
263
+ 0 0 30px rgb(255 255 255 / 0.55),
264
+ 0 0 60px rgb(255 255 255 / 0.3),
265
+ 0 0 100px rgb(255 255 255 / 0.1);
266
266
  }
267
267
 
268
268
  75% {
269
269
  opacity: 1;
270
270
  box-shadow:
271
- 0 0 30px rgb(255 255 255 / 55%),
272
- 0 0 60px rgb(255 255 255 / 30%),
273
- 0 0 100px rgb(255 255 255 / 10%);
271
+ 0 0 30px rgb(255 255 255 / 0.55),
272
+ 0 0 60px rgb(255 255 255 / 0.3),
273
+ 0 0 100px rgb(255 255 255 / 0.1);
274
274
  }
275
275
 
276
276
  75.1% {
@@ -286,19 +286,19 @@
286
286
  77.1% {
287
287
  opacity: 1;
288
288
  box-shadow:
289
- 0 0 30px rgb(255 255 255 / 60%),
290
- 0 0 60px rgb(255 255 255 / 40%),
291
- 0 0 110px rgb(255 255 255 / 20%),
292
- 0 0 100px rgb(255 255 255 / 10%);
289
+ 0 0 30px rgb(255 255 255 / 0.6),
290
+ 0 0 60px rgb(255 255 255 / 0.4),
291
+ 0 0 110px rgb(255 255 255 / 0.2),
292
+ 0 0 100px rgb(255 255 255 / 0.1);
293
293
  }
294
294
 
295
295
  85% {
296
296
  opacity: 1;
297
297
  box-shadow:
298
- 0 0 30px rgb(255 255 255 / 60%),
299
- 0 0 60px rgb(255 255 255 / 40%),
300
- 0 0 110px rgb(255 255 255 / 20%),
301
- 0 0 100px rgb(255 255 255 / 10%);
298
+ 0 0 30px rgb(255 255 255 / 0.6),
299
+ 0 0 60px rgb(255 255 255 / 0.4),
300
+ 0 0 110px rgb(255 255 255 / 0.2),
301
+ 0 0 100px rgb(255 255 255 / 0.1);
302
302
  }
303
303
 
304
304
  85.1% {
@@ -314,19 +314,19 @@
314
314
  86.1% {
315
315
  opacity: 1;
316
316
  box-shadow:
317
- 0 0 30px rgb(255 255 255 / 60%),
318
- 0 0 60px rgb(255 255 255 / 45%),
319
- 0 0 110px rgb(255 255 255 / 25%),
320
- 0 0 100px rgb(255 255 255 / 10%);
317
+ 0 0 30px rgb(255 255 255 / 0.6),
318
+ 0 0 60px rgb(255 255 255 / 0.45),
319
+ 0 0 110px rgb(255 255 255 / 0.25),
320
+ 0 0 100px rgb(255 255 255 / 0.1);
321
321
  }
322
322
 
323
323
  100% {
324
324
  opacity: 1;
325
325
  box-shadow:
326
- 0 0 30px rgb(255 255 255 / 60%),
327
- 0 0 60px rgb(255 255 255 / 45%),
328
- 0 0 110px rgb(255 255 255 / 25%),
329
- 0 0 100px rgb(255 255 255 / 10%);
326
+ 0 0 30px rgb(255 255 255 / 0.6),
327
+ 0 0 60px rgb(255 255 255 / 0.45),
328
+ 0 0 110px rgb(255 255 255 / 0.25),
329
+ 0 0 100px rgb(255 255 255 / 0.1);
330
330
  }
331
331
  }
332
332
  }
package/sass/animations/exits/_flicker.scss CHANGED
@@ -158,19 +158,19 @@
158
158
  0% {
159
159
  opacity: 1;
160
160
  box-shadow:
161
- 0 0 30px rgb(255 255 255 / 60%),
162
- 0 0 60px rgb(255 255 255 / 45%),
163
- 0 0 110px rgb(255 255 255 / 25%),
164
- 0 0 100px rgb(255 255 255 / 10%);
161
+ 0 0 30px rgb(255 255 255 / 0.6),
162
+ 0 0 60px rgb(255 255 255 / 0.45),
163
+ 0 0 110px rgb(255 255 255 / 0.25),
164
+ 0 0 100px rgb(255 255 255 / 0.1);
165
165
  }
166
166
 
167
167
  13.9% {
168
168
  opacity: 1;
169
169
  box-shadow:
170
- 0 0 30px rgb(255 255 255 / 60%),
171
- 0 0 60px rgb(255 255 255 / 45%),
172
- 0 0 110px rgb(255 255 255 / 25%),
173
- 0 0 100px rgb(255 255 255 / 10%);
170
+ 0 0 30px rgb(255 255 255 / 0.6),
171
+ 0 0 60px rgb(255 255 255 / 0.45),
172
+ 0 0 110px rgb(255 255 255 / 0.25),
173
+ 0 0 100px rgb(255 255 255 / 0.1);
174
174
  }
175
175
 
176
176
  14% {
@@ -186,19 +186,19 @@
186
186
  15% {
187
187
  opacity: 1;
188
188
  box-shadow:
189
- 0 0 30px rgb(255 255 255 / 55%),
190
- 0 0 60px rgb(255 255 255 / 40%),
191
- 0 0 110px rgb(255 255 255 / 20%),
192
- 0 0 100px rgb(255 255 255 / 10%);
189
+ 0 0 30px rgb(255 255 255 / 0.55),
190
+ 0 0 60px rgb(255 255 255 / 0.4),
191
+ 0 0 110px rgb(255 255 255 / 0.2),
192
+ 0 0 100px rgb(255 255 255 / 0.1);
193
193
  }
194
194
 
195
195
  22.9% {
196
196
  opacity: 1;
197
197
  box-shadow:
198
- 0 0 30px rgb(255 255 255 / 55%),
199
- 0 0 60px rgb(255 255 255 / 40%),
200
- 0 0 110px rgb(255 255 255 / 20%),
201
- 0 0 100px rgb(255 255 255 / 10%);
198
+ 0 0 30px rgb(255 255 255 / 0.55),
199
+ 0 0 60px rgb(255 255 255 / 0.4),
200
+ 0 0 110px rgb(255 255 255 / 0.2),
201
+ 0 0 100px rgb(255 255 255 / 0.1);
202
202
  }
203
203
 
204
204
  23% {
@@ -214,17 +214,17 @@
214
214
  25% {
215
215
  opacity: 1;
216
216
  box-shadow:
217
- 0 0 30px rgb(255 255 255 / 55%),
218
- 0 0 60px rgb(255 255 255 / 35%),
219
- 0 0 100px rgb(255 255 255 / 10%);
217
+ 0 0 30px rgb(255 255 255 / 0.55),
218
+ 0 0 60px rgb(255 255 255 / 0.35),
219
+ 0 0 100px rgb(255 255 255 / 0.1);
220
220
  }
221
221
 
222
222
  34.9% {
223
223
  opacity: 1;
224
224
  box-shadow:
225
- 0 0 30px rgb(255 255 255 / 55%),
226
- 0 0 60px rgb(255 255 255 / 35%),
227
- 0 0 100px rgb(255 255 255 / 10%);
225
+ 0 0 30px rgb(255 255 255 / 0.55),
226
+ 0 0 60px rgb(255 255 255 / 0.35),
227
+ 0 0 100px rgb(255 255 255 / 0.1);
228
228
  }
229
229
 
230
230
  35% {
@@ -240,15 +240,15 @@
240
240
  40% {
241
241
  opacity: 1;
242
242
  box-shadow:
243
- 0 0 30px rgb(255 255 255 / 55%),
244
- 0 0 60px rgb(255 255 255 / 35%);
243
+ 0 0 30px rgb(255 255 255 / 0.55),
244
+ 0 0 60px rgb(255 255 255 / 0.35);
245
245
  }
246
246
 
247
247
  42.9% {
248
248
  opacity: 1;
249
249
  box-shadow:
250
- 0 0 30px rgb(255 255 255 / 55%),
251
- 0 0 60px rgb(255 255 255 / 35%);
250
+ 0 0 30px rgb(255 255 255 / 0.55),
251
+ 0 0 60px rgb(255 255 255 / 0.35);
252
252
  }
253
253
 
254
254
  43% {
@@ -264,22 +264,22 @@
264
264
  45% {
265
265
  opacity: 1;
266
266
  box-shadow:
267
- 0 0 30px rgb(255 255 255 / 45%),
268
- 0 0 60px rgb(255 255 255 / 25%);
267
+ 0 0 30px rgb(255 255 255 / 0.45),
268
+ 0 0 60px rgb(255 255 255 / 0.25);
269
269
  }
270
270
 
271
271
  50% {
272
272
  opacity: 1;
273
273
  box-shadow:
274
- 0 0 30px rgb(255 255 255 / 45%),
275
- 0 0 60px rgb(255 255 255 / 25%);
274
+ 0 0 30px rgb(255 255 255 / 0.45),
275
+ 0 0 60px rgb(255 255 255 / 0.25);
276
276
  }
277
277
 
278
278
  54.9% {
279
279
  opacity: 1;
280
280
  box-shadow:
281
- 0 0 30px rgb(255 255 255 / 45%),
282
- 0 0 60px rgb(255 255 255 / 25%);
281
+ 0 0 30px rgb(255 255 255 / 0.45),
282
+ 0 0 60px rgb(255 255 255 / 0.25);
283
283
  }
284
284
 
285
285
  55% {
@@ -295,15 +295,15 @@
295
295
  69.5% {
296
296
  opacity: 1;
297
297
  box-shadow:
298
- 0 0 30px rgb(255 255 255 / 45%),
299
- 0 0 60px rgb(255 255 255 / 25%);
298
+ 0 0 30px rgb(255 255 255 / 0.45),
299
+ 0 0 60px rgb(255 255 255 / 0.25);
300
300
  }
301
301
 
302
302
  69.9% {
303
303
  opacity: 1;
304
304
  box-shadow:
305
- 0 0 30px rgb(255 255 255 / 45%),
306
- 0 0 60px rgb(255 255 255 / 25%);
305
+ 0 0 30px rgb(255 255 255 / 0.45),
306
+ 0 0 60px rgb(255 255 255 / 0.25);
307
307
  }
308
308
 
309
309
  70% {
@@ -318,7 +318,7 @@
318
318
 
319
319
  79.9% {
320
320
  opacity: 1;
321
- box-shadow: 0 0 30px rgb(255 255 255 / 25%);
321
+ box-shadow: 0 0 30px rgb(255 255 255 / 0.25);
322
322
  }
323
323
 
324
324
  80% {