@syncfusion/ej2-react-splitbuttons 20.1.47 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/src/drop-down-button/items-directive.d.ts +3 -1
  4. package/src/split-button/items-directive.d.ts +3 -1
  5. package/styles/bootstrap-dark.css +4 -338
  6. package/styles/bootstrap.css +4 -333
  7. package/styles/bootstrap4.css +12 -342
  8. package/styles/bootstrap5-dark.css +20 -331
  9. package/styles/bootstrap5.css +18 -329
  10. package/styles/button-group/bootstrap-dark.css +1 -114
  11. package/styles/button-group/bootstrap.css +1 -108
  12. package/styles/button-group/bootstrap4.css +5 -119
  13. package/styles/button-group/bootstrap5-dark.css +15 -108
  14. package/styles/button-group/bootstrap5.css +13 -106
  15. package/styles/button-group/fabric-dark.css +1 -114
  16. package/styles/button-group/fabric.css +1 -114
  17. package/styles/button-group/fluent-dark.css +1 -114
  18. package/styles/button-group/fluent.css +1 -114
  19. package/styles/button-group/highcontrast-light.css +1 -114
  20. package/styles/button-group/highcontrast.css +1 -126
  21. package/styles/button-group/material-dark.css +1 -114
  22. package/styles/button-group/material.css +1 -115
  23. package/styles/button-group/tailwind-dark.css +9 -114
  24. package/styles/button-group/tailwind.css +9 -114
  25. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  26. package/styles/drop-down-button/bootstrap.css +2 -36
  27. package/styles/drop-down-button/bootstrap4.css +3 -36
  28. package/styles/drop-down-button/bootstrap5-dark.css +4 -35
  29. package/styles/drop-down-button/bootstrap5.css +4 -35
  30. package/styles/drop-down-button/fabric-dark.css +2 -36
  31. package/styles/drop-down-button/fabric.css +2 -36
  32. package/styles/drop-down-button/fluent-dark.css +2 -36
  33. package/styles/drop-down-button/fluent.css +2 -36
  34. package/styles/drop-down-button/highcontrast-light.css +2 -36
  35. package/styles/drop-down-button/highcontrast.css +2 -36
  36. package/styles/drop-down-button/material-dark.css +2 -36
  37. package/styles/drop-down-button/material.css +2 -36
  38. package/styles/drop-down-button/tailwind-dark.css +4 -36
  39. package/styles/drop-down-button/tailwind.css +4 -36
  40. package/styles/fabric-dark.css +4 -338
  41. package/styles/fabric.css +4 -338
  42. package/styles/fluent-dark.css +5 -339
  43. package/styles/fluent.css +5 -339
  44. package/styles/highcontrast-light.css +4 -338
  45. package/styles/highcontrast.css +4 -350
  46. package/styles/material-dark.css +4 -338
  47. package/styles/material.css +4 -339
  48. package/styles/progress-button/bootstrap-dark.css +3 -120
  49. package/styles/progress-button/bootstrap.css +3 -120
  50. package/styles/progress-button/bootstrap4.css +3 -120
  51. package/styles/progress-button/bootstrap5-dark.css +3 -124
  52. package/styles/progress-button/bootstrap5.css +3 -124
  53. package/styles/progress-button/fabric-dark.css +3 -120
  54. package/styles/progress-button/fabric.css +3 -120
  55. package/styles/progress-button/fluent-dark.css +4 -125
  56. package/styles/progress-button/fluent.css +4 -125
  57. package/styles/progress-button/highcontrast-light.css +3 -120
  58. package/styles/progress-button/highcontrast.css +3 -120
  59. package/styles/progress-button/material-dark.css +3 -120
  60. package/styles/progress-button/material.css +3 -120
  61. package/styles/progress-button/tailwind-dark.css +3 -124
  62. package/styles/progress-button/tailwind.css +3 -124
  63. package/styles/split-button/bootstrap-dark.css +1 -71
  64. package/styles/split-button/bootstrap.css +1 -71
  65. package/styles/split-button/bootstrap4.css +4 -70
  66. package/styles/split-button/bootstrap5-dark.css +1 -67
  67. package/styles/split-button/bootstrap5.css +1 -67
  68. package/styles/split-button/fabric-dark.css +1 -71
  69. package/styles/split-button/fabric.css +1 -71
  70. package/styles/split-button/fluent-dark.css +1 -67
  71. package/styles/split-button/fluent.css +1 -67
  72. package/styles/split-button/highcontrast-light.css +1 -71
  73. package/styles/split-button/highcontrast.css +1 -71
  74. package/styles/split-button/material-dark.css +1 -71
  75. package/styles/split-button/material.css +1 -71
  76. package/styles/split-button/tailwind-dark.css +1 -71
  77. package/styles/split-button/tailwind.css +1 -71
  78. package/styles/tailwind-dark.css +14 -343
  79. package/styles/tailwind.css +14 -343
@@ -6,7 +6,6 @@
6
6
  transform: rotate(360deg);
7
7
  }
8
8
  }
9
-
10
9
  @keyframes fabric-spinner-rotate {
11
10
  0% {
12
11
  transform: rotate(0);
@@ -15,188 +14,151 @@
15
14
  transform: rotate(360deg);
16
15
  }
17
16
  }
18
-
19
17
  /*! Progress Button Layout */
20
18
  .e-progress-btn {
21
19
  position: relative;
22
20
  }
23
-
24
21
  .e-progress-btn .e-progress {
25
22
  height: 100%;
26
23
  left: 0;
27
24
  opacity: 0;
28
25
  position: absolute;
29
26
  top: 0;
30
- transition: opacity .3s linear;
27
+ transition: opacity 0.3s linear;
31
28
  }
32
-
33
29
  .e-progress-btn .e-spinner {
34
30
  transition: all 0.3s linear;
35
31
  }
36
-
37
32
  .e-progress-btn .e-btn-content {
38
33
  display: inline-block;
39
34
  position: relative;
40
35
  z-index: 1;
41
36
  }
42
-
43
37
  .e-progress-btn.e-vertical .e-progress {
44
38
  bottom: 0;
45
39
  height: 0%;
46
40
  top: auto;
47
41
  width: 100%;
48
42
  }
49
-
50
43
  .e-progress-btn.e-progress-top .e-progress {
51
44
  height: 10%;
52
45
  }
53
-
54
46
  .e-progress-btn.e-progress-bottom .e-progress {
55
47
  bottom: -1px;
56
48
  height: 10%;
57
49
  top: auto;
58
50
  }
59
-
60
51
  .e-progress-btn.e-progress-active {
61
52
  overflow: hidden;
62
53
  pointer-events: none;
63
54
  }
64
-
65
55
  .e-progress-btn.e-progress-active .e-progress {
66
56
  opacity: 1;
67
57
  }
68
-
69
58
  .e-progress-btn.e-progress-active .e-animate-end {
70
59
  opacity: 0;
71
60
  }
72
-
73
61
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
74
- transition: padding .3s linear;
62
+ transition: padding 0.3s linear;
75
63
  }
76
-
77
64
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
78
65
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
79
66
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
80
67
  display: block;
81
68
  line-height: 1;
82
69
  }
83
-
84
70
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
85
71
  display: -ms-flexbox;
86
72
  display: flex;
87
73
  -ms-flex-pack: center;
88
74
  justify-content: center;
89
75
  }
90
-
91
76
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
92
77
  padding-right: 12px;
93
78
  }
94
-
95
79
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
96
80
  top: -1px;
97
81
  }
98
-
99
82
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
100
83
  padding-left: 12px;
101
84
  padding-right: 0;
102
85
  }
103
-
104
86
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
105
87
  padding-left: 12px;
106
88
  }
107
-
108
89
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
109
90
  top: -1px;
110
91
  }
111
-
112
92
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
113
93
  padding-left: 0;
114
94
  padding-right: 12px;
115
95
  }
116
-
117
96
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
118
97
  padding-bottom: 16px;
119
98
  padding-top: 16px;
120
99
  }
121
-
122
100
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
123
101
  padding-bottom: 12px;
124
102
  }
125
-
126
103
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
127
104
  padding-bottom: 16px;
128
105
  padding-top: 16px;
129
106
  }
130
-
131
107
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
132
108
  padding-top: 12px;
133
109
  }
134
-
135
110
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
136
111
  padding-right: 10px;
137
112
  }
138
-
139
113
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
140
114
  padding-left: 10px;
141
115
  padding-right: 0;
142
116
  }
143
-
144
117
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
145
118
  padding-left: 10px;
146
119
  }
147
-
148
120
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
149
121
  padding-left: 0;
150
122
  padding-right: 10px;
151
123
  }
152
-
153
124
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
154
125
  padding-bottom: 14px;
155
126
  padding-top: 14px;
156
127
  }
157
-
158
128
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
159
129
  padding-bottom: 10px;
160
130
  }
161
-
162
131
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
163
132
  padding-bottom: 14px;
164
133
  padding-top: 14px;
165
134
  }
166
-
167
135
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
168
136
  padding-top: 10px;
169
137
  }
170
-
171
138
  .e-progress-btn.e-round-corner {
172
139
  border-radius: 5em;
173
140
  outline: none;
174
141
  overflow: hidden;
175
142
  }
176
-
177
143
  .e-progress-btn.e-rtl .e-progress {
178
144
  left: auto;
179
145
  right: 0;
180
146
  }
181
-
182
147
  .e-progress-btn.e-rtl.e-vertical .e-progress {
183
148
  bottom: auto;
184
149
  top: 0;
185
150
  }
186
-
187
151
  .e-progress-btn .e-spinner-pane {
188
152
  height: auto;
189
153
  position: relative;
190
154
  width: auto;
191
155
  }
192
-
193
156
  .e-progress-btn .e-spinner-pane .e-spinner-inner {
194
157
  left: auto;
195
158
  position: relative;
196
159
  top: auto;
197
160
  transform: none;
198
161
  }
199
-
200
162
  .e-progress-btn .e-cont-animate {
201
163
  -ms-flex-align: center;
202
164
  align-items: center;
@@ -210,7 +172,6 @@
210
172
  top: 0;
211
173
  width: 100%;
212
174
  }
213
-
214
175
  @keyframes ProgressSlideLeft {
215
176
  from {
216
177
  left: 0%;
@@ -221,7 +182,6 @@
221
182
  opacity: 0;
222
183
  }
223
184
  }
224
-
225
185
  @keyframes ProgressSlideRight {
226
186
  from {
227
187
  left: 0%;
@@ -232,7 +192,6 @@
232
192
  opacity: 0;
233
193
  }
234
194
  }
235
-
236
195
  @keyframes ProgressSlideUp {
237
196
  from {
238
197
  height: auto;
@@ -245,7 +204,6 @@
245
204
  top: -100px;
246
205
  }
247
206
  }
248
-
249
207
  @keyframes ProgressSlideDown {
250
208
  from {
251
209
  height: auto;
@@ -258,7 +216,6 @@
258
216
  top: 100px;
259
217
  }
260
218
  }
261
-
262
219
  @keyframes ProgressZoomIn {
263
220
  from {
264
221
  opacity: 1;
@@ -269,7 +226,6 @@
269
226
  transform: translate(0, 0) scale(3);
270
227
  }
271
228
  }
272
-
273
229
  @keyframes ProgressZoomOut {
274
230
  from {
275
231
  transform: translate(0, 0) scale(1);
@@ -283,85 +239,70 @@
283
239
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
284
240
  padding-right: 14px;
285
241
  }
286
-
287
242
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
288
243
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
289
244
  padding-left: 14px;
290
245
  padding-right: 0;
291
246
  }
292
-
293
247
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
294
248
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
295
249
  padding-left: 14px;
296
250
  }
297
-
298
251
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
299
252
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
300
253
  padding-left: 0;
301
254
  padding-right: 14px;
302
255
  }
303
-
304
256
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
305
257
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
306
258
  padding-bottom: 20px;
307
259
  padding-top: 20px;
308
260
  }
309
-
310
261
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
311
262
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
312
263
  padding-bottom: 14px;
313
264
  }
314
-
315
265
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
316
266
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
317
267
  padding-bottom: 20px;
318
268
  padding-top: 20px;
319
269
  }
320
-
321
270
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
322
271
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
323
272
  padding-top: 14px;
324
273
  }
325
-
326
274
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
327
275
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
328
276
  padding-right: 12px;
329
277
  }
330
-
331
278
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
332
279
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
333
280
  padding-left: 12px;
334
281
  padding-right: 0;
335
282
  }
336
-
337
283
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
338
284
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
339
285
  padding-left: 12px;
340
286
  }
341
-
342
287
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
343
288
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
344
289
  padding-left: 0;
345
290
  padding-right: 12px;
346
291
  }
347
-
348
292
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
349
293
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
350
294
  padding-bottom: 16px;
351
295
  padding-top: 16px;
352
296
  }
353
-
354
297
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
355
298
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
356
299
  padding-bottom: 12px;
357
300
  }
358
-
359
301
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
360
302
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
361
303
  padding-bottom: 16px;
362
304
  padding-top: 16px;
363
305
  }
364
-
365
306
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
366
307
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
367
308
  padding-top: 12px;
@@ -372,219 +313,169 @@
372
313
  fill: #fff;
373
314
  stroke: #fff;
374
315
  }
375
-
376
316
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
377
317
  stroke: rgba(255, 255, 255, 0.7);
378
318
  }
379
-
380
319
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
381
320
  stroke: #fff;
382
321
  }
383
-
384
322
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
385
323
  fill: #fff;
386
324
  stroke: #fff;
387
325
  }
388
-
389
326
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
390
327
  stroke: rgba(255, 255, 255, 0.7);
391
328
  }
392
-
393
329
  .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
394
330
  stroke: #fff;
395
331
  }
396
-
397
332
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
398
333
  fill: #408cfd;
399
334
  stroke: #408cfd;
400
335
  }
401
-
402
336
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
403
337
  stroke: rgba(255, 255, 255, 0.7);
404
338
  }
405
-
406
339
  .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
407
340
  stroke: #fff;
408
341
  }
409
-
410
342
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
411
343
  fill: #fff;
412
344
  stroke: #fff;
413
345
  }
414
-
415
346
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
416
347
  stroke: rgba(255, 255, 255, 0.7);
417
348
  }
418
-
419
349
  .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
420
350
  stroke: #fff;
421
351
  }
422
-
423
352
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
424
353
  fill: #2ed889;
425
354
  stroke: #2ed889;
426
355
  }
427
-
428
356
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
429
357
  stroke: rgba(255, 255, 255, 0.7);
430
358
  }
431
-
432
359
  .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
433
360
  stroke: #2ed889;
434
361
  }
435
-
436
362
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
437
363
  fill: #000;
438
364
  stroke: #000;
439
365
  }
440
-
441
366
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
442
367
  stroke: rgba(0, 0, 0, 0.7);
443
368
  }
444
-
445
369
  .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
446
370
  stroke: #000;
447
371
  }
448
-
449
372
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
450
373
  fill: #0dcaf0;
451
374
  stroke: #0dcaf0;
452
375
  }
453
-
454
376
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
455
377
  stroke: rgba(255, 255, 255, 0.7);
456
378
  }
457
-
458
379
  .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
459
380
  stroke: #0dcaf0;
460
381
  }
461
-
462
382
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
463
383
  fill: #000;
464
384
  stroke: #000;
465
385
  }
466
-
467
386
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
468
387
  stroke: rgba(0, 0, 0, 0.7);
469
388
  }
470
-
471
389
  .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
472
390
  stroke: #000;
473
391
  }
474
-
475
392
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
476
393
  fill: #ffce3a;
477
394
  stroke: #ffce3a;
478
395
  }
479
-
480
396
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
481
397
  stroke: rgba(255, 255, 255, 0.7);
482
398
  }
483
-
484
399
  .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
485
400
  stroke: #ffce3a;
486
401
  }
487
-
488
402
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
489
403
  fill: #fff;
490
404
  stroke: #fff;
491
405
  }
492
-
493
406
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
494
407
  stroke: rgba(255, 255, 255, 0.7);
495
408
  }
496
-
497
409
  .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
498
410
  stroke: #fff;
499
411
  }
500
-
501
412
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
502
413
  fill: #eb8c95;
503
414
  stroke: #eb8c95;
504
415
  }
505
-
506
416
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
507
417
  stroke: rgba(255, 255, 255, 0.7);
508
418
  }
509
-
510
419
  .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
511
420
  stroke: #eb8c95;
512
421
  }
513
-
514
422
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg {
515
423
  fill: #0d6efd;
516
424
  stroke: #0d6efd;
517
425
  }
518
-
519
426
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
520
427
  stroke: rgba(13, 110, 253, 0.7);
521
428
  }
522
-
523
429
  .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
524
430
  stroke: #0d6efd;
525
431
  }
526
-
527
432
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg {
528
433
  fill: #198754;
529
434
  stroke: #198754;
530
435
  }
531
-
532
436
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
533
437
  stroke: rgba(25, 135, 84, 0.7);
534
438
  }
535
-
536
439
  .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
537
440
  stroke: #198754;
538
441
  }
539
-
540
442
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg {
541
443
  fill: #0dcaf0;
542
444
  stroke: #0dcaf0;
543
445
  }
544
-
545
446
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
546
447
  stroke: rgba(13, 202, 240, 0.7);
547
448
  }
548
-
549
449
  .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
550
450
  stroke: #0dcaf0;
551
451
  }
552
-
553
452
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg {
554
453
  fill: #ffc107;
555
454
  stroke: #ffc107;
556
455
  }
557
-
558
456
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
559
457
  stroke: rgba(255, 193, 7, 0.7);
560
458
  }
561
-
562
459
  .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
563
460
  stroke: #ffc107;
564
461
  }
565
-
566
462
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg {
567
463
  fill: #dc3545;
568
464
  stroke: #dc3545;
569
465
  }
570
-
571
466
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
572
467
  stroke: rgba(220, 53, 69, 0.7);
573
468
  }
574
-
575
469
  .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
576
470
  stroke: #dc3545;
577
471
  }
578
-
579
472
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
580
473
  fill: #0d6efd;
581
474
  stroke: #0d6efd;
582
475
  }
583
-
584
476
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
585
477
  stroke: rgba(13, 110, 253, 0.7);
586
478
  }
587
-
588
479
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
589
480
  stroke: #0d6efd;
590
481
  }
@@ -607,19 +498,15 @@
607
498
  *.e-flat.e-primary .e-progress {
608
499
  background-color: rgba(255, 255, 255, 0.2);
609
500
  }
610
-
611
501
  *.e-flat.e-success .e-progress {
612
502
  background-color: rgba(255, 255, 255, 0.2);
613
503
  }
614
-
615
504
  *.e-flat.e-info .e-progress {
616
505
  background-color: rgba(0, 0, 0, 0.2);
617
506
  }
618
-
619
507
  *.e-flat.e-warning .e-progress {
620
508
  background-color: rgba(0, 0, 0, 0.2);
621
509
  }
622
-
623
510
  *.e-flat.e-danger .e-progress {
624
511
  background-color: rgba(255, 255, 255, 0.2);
625
512
  }
@@ -627,19 +514,15 @@
627
514
  *.e-outline:not(:focus).e-primary .e-progress {
628
515
  background-color: rgba(13, 110, 253, 0.2);
629
516
  }
630
-
631
517
  *.e-outline:not(:focus).e-success .e-progress {
632
518
  background-color: rgba(25, 135, 84, 0.2);
633
519
  }
634
-
635
520
  *.e-outline:not(:focus).e-info .e-progress {
636
521
  background-color: rgba(13, 202, 240, 0.2);
637
522
  }
638
-
639
523
  *.e-outline:not(:focus).e-warning .e-progress {
640
524
  background-color: rgba(255, 193, 7, 0.2);
641
525
  }
642
-
643
526
  *.e-outline:not(:focus).e-danger .e-progress {
644
527
  background-color: rgba(220, 53, 69, 0.2);
645
528
  }
@@ -647,19 +530,15 @@
647
530
  *.e-flat:not(:focus).e-primary .e-progress {
648
531
  background-color: rgba(13, 110, 253, 0.2);
649
532
  }
650
-
651
533
  *.e-flat:not(:focus).e-success .e-progress {
652
534
  background-color: rgba(25, 135, 84, 0.2);
653
535
  }
654
-
655
536
  *.e-flat:not(:focus).e-info .e-progress {
656
537
  background-color: rgba(13, 202, 240, 0.2);
657
538
  }
658
-
659
539
  *.e-flat:not(:focus).e-warning .e-progress {
660
540
  background-color: rgba(255, 193, 7, 0.2);
661
541
  }
662
-
663
542
  *.e-flat:not(:focus).e-danger .e-progress {
664
543
  background-color: rgba(220, 53, 69, 0.2);
665
- }
544
+ }