@syncfusion/ej2-angular-splitbuttons 20.2.38 → 20.2.43-ngcc

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 (247) hide show
  1. package/@syncfusion/ej2-angular-splitbuttons.es5.js +565 -0
  2. package/@syncfusion/ej2-angular-splitbuttons.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-splitbuttons.js +516 -0
  4. package/@syncfusion/ej2-angular-splitbuttons.js.map +1 -0
  5. package/CHANGELOG.md +256 -0
  6. package/dist/ej2-angular-splitbuttons.umd.js +603 -0
  7. package/dist/ej2-angular-splitbuttons.umd.js.map +1 -0
  8. package/dist/ej2-angular-splitbuttons.umd.min.js +11 -0
  9. package/dist/ej2-angular-splitbuttons.umd.min.js.map +1 -0
  10. package/ej2-angular-splitbuttons.d.ts +7 -0
  11. package/ej2-angular-splitbuttons.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +25 -0
  15. package/schematics/generators/dropdownbutton-default/index.d.ts +3 -0
  16. package/schematics/generators/dropdownbutton-default/index.js +8 -0
  17. package/schematics/generators/dropdownbutton-default/sample-details.d.ts +5 -0
  18. package/schematics/generators/dropdownbutton-default/sample-details.js +7 -0
  19. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +49 -0
  20. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  21. package/schematics/generators/dropdownbutton-default/schema.d.ts +3 -0
  22. package/schematics/generators/dropdownbutton-default/schema.js +2 -0
  23. package/schematics/generators/dropdownbutton-default/schema.json +125 -0
  24. package/schematics/generators/progressbutton-default/index.d.ts +3 -0
  25. package/schematics/generators/progressbutton-default/index.js +8 -0
  26. package/schematics/generators/progressbutton-default/sample-details.d.ts +5 -0
  27. package/schematics/generators/progressbutton-default/sample-details.js +7 -0
  28. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +47 -0
  29. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +53 -0
  30. package/schematics/generators/progressbutton-default/schema.d.ts +3 -0
  31. package/schematics/generators/progressbutton-default/schema.js +2 -0
  32. package/schematics/generators/progressbutton-default/schema.json +125 -0
  33. package/schematics/generators/splitbutton-default/index.d.ts +3 -0
  34. package/schematics/generators/splitbutton-default/index.js +8 -0
  35. package/schematics/generators/splitbutton-default/sample-details.d.ts +5 -0
  36. package/schematics/generators/splitbutton-default/sample-details.js +7 -0
  37. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +37 -0
  38. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  39. package/schematics/generators/splitbutton-default/schema.d.ts +3 -0
  40. package/schematics/generators/splitbutton-default/schema.js +2 -0
  41. package/schematics/generators/splitbutton-default/schema.json +125 -0
  42. package/schematics/ng-add/index.d.ts +3 -0
  43. package/schematics/ng-add/index.js +9 -0
  44. package/schematics/ng-add/schema.d.ts +13 -0
  45. package/schematics/ng-add/schema.js +2 -0
  46. package/schematics/ng-add/schema.json +34 -0
  47. package/schematics/tsconfig.json +25 -0
  48. package/schematics/utils/lib-details.d.ts +4 -0
  49. package/schematics/utils/lib-details.js +6 -0
  50. package/schematics/utils/lib-details.ts +2 -2
  51. package/src/drop-down-button/dropdownbutton-all.module.d.ts +0 -6
  52. package/src/drop-down-button/dropdownbutton.component.d.ts +0 -3
  53. package/src/drop-down-button/dropdownbutton.module.d.ts +0 -7
  54. package/src/drop-down-button/items.directive.d.ts +0 -5
  55. package/src/progress-button/progressbutton-all.module.d.ts +0 -6
  56. package/src/progress-button/progressbutton.component.d.ts +0 -3
  57. package/src/progress-button/progressbutton.module.d.ts +0 -6
  58. package/src/split-button/items.directive.d.ts +0 -5
  59. package/src/split-button/splitbutton-all.module.d.ts +0 -6
  60. package/src/split-button/splitbutton.component.d.ts +0 -3
  61. package/src/split-button/splitbutton.module.d.ts +0 -7
  62. package/styles/bootstrap-dark.css +5 -5
  63. package/styles/bootstrap4.css +1 -1
  64. package/styles/button-group/bootstrap-dark.scss +1 -4
  65. package/styles/button-group/bootstrap.scss +1 -4
  66. package/styles/button-group/bootstrap4.scss +1 -4
  67. package/styles/button-group/bootstrap5-dark.scss +1 -4
  68. package/styles/button-group/bootstrap5.scss +1 -4
  69. package/styles/button-group/fabric-dark.scss +1 -4
  70. package/styles/button-group/fabric.scss +1 -4
  71. package/styles/button-group/fluent-dark.css +15 -15
  72. package/styles/button-group/fluent-dark.scss +1 -4
  73. package/styles/button-group/fluent.scss +1 -4
  74. package/styles/button-group/highcontrast-light.scss +1 -4
  75. package/styles/button-group/highcontrast.scss +1 -4
  76. package/styles/button-group/material-dark.scss +1 -4
  77. package/styles/button-group/material.scss +1 -4
  78. package/styles/button-group/tailwind-dark.scss +1 -4
  79. package/styles/button-group/tailwind.scss +1 -4
  80. package/styles/drop-down-button/bootstrap-dark.scss +1 -6
  81. package/styles/drop-down-button/bootstrap.scss +1 -6
  82. package/styles/drop-down-button/bootstrap4.scss +1 -6
  83. package/styles/drop-down-button/bootstrap5-dark.scss +1 -6
  84. package/styles/drop-down-button/bootstrap5.scss +1 -6
  85. package/styles/drop-down-button/fabric-dark.scss +1 -6
  86. package/styles/drop-down-button/fabric.scss +1 -6
  87. package/styles/drop-down-button/fluent-dark.scss +1 -6
  88. package/styles/drop-down-button/fluent.scss +1 -6
  89. package/styles/drop-down-button/highcontrast-light.scss +1 -6
  90. package/styles/drop-down-button/highcontrast.scss +1 -6
  91. package/styles/drop-down-button/material-dark.scss +1 -6
  92. package/styles/drop-down-button/material.scss +1 -6
  93. package/styles/drop-down-button/tailwind-dark.scss +1 -6
  94. package/styles/drop-down-button/tailwind.scss +1 -6
  95. package/styles/fluent-dark.css +40 -40
  96. package/styles/highcontrast.css +2 -2
  97. package/styles/progress-button/bootstrap-dark.css +5 -5
  98. package/styles/progress-button/bootstrap-dark.scss +1 -5
  99. package/styles/progress-button/bootstrap.scss +1 -5
  100. package/styles/progress-button/bootstrap4.css +1 -1
  101. package/styles/progress-button/bootstrap4.scss +1 -5
  102. package/styles/progress-button/bootstrap5-dark.scss +1 -5
  103. package/styles/progress-button/bootstrap5.scss +1 -5
  104. package/styles/progress-button/fabric-dark.scss +1 -5
  105. package/styles/progress-button/fabric.scss +1 -5
  106. package/styles/progress-button/fluent-dark.css +25 -25
  107. package/styles/progress-button/fluent-dark.scss +1 -5
  108. package/styles/progress-button/fluent.scss +1 -5
  109. package/styles/progress-button/highcontrast-light.scss +1 -5
  110. package/styles/progress-button/highcontrast.css +2 -2
  111. package/styles/progress-button/highcontrast.scss +1 -5
  112. package/styles/progress-button/material-dark.scss +1 -5
  113. package/styles/progress-button/material.scss +1 -5
  114. package/styles/progress-button/tailwind-dark.scss +1 -5
  115. package/styles/progress-button/tailwind.scss +1 -5
  116. package/styles/split-button/bootstrap-dark.scss +1 -6
  117. package/styles/split-button/bootstrap.scss +1 -6
  118. package/styles/split-button/bootstrap4.scss +1 -6
  119. package/styles/split-button/bootstrap5-dark.scss +1 -6
  120. package/styles/split-button/bootstrap5.scss +1 -6
  121. package/styles/split-button/fabric-dark.scss +1 -6
  122. package/styles/split-button/fabric.scss +1 -6
  123. package/styles/split-button/fluent-dark.scss +1 -6
  124. package/styles/split-button/fluent.scss +1 -6
  125. package/styles/split-button/highcontrast-light.scss +1 -6
  126. package/styles/split-button/highcontrast.scss +1 -6
  127. package/styles/split-button/material-dark.scss +1 -6
  128. package/styles/split-button/material.scss +1 -6
  129. package/styles/split-button/tailwind-dark.scss +1 -6
  130. package/styles/split-button/tailwind.scss +1 -6
  131. package/esm2020/public_api.mjs +0 -3
  132. package/esm2020/src/drop-down-button/dropdownbutton-all.module.mjs +0 -23
  133. package/esm2020/src/drop-down-button/dropdownbutton.component.mjs +0 -64
  134. package/esm2020/src/drop-down-button/dropdownbutton.module.mjs +0 -34
  135. package/esm2020/src/drop-down-button/items.directive.mjs +0 -46
  136. package/esm2020/src/index.mjs +0 -13
  137. package/esm2020/src/progress-button/progressbutton-all.module.mjs +0 -23
  138. package/esm2020/src/progress-button/progressbutton.component.mjs +0 -59
  139. package/esm2020/src/progress-button/progressbutton.module.mjs +0 -25
  140. package/esm2020/src/split-button/items.directive.mjs +0 -46
  141. package/esm2020/src/split-button/splitbutton-all.module.mjs +0 -23
  142. package/esm2020/src/split-button/splitbutton.component.mjs +0 -64
  143. package/esm2020/src/split-button/splitbutton.module.mjs +0 -34
  144. package/esm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -5
  145. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs +0 -405
  146. package/fesm2015/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
  147. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs +0 -405
  148. package/fesm2020/syncfusion-ej2-angular-splitbuttons.mjs.map +0 -1
  149. package/styles/button-group/_all.scss +0 -2
  150. package/styles/button-group/_bootstrap-dark-definition.scss +0 -32
  151. package/styles/button-group/_bootstrap-definition.scss +0 -30
  152. package/styles/button-group/_bootstrap4-definition.scss +0 -30
  153. package/styles/button-group/_bootstrap5-dark-definition.scss +0 -1
  154. package/styles/button-group/_bootstrap5-definition.scss +0 -31
  155. package/styles/button-group/_fabric-dark-definition.scss +0 -32
  156. package/styles/button-group/_fabric-definition.scss +0 -30
  157. package/styles/button-group/_fluent-dark-definition.scss +0 -1
  158. package/styles/button-group/_fluent-definition.scss +0 -31
  159. package/styles/button-group/_fusionnew-definition.scss +0 -31
  160. package/styles/button-group/_group-button-mixin.scss +0 -72
  161. package/styles/button-group/_highcontrast-definition.scss +0 -32
  162. package/styles/button-group/_highcontrast-light-definition.scss +0 -35
  163. package/styles/button-group/_layout.scss +0 -288
  164. package/styles/button-group/_material-dark-definition.scss +0 -32
  165. package/styles/button-group/_material-definition.scss +0 -30
  166. package/styles/button-group/_material3-definition.scss +0 -31
  167. package/styles/button-group/_tailwind-dark-definition.scss +0 -1
  168. package/styles/button-group/_tailwind-definition.scss +0 -31
  169. package/styles/button-group/_theme.scss +0 -386
  170. package/styles/drop-down-button/_all.scss +0 -2
  171. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -50
  172. package/styles/drop-down-button/_bootstrap-definition.scss +0 -48
  173. package/styles/drop-down-button/_bootstrap4-definition.scss +0 -48
  174. package/styles/drop-down-button/_bootstrap5-dark-definition.scss +0 -1
  175. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -51
  176. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -50
  177. package/styles/drop-down-button/_fabric-definition.scss +0 -48
  178. package/styles/drop-down-button/_fluent-dark-definition.scss +0 -1
  179. package/styles/drop-down-button/_fluent-definition.scss +0 -52
  180. package/styles/drop-down-button/_fusionnew-definition.scss +0 -51
  181. package/styles/drop-down-button/_highcontrast-definition.scss +0 -48
  182. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -49
  183. package/styles/drop-down-button/_layout.scss +0 -217
  184. package/styles/drop-down-button/_material-dark-definition.scss +0 -50
  185. package/styles/drop-down-button/_material-definition.scss +0 -48
  186. package/styles/drop-down-button/_material3-definition.scss +0 -51
  187. package/styles/drop-down-button/_tailwind-dark-definition.scss +0 -1
  188. package/styles/drop-down-button/_tailwind-definition.scss +0 -50
  189. package/styles/drop-down-button/_theme.scss +0 -57
  190. package/styles/drop-down-button/icons/_bootstrap-dark.scss +0 -10
  191. package/styles/drop-down-button/icons/_bootstrap.scss +0 -10
  192. package/styles/drop-down-button/icons/_bootstrap4.scss +0 -10
  193. package/styles/drop-down-button/icons/_bootstrap5-dark.scss +0 -1
  194. package/styles/drop-down-button/icons/_bootstrap5.scss +0 -10
  195. package/styles/drop-down-button/icons/_fabric-dark.scss +0 -10
  196. package/styles/drop-down-button/icons/_fabric.scss +0 -10
  197. package/styles/drop-down-button/icons/_fluent-dark.scss +0 -1
  198. package/styles/drop-down-button/icons/_fluent.scss +0 -10
  199. package/styles/drop-down-button/icons/_fusionnew.scss +0 -10
  200. package/styles/drop-down-button/icons/_highcontrast-light.scss +0 -10
  201. package/styles/drop-down-button/icons/_highcontrast.scss +0 -10
  202. package/styles/drop-down-button/icons/_material-dark.scss +0 -10
  203. package/styles/drop-down-button/icons/_material.scss +0 -10
  204. package/styles/drop-down-button/icons/_material3.scss +0 -10
  205. package/styles/drop-down-button/icons/_tailwind-dark.scss +0 -10
  206. package/styles/drop-down-button/icons/_tailwind.scss +0 -10
  207. package/styles/progress-button/_all.scss +0 -2
  208. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -26
  209. package/styles/progress-button/_bootstrap-definition.scss +0 -24
  210. package/styles/progress-button/_bootstrap4-definition.scss +0 -24
  211. package/styles/progress-button/_bootstrap5-dark-definition.scss +0 -1
  212. package/styles/progress-button/_bootstrap5-definition.scss +0 -21
  213. package/styles/progress-button/_fabric-dark-definition.scss +0 -26
  214. package/styles/progress-button/_fabric-definition.scss +0 -24
  215. package/styles/progress-button/_fluent-dark-definition.scss +0 -1
  216. package/styles/progress-button/_fluent-definition.scss +0 -21
  217. package/styles/progress-button/_fusionnew-definition.scss +0 -21
  218. package/styles/progress-button/_highcontrast-definition.scss +0 -24
  219. package/styles/progress-button/_highcontrast-light-definition.scss +0 -24
  220. package/styles/progress-button/_layout.scss +0 -395
  221. package/styles/progress-button/_material-dark-definition.scss +0 -26
  222. package/styles/progress-button/_material-definition.scss +0 -24
  223. package/styles/progress-button/_material3-definition.scss +0 -21
  224. package/styles/progress-button/_tailwind-dark-definition.scss +0 -1
  225. package/styles/progress-button/_tailwind-definition.scss +0 -21
  226. package/styles/progress-button/_theme.scss +0 -456
  227. package/styles/split-button/_all.scss +0 -2
  228. package/styles/split-button/_bootstrap-dark-definition.scss +0 -25
  229. package/styles/split-button/_bootstrap-definition.scss +0 -23
  230. package/styles/split-button/_bootstrap4-definition.scss +0 -25
  231. package/styles/split-button/_bootstrap5-dark-definition.scss +0 -1
  232. package/styles/split-button/_bootstrap5-definition.scss +0 -25
  233. package/styles/split-button/_fabric-dark-definition.scss +0 -25
  234. package/styles/split-button/_fabric-definition.scss +0 -23
  235. package/styles/split-button/_fluent-dark-definition.scss +0 -1
  236. package/styles/split-button/_fluent-definition.scss +0 -25
  237. package/styles/split-button/_fusionnew-definition.scss +0 -25
  238. package/styles/split-button/_highcontrast-definition.scss +0 -23
  239. package/styles/split-button/_highcontrast-light-definition.scss +0 -26
  240. package/styles/split-button/_layout.scss +0 -419
  241. package/styles/split-button/_material-dark-definition.scss +0 -25
  242. package/styles/split-button/_material-definition.scss +0 -23
  243. package/styles/split-button/_material3-definition.scss +0 -25
  244. package/styles/split-button/_tailwind-dark-definition.scss +0 -1
  245. package/styles/split-button/_tailwind-definition.scss +0 -25
  246. package/styles/split-button/_theme.scss +0 -136
  247. package/syncfusion-ej2-angular-splitbuttons.d.ts +0 -5
@@ -1,456 +0,0 @@
1
- @include export-module('progress-button-theme') {
2
- /*! Progress Button Theme */
3
- .e-progress-btn {
4
- .e-spinner-pane .e-spinner-inner svg {
5
- fill: $progress-btn-color;
6
- stroke: $progress-btn-color;
7
-
8
- .e-path-circle {
9
- stroke: fade-out($btn-color, $progress-btn-circle-opacity);
10
- @if $skin-name == 'bootstrap4' {
11
- stroke-width: 1px;
12
- }
13
- @else if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
14
- stroke-width: 3px;
15
- }
16
- }
17
-
18
- .e-path-arc {
19
- stroke: $btn-color;
20
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
21
- stroke-width: 3px;
22
- }
23
- }
24
- }
25
-
26
- #{if(&, '&', '*')}.e-primary,
27
- #{if(&, '&', '*')}.e-primary.e-outline:hover,
28
- #{if(&, '&', '*')}.e-primary.e-outline:focus,
29
- #{if(&, '&', '*')}.e-primary.e-flat:hover,
30
- #{if(&, '&', '*')}.e-primary.e-flat:focus {
31
- .e-spinner-pane .e-spinner-inner svg {
32
- fill: $btn-primary-color;
33
- stroke: $btn-primary-color;
34
-
35
- .e-path-circle {
36
- stroke: fade-out($btn-primary-color, $progress-btn-circle-opacity);
37
- }
38
-
39
- .e-path-arc {
40
- stroke: $btn-primary-color;
41
- }
42
- }
43
-
44
- &.e-flat {
45
- .e-spinner-pane .e-spinner-inner svg {
46
- fill: $btn-flat-primary-color;
47
- stroke: $btn-flat-primary-color;
48
-
49
- .e-path-circle {
50
- @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
51
- stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
52
- }
53
- @else {
54
- stroke: fade-out($btn-flat-primary-color, $progress-btn-circle-opacity);
55
- }
56
- }
57
-
58
- .e-path-arc {
59
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' {
60
- stroke: $btn-flat-primary-path-arc;
61
- }
62
- @else {
63
- stroke: $btn-flat-primary-color;
64
- }
65
- }
66
- }
67
- }
68
- }
69
-
70
- #{if(&, '&', '*')}.e-success,
71
- #{if(&, '&', '*')}.e-success.e-outline:hover,
72
- #{if(&, '&', '*')}.e-success.e-outline:focus,
73
- #{if(&, '&', '*')}.e-success.e-flat:hover,
74
- #{if(&, '&', '*')}.e-success.e-flat:focus {
75
- .e-spinner-pane .e-spinner-inner svg {
76
- fill: $btn-success-color;
77
- stroke: $btn-success-color;
78
-
79
- .e-path-circle {
80
- stroke: fade-out($btn-success-color, $progress-btn-circle-opacity);
81
- }
82
-
83
- .e-path-arc {
84
- stroke: $btn-success-color;
85
- }
86
- }
87
-
88
- &.e-flat {
89
- .e-spinner-pane .e-spinner-inner svg {
90
- fill: $btn-flat-success-color;
91
- stroke: $btn-flat-success-color;
92
-
93
- .e-path-circle {
94
- @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
95
- stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
96
- }
97
- @else {
98
- stroke: fade-out($btn-flat-success-color, $progress-btn-circle-opacity);
99
- }
100
- }
101
-
102
- .e-path-arc {
103
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
104
- stroke: $btn-flat-primary-path-arc;
105
- }
106
- @else {
107
- stroke: $btn-flat-success-color;
108
- }
109
- }
110
- }
111
- }
112
- }
113
-
114
- &.e-info,
115
- &.e-info.e-outline:hover,
116
- &.e-info.e-outline:focus,
117
- &.e-info.e-flat:hover,
118
- &.e-info.e-flat:focus {
119
- .e-spinner-pane .e-spinner-inner svg {
120
- fill: $btn-info-color;
121
- stroke: $btn-info-color;
122
-
123
- .e-path-circle {
124
- stroke: fade-out($btn-info-color, $progress-btn-circle-opacity);
125
- }
126
-
127
- .e-path-arc {
128
- stroke: $btn-info-color;
129
- }
130
- }
131
-
132
- &.e-flat {
133
- .e-spinner-pane .e-spinner-inner svg {
134
- fill: $btn-flat-info-color;
135
- stroke: $btn-flat-info-color;
136
-
137
- .e-path-circle {
138
- @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
139
- stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
140
- }
141
- @else {
142
- stroke: fade-out($btn-flat-info-color, $progress-btn-circle-opacity);
143
- }
144
- }
145
-
146
- .e-path-arc {
147
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
148
- stroke: $btn-flat-primary-path-arc;
149
- }
150
- @else {
151
- stroke: $btn-flat-info-color;
152
- }
153
- }
154
- }
155
- }
156
- }
157
-
158
- &.e-warning,
159
- &.e-warning.e-outline:hover,
160
- &.e-warning.e-outline:focus,
161
- &.e-warning.e-flat:hover,
162
- &.e-warning.e-flat:focus {
163
- .e-spinner-pane .e-spinner-inner svg {
164
- fill: $btn-warning-color;
165
- stroke: $btn-warning-color;
166
-
167
- .e-path-circle {
168
- stroke: fade-out($btn-warning-color, $progress-btn-circle-opacity);
169
- }
170
-
171
- .e-path-arc {
172
- stroke: $btn-warning-color;
173
- }
174
- }
175
-
176
- &.e-flat {
177
- .e-spinner-pane .e-spinner-inner svg {
178
- fill: $btn-flat-warning-color;
179
- stroke: $btn-flat-warning-color;
180
-
181
- .e-path-circle {
182
- @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
183
- stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
184
- }
185
- @else {
186
- stroke: fade-out($btn-flat-warning-color, $progress-btn-circle-opacity);
187
- }
188
- }
189
-
190
- .e-path-arc {
191
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
192
- stroke: $btn-flat-primary-path-arc;
193
- }
194
- @else {
195
- stroke: $btn-flat-warning-color;
196
- }
197
- }
198
- }
199
- }
200
- }
201
-
202
- &.e-danger,
203
- &.e-danger.e-outline:hover,
204
- &.e-danger.e-outline:focus,
205
- &.e-danger.e-flat:hover,
206
- &.e-danger.e-flat:focus {
207
- .e-spinner-pane .e-spinner-inner svg {
208
- fill: $btn-danger-color;
209
- stroke: $btn-danger-color;
210
-
211
- .e-path-circle {
212
- stroke: fade-out($btn-danger-color, $progress-btn-circle-opacity);
213
- }
214
-
215
- .e-path-arc {
216
- stroke: $btn-danger-color;
217
- }
218
- }
219
-
220
- &.e-flat {
221
- .e-spinner-pane .e-spinner-inner svg {
222
- fill: $btn-flat-danger-color;
223
- stroke: $btn-flat-danger-color;
224
-
225
- .e-path-circle {
226
- @if $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' {
227
- stroke: fade-out($btn-flat-primary-path-arc, $progress-btn-circle-opacity);
228
- }
229
- @else {
230
- stroke: fade-out($btn-flat-danger-color, $progress-btn-circle-opacity);
231
- }
232
- }
233
-
234
- .e-path-arc {
235
- @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
236
- stroke: $btn-flat-primary-path-arc;
237
- }
238
- @else {
239
- stroke: $btn-flat-danger-color;
240
- }
241
- }
242
- }
243
- }
244
- }
245
-
246
- &.e-outline,
247
- &.e-flat {
248
- &.e-primary {
249
- .e-spinner-pane .e-spinner-inner svg {
250
- fill: $btn-primary-bgcolor;
251
- stroke: $btn-primary-bgcolor;
252
-
253
- .e-path-circle {
254
- stroke: fade-out($btn-primary-bgcolor, $progress-btn-circle-opacity);
255
- }
256
-
257
- .e-path-arc {
258
- stroke: $btn-primary-bgcolor;
259
- }
260
- }
261
- }
262
-
263
- &.e-success {
264
- .e-spinner-pane .e-spinner-inner svg {
265
- fill: $btn-success-bgcolor;
266
- stroke: $btn-success-bgcolor;
267
-
268
- .e-path-circle {
269
- stroke: fade-out($btn-success-bgcolor, $progress-btn-circle-opacity);
270
- }
271
-
272
- .e-path-arc {
273
- stroke: $btn-success-bgcolor;
274
- }
275
- }
276
- }
277
-
278
- &.e-info {
279
- .e-spinner-pane .e-spinner-inner svg {
280
- fill: $btn-info-bgcolor;
281
- stroke: $btn-info-bgcolor;
282
-
283
- .e-path-circle {
284
- stroke: fade-out($btn-info-bgcolor, $progress-btn-circle-opacity);
285
- }
286
-
287
- .e-path-arc {
288
- stroke: $btn-info-bgcolor;
289
- }
290
- }
291
- }
292
-
293
- &.e-warning {
294
- .e-spinner-pane .e-spinner-inner svg {
295
- fill: $btn-warning-bgcolor;
296
- stroke: $btn-warning-bgcolor;
297
-
298
- .e-path-circle {
299
- stroke: fade-out($btn-warning-bgcolor, $progress-btn-circle-opacity);
300
- }
301
-
302
- .e-path-arc {
303
- stroke: $btn-warning-bgcolor;
304
- }
305
- }
306
- }
307
-
308
- &.e-danger {
309
- .e-spinner-pane .e-spinner-inner svg {
310
- fill: $btn-danger-bgcolor;
311
- stroke: $btn-danger-bgcolor;
312
-
313
- .e-path-circle {
314
- stroke: fade-out($btn-danger-bgcolor, $progress-btn-circle-opacity);
315
- }
316
-
317
- .e-path-arc {
318
- stroke: $btn-danger-bgcolor;
319
- }
320
- }
321
- }
322
- }
323
-
324
- &.e-link {
325
- .e-spinner-pane .e-spinner-inner svg {
326
- fill: $btn-link-color;
327
- stroke: $btn-link-color;
328
-
329
- .e-path-circle {
330
- stroke: fade-out($btn-link-color, $progress-btn-circle-opacity);
331
- }
332
-
333
- .e-path-arc {
334
- stroke: $btn-link-color;
335
- }
336
- }
337
- }
338
- }
339
-
340
- .e-progress {
341
- background-color: $progress-btn-bgcolor-normal;
342
- }
343
-
344
- #{if(&, '&', '*')}.e-primary,
345
- #{if(&, '&', '*')}.e-success,
346
- #{if(&, '&', '*')}.e-danger,
347
- #{if(&, '&', '*')}.e-info {
348
- .e-progress {
349
- background-color: $progress-btn-bgcolor;
350
- }
351
- }
352
-
353
- #{if(&, '&', '*')}.e-warning {
354
- .e-progress {
355
- background-color: $progress-btn-warning-progress-color;
356
- }
357
- }
358
-
359
- #{if(&, '&', '*')}.e-flat {
360
- &.e-primary {
361
- .e-progress {
362
- background-color: fade-out($progress-btn-flat-primary-progress-color, .8);
363
- }
364
- }
365
-
366
- &.e-success {
367
- .e-progress {
368
- background-color: fade-out($progress-btn-flat-success-progress-color, .8);
369
- }
370
- }
371
-
372
- &.e-info {
373
- .e-progress {
374
- background-color: fade-out($progress-btn-flat-info-progress-color, .8);
375
- }
376
- }
377
-
378
- &.e-warning {
379
- .e-progress {
380
- background-color: fade-out($progress-btn-flat-warning-progress-color, .8);
381
- }
382
- }
383
-
384
- &.e-danger {
385
- .e-progress {
386
- background-color: fade-out($progress-btn-flat-danger-progress-color, .8);
387
- }
388
- }
389
- }
390
-
391
- #{if(&, '&', '*')}.e-outline:not(:focus) {
392
- &.e-primary {
393
- .e-progress {
394
- background-color: fade-out($btn-primary-bgcolor, .8);
395
- }
396
- }
397
-
398
- &.e-success {
399
- .e-progress {
400
- background-color: fade-out($btn-success-bgcolor, .8);
401
- }
402
- }
403
-
404
- &.e-info {
405
- .e-progress {
406
- background-color: fade-out($btn-info-bgcolor, .8);
407
- }
408
- }
409
-
410
- &.e-warning {
411
- .e-progress {
412
- background-color: fade-out($btn-warning-bgcolor, .8);
413
- }
414
- }
415
-
416
- &.e-danger {
417
- .e-progress {
418
- background-color: fade-out($btn-danger-bgcolor, .8);
419
- }
420
- }
421
- }
422
-
423
- #{if(&, '&', '*')}.e-flat:not(:focus) {
424
- @if $skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' {
425
- &.e-primary {
426
- .e-progress {
427
- background-color: fade-out($btn-primary-bgcolor, .8);
428
- }
429
- }
430
-
431
- &.e-success {
432
- .e-progress {
433
- background-color: fade-out($btn-success-bgcolor, .8);
434
- }
435
- }
436
-
437
- &.e-info {
438
- .e-progress {
439
- background-color: fade-out($btn-info-bgcolor, .8);
440
- }
441
- }
442
-
443
- &.e-warning {
444
- .e-progress {
445
- background-color: fade-out($btn-warning-bgcolor, .8);
446
- }
447
- }
448
-
449
- &.e-danger {
450
- .e-progress {
451
- background-color: fade-out($btn-danger-bgcolor, .8);
452
- }
453
- }
454
- }
455
- }
456
- }
@@ -1,2 +0,0 @@
1
- @import 'layout.scss';
2
- @import 'theme.scss';
@@ -1,25 +0,0 @@
1
- //default
2
- $split-btn-zindex: 2;
3
- $split-btn-border-radius: 4px;
4
- $split-btn-focus-border-color: $grey-8c;
5
- $split-btn-focus-vertical-border-color: $grey-8c;
6
- $split-btn-focus-outline-offset: 0;
7
- $split-btn-vertical-secondary-icon-line-height: .334em;
8
- $split-btn-seperator-border: 1px solid;
9
- $split-btn-seperator-border-color: $grey-8c;
10
- $split-btn-seperator-default-border-color: $grey-8c;
11
- $split-btn-seperator-vertical-border-color: $grey-8c;
12
- $split-btn-hover-border-color: $grey-ad;
13
- $split-btn-hover-vertical-border-color: $grey-ad;
14
- $split-btn-active-border-color: $grey-ad;
15
- $split-btn-active-vertical-border-color: $grey-ad;
16
- $split-btn-disabled-vertical-border-color: rgba($grey-cc, .65);
17
- $split-btn-active-box-shadow: inset 0 3px 5px rgba($grey-base, .125);
18
- $split-btn-disabled-left-border-color: $grey-cc;
19
- $split-btn-hover-left-border-color: $grey-ad;
20
- $split-btn-focus-left-border-color: $grey-8c;
21
- $split-btn-active-left-border-color: $grey-ad;
22
- $split-btn-sec-btn-margin-left: -1px;
23
- $split-btn-icon-btn-padding: 10px;
24
- $split-btn-icon-btn-padding-bigger: 12px;
25
- //enddefault
@@ -1,23 +0,0 @@
1
- $split-btn-zindex: 2 !default;
2
- $split-btn-border-radius: 4px !default;
3
- $split-btn-focus-border-color: $grey-8c !default;
4
- $split-btn-focus-vertical-border-color: $grey-8c !default;
5
- $split-btn-focus-outline-offset: 0 !default;
6
- $split-btn-vertical-secondary-icon-line-height: .334em !default;
7
- $split-btn-seperator-border: 1px solid !default;
8
- $split-btn-seperator-border-color: $grey-cc !default;
9
- $split-btn-seperator-default-border-color: $grey-cc !default;
10
- $split-btn-seperator-vertical-border-color: $grey-cc !default;
11
- $split-btn-hover-border-color: $grey-ad !default;
12
- $split-btn-hover-vertical-border-color: $grey-ad !default;
13
- $split-btn-active-border-color: $grey-ad !default;
14
- $split-btn-active-vertical-border-color: $grey-ad !default;
15
- $split-btn-disabled-vertical-border-color: rgba($grey-cc, .65) !default;
16
- $split-btn-active-box-shadow: inset 0 3px 5px rgba($grey-base, .125) !default;
17
- $split-btn-disabled-left-border-color: $grey-cc !default;
18
- $split-btn-hover-left-border-color: $grey-ad !default;
19
- $split-btn-focus-left-border-color: $grey-8c !default;
20
- $split-btn-active-left-border-color: $grey-ad !default;
21
- $split-btn-sec-btn-margin-left: -1px !default;
22
- $split-btn-icon-btn-padding: 10px !default;
23
- $split-btn-icon-btn-padding-bigger: 12px !default;
@@ -1,25 +0,0 @@
1
- //default
2
- $split-btn-zindex: 2;
3
- $split-btn-border-radius: 4px;
4
- $split-btn-focus-border-color: $gray-600;
5
- $split-btn-focus-vertical-border-color: $gray-600;
6
- $split-btn-focus-outline-offset: 0;
7
- $split-btn-vertical-secondary-icon-line-height: .334em;
8
- $split-btn-seperator-border: 1px solid;
9
- $split-btn-seperator-border-color: $gray-600;
10
- $split-btn-seperator-default-border-color: $gray-600;
11
- $split-btn-seperator-vertical-border-color: $gray-600;
12
- $split-btn-hover-border-color: darken($gray-600, 10%);
13
- $split-btn-hover-vertical-border-color: darken($gray-600, 10%);
14
- $split-btn-active-border-color: darken($gray-600, 12.5%);
15
- $split-btn-active-vertical-border-color: darken($gray-600, 12.5%);
16
- $split-btn-disabled-vertical-border-color: rgba($gray-600, .65);
17
- $split-btn-active-box-shadow: $btn-active-box-shadow;
18
- $split-btn-disabled-left-border-color: rgba($gray-600, .65);
19
- $split-btn-hover-left-border-color: darken($gray-600, 10%);
20
- $split-btn-focus-left-border-color: $gray-600;
21
- $split-btn-active-left-border-color: $gray-600;
22
- $split-btn-sec-btn-margin-left: -1px;
23
- $split-btn-icon-btn-padding: 8px;
24
- $split-btn-icon-btn-padding-bigger: 12px;
25
- //enddefault
@@ -1 +0,0 @@
1
- @import './bootstrap5-definition.scss';
@@ -1,25 +0,0 @@
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
-
@@ -1,25 +0,0 @@
1
- //default
2
- $split-btn-zindex: 2;
3
- $split-btn-border-radius: 0;
4
- $split-btn-focus-border-color: $neutral-tertiary-alt;
5
- $split-btn-focus-vertical-border-color: transparent;
6
- $split-btn-focus-outline-offset: -4px;
7
- $split-btn-vertical-secondary-icon-line-height: .213em;
8
- $split-btn-seperator-border: 1px solid;
9
- $split-btn-seperator-border-color: transparent;
10
- $split-btn-seperator-default-border-color: transparent;
11
- $split-btn-seperator-vertical-border-color: transparent;
12
- $split-btn-hover-border-color: $neutral-tertiary-alt;
13
- $split-btn-hover-vertical-border-color: $neutral-light;
14
- $split-btn-active-border-color: $neutral-tertiary-alt;
15
- $split-btn-active-vertical-border-color: $neutral-tertiary-alt;
16
- $split-btn-disabled-vertical-border-color: transparent;
17
- $split-btn-active-box-shadow: none;
18
- $split-btn-disabled-left-border-color: transparent;
19
- $split-btn-hover-left-border-color: transparent;
20
- $split-btn-focus-left-border-color: transparent;
21
- $split-btn-active-left-border-color: transparent;
22
- $split-btn-sec-btn-margin-left: 0;
23
- $split-btn-icon-btn-padding: 8px;
24
- $split-btn-icon-btn-padding-bigger: 11px;
25
- //enddefault
@@ -1,23 +0,0 @@
1
- $split-btn-zindex: 2 !default;
2
- $split-btn-border-radius: 0 !default;
3
- $split-btn-focus-border-color: $neutral-tertiary-alt !default;
4
- $split-btn-focus-vertical-border-color: transparent !default;
5
- $split-btn-focus-outline-offset: -4px !default;
6
- $split-btn-vertical-secondary-icon-line-height: .213em !default;
7
- $split-btn-seperator-border: 1px solid !default;
8
- $split-btn-seperator-border-color: transparent !default;
9
- $split-btn-seperator-default-border-color: transparent !default;
10
- $split-btn-seperator-vertical-border-color: transparent !default;
11
- $split-btn-hover-border-color: $neutral-tertiary-alt !default;
12
- $split-btn-hover-vertical-border-color: $neutral-light !default;
13
- $split-btn-active-border-color: $neutral-tertiary-alt !default;
14
- $split-btn-active-vertical-border-color: $neutral-tertiary-alt !default;
15
- $split-btn-disabled-vertical-border-color: transparent !default;
16
- $split-btn-active-box-shadow: none !default;
17
- $split-btn-disabled-left-border-color: transparent !default;
18
- $split-btn-hover-left-border-color: transparent !default;
19
- $split-btn-focus-left-border-color: transparent !default;
20
- $split-btn-active-left-border-color: transparent !default;
21
- $split-btn-sec-btn-margin-left: 0 !default;
22
- $split-btn-icon-btn-padding: 8px !default;
23
- $split-btn-icon-btn-padding-bigger: 11px !default;
@@ -1 +0,0 @@
1
- @import './fluent-definition.scss';
@@ -1,25 +0,0 @@
1
- //layout variables
2
- $split-btn-zindex: 2 !default;
3
- $split-btn-border-radius: 0 !default;
4
- $split-btn-focus-outline-offset: -3px !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: 8px !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-disabled !default;
20
- $split-btn-active-box-shadow: $shadow-none !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
-
@@ -1,25 +0,0 @@
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
-
@@ -1,23 +0,0 @@
1
- $split-btn-zindex: 2 !default;
2
- $split-btn-border-radius: 0 !default;
3
- $split-btn-focus-border-color: $border-fg !default;
4
- $split-btn-focus-vertical-border-color: $border-fg !default;
5
- $split-btn-focus-outline-offset: -4px !default;
6
- $split-btn-vertical-secondary-icon-line-height: .213em !default;
7
- $split-btn-seperator-border: 1px solid !default;
8
- $split-btn-seperator-border-color: $border-fg !default;
9
- $split-btn-seperator-default-border-color: $border-fg !default;
10
- $split-btn-seperator-vertical-border-color: $border-fg !default;
11
- $split-btn-hover-border-color: $border-fg !default;
12
- $split-btn-hover-vertical-border-color: $hover-border !default;
13
- $split-btn-active-border-color: $selection-bg !default;
14
- $split-btn-active-vertical-border-color: $selection-bg !default;
15
- $split-btn-disabled-vertical-border-color: $disable !default;
16
- $split-btn-active-box-shadow: none !default;
17
- $split-btn-disabled-left-border-color: $disable !default;
18
- $split-btn-hover-left-border-color: $border-fg !default;
19
- $split-btn-focus-left-border-color: $border-fg !default;
20
- $split-btn-active-left-border-color: $selection-bg !default;
21
- $split-btn-sec-btn-margin-left: -1px !default;
22
- $split-btn-icon-btn-padding: 8px !default;
23
- $split-btn-icon-btn-padding-bigger: 11px !default;