@syncfusion/ej2-splitbuttons 28.2.3 → 29.1.33

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 (127) hide show
  1. package/README.md +2 -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 +22 -4
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +22 -4
  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 +8 -8
  13. package/src/drop-down-button/drop-down-button.js +21 -3
  14. package/styles/bds-lite.css +10 -1
  15. package/styles/bds.css +22 -4
  16. package/styles/bootstrap-dark-lite.css +47 -38
  17. package/styles/bootstrap-dark.css +58 -40
  18. package/styles/bootstrap-lite.css +54 -45
  19. package/styles/bootstrap.css +65 -47
  20. package/styles/bootstrap4-lite.css +89 -80
  21. package/styles/bootstrap4.css +100 -82
  22. package/styles/bootstrap5-dark-lite.css +111 -102
  23. package/styles/bootstrap5-dark.css +121 -103
  24. package/styles/bootstrap5-lite.css +92 -83
  25. package/styles/bootstrap5.3-lite.css +10 -1
  26. package/styles/bootstrap5.3.css +20 -2
  27. package/styles/bootstrap5.css +102 -84
  28. package/styles/button-group/bootstrap-dark.css +36 -36
  29. package/styles/button-group/bootstrap.css +43 -43
  30. package/styles/button-group/bootstrap4.css +57 -57
  31. package/styles/button-group/bootstrap5-dark.css +63 -63
  32. package/styles/button-group/bootstrap5.css +63 -63
  33. package/styles/button-group/fabric-dark.css +16 -16
  34. package/styles/button-group/fabric.css +3 -3
  35. package/styles/button-group/fluent-dark.css +25 -25
  36. package/styles/button-group/fluent.css +25 -25
  37. package/styles/button-group/material-dark.css +17 -17
  38. package/styles/button-group/material.css +16 -16
  39. package/styles/drop-down-button/_bds-definition.scss +7 -3
  40. package/styles/drop-down-button/_bigger.scss +7 -2
  41. package/styles/drop-down-button/_bootstrap-dark-definition.scss +6 -2
  42. package/styles/drop-down-button/_bootstrap-definition.scss +6 -2
  43. package/styles/drop-down-button/_bootstrap4-definition.scss +10 -4
  44. package/styles/drop-down-button/_bootstrap5-definition.scss +6 -2
  45. package/styles/drop-down-button/_bootstrap5.3-definition.scss +6 -2
  46. package/styles/drop-down-button/_fabric-dark-definition.scss +7 -3
  47. package/styles/drop-down-button/_fabric-definition.scss +7 -3
  48. package/styles/drop-down-button/_fluent-definition.scss +8 -4
  49. package/styles/drop-down-button/_fluent2-definition.scss +1 -0
  50. package/styles/drop-down-button/_highcontrast-definition.scss +7 -3
  51. package/styles/drop-down-button/_highcontrast-light-definition.scss +7 -3
  52. package/styles/drop-down-button/_layout.scss +4 -1
  53. package/styles/drop-down-button/_material-dark-definition.scss +7 -3
  54. package/styles/drop-down-button/_material-definition.scss +7 -3
  55. package/styles/drop-down-button/_material3-definition.scss +6 -2
  56. package/styles/drop-down-button/_tailwind-definition.scss +8 -4
  57. package/styles/drop-down-button/_tailwind3-definition.scss +1 -0
  58. package/styles/drop-down-button/bds.css +21 -3
  59. package/styles/drop-down-button/bootstrap-dark.css +20 -2
  60. package/styles/drop-down-button/bootstrap.css +20 -2
  61. package/styles/drop-down-button/bootstrap4.css +24 -6
  62. package/styles/drop-down-button/bootstrap5-dark.css +28 -10
  63. package/styles/drop-down-button/bootstrap5.3.css +20 -2
  64. package/styles/drop-down-button/bootstrap5.css +24 -6
  65. package/styles/drop-down-button/fabric-dark.css +22 -4
  66. package/styles/drop-down-button/fabric.css +22 -4
  67. package/styles/drop-down-button/fluent-dark.css +22 -4
  68. package/styles/drop-down-button/fluent.css +22 -4
  69. package/styles/drop-down-button/fluent2.css +5 -0
  70. package/styles/drop-down-button/highcontrast-light.css +13 -4
  71. package/styles/drop-down-button/highcontrast.css +22 -4
  72. package/styles/drop-down-button/icons/_fabric-dark.scss +1 -1
  73. package/styles/drop-down-button/icons/_fabric.scss +1 -1
  74. package/styles/drop-down-button/icons/_highcontrast-light.scss +1 -1
  75. package/styles/drop-down-button/icons/_highcontrast.scss +1 -1
  76. package/styles/drop-down-button/material-dark.css +21 -3
  77. package/styles/drop-down-button/material.css +21 -3
  78. package/styles/drop-down-button/material3-dark.css +20 -2
  79. package/styles/drop-down-button/material3.css +20 -2
  80. package/styles/drop-down-button/tailwind-dark.css +22 -4
  81. package/styles/drop-down-button/tailwind.css +22 -4
  82. package/styles/drop-down-button/tailwind3.css +0 -1
  83. package/styles/fabric-dark-lite.css +27 -18
  84. package/styles/fabric-dark.css +39 -21
  85. package/styles/fabric-lite.css +14 -5
  86. package/styles/fabric.css +26 -8
  87. package/styles/fluent-dark-lite.css +37 -28
  88. package/styles/fluent-dark.css +49 -31
  89. package/styles/fluent-lite.css +37 -28
  90. package/styles/fluent.css +49 -31
  91. package/styles/fluent2.css +5 -0
  92. package/styles/highcontrast-light-lite.css +11 -2
  93. package/styles/highcontrast-light.css +14 -5
  94. package/styles/highcontrast-lite.css +11 -2
  95. package/styles/highcontrast.css +23 -5
  96. package/styles/material-dark-lite.css +27 -18
  97. package/styles/material-dark.css +39 -21
  98. package/styles/material-lite.css +26 -17
  99. package/styles/material.css +38 -20
  100. package/styles/material3-dark-lite.css +10 -1
  101. package/styles/material3-dark.css +20 -2
  102. package/styles/material3-lite.css +10 -1
  103. package/styles/material3.css +20 -2
  104. package/styles/progress-button/_theme.scss +44 -42
  105. package/styles/progress-button/bootstrap5-dark.css +15 -15
  106. package/styles/split-button/_bootstrap4-definition.scss +7 -5
  107. package/styles/split-button/bds.css +1 -1
  108. package/styles/split-button/bootstrap-dark.css +2 -2
  109. package/styles/split-button/bootstrap.css +2 -2
  110. package/styles/split-button/bootstrap4.css +19 -19
  111. package/styles/split-button/bootstrap5-dark.css +15 -15
  112. package/styles/split-button/bootstrap5.css +15 -15
  113. package/styles/split-button/fabric-dark.css +1 -1
  114. package/styles/split-button/fabric.css +1 -1
  115. package/styles/split-button/fluent-dark.css +2 -2
  116. package/styles/split-button/fluent.css +2 -2
  117. package/styles/split-button/highcontrast-light.css +1 -1
  118. package/styles/split-button/highcontrast.css +1 -1
  119. package/styles/split-button/material-dark.css +1 -1
  120. package/styles/split-button/material.css +1 -1
  121. package/styles/split-button/tailwind-dark.css +2 -2
  122. package/styles/split-button/tailwind.css +2 -2
  123. package/styles/tailwind-dark-lite.css +12 -3
  124. package/styles/tailwind-dark.css +24 -6
  125. package/styles/tailwind-lite.css +12 -3
  126. package/styles/tailwind.css +24 -6
  127. package/styles/tailwind3.css +0 -1
package/styles/button-group/bootstrap5-dark.css CHANGED
@@ -250,14 +250,14 @@
250
250
  .e-css.e-btn-group .e-btn:focus,
251
251
  .e-css.e-btn-group input:focus-visible + label.e-btn,
252
252
  .e-css.e-btn-group input:focus + label.e-btn {
253
- background: #5c636a;
253
+ background: rgb(91.8, 99.45, 106.25);
254
254
  border-color: #6c757d;
255
255
  color: #fff;
256
256
  outline: #6c757d 0 solid;
257
257
  outline-offset: 0;
258
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
259
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
260
- border-color: #5c636a;
258
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
259
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
260
+ border-color: rgb(91.8, 99.45, 106.25);
261
261
  outline-color: inherit;
262
262
  }
263
263
  .e-btn-group .e-btn:focus.e-primary,
@@ -266,13 +266,13 @@
266
266
  .e-css.e-btn-group .e-btn:focus.e-primary,
267
267
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
268
268
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
269
- background: #0b5ed7;
269
+ background: rgb(11.05, 93.5, 215.05);
270
270
  border-color: #0d6efd;
271
271
  color: #fff;
272
272
  outline: #6c757d 0 solid;
273
- -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
274
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
275
- border-color: #0b5ed7;
273
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
274
+ box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
275
+ border-color: rgb(11.05, 93.5, 215.05);
276
276
  outline-color: inherit;
277
277
  }
278
278
  .e-btn-group .e-btn:focus.e-success,
@@ -281,12 +281,12 @@
281
281
  .e-css.e-btn-group .e-btn:focus.e-success,
282
282
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
283
283
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
- background: #157347;
284
+ background: rgb(21.25, 114.75, 71.4);
285
285
  border-color: #198754;
286
286
  color: #fff;
287
- -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
288
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
289
- border-color: #157347;
287
+ -webkit-box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
288
+ box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
289
+ border-color: rgb(21.25, 114.75, 71.4);
290
290
  outline-color: inherit;
291
291
  }
292
292
  .e-btn-group .e-btn:focus.e-info,
@@ -295,12 +295,12 @@
295
295
  .e-css.e-btn-group .e-btn:focus.e-info,
296
296
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
297
297
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
298
- background: #31d2f2;
298
+ background: rgb(49.3, 209.95, 242.25);
299
299
  border-color: #0dcaf0;
300
300
  color: #000;
301
- -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
302
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
303
- border-color: #31d2f2;
301
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
302
+ box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
303
+ border-color: rgb(49.3, 209.95, 242.25);
304
304
  outline-color: inherit;
305
305
  }
306
306
  .e-btn-group .e-btn:focus.e-warning,
@@ -309,12 +309,12 @@
309
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
310
310
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
311
311
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
312
- background: #ffca2c;
312
+ background: rgb(255, 202.3, 44.2);
313
313
  border-color: #ffc107;
314
314
  color: #000;
315
- -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
316
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
317
- border-color: #ffca2c;
315
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
316
+ box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
317
+ border-color: rgb(255, 202.3, 44.2);
318
318
  outline-color: inherit;
319
319
  }
320
320
  .e-btn-group .e-btn:focus.e-danger,
@@ -323,12 +323,12 @@
323
323
  .e-css.e-btn-group .e-btn:focus.e-danger,
324
324
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
325
325
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
326
- background: #bb2d3b;
326
+ background: rgb(187, 45.05, 58.65);
327
327
  border-color: #dc3545;
328
328
  color: #fff;
329
- -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
330
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
331
- border-color: #bb2d3b;
329
+ -webkit-box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
330
+ box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
331
+ border-color: rgb(187, 45.05, 58.65);
332
332
  outline-color: inherit;
333
333
  }
334
334
  .e-btn-group .e-btn:focus.e-link,
@@ -339,7 +339,7 @@
339
339
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
340
340
  border-radius: 0;
341
341
  text-decoration: underline;
342
- color: #0a58ca;
342
+ color: rgb(10.4, 88, 202.4);
343
343
  background-color: transparent;
344
344
  border-color: transparent;
345
345
  -webkit-box-shadow: none;
@@ -352,9 +352,9 @@
352
352
  .e-css.e-btn-group .e-btn:focus.e-outline,
353
353
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
354
354
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
355
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
356
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
357
- border-color: #5c636a;
355
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
356
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
357
+ border-color: rgb(91.8, 99.45, 106.25);
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-primary,
360
360
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -362,8 +362,8 @@
362
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
363
363
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
364
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
365
- -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
366
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
365
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
366
+ box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
367
367
  border-color: #0d6efd;
368
368
  }
369
369
  .e-btn-group .e-btn:focus.e-outline.e-success,
@@ -372,9 +372,9 @@
372
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
373
373
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
374
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
375
- -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
376
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
377
- border-color: #157347;
375
+ -webkit-box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
376
+ box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
377
+ border-color: rgb(21.25, 114.75, 71.4);
378
378
  }
379
379
  .e-btn-group .e-btn:focus.e-outline.e-info,
380
380
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
@@ -382,9 +382,9 @@
382
382
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
383
383
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
384
384
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
385
- -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
386
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
387
- border-color: #31d2f2;
385
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
386
+ box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
387
+ border-color: rgb(49.3, 209.95, 242.25);
388
388
  }
389
389
  .e-btn-group .e-btn:focus.e-outline.e-warning,
390
390
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
@@ -392,9 +392,9 @@
392
392
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
393
393
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
394
394
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
395
- -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
396
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
397
- border-color: #ffca2c;
395
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
396
+ box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
397
+ border-color: rgb(255, 202.3, 44.2);
398
398
  }
399
399
  .e-btn-group .e-btn:focus.e-outline.e-danger,
400
400
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
@@ -402,9 +402,9 @@
402
402
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
403
403
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
404
404
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
405
- -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
406
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
407
- border-color: #bb2d3b;
405
+ -webkit-box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
406
+ box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
407
+ border-color: rgb(187, 45.05, 58.65);
408
408
  }
409
409
  .e-btn-group .e-btn:active,
410
410
  .e-btn-group input:active + label.e-btn,
@@ -412,8 +412,8 @@
412
412
  .e-css.e-btn-group .e-btn:active,
413
413
  .e-css.e-btn-group input:active + label.e-btn,
414
414
  .e-css.e-btn-group input:checked + label.e-btn {
415
- background: #565e64;
416
- border-color: #51585e;
415
+ background: rgb(86.4, 93.6, 100);
416
+ border-color: rgb(81, 87.75, 93.75);
417
417
  color: #fff;
418
418
  outline: #6c757d 0 solid;
419
419
  outline-offset: 0;
@@ -424,8 +424,8 @@
424
424
  .e-css.e-btn-group .e-btn:active.e-primary,
425
425
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
426
426
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
427
- background: #0a58ca;
428
- border-color: #0a53be;
427
+ background: rgb(10.4, 88, 202.4);
428
+ border-color: rgb(9.75, 82.5, 189.75);
429
429
  color: #fff;
430
430
  outline: #6c757d 0 solid;
431
431
  }
@@ -435,8 +435,8 @@
435
435
  .e-css.e-btn-group .e-btn:active.e-success,
436
436
  .e-css.e-btn-group input:active + label.e-btn.e-success,
437
437
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
438
- background: #146c43;
439
- border-color: #13653f;
438
+ background: rgb(20, 108, 67.2);
439
+ border-color: rgb(18.75, 101.25, 63);
440
440
  color: #fff;
441
441
  }
442
442
  .e-btn-group .e-btn:active.e-info,
@@ -445,9 +445,9 @@
445
445
  .e-css.e-btn-group .e-btn:active.e-info,
446
446
  .e-css.e-btn-group input:active + label.e-btn.e-info,
447
447
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
448
- background: #3dd5f3;
448
+ background: rgb(61.4, 212.6, 243);
449
449
  color: #000;
450
- border-color: #25cff2;
450
+ border-color: rgb(37.2, 207.3, 241.5);
451
451
  }
452
452
  .e-btn-group .e-btn:active.e-warning,
453
453
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -455,8 +455,8 @@
455
455
  .e-css.e-btn-group .e-btn:active.e-warning,
456
456
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
457
457
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
458
- background: #ffcd39;
459
- border-color: #ffc720;
458
+ background: rgb(255, 205.4, 56.6);
459
+ border-color: rgb(255, 199.2, 31.8);
460
460
  color: #000;
461
461
  }
462
462
  .e-btn-group .e-btn:active.e-danger,
@@ -465,8 +465,8 @@
465
465
  .e-css.e-btn-group .e-btn:active.e-danger,
466
466
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
467
467
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
468
- background: #b02a37;
469
- border-color: #a52834;
468
+ background: rgb(176, 42.4, 55.2);
469
+ border-color: rgb(165, 39.75, 51.75);
470
470
  color: #fff;
471
471
  }
472
472
  .e-btn-group .e-btn:active.e-outline,
@@ -475,8 +475,8 @@
475
475
  .e-css.e-btn-group .e-btn:active.e-outline,
476
476
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
477
477
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
478
- background: #565e64;
479
- border-color: #51585e;
478
+ background: rgb(86.4, 93.6, 100);
479
+ border-color: rgb(81, 87.75, 93.75);
480
480
  color: #fff;
481
481
  }
482
482
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -494,8 +494,8 @@
494
494
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
495
495
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
496
496
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
497
- background: #146c43;
498
- border-color: #13653f;
497
+ background: rgb(20, 108, 67.2);
498
+ border-color: rgb(18.75, 101.25, 63);
499
499
  color: #fff;
500
500
  }
501
501
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -513,8 +513,8 @@
513
513
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
514
514
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
515
515
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
516
- background: #ffcd39;
517
- border-color: #ffc720;
516
+ background: rgb(255, 205.4, 56.6);
517
+ border-color: rgb(255, 199.2, 31.8);
518
518
  color: #000;
519
519
  }
520
520
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -523,8 +523,8 @@
523
523
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
524
524
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
525
525
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
526
- background: #b02a37;
527
- border-color: #a52834;
526
+ background: rgb(176, 42.4, 55.2);
527
+ border-color: rgb(165, 39.75, 51.75);
528
528
  color: #fff;
529
529
  }
530
530
  .e-btn-group .e-btn:disabled,
@@ -611,7 +611,7 @@
611
611
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
612
612
  background: transparent;
613
613
  border-color: rgba(108, 117, 125, 0.65);
614
- color: #565e64;
614
+ color: rgb(86.4, 93.6, 100);
615
615
  border-color: #6c757d;
616
616
  }
617
617
  .e-btn-group .e-btn:disabled.e-outline.e-primary,
package/styles/button-group/bootstrap5.css CHANGED
@@ -250,14 +250,14 @@
250
250
  .e-css.e-btn-group .e-btn:focus,
251
251
  .e-css.e-btn-group input:focus-visible + label.e-btn,
252
252
  .e-css.e-btn-group input:focus + label.e-btn {
253
- background: #5c636a;
253
+ background: rgb(91.8, 99.45, 106.25);
254
254
  border-color: #6c757d;
255
255
  color: #fff;
256
256
  outline: #6c757d 0 solid;
257
257
  outline-offset: 0;
258
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
259
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
260
- border-color: #5c636a;
258
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
259
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
260
+ border-color: rgb(91.8, 99.45, 106.25);
261
261
  outline-color: inherit;
262
262
  }
263
263
  .e-btn-group .e-btn:focus.e-primary,
@@ -266,13 +266,13 @@
266
266
  .e-css.e-btn-group .e-btn:focus.e-primary,
267
267
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
268
268
  .e-css.e-btn-group input:focus + label.e-btn.e-primary {
269
- background: #0b5ed7;
269
+ background: rgb(11.05, 93.5, 215.05);
270
270
  border-color: #0d6efd;
271
271
  color: #fff;
272
272
  outline: #6c757d 0 solid;
273
- -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
274
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
275
- border-color: #0b5ed7;
273
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
274
+ box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
275
+ border-color: rgb(11.05, 93.5, 215.05);
276
276
  outline-color: inherit;
277
277
  }
278
278
  .e-btn-group .e-btn:focus.e-success,
@@ -281,12 +281,12 @@
281
281
  .e-css.e-btn-group .e-btn:focus.e-success,
282
282
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
283
283
  .e-css.e-btn-group input:focus + label.e-btn.e-success {
284
- background: #157347;
284
+ background: rgb(21.25, 114.75, 71.4);
285
285
  border-color: #198754;
286
286
  color: #fff;
287
- -webkit-box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
288
- box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
289
- border-color: #157347;
287
+ -webkit-box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
288
+ box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
289
+ border-color: rgb(21.25, 114.75, 71.4);
290
290
  outline-color: inherit;
291
291
  }
292
292
  .e-btn-group .e-btn:focus.e-info,
@@ -295,12 +295,12 @@
295
295
  .e-css.e-btn-group .e-btn:focus.e-info,
296
296
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
297
297
  .e-css.e-btn-group input:focus + label.e-btn.e-info {
298
- background: #31d2f2;
298
+ background: rgb(49.3, 209.95, 242.25);
299
299
  border-color: #0dcaf0;
300
300
  color: #000;
301
- -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
302
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
303
- border-color: #31d2f2;
301
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
302
+ box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
303
+ border-color: rgb(49.3, 209.95, 242.25);
304
304
  outline-color: inherit;
305
305
  }
306
306
  .e-btn-group .e-btn:focus.e-warning,
@@ -309,12 +309,12 @@
309
309
  .e-css.e-btn-group .e-btn:focus.e-warning,
310
310
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
311
311
  .e-css.e-btn-group input:focus + label.e-btn.e-warning {
312
- background: #ffca2c;
312
+ background: rgb(255, 202.3, 44.2);
313
313
  border-color: #ffc107;
314
314
  color: #000;
315
- -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
316
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
317
- border-color: #ffca2c;
315
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
316
+ box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
317
+ border-color: rgb(255, 202.3, 44.2);
318
318
  outline-color: inherit;
319
319
  }
320
320
  .e-btn-group .e-btn:focus.e-danger,
@@ -323,12 +323,12 @@
323
323
  .e-css.e-btn-group .e-btn:focus.e-danger,
324
324
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
325
325
  .e-css.e-btn-group input:focus + label.e-btn.e-danger {
326
- background: #bb2d3b;
326
+ background: rgb(187, 45.05, 58.65);
327
327
  border-color: #dc3545;
328
328
  color: #fff;
329
- -webkit-box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
330
- box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
331
- border-color: #bb2d3b;
329
+ -webkit-box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
330
+ box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
331
+ border-color: rgb(187, 45.05, 58.65);
332
332
  outline-color: inherit;
333
333
  }
334
334
  .e-btn-group .e-btn:focus.e-link,
@@ -339,7 +339,7 @@
339
339
  .e-css.e-btn-group input:focus + label.e-btn.e-link {
340
340
  border-radius: 0;
341
341
  text-decoration: underline;
342
- color: #0a58ca;
342
+ color: rgb(10.4, 88, 202.4);
343
343
  background-color: transparent;
344
344
  border-color: transparent;
345
345
  -webkit-box-shadow: none;
@@ -352,9 +352,9 @@
352
352
  .e-css.e-btn-group .e-btn:focus.e-outline,
353
353
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
354
354
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
355
- -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
356
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
357
- border-color: #5c636a;
355
+ -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
356
+ box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
357
+ border-color: rgb(91.8, 99.45, 106.25);
358
358
  }
359
359
  .e-btn-group .e-btn:focus.e-outline.e-primary,
360
360
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -362,8 +362,8 @@
362
362
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
363
363
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
364
364
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
365
- -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
366
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
365
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
366
+ box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
367
367
  border-color: #0d6efd;
368
368
  }
369
369
  .e-btn-group .e-btn:focus.e-outline.e-success,
@@ -372,9 +372,9 @@
372
372
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
373
373
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
374
374
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
375
- -webkit-box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
376
- box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
377
- border-color: #157347;
375
+ -webkit-box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
376
+ box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
377
+ border-color: rgb(21.25, 114.75, 71.4);
378
378
  }
379
379
  .e-btn-group .e-btn:focus.e-outline.e-info,
380
380
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
@@ -382,9 +382,9 @@
382
382
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
383
383
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
384
384
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
385
- -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
386
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
387
- border-color: #31d2f2;
385
+ -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
386
+ box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
387
+ border-color: rgb(49.3, 209.95, 242.25);
388
388
  }
389
389
  .e-btn-group .e-btn:focus.e-outline.e-warning,
390
390
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
@@ -392,9 +392,9 @@
392
392
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
393
393
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
394
394
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
395
- -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
396
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
397
- border-color: #ffca2c;
395
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
396
+ box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
397
+ border-color: rgb(255, 202.3, 44.2);
398
398
  }
399
399
  .e-btn-group .e-btn:focus.e-outline.e-danger,
400
400
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
@@ -402,9 +402,9 @@
402
402
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
403
403
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
404
404
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
405
- -webkit-box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
406
- box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
407
- border-color: #bb2d3b;
405
+ -webkit-box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
406
+ box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
407
+ border-color: rgb(187, 45.05, 58.65);
408
408
  }
409
409
  .e-btn-group .e-btn:active,
410
410
  .e-btn-group input:active + label.e-btn,
@@ -412,8 +412,8 @@
412
412
  .e-css.e-btn-group .e-btn:active,
413
413
  .e-css.e-btn-group input:active + label.e-btn,
414
414
  .e-css.e-btn-group input:checked + label.e-btn {
415
- background: #565e64;
416
- border-color: #51585e;
415
+ background: rgb(86.4, 93.6, 100);
416
+ border-color: rgb(81, 87.75, 93.75);
417
417
  color: #fff;
418
418
  outline: #6c757d 0 solid;
419
419
  outline-offset: 0;
@@ -424,8 +424,8 @@
424
424
  .e-css.e-btn-group .e-btn:active.e-primary,
425
425
  .e-css.e-btn-group input:active + label.e-btn.e-primary,
426
426
  .e-css.e-btn-group input:checked + label.e-btn.e-primary {
427
- background: #0a58ca;
428
- border-color: #0a53be;
427
+ background: rgb(10.4, 88, 202.4);
428
+ border-color: rgb(9.75, 82.5, 189.75);
429
429
  color: #fff;
430
430
  outline: #6c757d 0 solid;
431
431
  }
@@ -435,8 +435,8 @@
435
435
  .e-css.e-btn-group .e-btn:active.e-success,
436
436
  .e-css.e-btn-group input:active + label.e-btn.e-success,
437
437
  .e-css.e-btn-group input:checked + label.e-btn.e-success {
438
- background: #146c43;
439
- border-color: #13653f;
438
+ background: rgb(20, 108, 67.2);
439
+ border-color: rgb(18.75, 101.25, 63);
440
440
  color: #fff;
441
441
  }
442
442
  .e-btn-group .e-btn:active.e-info,
@@ -445,9 +445,9 @@
445
445
  .e-css.e-btn-group .e-btn:active.e-info,
446
446
  .e-css.e-btn-group input:active + label.e-btn.e-info,
447
447
  .e-css.e-btn-group input:checked + label.e-btn.e-info {
448
- background: #3dd5f3;
448
+ background: rgb(61.4, 212.6, 243);
449
449
  color: #000;
450
- border-color: #25cff2;
450
+ border-color: rgb(37.2, 207.3, 241.5);
451
451
  }
452
452
  .e-btn-group .e-btn:active.e-warning,
453
453
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -455,8 +455,8 @@
455
455
  .e-css.e-btn-group .e-btn:active.e-warning,
456
456
  .e-css.e-btn-group input:active + label.e-btn.e-warning,
457
457
  .e-css.e-btn-group input:checked + label.e-btn.e-warning {
458
- background: #ffcd39;
459
- border-color: #ffc720;
458
+ background: rgb(255, 205.4, 56.6);
459
+ border-color: rgb(255, 199.2, 31.8);
460
460
  color: #000;
461
461
  }
462
462
  .e-btn-group .e-btn:active.e-danger,
@@ -465,8 +465,8 @@
465
465
  .e-css.e-btn-group .e-btn:active.e-danger,
466
466
  .e-css.e-btn-group input:active + label.e-btn.e-danger,
467
467
  .e-css.e-btn-group input:checked + label.e-btn.e-danger {
468
- background: #b02a37;
469
- border-color: #a52834;
468
+ background: rgb(176, 42.4, 55.2);
469
+ border-color: rgb(165, 39.75, 51.75);
470
470
  color: #fff;
471
471
  }
472
472
  .e-btn-group .e-btn:active.e-outline,
@@ -475,8 +475,8 @@
475
475
  .e-css.e-btn-group .e-btn:active.e-outline,
476
476
  .e-css.e-btn-group input:active + label.e-btn.e-outline,
477
477
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
478
- background: #565e64;
479
- border-color: #51585e;
478
+ background: rgb(86.4, 93.6, 100);
479
+ border-color: rgb(81, 87.75, 93.75);
480
480
  color: #fff;
481
481
  }
482
482
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -494,8 +494,8 @@
494
494
  .e-css.e-btn-group .e-btn:active.e-outline.e-success,
495
495
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
496
496
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
497
- background: #146c43;
498
- border-color: #13653f;
497
+ background: rgb(20, 108, 67.2);
498
+ border-color: rgb(18.75, 101.25, 63);
499
499
  color: #fff;
500
500
  }
501
501
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -513,8 +513,8 @@
513
513
  .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
514
514
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
515
515
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
516
- background: #ffcd39;
517
- border-color: #ffc720;
516
+ background: rgb(255, 205.4, 56.6);
517
+ border-color: rgb(255, 199.2, 31.8);
518
518
  color: #000;
519
519
  }
520
520
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -523,8 +523,8 @@
523
523
  .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
524
524
  .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
525
525
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
526
- background: #b02a37;
527
- border-color: #a52834;
526
+ background: rgb(176, 42.4, 55.2);
527
+ border-color: rgb(165, 39.75, 51.75);
528
528
  color: #fff;
529
529
  }
530
530
  .e-btn-group .e-btn:disabled,
@@ -611,7 +611,7 @@
611
611
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
612
612
  background: transparent;
613
613
  border-color: rgba(108, 117, 125, 0.65);
614
- color: #565e64;
614
+ color: rgb(86.4, 93.6, 100);
615
615
  border-color: #6c757d;
616
616
  }
617
617
  .e-btn-group .e-btn:disabled.e-outline.e-primary,