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