@syncfusion/ej2-splitbuttons 21.2.5 → 22.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +3 -3
  3. package/dist/ej2-splitbuttons.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  5. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es2015.js +42 -5
  7. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  8. package/dist/es6/ej2-splitbuttons.es5.js +42 -5
  9. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  10. package/dist/global/ej2-splitbuttons.min.js +2 -2
  11. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +7 -7
  14. package/src/drop-down-button/drop-down-button.js +29 -4
  15. package/src/progress-button/progress-button-model.d.ts +2 -1
  16. package/src/progress-button/progress-button.d.ts +2 -1
  17. package/src/split-button/split-button.js +13 -1
  18. package/styles/bootstrap-dark.css +0 -84
  19. package/styles/bootstrap.css +0 -7
  20. package/styles/bootstrap4.css +8 -5
  21. package/styles/bootstrap5-dark.css +0 -7
  22. package/styles/bootstrap5.css +0 -7
  23. package/styles/button-group/_layout.scss +7 -1
  24. package/styles/button-group/_material3-dark-definition.scss +1 -0
  25. package/styles/button-group/_material3-definition.scss +31 -0
  26. package/styles/button-group/_theme.scss +67 -1
  27. package/styles/button-group/material3-dark.css +902 -0
  28. package/styles/button-group/material3-dark.scss +5 -0
  29. package/styles/button-group/material3.css +958 -0
  30. package/styles/button-group/material3.scss +5 -0
  31. package/styles/drop-down-button/_layout.scss +7 -2
  32. package/styles/drop-down-button/_material3-dark-definition.scss +1 -0
  33. package/styles/drop-down-button/_material3-definition.scss +51 -0
  34. package/styles/drop-down-button/_theme.scss +6 -1
  35. package/styles/drop-down-button/icons/_material3-dark.scss +1 -0
  36. package/styles/drop-down-button/material3-dark.css +293 -0
  37. package/styles/drop-down-button/material3-dark.scss +7 -0
  38. package/styles/drop-down-button/material3.css +349 -0
  39. package/styles/drop-down-button/material3.scss +7 -0
  40. package/styles/fabric-dark.css +0 -84
  41. package/styles/fabric.css +0 -7
  42. package/styles/fluent-dark.css +4 -7
  43. package/styles/fluent.css +4 -7
  44. package/styles/highcontrast-light.css +0 -84
  45. package/styles/highcontrast.css +0 -84
  46. package/styles/material-dark.css +0 -84
  47. package/styles/material.css +0 -7
  48. package/styles/material3-dark.css +2000 -0
  49. package/styles/material3-dark.scss +6 -0
  50. package/styles/material3.css +2050 -0
  51. package/styles/material3.scss +6 -0
  52. package/styles/progress-button/_material3-dark-definition.scss +1 -0
  53. package/styles/progress-button/_material3-definition.scss +25 -0
  54. package/styles/progress-button/_theme.scss +220 -65
  55. package/styles/progress-button/bootstrap-dark.css +0 -84
  56. package/styles/progress-button/bootstrap.css +0 -7
  57. package/styles/progress-button/bootstrap4.css +0 -5
  58. package/styles/progress-button/bootstrap5-dark.css +0 -7
  59. package/styles/progress-button/bootstrap5.css +0 -7
  60. package/styles/progress-button/fabric-dark.css +0 -84
  61. package/styles/progress-button/fabric.css +0 -7
  62. package/styles/progress-button/fluent-dark.css +0 -7
  63. package/styles/progress-button/fluent.css +0 -7
  64. package/styles/progress-button/highcontrast-light.css +0 -84
  65. package/styles/progress-button/highcontrast.css +0 -84
  66. package/styles/progress-button/material-dark.css +0 -84
  67. package/styles/progress-button/material.css +0 -7
  68. package/styles/progress-button/material3-dark.css +557 -0
  69. package/styles/progress-button/material3-dark.scss +6 -0
  70. package/styles/progress-button/material3.css +613 -0
  71. package/styles/progress-button/material3.scss +6 -0
  72. package/styles/progress-button/tailwind-dark.css +0 -5
  73. package/styles/progress-button/tailwind.css +0 -5
  74. package/styles/split-button/_layout.scss +59 -2
  75. package/styles/split-button/_material3-dark-definition.scss +1 -0
  76. package/styles/split-button/_material3-definition.scss +26 -0
  77. package/styles/split-button/_theme.scss +21 -1
  78. package/styles/split-button/bootstrap4.css +8 -0
  79. package/styles/split-button/fluent-dark.css +4 -0
  80. package/styles/split-button/fluent.css +4 -0
  81. package/styles/split-button/material3-dark.css +413 -0
  82. package/styles/split-button/material3-dark.scss +7 -0
  83. package/styles/split-button/material3.css +463 -0
  84. package/styles/split-button/material3.scss +7 -0
  85. package/styles/split-button/tailwind-dark.css +6 -0
  86. package/styles/split-button/tailwind.css +6 -0
  87. package/styles/tailwind-dark.css +6 -5
  88. package/styles/tailwind.css +6 -5
package/styles/button-group/_theme.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  .e-btn-group,
6
6
  .e-css.e-btn-group {
7
7
  &:not(.e-outline) {
8
- @if $theme-name != 'Material3' {
8
+ @if $skin-name != 'Material3' {
9
9
  box-shadow: $btn-box-shadow;
10
10
  }
11
11
  }
@@ -20,6 +20,36 @@
20
20
  box-shadow: none;
21
21
  }
22
22
 
23
+ @if $skin-name == 'Material3' {
24
+ .e-btn:focus-visible,
25
+ input:focus-visible+label.e-btn { // only for keybord
26
+ box-shadow: $btn-keyboard-focus-box-shadow !important;
27
+ z-index: 1;
28
+
29
+ &.e-primary,
30
+ &.e-success,
31
+ &.e-info,
32
+ &.e-warning,
33
+ &.e-danger {
34
+ box-shadow: $btn-keyboard-focus-box-shadow !important;
35
+ z-index: 1;
36
+ }
37
+
38
+ &.e-outline {
39
+ box-shadow: $btn-keyboard-focus-box-shadow !important;
40
+ z-index: 1;
41
+ &.e-primary,
42
+ &.e-success,
43
+ &.e-info,
44
+ &.e-warning,
45
+ &.e-danger {
46
+ box-shadow: $btn-keyboard-focus-box-shadow !important;
47
+ z-index: 1;
48
+ }
49
+ }
50
+ }
51
+ }
52
+
23
53
  //Focus state for Normal and Outline GroupButton
24
54
  .e-btn:focus,
25
55
  input:focus+label.e-btn {
@@ -183,48 +213,84 @@
183
213
  input:active+label.e-btn,
184
214
  input:checked+label.e-btn {
185
215
  @include button-active;
216
+ @if $skin-name == 'Material3' {
217
+ box-shadow: none;
218
+ }
186
219
 
187
220
  &.e-primary {
188
221
  @include primary-active;
222
+ @if $skin-name == 'Material3' {
223
+ box-shadow: none;
224
+ }
189
225
  }
190
226
 
191
227
  &.e-success {
192
228
  @include success-active;
229
+ @if $skin-name == 'Material3' {
230
+ box-shadow: none;
231
+ }
193
232
  }
194
233
 
195
234
  &.e-info {
196
235
  @include info-active;
236
+ @if $skin-name == 'Material3' {
237
+ box-shadow: none;
238
+ }
197
239
  }
198
240
 
199
241
  &.e-warning {
200
242
  @include warning-active;
243
+ @if $skin-name == 'Material3' {
244
+ box-shadow: none;
245
+ }
201
246
  }
202
247
 
203
248
  &.e-danger {
204
249
  @include danger-active;
250
+ @if $skin-name == 'Material3' {
251
+ box-shadow: none;
252
+ }
205
253
  }
206
254
 
207
255
  &.e-outline {
208
256
  @include outline-active;
257
+ @if $skin-name == 'Material3' {
258
+ box-shadow: none;
259
+ }
209
260
 
210
261
  &.e-primary {
211
262
  @include outline-primary-active;
263
+ @if $skin-name == 'Material3' {
264
+ box-shadow: none;
265
+ }
212
266
  }
213
267
 
214
268
  &.e-success {
215
269
  @include outline-success-active;
270
+ @if $skin-name == 'Material3' {
271
+ box-shadow: none;
272
+ }
216
273
  }
217
274
 
218
275
  &.e-info {
219
276
  @include outline-info-active;
277
+ @if $skin-name == 'Material3' {
278
+ box-shadow: none;
279
+ }
220
280
  }
221
281
 
222
282
  &.e-warning {
223
283
  @include outline-warning-active;
284
+ @if $skin-name == 'Material3' {
285
+ box-shadow: none;
286
+ }
224
287
  }
225
288
 
226
289
  &.e-danger {
227
290
  @include outline-danger-active;
291
+ @if $skin-name == 'Material3' {
292
+ box-shadow: none;
293
+ }
228
294
  }
229
295
  }
230
296
  }