@syncfusion/ej2-splitbuttons 20.4.48 → 21.1.35

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 (74) hide show
  1. package/CHANGELOG.md +9 -6
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +27 -7
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +27 -7
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -8
  13. package/src/drop-down-button/drop-down-button.js +9 -4
  14. package/src/progress-button/progress-button-model.d.ts +3 -1
  15. package/src/progress-button/progress-button.d.ts +19 -1
  16. package/src/split-button/split-button.js +18 -3
  17. package/styles/bootstrap-dark.css +44 -44
  18. package/styles/bootstrap.css +44 -44
  19. package/styles/bootstrap4.css +44 -44
  20. package/styles/bootstrap5-dark.css +48 -48
  21. package/styles/bootstrap5.css +48 -48
  22. package/styles/button-group/_bootstrap5-definition.scss +2 -2
  23. package/styles/button-group/_fluent-definition.scss +2 -2
  24. package/styles/button-group/_tailwind-definition.scss +1 -1
  25. package/styles/button-group/_theme.scss +4 -2
  26. package/styles/button-group/bootstrap-dark.css +30 -30
  27. package/styles/button-group/bootstrap.css +30 -30
  28. package/styles/button-group/bootstrap4.css +31 -31
  29. package/styles/button-group/bootstrap5-dark.css +30 -30
  30. package/styles/button-group/bootstrap5.css +30 -30
  31. package/styles/button-group/fabric-dark.css +30 -30
  32. package/styles/button-group/fabric.css +30 -30
  33. package/styles/button-group/fluent-dark.css +30 -30
  34. package/styles/button-group/fluent.css +30 -30
  35. package/styles/button-group/highcontrast-light.css +30 -30
  36. package/styles/button-group/highcontrast.css +30 -30
  37. package/styles/button-group/material-dark.css +30 -30
  38. package/styles/button-group/material.css +30 -30
  39. package/styles/button-group/tailwind-dark.css +30 -30
  40. package/styles/button-group/tailwind.css +30 -30
  41. package/styles/drop-down-button/_bootstrap5-definition.scss +5 -5
  42. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  43. package/styles/drop-down-button/_layout.scss +12 -0
  44. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  45. package/styles/fabric-dark.css +44 -44
  46. package/styles/fabric.css +44 -44
  47. package/styles/fluent-dark.css +48 -48
  48. package/styles/fluent.css +48 -48
  49. package/styles/highcontrast-light.css +44 -44
  50. package/styles/highcontrast.css +44 -44
  51. package/styles/material-dark.css +43 -43
  52. package/styles/material.css +43 -43
  53. package/styles/progress-button/_theme.scss +45 -19
  54. package/styles/progress-button/bootstrap-dark.css +14 -14
  55. package/styles/progress-button/bootstrap.css +14 -14
  56. package/styles/progress-button/bootstrap4.css +13 -13
  57. package/styles/progress-button/bootstrap5-dark.css +18 -18
  58. package/styles/progress-button/bootstrap5.css +18 -18
  59. package/styles/progress-button/fabric-dark.css +14 -14
  60. package/styles/progress-button/fabric.css +14 -14
  61. package/styles/progress-button/fluent-dark.css +18 -18
  62. package/styles/progress-button/fluent.css +18 -18
  63. package/styles/progress-button/highcontrast-light.css +14 -14
  64. package/styles/progress-button/highcontrast.css +14 -14
  65. package/styles/progress-button/material-dark.css +13 -13
  66. package/styles/progress-button/material.css +13 -13
  67. package/styles/progress-button/tailwind-dark.css +18 -18
  68. package/styles/progress-button/tailwind.css +18 -18
  69. package/styles/tailwind-dark.css +48 -48
  70. package/styles/tailwind.css +48 -48
  71. package/styles/button-group/_material3-definition.scss +0 -31
  72. package/styles/drop-down-button/_material3-definition.scss +0 -50
  73. package/styles/progress-button/_material3-definition.scss +0 -21
  74. package/styles/split-button/_material3-definition.scss +0 -24
package/styles/progress-button/_theme.scss CHANGED
@@ -184,7 +184,7 @@
184
184
  stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
185
185
  }
186
186
  @else {
187
- stroke: fade-out($btn-flat-warning-color, $progress-btn-circle-opacity);
187
+ stroke: $btn-flat-warning-color;
188
188
  }
189
189
  }
190
190
 
@@ -339,7 +339,7 @@
339
339
  }
340
340
 
341
341
  .e-progress {
342
- background-color: $progress-btn-bgcolor-normal;
342
+ background: $progress-btn-bgcolor-normal;
343
343
  }
344
344
 
345
345
  #{if(&, '&', '*')}.e-primary,
@@ -347,44 +347,70 @@
347
347
  #{if(&, '&', '*')}.e-danger,
348
348
  #{if(&, '&', '*')}.e-info {
349
349
  .e-progress {
350
- background-color: $progress-btn-bgcolor;
350
+ background: $progress-btn-bgcolor;
351
+ }
352
+ }
353
+
354
+ @if $skin-name == 'Material3' {
355
+ #{if(&, '&', '*')}.e-primary {
356
+ .e-progress {
357
+ background: $progress-btn-primary-progress-color;
358
+ }
359
+ }
360
+
361
+ #{if(&, '&', '*')}.e-success {
362
+ .e-progress {
363
+ background: $progress-btn-success-progress-color;
364
+ }
365
+ }
366
+
367
+ #{if(&, '&', '*')}.e-danger {
368
+ .e-progress {
369
+ background: $progress-btn-danger-progress-color;
370
+ }
371
+ }
372
+
373
+ #{if(&, '&', '*')}.e-info {
374
+ .e-progress {
375
+ background: $progress-btn-info-progress-color;
376
+ }
351
377
  }
352
378
  }
353
379
 
354
380
  #{if(&, '&', '*')}.e-warning {
355
381
  .e-progress {
356
- background-color: $progress-btn-warning-progress-color;
382
+ background: $progress-btn-warning-progress-color;
357
383
  }
358
384
  }
359
385
 
360
386
  #{if(&, '&', '*')}.e-flat {
361
387
  &.e-primary {
362
388
  .e-progress {
363
- background-color: fade-out($progress-btn-flat-primary-progress-color, .8);
389
+ background: fade-out($progress-btn-flat-primary-progress-color, .8);
364
390
  }
365
391
  }
366
392
 
367
393
  &.e-success {
368
394
  .e-progress {
369
- background-color: fade-out($progress-btn-flat-success-progress-color, .8);
395
+ background: fade-out($progress-btn-flat-success-progress-color, .8);
370
396
  }
371
397
  }
372
398
 
373
399
  &.e-info {
374
400
  .e-progress {
375
- background-color: fade-out($progress-btn-flat-info-progress-color, .8);
401
+ background: fade-out($progress-btn-flat-info-progress-color, .8);
376
402
  }
377
403
  }
378
404
 
379
405
  &.e-warning {
380
406
  .e-progress {
381
- background-color: fade-out($progress-btn-flat-warning-progress-color, .8);
407
+ background: fade-out($progress-btn-flat-warning-progress-color, .8);
382
408
  }
383
409
  }
384
410
 
385
411
  &.e-danger {
386
412
  .e-progress {
387
- background-color: fade-out($progress-btn-flat-danger-progress-color, .8);
413
+ background: fade-out($progress-btn-flat-danger-progress-color, .8);
388
414
  }
389
415
  }
390
416
  }
@@ -392,31 +418,31 @@
392
418
  #{if(&, '&', '*')}.e-outline:not(:focus) {
393
419
  &.e-primary {
394
420
  .e-progress {
395
- background-color: fade-out($btn-primary-bgcolor, .8);
421
+ background: fade-out($btn-primary-bgcolor, .8);
396
422
  }
397
423
  }
398
424
 
399
425
  &.e-success {
400
426
  .e-progress {
401
- background-color: fade-out($btn-success-bgcolor, .8);
427
+ background: fade-out($btn-success-bgcolor, .8);
402
428
  }
403
429
  }
404
430
 
405
431
  &.e-info {
406
432
  .e-progress {
407
- background-color: fade-out($btn-info-bgcolor, .8);
433
+ background: fade-out($btn-info-bgcolor, .8);
408
434
  }
409
435
  }
410
436
 
411
437
  &.e-warning {
412
438
  .e-progress {
413
- background-color: fade-out($btn-warning-bgcolor, .8);
439
+ background: fade-out($btn-warning-bgcolor, .8);
414
440
  }
415
441
  }
416
442
 
417
443
  &.e-danger {
418
444
  .e-progress {
419
- background-color: fade-out($btn-danger-bgcolor, .8);
445
+ background: fade-out($btn-danger-bgcolor, .8);
420
446
  }
421
447
  }
422
448
  }
@@ -425,31 +451,31 @@
425
451
  @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
426
452
  &.e-primary {
427
453
  .e-progress {
428
- background-color: fade-out($btn-primary-bgcolor, .8);
454
+ background: fade-out($btn-primary-bgcolor, .8);
429
455
  }
430
456
  }
431
457
 
432
458
  &.e-success {
433
459
  .e-progress {
434
- background-color: fade-out($btn-success-bgcolor, .8);
460
+ background: fade-out($btn-success-bgcolor, .8);
435
461
  }
436
462
  }
437
463
 
438
464
  &.e-info {
439
465
  .e-progress {
440
- background-color: fade-out($btn-info-bgcolor, .8);
466
+ background: fade-out($btn-info-bgcolor, .8);
441
467
  }
442
468
  }
443
469
 
444
470
  &.e-warning {
445
471
  .e-progress {
446
- background-color: fade-out($btn-warning-bgcolor, .8);
472
+ background: fade-out($btn-warning-bgcolor, .8);
447
473
  }
448
474
  }
449
475
 
450
476
  &.e-danger {
451
477
  .e-progress {
452
- background-color: fade-out($btn-danger-bgcolor, .8);
478
+ background: fade-out($btn-danger-bgcolor, .8);
453
479
  }
454
480
  }
455
481
  }
package/styles/progress-button/bootstrap-dark.css CHANGED
@@ -395,7 +395,7 @@
395
395
  stroke: #000;
396
396
  }
397
397
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
398
- stroke: rgba(0, 0, 0, 0);
398
+ stroke: #000;
399
399
  }
400
400
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
401
401
  stroke: #000;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(255, 255, 255, 0.2);
485
+ background: rgba(255, 255, 255, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(255, 255, 255, 0.3);
492
+ background: rgba(255, 255, 255, 0.3);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(255, 255, 255, 0.3);
496
+ background: rgba(255, 255, 255, 0.3);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 64, 129, 0.2);
500
+ background: rgba(255, 64, 129, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(77, 132, 29, 0.2);
503
+ background: rgba(77, 132, 29, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(3, 120, 213, 0.2);
506
+ background: rgba(3, 120, 213, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(193, 87, 0, 0.2);
509
+ background: rgba(193, 87, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(214, 65, 19, 0.2);
512
+ background: rgba(214, 65, 19, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(0, 112, 240, 0.2);
516
+ background: rgba(0, 112, 240, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(53, 130, 56, 0.2);
519
+ background: rgba(53, 130, 56, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(32, 128, 144, 0.2);
522
+ background: rgba(32, 128, 144, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(249, 173, 55, 0.2);
525
+ background: rgba(249, 173, 55, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(193, 47, 47, 0.2);
528
+ background: rgba(193, 47, 47, 0.2);
529
529
  }
package/styles/progress-button/bootstrap.css CHANGED
@@ -395,7 +395,7 @@
395
395
  stroke: #fff;
396
396
  }
397
397
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
398
- stroke: rgba(255, 255, 255, 0);
398
+ stroke: #fff;
399
399
  }
400
400
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
401
401
  stroke: #fff;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(0, 0, 0, 0.2);
485
+ background: rgba(0, 0, 0, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(255, 255, 255, 0.3);
492
+ background: rgba(255, 255, 255, 0.3);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(255, 255, 255, 0.3);
496
+ background: rgba(255, 255, 255, 0.3);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 255, 255, 0.2);
500
+ background: rgba(255, 255, 255, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(255, 255, 255, 0.2);
503
+ background: rgba(255, 255, 255, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(255, 255, 255, 0.2);
506
+ background: rgba(255, 255, 255, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(255, 255, 255, 0.2);
509
+ background: rgba(255, 255, 255, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(255, 255, 255, 0.2);
512
+ background: rgba(255, 255, 255, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(49, 122, 185, 0.2);
516
+ background: rgba(49, 122, 185, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(33, 135, 57, 0.2);
519
+ background: rgba(33, 135, 57, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(27, 128, 158, 0.2);
522
+ background: rgba(27, 128, 158, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(170, 103, 8, 0.2);
525
+ background: rgba(170, 103, 8, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(220, 50, 67, 0.2);
528
+ background: rgba(220, 50, 67, 0.2);
529
529
  }
package/styles/progress-button/bootstrap4.css CHANGED
@@ -483,48 +483,48 @@
483
483
  }
484
484
 
485
485
  .e-progress {
486
- background-color: rgba(255, 255, 255, 0.25);
486
+ background: rgba(255, 255, 255, 0.25);
487
487
  }
488
488
 
489
489
  *.e-primary .e-progress,
490
490
  *.e-success .e-progress,
491
491
  *.e-danger .e-progress,
492
492
  *.e-info .e-progress {
493
- background-color: rgba(255, 255, 255, 0.25);
493
+ background: rgba(255, 255, 255, 0.25);
494
494
  }
495
495
 
496
496
  *.e-warning .e-progress {
497
- background-color: rgba(33, 37, 41, 0.25);
497
+ background: rgba(33, 37, 41, 0.25);
498
498
  }
499
499
 
500
500
  *.e-flat.e-primary .e-progress {
501
- background-color: rgba(255, 255, 255, 0.2);
501
+ background: rgba(255, 255, 255, 0.2);
502
502
  }
503
503
  *.e-flat.e-success .e-progress {
504
- background-color: rgba(255, 255, 255, 0.2);
504
+ background: rgba(255, 255, 255, 0.2);
505
505
  }
506
506
  *.e-flat.e-info .e-progress {
507
- background-color: rgba(255, 255, 255, 0.2);
507
+ background: rgba(255, 255, 255, 0.2);
508
508
  }
509
509
  *.e-flat.e-warning .e-progress {
510
- background-color: rgba(33, 37, 41, 0.2);
510
+ background: rgba(33, 37, 41, 0.2);
511
511
  }
512
512
  *.e-flat.e-danger .e-progress {
513
- background-color: rgba(255, 255, 255, 0.2);
513
+ background: rgba(255, 255, 255, 0.2);
514
514
  }
515
515
 
516
516
  *.e-outline:not(:focus).e-primary .e-progress {
517
- background-color: rgba(0, 123, 255, 0.2);
517
+ background: rgba(0, 123, 255, 0.2);
518
518
  }
519
519
  *.e-outline:not(:focus).e-success .e-progress {
520
- background-color: rgba(40, 167, 69, 0.2);
520
+ background: rgba(40, 167, 69, 0.2);
521
521
  }
522
522
  *.e-outline:not(:focus).e-info .e-progress {
523
- background-color: rgba(23, 162, 184, 0.2);
523
+ background: rgba(23, 162, 184, 0.2);
524
524
  }
525
525
  *.e-outline:not(:focus).e-warning .e-progress {
526
- background-color: rgba(255, 193, 7, 0.2);
526
+ background: rgba(255, 193, 7, 0.2);
527
527
  }
528
528
  *.e-outline:not(:focus).e-danger .e-progress {
529
- background-color: rgba(220, 53, 69, 0.2);
529
+ background: rgba(220, 53, 69, 0.2);
530
530
  }
package/styles/progress-button/bootstrap5-dark.css CHANGED
@@ -482,64 +482,64 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(255, 255, 255, 0.2);
485
+ background: rgba(255, 255, 255, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(173, 181, 189, 0.2);
492
+ background: rgba(173, 181, 189, 0.2);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(173, 181, 189, 0.2);
496
+ background: rgba(173, 181, 189, 0.2);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 255, 255, 0.2);
500
+ background: rgba(255, 255, 255, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(255, 255, 255, 0.2);
503
+ background: rgba(255, 255, 255, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(0, 0, 0, 0.2);
506
+ background: rgba(0, 0, 0, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(0, 0, 0, 0.2);
509
+ background: rgba(0, 0, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(255, 255, 255, 0.2);
512
+ background: rgba(255, 255, 255, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(13, 110, 253, 0.2);
516
+ background: rgba(13, 110, 253, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(25, 135, 84, 0.2);
519
+ background: rgba(25, 135, 84, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(13, 202, 240, 0.2);
522
+ background: rgba(13, 202, 240, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(255, 193, 7, 0.2);
525
+ background: rgba(255, 193, 7, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(220, 53, 69, 0.2);
528
+ background: rgba(220, 53, 69, 0.2);
529
529
  }
530
530
 
531
531
  *.e-flat:not(:focus).e-primary .e-progress {
532
- background-color: rgba(13, 110, 253, 0.2);
532
+ background: rgba(13, 110, 253, 0.2);
533
533
  }
534
534
  *.e-flat:not(:focus).e-success .e-progress {
535
- background-color: rgba(25, 135, 84, 0.2);
535
+ background: rgba(25, 135, 84, 0.2);
536
536
  }
537
537
  *.e-flat:not(:focus).e-info .e-progress {
538
- background-color: rgba(13, 202, 240, 0.2);
538
+ background: rgba(13, 202, 240, 0.2);
539
539
  }
540
540
  *.e-flat:not(:focus).e-warning .e-progress {
541
- background-color: rgba(255, 193, 7, 0.2);
541
+ background: rgba(255, 193, 7, 0.2);
542
542
  }
543
543
  *.e-flat:not(:focus).e-danger .e-progress {
544
- background-color: rgba(220, 53, 69, 0.2);
544
+ background: rgba(220, 53, 69, 0.2);
545
545
  }
package/styles/progress-button/bootstrap5.css CHANGED
@@ -482,64 +482,64 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(255, 255, 255, 0.2);
485
+ background: rgba(255, 255, 255, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(108, 117, 125, 0.2);
492
+ background: rgba(108, 117, 125, 0.2);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(108, 117, 125, 0.2);
496
+ background: rgba(108, 117, 125, 0.2);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 255, 255, 0.2);
500
+ background: rgba(255, 255, 255, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(255, 255, 255, 0.2);
503
+ background: rgba(255, 255, 255, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(0, 0, 0, 0.2);
506
+ background: rgba(0, 0, 0, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(0, 0, 0, 0.2);
509
+ background: rgba(0, 0, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(255, 255, 255, 0.2);
512
+ background: rgba(255, 255, 255, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(13, 110, 253, 0.2);
516
+ background: rgba(13, 110, 253, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(25, 135, 84, 0.2);
519
+ background: rgba(25, 135, 84, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(13, 202, 240, 0.2);
522
+ background: rgba(13, 202, 240, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(255, 193, 7, 0.2);
525
+ background: rgba(255, 193, 7, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(220, 53, 69, 0.2);
528
+ background: rgba(220, 53, 69, 0.2);
529
529
  }
530
530
 
531
531
  *.e-flat:not(:focus).e-primary .e-progress {
532
- background-color: rgba(13, 110, 253, 0.2);
532
+ background: rgba(13, 110, 253, 0.2);
533
533
  }
534
534
  *.e-flat:not(:focus).e-success .e-progress {
535
- background-color: rgba(25, 135, 84, 0.2);
535
+ background: rgba(25, 135, 84, 0.2);
536
536
  }
537
537
  *.e-flat:not(:focus).e-info .e-progress {
538
- background-color: rgba(13, 202, 240, 0.2);
538
+ background: rgba(13, 202, 240, 0.2);
539
539
  }
540
540
  *.e-flat:not(:focus).e-warning .e-progress {
541
- background-color: rgba(255, 193, 7, 0.2);
541
+ background: rgba(255, 193, 7, 0.2);
542
542
  }
543
543
  *.e-flat:not(:focus).e-danger .e-progress {
544
- background-color: rgba(220, 53, 69, 0.2);
544
+ background: rgba(220, 53, 69, 0.2);
545
545
  }
package/styles/progress-button/fabric-dark.css CHANGED
@@ -395,7 +395,7 @@
395
395
  stroke: #fff;
396
396
  }
397
397
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
398
- stroke: rgba(255, 255, 255, 0.2);
398
+ stroke: #fff;
399
399
  }
400
400
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
401
401
  stroke: #fff;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(218, 218, 218, 0.2);
485
+ background: rgba(218, 218, 218, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(218, 218, 218, 0.2);
492
+ background: rgba(218, 218, 218, 0.2);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(218, 218, 218, 0.2);
496
+ background: rgba(218, 218, 218, 0.2);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(255, 64, 129, 0.2);
500
+ background: rgba(255, 64, 129, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(77, 132, 29, 0.2);
503
+ background: rgba(77, 132, 29, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(3, 120, 213, 0.2);
506
+ background: rgba(3, 120, 213, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(193, 87, 0, 0.2);
509
+ background: rgba(193, 87, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(214, 65, 19, 0.2);
512
+ background: rgba(214, 65, 19, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(0, 116, 204, 0.2);
516
+ background: rgba(0, 116, 204, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(55, 132, 77, 0.2);
519
+ background: rgba(55, 132, 77, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(30, 121, 203, 0.2);
522
+ background: rgba(30, 121, 203, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(191, 117, 0, 0.2);
525
+ background: rgba(191, 117, 0, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(205, 42, 25, 0.2);
528
+ background: rgba(205, 42, 25, 0.2);
529
529
  }
package/styles/progress-button/fabric.css CHANGED
@@ -395,7 +395,7 @@
395
395
  stroke: #fff;
396
396
  }
397
397
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
398
- stroke: rgba(255, 255, 255, 0.2);
398
+ stroke: #fff;
399
399
  }
400
400
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
401
401
  stroke: #fff;
@@ -482,48 +482,48 @@
482
482
  }
483
483
 
484
484
  .e-progress {
485
- background-color: rgba(0, 0, 0, 0.2);
485
+ background: rgba(0, 0, 0, 0.2);
486
486
  }
487
487
 
488
488
  *.e-primary .e-progress,
489
489
  *.e-success .e-progress,
490
490
  *.e-danger .e-progress,
491
491
  *.e-info .e-progress {
492
- background-color: rgba(0, 0, 0, 0.2);
492
+ background: rgba(0, 0, 0, 0.2);
493
493
  }
494
494
 
495
495
  *.e-warning .e-progress {
496
- background-color: rgba(0, 0, 0, 0.2);
496
+ background: rgba(0, 0, 0, 0.2);
497
497
  }
498
498
 
499
499
  *.e-flat.e-primary .e-progress {
500
- background-color: rgba(0, 0, 0, 0.2);
500
+ background: rgba(0, 0, 0, 0.2);
501
501
  }
502
502
  *.e-flat.e-success .e-progress {
503
- background-color: rgba(0, 0, 0, 0.2);
503
+ background: rgba(0, 0, 0, 0.2);
504
504
  }
505
505
  *.e-flat.e-info .e-progress {
506
- background-color: rgba(0, 0, 0, 0.2);
506
+ background: rgba(0, 0, 0, 0.2);
507
507
  }
508
508
  *.e-flat.e-warning .e-progress {
509
- background-color: rgba(0, 0, 0, 0.2);
509
+ background: rgba(0, 0, 0, 0.2);
510
510
  }
511
511
  *.e-flat.e-danger .e-progress {
512
- background-color: rgba(0, 0, 0, 0.2);
512
+ background: rgba(0, 0, 0, 0.2);
513
513
  }
514
514
 
515
515
  *.e-outline:not(:focus).e-primary .e-progress {
516
- background-color: rgba(0, 120, 214, 0.2);
516
+ background: rgba(0, 120, 214, 0.2);
517
517
  }
518
518
  *.e-outline:not(:focus).e-success .e-progress {
519
- background-color: rgba(19, 124, 16, 0.2);
519
+ background: rgba(19, 124, 16, 0.2);
520
520
  }
521
521
  *.e-outline:not(:focus).e-info .e-progress {
522
- background-color: rgba(3, 120, 213, 0.2);
522
+ background: rgba(3, 120, 213, 0.2);
523
523
  }
524
524
  *.e-outline:not(:focus).e-warning .e-progress {
525
- background-color: rgba(216, 59, 1, 0.2);
525
+ background: rgba(216, 59, 1, 0.2);
526
526
  }
527
527
  *.e-outline:not(:focus).e-danger .e-progress {
528
- background-color: rgba(168, 0, 0, 0.2);
528
+ background: rgba(168, 0, 0, 0.2);
529
529
  }