@syncfusion/ej2-splitbuttons 20.2.43 → 20.3.47

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 (113) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/ej2-splitbuttons.min.js +10 -0
  3. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  4. package/dist/global/ej2-splitbuttons.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +9 -8
  7. package/src/drop-down-button/drop-down-button-model.d.ts +4 -4
  8. package/styles/bootstrap-dark.css +26 -5
  9. package/styles/bootstrap.css +21 -0
  10. package/styles/bootstrap4.css +22 -1
  11. package/styles/bootstrap5-dark.css +23 -0
  12. package/styles/bootstrap5.css +23 -0
  13. package/styles/button-group/_bootstrap-dark-definition.scss +2 -1
  14. package/styles/button-group/_fabric-dark-definition.scss +2 -1
  15. package/styles/button-group/_group-button-mixin.scss +3 -3
  16. package/styles/button-group/_highcontrast-light-definition.scss +3 -3
  17. package/styles/button-group/_layout.scss +1 -1
  18. package/styles/button-group/_material-dark-definition.scss +2 -1
  19. package/styles/button-group/_theme.scss +1 -1
  20. package/styles/button-group/bootstrap-dark.css +2 -0
  21. package/styles/button-group/bootstrap.css +2 -0
  22. package/styles/button-group/bootstrap4.css +2 -0
  23. package/styles/button-group/bootstrap5-dark.css +2 -0
  24. package/styles/button-group/bootstrap5.css +2 -0
  25. package/styles/button-group/fabric-dark.css +2 -0
  26. package/styles/button-group/fabric.css +2 -0
  27. package/styles/button-group/fluent-dark.css +2 -0
  28. package/styles/button-group/fluent.css +2 -0
  29. package/styles/button-group/highcontrast-light.css +2 -0
  30. package/styles/button-group/highcontrast.css +2 -0
  31. package/styles/button-group/material-dark.css +2 -0
  32. package/styles/button-group/material.css +2 -0
  33. package/styles/button-group/tailwind-dark.css +2 -0
  34. package/styles/button-group/tailwind.css +2 -0
  35. package/styles/drop-down-button/_all.scss +1 -1
  36. package/styles/drop-down-button/_bootstrap-dark-definition.scss +1 -0
  37. package/styles/drop-down-button/_bootstrap4-definition.scss +2 -2
  38. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  39. package/styles/drop-down-button/_fabric-dark-definition.scss +2 -1
  40. package/styles/drop-down-button/_fluent-definition.scss +1 -1
  41. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  42. package/styles/drop-down-button/_highcontrast-definition.scss +0 -1
  43. package/styles/drop-down-button/_highcontrast-light-definition.scss +2 -1
  44. package/styles/drop-down-button/_layout.scss +3 -2
  45. package/styles/drop-down-button/_material-dark-definition.scss +2 -1
  46. package/styles/drop-down-button/_material3-definition.scss +0 -1
  47. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  48. package/styles/drop-down-button/_theme.scss +21 -0
  49. package/styles/drop-down-button/bootstrap-dark.css +18 -0
  50. package/styles/drop-down-button/bootstrap.css +18 -0
  51. package/styles/drop-down-button/bootstrap4.css +18 -0
  52. package/styles/drop-down-button/bootstrap5-dark.css +19 -0
  53. package/styles/drop-down-button/bootstrap5.css +19 -0
  54. package/styles/drop-down-button/fabric-dark.css +18 -0
  55. package/styles/drop-down-button/fabric.css +18 -0
  56. package/styles/drop-down-button/fluent-dark.css +19 -0
  57. package/styles/drop-down-button/fluent.css +19 -0
  58. package/styles/drop-down-button/highcontrast-light.css +18 -0
  59. package/styles/drop-down-button/highcontrast.css +18 -0
  60. package/styles/drop-down-button/material-dark.css +18 -0
  61. package/styles/drop-down-button/material.css +18 -0
  62. package/styles/drop-down-button/tailwind-dark.css +19 -0
  63. package/styles/drop-down-button/tailwind.css +19 -0
  64. package/styles/fabric-dark.css +21 -0
  65. package/styles/fabric.css +21 -0
  66. package/styles/fluent-dark.css +23 -0
  67. package/styles/fluent.css +23 -0
  68. package/styles/highcontrast-light.css +21 -0
  69. package/styles/highcontrast.css +23 -2
  70. package/styles/material-dark.css +21 -0
  71. package/styles/material.css +21 -0
  72. package/styles/progress-button/_bootstrap-dark-definition.scss +6 -5
  73. package/styles/progress-button/_bootstrap4-definition.scss +1 -1
  74. package/styles/progress-button/_fabric-dark-definition.scss +1 -0
  75. package/styles/progress-button/_highcontrast-definition.scss +1 -1
  76. package/styles/progress-button/_layout.scss +43 -42
  77. package/styles/progress-button/_material-dark-definition.scss +1 -0
  78. package/styles/progress-button/_theme.scss +23 -22
  79. package/styles/progress-button/bootstrap-dark.css +6 -5
  80. package/styles/progress-button/bootstrap.css +1 -0
  81. package/styles/progress-button/bootstrap4.css +2 -1
  82. package/styles/progress-button/bootstrap5-dark.css +1 -0
  83. package/styles/progress-button/bootstrap5.css +1 -0
  84. package/styles/progress-button/fabric-dark.css +1 -0
  85. package/styles/progress-button/fabric.css +1 -0
  86. package/styles/progress-button/fluent-dark.css +1 -0
  87. package/styles/progress-button/fluent.css +1 -0
  88. package/styles/progress-button/highcontrast-light.css +1 -0
  89. package/styles/progress-button/highcontrast.css +3 -2
  90. package/styles/progress-button/material-dark.css +1 -0
  91. package/styles/progress-button/material.css +1 -0
  92. package/styles/progress-button/tailwind-dark.css +1 -0
  93. package/styles/progress-button/tailwind.css +1 -0
  94. package/styles/split-button/_bootstrap-dark-definition.scss +2 -1
  95. package/styles/split-button/_bootstrap4-definition.scss +2 -1
  96. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  97. package/styles/split-button/_fabric-dark-definition.scss +1 -0
  98. package/styles/split-button/_fluent-definition.scss +0 -1
  99. package/styles/split-button/_fusionnew-definition.scss +0 -1
  100. package/styles/split-button/_highcontrast-light-definition.scss +2 -2
  101. package/styles/split-button/_layout.scss +2 -1
  102. package/styles/split-button/_material-dark-definition.scss +2 -1
  103. package/styles/split-button/_material3-definition.scss +0 -1
  104. package/styles/split-button/_tailwind-definition.scss +0 -1
  105. package/styles/split-button/_theme.scss +1 -1
  106. package/styles/split-button/bootstrap5-dark.css +1 -0
  107. package/styles/split-button/bootstrap5.css +1 -0
  108. package/styles/split-button/fluent-dark.css +1 -0
  109. package/styles/split-button/fluent.css +1 -0
  110. package/styles/split-button/tailwind-dark.css +1 -0
  111. package/styles/split-button/tailwind.css +1 -0
  112. package/styles/tailwind-dark.css +23 -0
  113. package/styles/tailwind.css +23 -0
package/styles/split-button/_material-dark-definition.scss CHANGED
@@ -1,4 +1,4 @@
1
- //default
1
+ //default
2
2
  $split-btn-zindex: 0;
3
3
  $split-btn-border-radius: 2px;
4
4
  $split-btn-focus-border-color: transparent;
@@ -22,4 +22,5 @@ $split-btn-active-left-border-color: transparent;
22
22
  $split-btn-sec-btn-margin-left: 0;
23
23
  $split-btn-icon-btn-padding: 6px;
24
24
  $split-btn-icon-btn-padding-bigger: 9px;
25
+
25
26
  //enddefault
package/styles/split-button/_material3-definition.scss CHANGED
@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
22
  $split-btn-hover-left-border-color: $secondary-border-color !default;
23
23
  $split-btn-focus-left-border-color: $secondary-border-color !default;
24
24
  $split-btn-active-left-border-color: $secondary-border-color !default;
25
-
package/styles/split-button/_tailwind-definition.scss CHANGED
@@ -22,4 +22,3 @@ $split-btn-disabled-left-border-color: $secondary-border-color !default;
22
22
  $split-btn-hover-left-border-color: $secondary-border-color !default;
23
23
  $split-btn-focus-left-border-color: $secondary-border-color !default;
24
24
  $split-btn-active-left-border-color: $secondary-border-color !default;
25
-
package/styles/split-button/_theme.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @include export-module('split-button-theme') {
2
+
2
3
  /*! splitbutton theme */
3
4
  .e-split-btn-wrapper {
4
5
  .e-split-btn {
@@ -133,4 +134,3 @@
133
134
  }
134
135
  }
135
136
  }
136
-
package/styles/split-button/bootstrap5-dark.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  /*! splitbutton layout */
2
3
  .e-split-btn-wrapper {
3
4
  display: -ms-inline-flexbox;
package/styles/split-button/bootstrap5.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  /*! splitbutton layout */
2
3
  .e-split-btn-wrapper {
3
4
  display: -ms-inline-flexbox;
package/styles/split-button/fluent-dark.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  /*! splitbutton layout */
2
3
  .e-split-btn-wrapper {
3
4
  display: -ms-inline-flexbox;
package/styles/split-button/fluent.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable-line no-empty-source */
1
2
  /*! splitbutton layout */
2
3
  .e-split-btn-wrapper {
3
4
  display: -ms-inline-flexbox;
package/styles/split-button/tailwind-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  /*! splitbutton layout */
3
4
  .e-split-btn-wrapper {
4
5
  display: -ms-inline-flexbox;
package/styles/split-button/tailwind.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  /*! splitbutton layout */
3
4
  .e-split-btn-wrapper {
4
5
  display: -ms-inline-flexbox;
package/styles/tailwind-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
5
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -225,6 +226,25 @@
225
226
  border-bottom-color: #4b5563;
226
227
  }
227
228
 
229
+ .e-dropdown-btn.e-inherit,
230
+ .e-dropdown-btn.e-btn.e-inherit {
231
+ background: inherit;
232
+ border-color: transparent;
233
+ box-shadow: none;
234
+ color: inherit;
235
+ }
236
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
237
+ .e-dropdown-btn.e-btn.e-inherit:hover,
238
+ .e-dropdown-btn.e-btn.e-inherit:focus,
239
+ .e-dropdown-btn.e-btn.e-inherit:active,
240
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
241
+ background-color: rgba(0, 0, 0, 0.056);
242
+ border-color: transparent;
243
+ box-shadow: none;
244
+ color: inherit;
245
+ }
246
+
247
+ /* stylelint-disable-line no-empty-source */
228
248
  /*! splitbutton layout */
229
249
  .e-split-btn-wrapper {
230
250
  display: -ms-inline-flexbox;
@@ -542,6 +562,7 @@
542
562
  border-left-color: #6b7280;
543
563
  }
544
564
 
565
+ /* stylelint-disable */
545
566
  *.e-btn-group,
546
567
  *.e-css.e-btn-group {
547
568
  display: -ms-inline-flexbox;
@@ -786,6 +807,7 @@
786
807
  font-size: 22px;
787
808
  }
788
809
 
810
+ /* stylelint-disable */
789
811
  .e-btn-group:not(.e-outline),
790
812
  .e-css.e-btn-group:not(.e-outline) {
791
813
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -1279,6 +1301,7 @@
1279
1301
  border-color: #f87171;
1280
1302
  outline-color: inherit;
1281
1303
  }
1304
+ /* stylelint-disable property-no-vendor-prefix */
1282
1305
  @keyframes material-spinner-rotate {
1283
1306
  0% {
1284
1307
  transform: rotate(0);
package/styles/tailwind.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable-line no-empty-source */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
5
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@@ -225,6 +226,25 @@
225
226
  border-bottom-color: #e5e7eb;
226
227
  }
227
228
 
229
+ .e-dropdown-btn.e-inherit,
230
+ .e-dropdown-btn.e-btn.e-inherit {
231
+ background: inherit;
232
+ border-color: transparent;
233
+ box-shadow: none;
234
+ color: inherit;
235
+ }
236
+ .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
237
+ .e-dropdown-btn.e-btn.e-inherit:hover,
238
+ .e-dropdown-btn.e-btn.e-inherit:focus,
239
+ .e-dropdown-btn.e-btn.e-inherit:active,
240
+ .e-dropdown-btn.e-btn.e-inherit.e-active {
241
+ background-color: rgba(0, 0, 0, 0.056);
242
+ border-color: transparent;
243
+ box-shadow: none;
244
+ color: inherit;
245
+ }
246
+
247
+ /* stylelint-disable-line no-empty-source */
228
248
  /*! splitbutton layout */
229
249
  .e-split-btn-wrapper {
230
250
  display: -ms-inline-flexbox;
@@ -542,6 +562,7 @@
542
562
  border-left-color: #d1d5db;
543
563
  }
544
564
 
565
+ /* stylelint-disable */
545
566
  *.e-btn-group,
546
567
  *.e-css.e-btn-group {
547
568
  display: -ms-inline-flexbox;
@@ -786,6 +807,7 @@
786
807
  font-size: 22px;
787
808
  }
788
809
 
810
+ /* stylelint-disable */
789
811
  .e-btn-group:not(.e-outline),
790
812
  .e-css.e-btn-group:not(.e-outline) {
791
813
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -1279,6 +1301,7 @@
1279
1301
  border-color: #dc2626;
1280
1302
  outline-color: inherit;
1281
1303
  }
1304
+ /* stylelint-disable property-no-vendor-prefix */
1282
1305
  @keyframes material-spinner-rotate {
1283
1306
  0% {
1284
1307
  transform: rotate(0);