@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.36

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 (71) hide show
  1. package/CHANGELOG.md +0 -6
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +3 -2
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +3 -2
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/dist/ts/button-group/button-group.ts +84 -0
  12. package/dist/ts/common/common.ts +203 -0
  13. package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
  14. package/dist/ts/progress-button/progress-button.ts +689 -0
  15. package/dist/ts/split-button/split-button.ts +501 -0
  16. package/helpers/e2e/dropdownbuttonHelper.js +55 -38
  17. package/helpers/e2e/index.js +10 -8
  18. package/helpers/e2e/progressbuttonHelper.js +52 -35
  19. package/helpers/e2e/splitbuttonHelper.js +58 -41
  20. package/package.json +7 -7
  21. package/src/drop-down-button/drop-down-button.js +3 -2
  22. package/styles/bootstrap-dark.css +0 -8
  23. package/styles/bootstrap.css +0 -8
  24. package/styles/bootstrap4.css +0 -8
  25. package/styles/bootstrap5-dark.css +14 -0
  26. package/styles/bootstrap5.css +14 -0
  27. package/styles/button-group/_fusionnew-definition.scss +31 -0
  28. package/styles/button-group/_layout.scss +1 -1
  29. package/styles/button-group/_material3-definition.scss +31 -0
  30. package/styles/button-group/_theme.scss +48 -12
  31. package/styles/button-group/bootstrap-dark.css +0 -8
  32. package/styles/button-group/bootstrap.css +0 -8
  33. package/styles/button-group/bootstrap4.css +0 -8
  34. package/styles/button-group/bootstrap5-dark.css +12 -0
  35. package/styles/button-group/bootstrap5.css +12 -0
  36. package/styles/button-group/fabric-dark.css +0 -8
  37. package/styles/button-group/fabric.css +0 -8
  38. package/styles/button-group/fluent-dark.css +0 -8
  39. package/styles/button-group/fluent.css +0 -8
  40. package/styles/button-group/highcontrast-light.css +0 -8
  41. package/styles/button-group/highcontrast.css +0 -8
  42. package/styles/button-group/material-dark.css +0 -8
  43. package/styles/button-group/material.css +0 -8
  44. package/styles/button-group/tailwind-dark.css +8 -12
  45. package/styles/button-group/tailwind.css +8 -12
  46. package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
  47. package/styles/drop-down-button/_layout.scss +4 -2
  48. package/styles/drop-down-button/_material3-definition.scss +51 -0
  49. package/styles/drop-down-button/bootstrap5-dark.css +2 -0
  50. package/styles/drop-down-button/bootstrap5.css +2 -0
  51. package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
  52. package/styles/drop-down-button/icons/_material3.scss +10 -0
  53. package/styles/drop-down-button/tailwind-dark.css +2 -0
  54. package/styles/drop-down-button/tailwind.css +2 -0
  55. package/styles/fabric-dark.css +0 -8
  56. package/styles/fabric.css +0 -8
  57. package/styles/fluent-dark.css +1 -9
  58. package/styles/fluent.css +1 -9
  59. package/styles/highcontrast-light.css +0 -8
  60. package/styles/highcontrast.css +0 -8
  61. package/styles/material-dark.css +0 -8
  62. package/styles/material.css +0 -8
  63. package/styles/progress-button/_fluent-definition.scss +1 -1
  64. package/styles/progress-button/_fusionnew-definition.scss +21 -0
  65. package/styles/progress-button/_material3-definition.scss +21 -0
  66. package/styles/progress-button/fluent-dark.css +1 -1
  67. package/styles/progress-button/fluent.css +1 -1
  68. package/styles/split-button/_fusionnew-definition.scss +25 -0
  69. package/styles/split-button/_material3-definition.scss +25 -0
  70. package/styles/tailwind-dark.css +10 -12
  71. package/styles/tailwind.css +10 -12
package/styles/button-group/tailwind.css CHANGED
@@ -8,6 +8,14 @@
8
8
  flex-direction: row;
9
9
  position: relative;
10
10
  }
11
+ *.e-btn-group input:focus + label.e-btn,
12
+ *.e-btn-group .e-btn:focus,
13
+ *.e-btn-group .e-btn:hover,
14
+ *.e-css.e-btn-group input:focus + label.e-btn,
15
+ *.e-css.e-btn-group .e-btn:focus,
16
+ *.e-css.e-btn-group .e-btn:hover {
17
+ z-index: 2;
18
+ }
11
19
  *.e-btn-group input + label.e-btn,
12
20
  *.e-css.e-btn-group input + label.e-btn {
13
21
  margin-bottom: 0;
@@ -253,7 +261,6 @@
253
261
  outline: #fff 0 solid;
254
262
  outline-offset: 0;
255
263
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
256
- box-shadow: none;
257
264
  outline-color: inherit;
258
265
  }
259
266
  .e-btn-group .e-btn:focus.e-primary,
@@ -265,7 +272,6 @@
265
272
  color: #fff;
266
273
  outline: #fff 0 solid;
267
274
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
268
- box-shadow: none;
269
275
  outline-color: inherit;
270
276
  }
271
277
  .e-btn-group .e-btn:focus.e-success,
@@ -276,7 +282,6 @@
276
282
  border-color: #15803d;
277
283
  color: #fff;
278
284
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
279
- box-shadow: none;
280
285
  outline-color: inherit;
281
286
  }
282
287
  .e-btn-group .e-btn:focus.e-info,
@@ -287,7 +292,6 @@
287
292
  border-color: #0e7490;
288
293
  color: #fff;
289
294
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
290
- box-shadow: none;
291
295
  outline-color: inherit;
292
296
  }
293
297
  .e-btn-group .e-btn:focus.e-warning,
@@ -298,7 +302,6 @@
298
302
  border-color: #c2410c;
299
303
  color: #fff;
300
304
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
301
- box-shadow: none;
302
305
  outline-color: inherit;
303
306
  }
304
307
  .e-btn-group .e-btn:focus.e-danger,
@@ -309,7 +312,6 @@
309
312
  border-color: #dc2626;
310
313
  color: #fff;
311
314
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
312
- box-shadow: none;
313
315
  outline-color: inherit;
314
316
  }
315
317
  .e-btn-group .e-btn:focus.e-link,
@@ -329,42 +331,36 @@
329
331
  .e-css.e-btn-group .e-btn:focus.e-outline,
330
332
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
331
333
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
332
- box-shadow: none;
333
334
  }
334
335
  .e-btn-group .e-btn:focus.e-outline.e-primary,
335
336
  .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
336
337
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
337
338
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
338
339
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
339
- box-shadow: none;
340
340
  }
341
341
  .e-btn-group .e-btn:focus.e-outline.e-success,
342
342
  .e-btn-group input:focus + label.e-btn.e-outline.e-success,
343
343
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
344
344
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
345
345
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
346
- box-shadow: none;
347
346
  }
348
347
  .e-btn-group .e-btn:focus.e-outline.e-info,
349
348
  .e-btn-group input:focus + label.e-btn.e-outline.e-info,
350
349
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
351
350
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
352
351
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
353
- box-shadow: none;
354
352
  }
355
353
  .e-btn-group .e-btn:focus.e-outline.e-warning,
356
354
  .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
357
355
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
358
356
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
359
357
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
360
- box-shadow: none;
361
358
  }
362
359
  .e-btn-group .e-btn:focus.e-outline.e-danger,
363
360
  .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
364
361
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
365
362
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
366
363
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
367
- box-shadow: none;
368
364
  }
369
365
  .e-btn-group .e-btn:active,
370
366
  .e-btn-group input:active + label.e-btn,
package/styles/drop-down-button/_fusionnew-definition.scss ADDED
@@ -0,0 +1,51 @@
1
+ //layout variables
2
+ $drop-down-btn-arrow-content: '\e70d' !default;
3
+ $drop-down-btn-vertical-btn-padding: 6px 12px !default;
4
+ $drop-down-btn-vertical-bigger-padding: 8px 16px !default;
5
+ $drop-down-btn-bigger-font-size: $text-base !default;
6
+ $drop-down-btn-bigger-li-height: 32px !default;
7
+ $drop-down-btn-bigger-max-width: 202px !default;
8
+ $drop-down-btn-bigger-min-width: 112px !default;
9
+ $drop-down-btn-icon-font-size: 14px !default;
10
+ $drop-down-btn-icon-margin-right: 11px !default;
11
+ $drop-down-btn-bigger-icon-margin-right: 12px !default;
12
+ $drop-down-btn-li-border-width: 1px !default;
13
+ $drop-down-btn-li-height: 30px !default;
14
+ $drop-down-btn-li-padding: 0 12px !default;
15
+ $drop-down-btn-bigger-li-padding: 0 16px !default;
16
+ $drop-down-btn-small-li-padding: 0 8px !default;
17
+ $drop-down-btn-max-width: 178px !default;
18
+ $drop-down-btn-menu-icon-bigger-font-size: 22px !default;
19
+ $drop-down-btn-menu-icon-font-size: 18px !default;
20
+ $drop-down-btn-min-width: 120px !default;
21
+ $drop-down-btn-seperator-padding: 3px 0 !default;
22
+ $drop-down-btn-sub-ul-box-shadow: none !default;
23
+ $drop-down-btn-ul-border-radius: 4px !default;
24
+ $drop-down-btn-ul-padding: 4px 0 !default;
25
+ $drop-down-btn-ul-bigger-padding: 8px 0 !default;
26
+ $drop-down-btn-ul-small-padding: 4px 0 !default;
27
+ $drop-down-btn-caret-icon-font-size: 10px !default;
28
+ $drop-down-btn-icon-font-size-bigger: 16px !default;
29
+ $drop-down-btn-caret-icon-font-size-bigger: 12px !default;
30
+ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
31
+ $drop-down-btn-popup-margin-top: 2px !default;
32
+ $drop-down-btn-bigger-popup-margin-top: 4px !default;
33
+ $drop-down-btn-ul-border: 1px solid $border-light !default;
34
+ $drop-down-btn-li-box-shadow: none !default;
35
+ $drop-down-btn-li-border-style: solid !default;
36
+ $drop-down-btn-color: $content-text-color !default;
37
+ $drop-down-btn-disable-text: $secondary-text-color-disabled !default;
38
+ $drop-down-btn-font-size: $text-sm !default;
39
+ $drop-down-btn-font-weight: $font-weight-normal !default;
40
+ $drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
41
+ $drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
42
+ $drop-down-btn-li-border-color: $border-light !default;
43
+ $drop-down-btn-selected-color: $content-text-color-selected !default;
44
+ $drop-down-btn-parent-ul-box-shadow: none !default;
45
+ $drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
46
+ $drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
47
+ $drop-down-btn-li-selection-font-color: $content-text-color !default;
48
+ $drop-down-btn-menu-icon-color: $icon-color !default;
49
+ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
50
+ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
51
+
package/styles/drop-down-button/_layout.scss CHANGED
@@ -87,7 +87,8 @@
87
87
 
88
88
  .e-dropdown-popup {
89
89
  position: absolute;
90
- @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
90
+ @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
91
+ border-radius: $drop-down-btn-ul-border-radius;
91
92
  margin-top: $drop-down-btn-popup-margin-top;
92
93
  }
93
94
 
@@ -175,8 +176,9 @@
175
176
  }
176
177
 
177
178
  #{if(&, '&', '*')}.e-bigger .e-dropdown-popup {
178
- @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
179
+ @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
179
180
  background-color: transparent;
181
+ border-radius: $drop-down-btn-ul-border-radius;
180
182
  }
181
183
  }
182
184
 
package/styles/drop-down-button/_material3-definition.scss ADDED
@@ -0,0 +1,51 @@
1
+ //layout variables
2
+ $drop-down-btn-arrow-content: '\e70d' !default;
3
+ $drop-down-btn-vertical-btn-padding: 6px 12px !default;
4
+ $drop-down-btn-vertical-bigger-padding: 8px 16px !default;
5
+ $drop-down-btn-bigger-font-size: $text-base !default;
6
+ $drop-down-btn-bigger-li-height: 32px !default;
7
+ $drop-down-btn-bigger-max-width: 202px !default;
8
+ $drop-down-btn-bigger-min-width: 112px !default;
9
+ $drop-down-btn-icon-font-size: 14px !default;
10
+ $drop-down-btn-icon-margin-right: 11px !default;
11
+ $drop-down-btn-bigger-icon-margin-right: 12px !default;
12
+ $drop-down-btn-li-border-width: 1px !default;
13
+ $drop-down-btn-li-height: 30px !default;
14
+ $drop-down-btn-li-padding: 0 12px !default;
15
+ $drop-down-btn-bigger-li-padding: 0 16px !default;
16
+ $drop-down-btn-small-li-padding: 0 8px !default;
17
+ $drop-down-btn-max-width: 178px !default;
18
+ $drop-down-btn-menu-icon-bigger-font-size: 22px !default;
19
+ $drop-down-btn-menu-icon-font-size: 18px !default;
20
+ $drop-down-btn-min-width: 120px !default;
21
+ $drop-down-btn-seperator-padding: 3px 0 !default;
22
+ $drop-down-btn-sub-ul-box-shadow: none !default;
23
+ $drop-down-btn-ul-border-radius: 4px !default;
24
+ $drop-down-btn-ul-padding: 4px 0 !default;
25
+ $drop-down-btn-ul-bigger-padding: 8px 0 !default;
26
+ $drop-down-btn-ul-small-padding: 4px 0 !default;
27
+ $drop-down-btn-caret-icon-font-size: 10px !default;
28
+ $drop-down-btn-icon-font-size-bigger: 16px !default;
29
+ $drop-down-btn-caret-icon-font-size-bigger: 12px !default;
30
+ $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
31
+ $drop-down-btn-popup-margin-top: 2px !default;
32
+ $drop-down-btn-bigger-popup-margin-top: 4px !default;
33
+ $drop-down-btn-ul-border: 1px solid $border-light !default;
34
+ $drop-down-btn-li-box-shadow: none !default;
35
+ $drop-down-btn-li-border-style: solid !default;
36
+ $drop-down-btn-color: $content-text-color !default;
37
+ $drop-down-btn-disable-text: $secondary-text-color-disabled !default;
38
+ $drop-down-btn-font-size: $text-sm !default;
39
+ $drop-down-btn-font-weight: $font-weight-normal !default;
40
+ $drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
41
+ $drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
42
+ $drop-down-btn-li-border-color: $border-light !default;
43
+ $drop-down-btn-selected-color: $content-text-color-selected !default;
44
+ $drop-down-btn-parent-ul-box-shadow: none !default;
45
+ $drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
46
+ $drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
47
+ $drop-down-btn-li-selection-font-color: $content-text-color !default;
48
+ $drop-down-btn-menu-icon-color: $icon-color !default;
49
+ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
50
+ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
51
+
package/styles/drop-down-button/bootstrap5-dark.css CHANGED
@@ -69,6 +69,7 @@
69
69
 
70
70
  .e-dropdown-popup {
71
71
  position: absolute;
72
+ border-radius: 4px;
72
73
  margin-top: 2px;
73
74
  }
74
75
  .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
148
149
 
149
150
  *.e-bigger .e-dropdown-popup {
150
151
  background-color: transparent;
152
+ border-radius: 4px;
151
153
  }
152
154
 
153
155
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/bootstrap5.css CHANGED
@@ -69,6 +69,7 @@
69
69
 
70
70
  .e-dropdown-popup {
71
71
  position: absolute;
72
+ border-radius: 4px;
72
73
  margin-top: 2px;
73
74
  }
74
75
  .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
148
149
 
149
150
  *.e-bigger .e-dropdown-popup {
150
151
  background-color: transparent;
152
+ border-radius: 4px;
151
153
  }
152
154
 
153
155
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/icons/_fusionnew.scss ADDED
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-fusionnew-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
package/styles/drop-down-button/icons/_material3.scss ADDED
@@ -0,0 +1,10 @@
1
+ @include export-module('drop-down-button-material3-icons') {
2
+ .e-dropdown-btn,
3
+ .e-dropdown-btn.e-btn {
4
+ .e-caret {
5
+ &::before {
6
+ content: '\e70d';
7
+ }
8
+ }
9
+ }
10
+ }
package/styles/drop-down-button/tailwind-dark.css CHANGED
@@ -75,6 +75,7 @@
75
75
 
76
76
  .e-dropdown-popup {
77
77
  position: absolute;
78
+ border-radius: 4px;
78
79
  margin-top: 4px;
79
80
  }
80
81
  .e-dropdown-popup ul {
@@ -154,6 +155,7 @@
154
155
 
155
156
  *.e-bigger .e-dropdown-popup {
156
157
  background-color: transparent;
158
+ border-radius: 4px;
157
159
  }
158
160
 
159
161
  *.e-bigger .e-dropdown-popup ul,
package/styles/drop-down-button/tailwind.css CHANGED
@@ -75,6 +75,7 @@
75
75
 
76
76
  .e-dropdown-popup {
77
77
  position: absolute;
78
+ border-radius: 4px;
78
79
  margin-top: 4px;
79
80
  }
80
81
  .e-dropdown-popup ul {
@@ -154,6 +155,7 @@
154
155
 
155
156
  *.e-bigger .e-dropdown-popup {
156
157
  background-color: transparent;
158
+ border-radius: 4px;
157
159
  }
158
160
 
159
161
  *.e-bigger .e-dropdown-popup ul,
package/styles/fabric-dark.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/fabric.css CHANGED
@@ -528,14 +528,6 @@
528
528
  flex-direction: row;
529
529
  position: relative;
530
530
  }
531
- *.e-btn-group input:focus + label.e-btn,
532
- *.e-btn-group .e-btn:focus,
533
- *.e-btn-group .e-btn:hover,
534
- *.e-css.e-btn-group input:focus + label.e-btn,
535
- *.e-css.e-btn-group .e-btn:focus,
536
- *.e-css.e-btn-group .e-btn:hover {
537
- z-index: 2;
538
- }
539
531
  *.e-btn-group input + label.e-btn,
540
532
  *.e-css.e-btn-group input + label.e-btn {
541
533
  margin-bottom: 0;
package/styles/fluent-dark.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(161, 159, 157, 0.2);
1750
+ background-color: rgba(161, 159, 157, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
package/styles/fluent.css CHANGED
@@ -519,14 +519,6 @@
519
519
  flex-direction: row;
520
520
  position: relative;
521
521
  }
522
- *.e-btn-group input:focus + label.e-btn,
523
- *.e-btn-group .e-btn:focus,
524
- *.e-btn-group .e-btn:hover,
525
- *.e-css.e-btn-group input:focus + label.e-btn,
526
- *.e-css.e-btn-group .e-btn:focus,
527
- *.e-css.e-btn-group .e-btn:hover {
528
- z-index: 2;
529
- }
530
522
  *.e-btn-group input + label.e-btn,
531
523
  *.e-css.e-btn-group input + label.e-btn {
532
524
  margin-bottom: 0;
@@ -1755,7 +1747,7 @@
1755
1747
  }
1756
1748
 
1757
1749
  .e-progress {
1758
- background-color: rgba(96, 94, 92, 0.2);
1750
+ background-color: rgba(96, 94, 92, 0.5);
1759
1751
  }
1760
1752
 
1761
1753
  *.e-primary .e-progress,
package/styles/highcontrast-light.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/highcontrast.css CHANGED
@@ -531,14 +531,6 @@
531
531
  flex-direction: row;
532
532
  position: relative;
533
533
  }
534
- *.e-btn-group input:focus + label.e-btn,
535
- *.e-btn-group .e-btn:focus,
536
- *.e-btn-group .e-btn:hover,
537
- *.e-css.e-btn-group input:focus + label.e-btn,
538
- *.e-css.e-btn-group .e-btn:focus,
539
- *.e-css.e-btn-group .e-btn:hover {
540
- z-index: 2;
541
- }
542
534
  *.e-btn-group input + label.e-btn,
543
535
  *.e-css.e-btn-group input + label.e-btn {
544
536
  margin-bottom: 0;
package/styles/material-dark.css CHANGED
@@ -532,14 +532,6 @@
532
532
  flex-direction: row;
533
533
  position: relative;
534
534
  }
535
- *.e-btn-group input:focus + label.e-btn,
536
- *.e-btn-group .e-btn:focus,
537
- *.e-btn-group .e-btn:hover,
538
- *.e-css.e-btn-group input:focus + label.e-btn,
539
- *.e-css.e-btn-group .e-btn:focus,
540
- *.e-css.e-btn-group .e-btn:hover {
541
- z-index: 2;
542
- }
543
535
  *.e-btn-group input + label.e-btn,
544
536
  *.e-css.e-btn-group input + label.e-btn {
545
537
  margin-bottom: 0;
package/styles/material.css CHANGED
@@ -529,14 +529,6 @@
529
529
  flex-direction: row;
530
530
  position: relative;
531
531
  }
532
- *.e-btn-group input:focus + label.e-btn,
533
- *.e-btn-group .e-btn:focus,
534
- *.e-btn-group .e-btn:hover,
535
- *.e-css.e-btn-group input:focus + label.e-btn,
536
- *.e-css.e-btn-group .e-btn:focus,
537
- *.e-css.e-btn-group .e-btn:hover {
538
- z-index: 2;
539
- }
540
532
  *.e-btn-group input + label.e-btn,
541
533
  *.e-css.e-btn-group input + label.e-btn {
542
534
  margin-bottom: 0;
package/styles/progress-button/_fluent-definition.scss CHANGED
@@ -11,7 +11,7 @@ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
11
  $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
12
  $progress-btn-color: $secondary-text-color !default;
13
13
  $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
- $progress-btn-bgcolor-normal: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($icon-color, .5) !default;
15
15
  $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
16
  $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
17
  $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
package/styles/progress-button/_fusionnew-definition.scss ADDED
@@ -0,0 +1,21 @@
1
+ //layout variables
2
+ $progress-btn-circle-opacity: .3 !default;
3
+ $progress-btn-transition: all .3s linear !default;
4
+ $progress-btn-spinner-padding: 12px !default;
5
+ $progress-btn-spinner-padding-small: 10px !default;
6
+ $progress-btn-spinner-padding-bigger: 14px !default;
7
+ $progress-btn-spinner-padding-bigger-small: 12px !default;
8
+ $progress-btn-spin-btn-padding: 16px !default;
9
+ $progress-btn-small-spin-btn-padding: 14px !default;
10
+ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
+ $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
+ $progress-btn-color: $secondary-text-color !default;
13
+ $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($white, .2) !default;
15
+ $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
+ $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
+ $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
18
+ $progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
19
+ $progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
20
+ $progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
21
+ $btn-flat-primary-path-arc: $white;
package/styles/progress-button/_material3-definition.scss ADDED
@@ -0,0 +1,21 @@
1
+ //layout variables
2
+ $progress-btn-circle-opacity: .3 !default;
3
+ $progress-btn-transition: all .3s linear !default;
4
+ $progress-btn-spinner-padding: 12px !default;
5
+ $progress-btn-spinner-padding-small: 10px !default;
6
+ $progress-btn-spinner-padding-bigger: 14px !default;
7
+ $progress-btn-spinner-padding-bigger-small: 12px !default;
8
+ $progress-btn-spin-btn-padding: 16px !default;
9
+ $progress-btn-small-spin-btn-padding: 14px !default;
10
+ $progress-btn-bigger-spin-btn-padding: 20px !default;
11
+ $progress-btn-bigger-small-spin-btn-padding: 16px !default;
12
+ $progress-btn-color: $secondary-text-color !default;
13
+ $progress-btn-bgcolor: rgba($icon-color, .2) !default;
14
+ $progress-btn-bgcolor-normal: rgba($white, .2) !default;
15
+ $progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
16
+ $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
17
+ $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
18
+ $progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
19
+ $progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
20
+ $progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
21
+ $btn-flat-primary-path-arc: $white;
package/styles/progress-button/fluent-dark.css CHANGED
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(161, 159, 157, 0.2);
484
+ background-color: rgba(161, 159, 157, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
package/styles/progress-button/fluent.css CHANGED
@@ -481,7 +481,7 @@
481
481
  }
482
482
 
483
483
  .e-progress {
484
- background-color: rgba(96, 94, 92, 0.2);
484
+ background-color: rgba(96, 94, 92, 0.5);
485
485
  }
486
486
 
487
487
  *.e-primary .e-progress,
package/styles/split-button/_fusionnew-definition.scss ADDED
@@ -0,0 +1,25 @@
1
+ //layout variables
2
+ $split-btn-zindex: 2 !default;
3
+ $split-btn-border-radius: 4px !default;
4
+ $split-btn-focus-outline-offset: 0 !default;
5
+ $split-btn-vertical-secondary-icon-line-height: .334em !default;
6
+ $split-btn-seperator-border: 1px solid !default;
7
+ $split-btn-sec-btn-margin-left: -1px !default;
8
+ $split-btn-icon-btn-padding: 10px !default;
9
+ $split-btn-icon-btn-padding-bigger: 12px !default;
10
+ $split-btn-focus-border-color: $secondary-border-color !default;
11
+ $split-btn-focus-vertical-border-color: $secondary-border-color !default;
12
+ $split-btn-seperator-border-color: $secondary-border-color !default;
13
+ $split-btn-seperator-default-border-color: $secondary-border-color !default;
14
+ $split-btn-seperator-vertical-border-color: $secondary-border-color !default;
15
+ $split-btn-hover-border-color: $secondary-border-color !default;
16
+ $split-btn-hover-vertical-border-color: $secondary-border-color !default;
17
+ $split-btn-active-border-color: $secondary-bg-color-pressed !default;
18
+ $split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
19
+ $split-btn-disabled-vertical-border-color: $secondary-border-color !default;
20
+ $split-btn-active-box-shadow: $secondary-shadow-focus !default;
21
+ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
+ $split-btn-hover-left-border-color: $secondary-border-color !default;
23
+ $split-btn-focus-left-border-color: $secondary-border-color !default;
24
+ $split-btn-active-left-border-color: $secondary-border-color !default;
25
+
package/styles/split-button/_material3-definition.scss ADDED
@@ -0,0 +1,25 @@
1
+ //layout variables
2
+ $split-btn-zindex: 2 !default;
3
+ $split-btn-border-radius: 4px !default;
4
+ $split-btn-focus-outline-offset: 0 !default;
5
+ $split-btn-vertical-secondary-icon-line-height: .334em !default;
6
+ $split-btn-seperator-border: 1px solid !default;
7
+ $split-btn-sec-btn-margin-left: -1px !default;
8
+ $split-btn-icon-btn-padding: 10px !default;
9
+ $split-btn-icon-btn-padding-bigger: 12px !default;
10
+ $split-btn-focus-border-color: $secondary-border-color !default;
11
+ $split-btn-focus-vertical-border-color: $secondary-border-color !default;
12
+ $split-btn-seperator-border-color: $secondary-border-color !default;
13
+ $split-btn-seperator-default-border-color: $secondary-border-color !default;
14
+ $split-btn-seperator-vertical-border-color: $secondary-border-color !default;
15
+ $split-btn-hover-border-color: $secondary-border-color !default;
16
+ $split-btn-hover-vertical-border-color: $secondary-border-color !default;
17
+ $split-btn-active-border-color: $secondary-bg-color-pressed !default;
18
+ $split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
19
+ $split-btn-disabled-vertical-border-color: $secondary-border-color !default;
20
+ $split-btn-active-box-shadow: $secondary-shadow-focus !default;
21
+ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
+ $split-btn-hover-left-border-color: $secondary-border-color !default;
23
+ $split-btn-focus-left-border-color: $secondary-border-color !default;
24
+ $split-btn-active-left-border-color: $secondary-border-color !default;
25
+