@syncfusion/ej2-react-splitbuttons 21.2.5 → 22.1.37

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/CHANGELOG.md +3 -3
  2. package/dist/ej2-react-splitbuttons.min.js +1 -1
  3. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +0 -84
  6. package/styles/bootstrap.css +0 -7
  7. package/styles/bootstrap4.css +8 -5
  8. package/styles/bootstrap5-dark.css +0 -7
  9. package/styles/bootstrap5.css +0 -7
  10. package/styles/button-group/material3-dark.css +902 -0
  11. package/styles/button-group/material3-dark.scss +2 -0
  12. package/styles/button-group/material3.css +958 -0
  13. package/styles/button-group/material3.scss +2 -0
  14. package/styles/drop-down-button/material3-dark.css +293 -0
  15. package/styles/drop-down-button/material3-dark.scss +2 -0
  16. package/styles/drop-down-button/material3.css +349 -0
  17. package/styles/drop-down-button/material3.scss +2 -0
  18. package/styles/fabric-dark.css +0 -84
  19. package/styles/fabric.css +0 -7
  20. package/styles/fluent-dark.css +4 -7
  21. package/styles/fluent.css +4 -7
  22. package/styles/highcontrast-light.css +0 -84
  23. package/styles/highcontrast.css +0 -84
  24. package/styles/material-dark.css +0 -84
  25. package/styles/material.css +0 -7
  26. package/styles/material3-dark.css +2168 -0
  27. package/styles/material3-dark.scss +5 -0
  28. package/styles/material3.css +2383 -0
  29. package/styles/material3.scss +5 -0
  30. package/styles/progress-button/bootstrap-dark.css +0 -84
  31. package/styles/progress-button/bootstrap.css +0 -7
  32. package/styles/progress-button/bootstrap4.css +0 -5
  33. package/styles/progress-button/bootstrap5-dark.css +0 -7
  34. package/styles/progress-button/bootstrap5.css +0 -7
  35. package/styles/progress-button/fabric-dark.css +0 -84
  36. package/styles/progress-button/fabric.css +0 -7
  37. package/styles/progress-button/fluent-dark.css +0 -7
  38. package/styles/progress-button/fluent.css +0 -7
  39. package/styles/progress-button/highcontrast-light.css +0 -84
  40. package/styles/progress-button/highcontrast.css +0 -84
  41. package/styles/progress-button/material-dark.css +0 -84
  42. package/styles/progress-button/material.css +0 -7
  43. package/styles/progress-button/material3-dark.css +557 -0
  44. package/styles/progress-button/material3-dark.scss +2 -0
  45. package/styles/progress-button/material3.css +613 -0
  46. package/styles/progress-button/material3.scss +2 -0
  47. package/styles/progress-button/tailwind-dark.css +0 -5
  48. package/styles/progress-button/tailwind.css +0 -5
  49. package/styles/split-button/bootstrap4.css +8 -0
  50. package/styles/split-button/fluent-dark.css +4 -0
  51. package/styles/split-button/fluent.css +4 -0
  52. package/styles/split-button/material3-dark.css +413 -0
  53. package/styles/split-button/material3-dark.scss +2 -0
  54. package/styles/split-button/material3.css +463 -0
  55. package/styles/split-button/material3.scss +2 -0
  56. package/styles/split-button/tailwind-dark.css +6 -0
  57. package/styles/split-button/tailwind.css +6 -0
  58. package/styles/tailwind-dark.css +6 -5
  59. package/styles/tailwind.css +6 -5
package/styles/material3.scss ADDED
@@ -0,0 +1,5 @@
1
+
2
+ @import 'drop-down-button/material3.scss';
3
+ @import 'split-button/material3.scss';
4
+ @import 'button-group/material3.scss';
5
+ @import 'progress-button/material3.scss';
package/styles/progress-button/bootstrap-dark.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #fff;
315
315
  stroke: #fff;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(240, 240, 240, 0);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #f0f0f0;
322
319
  }
@@ -324,9 +321,6 @@
324
321
  fill: #fff;
325
322
  stroke: #fff;
326
323
  }
327
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
328
- stroke: rgba(255, 255, 255, 0);
329
- }
330
324
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
331
325
  stroke: #fff;
332
326
  }
@@ -334,9 +328,6 @@
334
328
  fill: #fff;
335
329
  stroke: #fff;
336
330
  }
337
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
338
- stroke: rgba(255, 255, 255, 0);
339
- }
340
331
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
341
332
  stroke: #fff;
342
333
  }
@@ -344,9 +335,6 @@
344
335
  fill: #fff;
345
336
  stroke: #fff;
346
337
  }
347
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
348
- stroke: rgba(255, 255, 255, 0);
349
- }
350
338
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
351
339
  stroke: #fff;
352
340
  }
@@ -354,9 +342,6 @@
354
342
  fill: #fff;
355
343
  stroke: #fff;
356
344
  }
357
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
358
- stroke: rgba(255, 255, 255, 0);
359
- }
360
345
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
361
346
  stroke: #fff;
362
347
  }
@@ -364,9 +349,6 @@
364
349
  fill: #fff;
365
350
  stroke: #fff;
366
351
  }
367
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
368
- stroke: rgba(255, 255, 255, 0);
369
- }
370
352
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
371
353
  stroke: #fff;
372
354
  }
@@ -374,9 +356,6 @@
374
356
  fill: #fff;
375
357
  stroke: #fff;
376
358
  }
377
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
378
- stroke: rgba(255, 255, 255, 0);
379
- }
380
359
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
381
360
  stroke: #fff;
382
361
  }
@@ -384,9 +363,6 @@
384
363
  fill: #000;
385
364
  stroke: #000;
386
365
  }
387
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
388
- stroke: rgba(0, 0, 0, 0);
389
- }
390
366
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
391
367
  stroke: #000;
392
368
  }
@@ -404,9 +380,6 @@
404
380
  fill: #fff;
405
381
  stroke: #fff;
406
382
  }
407
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
408
- stroke: rgba(255, 255, 255, 0);
409
- }
410
383
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
411
384
  stroke: #fff;
412
385
  }
@@ -414,9 +387,6 @@
414
387
  fill: #fff;
415
388
  stroke: #fff;
416
389
  }
417
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
418
- stroke: rgba(255, 255, 255, 0);
419
- }
420
390
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
421
391
  stroke: #fff;
422
392
  }
@@ -424,9 +394,6 @@
424
394
  fill: #0070f0;
425
395
  stroke: #0070f0;
426
396
  }
427
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
428
- stroke: rgba(0, 112, 240, 0);
429
- }
430
397
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
431
398
  stroke: #0070f0;
432
399
  }
@@ -434,9 +401,6 @@
434
401
  fill: #358238;
435
402
  stroke: #358238;
436
403
  }
437
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
438
- stroke: rgba(53, 130, 56, 0);
439
- }
440
404
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
441
405
  stroke: #358238;
442
406
  }
@@ -444,9 +408,6 @@
444
408
  fill: #208090;
445
409
  stroke: #208090;
446
410
  }
447
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
448
- stroke: rgba(32, 128, 144, 0);
449
- }
450
411
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
451
412
  stroke: #208090;
452
413
  }
@@ -454,9 +415,6 @@
454
415
  fill: #f9ad37;
455
416
  stroke: #f9ad37;
456
417
  }
457
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
458
- stroke: rgba(249, 173, 55, 0);
459
- }
460
418
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
461
419
  stroke: #f9ad37;
462
420
  }
@@ -464,9 +422,6 @@
464
422
  fill: #c12f2f;
465
423
  stroke: #c12f2f;
466
424
  }
467
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
468
- stroke: rgba(193, 47, 47, 0);
469
- }
470
425
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
471
426
  stroke: #c12f2f;
472
427
  }
@@ -474,9 +429,6 @@
474
429
  fill: #0d47a1;
475
430
  stroke: #0d47a1;
476
431
  }
477
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
478
- stroke: rgba(13, 71, 161, 0);
479
- }
480
432
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
481
433
  stroke: #0d47a1;
482
434
  }
@@ -490,40 +442,4 @@
490
442
  *.e-danger .e-progress,
491
443
  *.e-info .e-progress {
492
444
  background: rgba(255, 255, 255, 0.3);
493
- }
494
-
495
- *.e-warning .e-progress {
496
- background: rgba(255, 255, 255, 0.3);
497
- }
498
-
499
- *.e-flat.e-primary .e-progress {
500
- background: rgba(255, 64, 129, 0.2);
501
- }
502
- *.e-flat.e-success .e-progress {
503
- background: rgba(77, 132, 29, 0.2);
504
- }
505
- *.e-flat.e-info .e-progress {
506
- background: rgba(3, 120, 213, 0.2);
507
- }
508
- *.e-flat.e-warning .e-progress {
509
- background: rgba(193, 87, 0, 0.2);
510
- }
511
- *.e-flat.e-danger .e-progress {
512
- background: rgba(214, 65, 19, 0.2);
513
- }
514
-
515
- *.e-outline:not(:focus).e-primary .e-progress {
516
- background: rgba(0, 112, 240, 0.2);
517
- }
518
- *.e-outline:not(:focus).e-success .e-progress {
519
- background: rgba(53, 130, 56, 0.2);
520
- }
521
- *.e-outline:not(:focus).e-info .e-progress {
522
- background: rgba(32, 128, 144, 0.2);
523
- }
524
- *.e-outline:not(:focus).e-warning .e-progress {
525
- background: rgba(249, 173, 55, 0.2);
526
- }
527
- *.e-outline:not(:focus).e-danger .e-progress {
528
- background: rgba(193, 47, 47, 0.2);
529
445
  }
package/styles/progress-button/bootstrap.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #333;
315
315
  stroke: #333;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(51, 51, 51, 0);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #333;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(255, 255, 255, 0.3);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(255, 255, 255, 0.3);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(255, 255, 255, 0.2);
501
494
  }
package/styles/progress-button/bootstrap4.css CHANGED
@@ -315,7 +315,6 @@
315
315
  stroke: #fff;
316
316
  }
317
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: white;
319
318
  stroke-width: 1px;
320
319
  }
321
320
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
@@ -493,10 +492,6 @@
493
492
  background: rgba(255, 255, 255, 0.25);
494
493
  }
495
494
 
496
- *.e-warning .e-progress {
497
- background: rgba(33, 37, 41, 0.25);
498
- }
499
-
500
495
  *.e-flat.e-primary .e-progress {
501
496
  background: rgba(255, 255, 255, 0.2);
502
497
  }
package/styles/progress-button/bootstrap5-dark.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #fff;
315
315
  stroke: #fff;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(255, 255, 255, 0.7);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #fff;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(173, 181, 189, 0.2);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(173, 181, 189, 0.2);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(255, 255, 255, 0.2);
501
494
  }
package/styles/progress-button/bootstrap5.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #fff;
315
315
  stroke: #fff;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(255, 255, 255, 0.7);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #fff;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(108, 117, 125, 0.2);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(108, 117, 125, 0.2);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(255, 255, 255, 0.2);
501
494
  }
package/styles/progress-button/fabric-dark.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #dadada;
315
315
  stroke: #dadada;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(255, 255, 255, 0.2);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #fff;
322
319
  }
@@ -324,9 +321,6 @@
324
321
  fill: #fff;
325
322
  stroke: #fff;
326
323
  }
327
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
328
- stroke: rgba(255, 255, 255, 0.2);
329
- }
330
324
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
331
325
  stroke: #fff;
332
326
  }
@@ -334,9 +328,6 @@
334
328
  fill: #fff;
335
329
  stroke: #fff;
336
330
  }
337
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
338
- stroke: rgba(255, 255, 255, 0.2);
339
- }
340
331
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
341
332
  stroke: #fff;
342
333
  }
@@ -344,9 +335,6 @@
344
335
  fill: #fff;
345
336
  stroke: #fff;
346
337
  }
347
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
348
- stroke: rgba(255, 255, 255, 0.2);
349
- }
350
338
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
351
339
  stroke: #fff;
352
340
  }
@@ -354,9 +342,6 @@
354
342
  fill: #fff;
355
343
  stroke: #fff;
356
344
  }
357
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
358
- stroke: rgba(255, 255, 255, 0.2);
359
- }
360
345
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
361
346
  stroke: #fff;
362
347
  }
@@ -364,9 +349,6 @@
364
349
  fill: #fff;
365
350
  stroke: #fff;
366
351
  }
367
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
368
- stroke: rgba(255, 255, 255, 0.2);
369
- }
370
352
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
371
353
  stroke: #fff;
372
354
  }
@@ -374,9 +356,6 @@
374
356
  fill: #fff;
375
357
  stroke: #fff;
376
358
  }
377
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
378
- stroke: rgba(255, 255, 255, 0.2);
379
- }
380
359
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
381
360
  stroke: #fff;
382
361
  }
@@ -384,9 +363,6 @@
384
363
  fill: #fff;
385
364
  stroke: #fff;
386
365
  }
387
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
388
- stroke: rgba(255, 255, 255, 0.2);
389
- }
390
366
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
391
367
  stroke: #fff;
392
368
  }
@@ -404,9 +380,6 @@
404
380
  fill: #fff;
405
381
  stroke: #fff;
406
382
  }
407
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
408
- stroke: rgba(255, 255, 255, 0.2);
409
- }
410
383
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
411
384
  stroke: #fff;
412
385
  }
@@ -414,9 +387,6 @@
414
387
  fill: #fff;
415
388
  stroke: #fff;
416
389
  }
417
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
418
- stroke: rgba(255, 255, 255, 0.2);
419
- }
420
390
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
421
391
  stroke: #fff;
422
392
  }
@@ -424,9 +394,6 @@
424
394
  fill: #0074cc;
425
395
  stroke: #0074cc;
426
396
  }
427
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
428
- stroke: rgba(0, 116, 204, 0.2);
429
- }
430
397
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
431
398
  stroke: #0074cc;
432
399
  }
@@ -434,9 +401,6 @@
434
401
  fill: #37844d;
435
402
  stroke: #37844d;
436
403
  }
437
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
438
- stroke: rgba(55, 132, 77, 0.2);
439
- }
440
404
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
441
405
  stroke: #37844d;
442
406
  }
@@ -444,9 +408,6 @@
444
408
  fill: #1e79cb;
445
409
  stroke: #1e79cb;
446
410
  }
447
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
448
- stroke: rgba(30, 121, 203, 0.2);
449
- }
450
411
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
451
412
  stroke: #1e79cb;
452
413
  }
@@ -454,9 +415,6 @@
454
415
  fill: #bf7500;
455
416
  stroke: #bf7500;
456
417
  }
457
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
458
- stroke: rgba(191, 117, 0, 0.2);
459
- }
460
418
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
461
419
  stroke: #bf7500;
462
420
  }
@@ -464,9 +422,6 @@
464
422
  fill: #cd2a19;
465
423
  stroke: #cd2a19;
466
424
  }
467
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
468
- stroke: rgba(205, 42, 25, 0.2);
469
- }
470
425
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
471
426
  stroke: #cd2a19;
472
427
  }
@@ -474,9 +429,6 @@
474
429
  fill: #5091f1;
475
430
  stroke: #5091f1;
476
431
  }
477
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
478
- stroke: rgba(80, 145, 241, 0.2);
479
- }
480
432
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
481
433
  stroke: #5091f1;
482
434
  }
@@ -490,40 +442,4 @@
490
442
  *.e-danger .e-progress,
491
443
  *.e-info .e-progress {
492
444
  background: rgba(218, 218, 218, 0.2);
493
- }
494
-
495
- *.e-warning .e-progress {
496
- background: rgba(218, 218, 218, 0.2);
497
- }
498
-
499
- *.e-flat.e-primary .e-progress {
500
- background: rgba(255, 64, 129, 0.2);
501
- }
502
- *.e-flat.e-success .e-progress {
503
- background: rgba(77, 132, 29, 0.2);
504
- }
505
- *.e-flat.e-info .e-progress {
506
- background: rgba(3, 120, 213, 0.2);
507
- }
508
- *.e-flat.e-warning .e-progress {
509
- background: rgba(193, 87, 0, 0.2);
510
- }
511
- *.e-flat.e-danger .e-progress {
512
- background: rgba(214, 65, 19, 0.2);
513
- }
514
-
515
- *.e-outline:not(:focus).e-primary .e-progress {
516
- background: rgba(0, 116, 204, 0.2);
517
- }
518
- *.e-outline:not(:focus).e-success .e-progress {
519
- background: rgba(55, 132, 77, 0.2);
520
- }
521
- *.e-outline:not(:focus).e-info .e-progress {
522
- background: rgba(30, 121, 203, 0.2);
523
- }
524
- *.e-outline:not(:focus).e-warning .e-progress {
525
- background: rgba(191, 117, 0, 0.2);
526
- }
527
- *.e-outline:not(:focus).e-danger .e-progress {
528
- background: rgba(205, 42, 25, 0.2);
529
445
  }
package/styles/progress-button/fabric.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #333;
315
315
  stroke: #333;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(51, 51, 51, 0.2);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #333;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(0, 0, 0, 0.2);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(0, 0, 0, 0.2);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(0, 0, 0, 0.2);
501
494
  }
package/styles/progress-button/fluent-dark.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #fff;
315
315
  stroke: #fff;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(255, 255, 255, 0.7);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #fff;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(161, 159, 157, 0.2);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(161, 159, 157, 0.2);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(27, 26, 25, 0.2);
501
494
  }
package/styles/progress-button/fluent.css CHANGED
@@ -314,9 +314,6 @@
314
314
  fill: #323130;
315
315
  stroke: #323130;
316
316
  }
317
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
318
- stroke: rgba(50, 49, 48, 0.7);
319
- }
320
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
321
318
  stroke: #323130;
322
319
  }
@@ -492,10 +489,6 @@
492
489
  background: rgba(96, 94, 92, 0.2);
493
490
  }
494
491
 
495
- *.e-warning .e-progress {
496
- background: rgba(96, 94, 92, 0.2);
497
- }
498
-
499
492
  *.e-flat.e-primary .e-progress {
500
493
  background: rgba(255, 255, 255, 0.2);
501
494
  }