@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-7502
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.
- package/.eslintrc.json +3 -2
- package/dist/ej2-splitbuttons.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +30 -45
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/drop-down-button/drop-down-button.js +6 -1
- package/src/progress-button/progress-button.js +3 -3
- package/src/split-button/split-button.js +2 -1
- package/styles/bootstrap-dark.css +302 -110
- package/styles/bootstrap-dark.scss +14 -4
- package/styles/bootstrap.css +302 -110
- package/styles/bootstrap.scss +14 -4
- package/styles/bootstrap4.css +266 -93
- package/styles/bootstrap4.scss +14 -4
- package/styles/bootstrap5-dark.css +266 -187
- package/styles/bootstrap5-dark.scss +14 -4
- package/styles/bootstrap5.css +266 -187
- package/styles/bootstrap5.scss +14 -4
- package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
- package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
- package/styles/button-group/_fabric-dark-definition.scss +0 -2
- package/styles/button-group/_fluent2-definition.scss +31 -0
- package/styles/button-group/_group-button-mixin.scss +21 -0
- package/styles/button-group/_highcontrast-light-definition.scss +0 -2
- package/styles/button-group/_layout.scss +5 -13
- package/styles/button-group/_material-dark-definition.scss +0 -2
- package/styles/button-group/_theme.scss +32 -85
- package/styles/button-group/bootstrap-dark.css +132 -70
- package/styles/button-group/bootstrap.css +132 -70
- package/styles/button-group/bootstrap4.css +108 -59
- package/styles/button-group/bootstrap5-dark.css +108 -59
- package/styles/button-group/bootstrap5.css +108 -59
- package/styles/button-group/fabric-dark.css +132 -70
- package/styles/button-group/fabric.css +137 -75
- package/styles/button-group/fluent-dark.css +148 -78
- package/styles/button-group/fluent.css +148 -78
- package/styles/button-group/fluent2.css +1849 -0
- package/styles/button-group/fluent2.scss +4 -0
- package/styles/button-group/highcontrast-light.css +132 -70
- package/styles/button-group/highcontrast.css +132 -70
- package/styles/button-group/material-dark.css +146 -77
- package/styles/button-group/material.css +148 -78
- package/styles/button-group/material3-dark.css +190 -90
- package/styles/button-group/material3.css +190 -90
- package/styles/button-group/tailwind-dark.css +130 -70
- package/styles/button-group/tailwind.css +130 -70
- package/styles/drop-down-button/_bds-definition.scss +5 -5
- package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
- package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
- package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
- package/styles/drop-down-button/_fluent-definition.scss +0 -1
- package/styles/drop-down-button/_fluent2-definition.scss +48 -0
- package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
- package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
- package/styles/drop-down-button/_layout.scss +51 -6
- package/styles/drop-down-button/_material-dark-definition.scss +0 -3
- package/styles/drop-down-button/_material3-definition.scss +0 -1
- package/styles/drop-down-button/_tailwind-definition.scss +0 -1
- package/styles/drop-down-button/_theme.scss +8 -8
- package/styles/drop-down-button/bootstrap-dark.css +27 -14
- package/styles/drop-down-button/bootstrap.css +27 -14
- package/styles/drop-down-button/bootstrap4.css +23 -12
- package/styles/drop-down-button/bootstrap5-dark.css +23 -12
- package/styles/drop-down-button/bootstrap5.css +23 -12
- package/styles/drop-down-button/fabric-dark.css +27 -14
- package/styles/drop-down-button/fabric.css +27 -14
- package/styles/drop-down-button/fluent-dark.css +27 -14
- package/styles/drop-down-button/fluent.css +27 -14
- package/styles/drop-down-button/fluent2.css +1308 -0
- package/styles/drop-down-button/fluent2.scss +6 -0
- package/styles/drop-down-button/highcontrast-light.css +27 -14
- package/styles/drop-down-button/highcontrast.css +27 -14
- package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
- package/styles/drop-down-button/icons/_fluent2.scss +10 -0
- package/styles/drop-down-button/material-dark.css +27 -14
- package/styles/drop-down-button/material.css +27 -14
- package/styles/drop-down-button/material3-dark.css +33 -17
- package/styles/drop-down-button/material3.css +33 -17
- package/styles/drop-down-button/tailwind-dark.css +27 -14
- package/styles/drop-down-button/tailwind.css +27 -14
- package/styles/fabric-dark.css +302 -110
- package/styles/fabric-dark.scss +14 -4
- package/styles/fabric.css +307 -115
- package/styles/fabric.scss +14 -4
- package/styles/fluent-dark.css +310 -115
- package/styles/fluent-dark.scss +14 -4
- package/styles/fluent.css +310 -115
- package/styles/fluent.scss +14 -4
- package/styles/fluent2.css +3072 -0
- package/styles/fluent2.scss +14 -0
- package/styles/highcontrast-light.css +302 -110
- package/styles/highcontrast-light.scss +14 -4
- package/styles/highcontrast.css +302 -110
- package/styles/highcontrast.scss +14 -4
- package/styles/material-dark.css +316 -117
- package/styles/material-dark.scss +14 -4
- package/styles/material.css +318 -118
- package/styles/material.scss +14 -4
- package/styles/material3-dark.css +396 -147
- package/styles/material3-dark.scss +14 -4
- package/styles/material3.css +392 -145
- package/styles/material3.scss +14 -4
- package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/progress-button/_bootstrap5-definition.scss +0 -1
- package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
- package/styles/progress-button/_fabric-dark-definition.scss +0 -3
- package/styles/progress-button/_fluent-definition.scss +0 -1
- package/styles/progress-button/_fluent2-definition.scss +26 -0
- package/styles/progress-button/_fusionnew-definition.scss +0 -1
- package/styles/progress-button/_layout.scss +0 -2
- package/styles/progress-button/_material-dark-definition.scss +0 -3
- package/styles/progress-button/_material3-definition.scss +0 -1
- package/styles/progress-button/_tailwind-definition.scss +0 -1
- package/styles/progress-button/_theme.scss +115 -50
- package/styles/progress-button/bootstrap-dark.css +118 -13
- package/styles/progress-button/bootstrap.css +118 -13
- package/styles/progress-button/bootstrap4.css +118 -13
- package/styles/progress-button/bootstrap5-dark.css +118 -106
- package/styles/progress-button/bootstrap5.css +118 -106
- package/styles/progress-button/fabric-dark.css +118 -13
- package/styles/progress-button/fabric.css +118 -13
- package/styles/progress-button/fluent-dark.css +118 -13
- package/styles/progress-button/fluent.css +118 -13
- package/styles/progress-button/fluent2.css +1636 -0
- package/styles/progress-button/fluent2.scss +5 -0
- package/styles/progress-button/highcontrast-light.css +118 -13
- package/styles/progress-button/highcontrast.css +118 -13
- package/styles/progress-button/material-dark.css +118 -13
- package/styles/progress-button/material.css +118 -13
- package/styles/progress-button/material3-dark.css +119 -14
- package/styles/progress-button/material3.css +119 -14
- package/styles/progress-button/tailwind-dark.css +118 -13
- package/styles/progress-button/tailwind.css +118 -13
- package/styles/split-button/_bds-definition.scss +0 -1
- package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/split-button/_bootstrap4-definition.scss +0 -3
- package/styles/split-button/_bootstrap5-definition.scss +0 -1
- package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
- package/styles/split-button/_fabric-dark-definition.scss +0 -3
- package/styles/split-button/_fluent-definition.scss +0 -1
- package/styles/split-button/_fluent2-definition.scss +23 -0
- package/styles/split-button/_fusionnew-definition.scss +0 -1
- package/styles/split-button/_highcontrast-light-definition.scss +0 -3
- package/styles/split-button/_layout.scss +16 -4
- package/styles/split-button/_theme.scss +0 -2
- package/styles/split-button/bootstrap-dark.css +25 -13
- package/styles/split-button/bootstrap.css +25 -13
- package/styles/split-button/bootstrap4.css +17 -9
- package/styles/split-button/bootstrap5-dark.css +17 -9
- package/styles/split-button/bootstrap5.css +17 -9
- package/styles/split-button/fabric-dark.css +25 -13
- package/styles/split-button/fabric.css +25 -13
- package/styles/split-button/fluent-dark.css +17 -9
- package/styles/split-button/fluent.css +17 -9
- package/styles/split-button/fluent2.css +1379 -0
- package/styles/split-button/fluent2.scss +6 -0
- package/styles/split-button/highcontrast-light.css +25 -13
- package/styles/split-button/highcontrast.css +25 -13
- package/styles/split-button/material-dark.css +25 -13
- package/styles/split-button/material.css +25 -13
- package/styles/split-button/material3-dark.css +57 -28
- package/styles/split-button/material3.css +53 -26
- package/styles/split-button/tailwind-dark.css +25 -13
- package/styles/split-button/tailwind.css +25 -13
- package/styles/tailwind-dark.css +300 -111
- package/styles/tailwind-dark.scss +14 -4
- package/styles/tailwind.css +300 -111
- package/styles/tailwind.scss +14 -4
- package/CHANGELOG.md +0 -367
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
/* stylelint-disable */
|
|
2
2
|
*.e-btn-group,
|
|
3
3
|
*.e-css.e-btn-group {
|
|
4
|
+
display: -webkit-inline-box;
|
|
4
5
|
display: -ms-inline-flexbox;
|
|
5
6
|
display: inline-flex;
|
|
6
7
|
border-radius: 4px;
|
|
7
|
-
-
|
|
8
|
-
|
|
8
|
+
-webkit-box-orient: horizontal;
|
|
9
|
+
-webkit-box-direction: normal;
|
|
10
|
+
-ms-flex-direction: row;
|
|
11
|
+
flex-direction: row;
|
|
9
12
|
position: relative;
|
|
10
13
|
}
|
|
11
14
|
*.e-btn-group input:focus + label.e-btn,
|
|
@@ -48,8 +51,9 @@
|
|
|
48
51
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
49
52
|
border-radius: 0;
|
|
50
53
|
}
|
|
51
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
52
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type
|
|
54
|
+
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
|
|
55
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
56
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
53
57
|
border-bottom-right-radius: 0;
|
|
54
58
|
border-top-right-radius: 0;
|
|
55
59
|
}
|
|
@@ -58,11 +62,6 @@
|
|
|
58
62
|
border-bottom-left-radius: 0;
|
|
59
63
|
border-top-left-radius: 0;
|
|
60
64
|
}
|
|
61
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
|
|
62
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
63
|
-
border-bottom-right-radius: 0;
|
|
64
|
-
border-top-right-radius: 0;
|
|
65
|
-
}
|
|
66
65
|
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
|
|
67
66
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
|
|
68
67
|
border-bottom-left-radius: 0;
|
|
@@ -96,8 +95,9 @@
|
|
|
96
95
|
*.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
97
96
|
border-radius: 0;
|
|
98
97
|
}
|
|
99
|
-
*.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
100
|
-
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type
|
|
98
|
+
*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
99
|
+
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
100
|
+
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
101
101
|
border-bottom-left-radius: 0;
|
|
102
102
|
border-top-left-radius: 0;
|
|
103
103
|
}
|
|
@@ -106,11 +106,6 @@
|
|
|
106
106
|
border-bottom-right-radius: 0;
|
|
107
107
|
border-top-right-radius: 0;
|
|
108
108
|
}
|
|
109
|
-
*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
110
|
-
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
111
|
-
border-bottom-left-radius: 0;
|
|
112
|
-
border-top-left-radius: 0;
|
|
113
|
-
}
|
|
114
109
|
*.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
|
|
115
110
|
*.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
|
|
116
111
|
border-bottom-right-radius: 0;
|
|
@@ -138,8 +133,10 @@
|
|
|
138
133
|
}
|
|
139
134
|
*.e-btn-group.e-vertical,
|
|
140
135
|
*.e-css.e-btn-group.e-vertical {
|
|
141
|
-
-
|
|
142
|
-
|
|
136
|
+
-webkit-box-orient: vertical;
|
|
137
|
+
-webkit-box-direction: normal;
|
|
138
|
+
-ms-flex-direction: column;
|
|
139
|
+
flex-direction: column;
|
|
143
140
|
}
|
|
144
141
|
*.e-btn-group.e-vertical input,
|
|
145
142
|
*.e-css.e-btn-group.e-vertical input {
|
|
@@ -246,123 +243,163 @@
|
|
|
246
243
|
/* stylelint-disable */
|
|
247
244
|
.e-btn-group:not(.e-outline),
|
|
248
245
|
.e-css.e-btn-group:not(.e-outline) {
|
|
249
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
246
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
247
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
250
248
|
}
|
|
251
249
|
.e-btn-group .e-btn:hover,
|
|
252
250
|
.e-css.e-btn-group .e-btn:hover {
|
|
253
|
-
box-shadow: none;
|
|
251
|
+
-webkit-box-shadow: none;
|
|
252
|
+
box-shadow: none;
|
|
254
253
|
}
|
|
255
254
|
.e-btn-group .e-btn:focus,
|
|
256
255
|
.e-btn-group input:focus-visible + label.e-btn,
|
|
256
|
+
.e-btn-group input:focus + label.e-btn,
|
|
257
257
|
.e-css.e-btn-group .e-btn:focus,
|
|
258
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn
|
|
258
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn,
|
|
259
|
+
.e-css.e-btn-group input:focus + label.e-btn {
|
|
259
260
|
background: #374151;
|
|
260
261
|
border-color: #6b7280;
|
|
261
262
|
color: #fff;
|
|
262
263
|
outline: #1f2937 0 solid;
|
|
263
264
|
outline-offset: 0;
|
|
264
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
265
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
266
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
265
267
|
outline-color: inherit;
|
|
266
268
|
}
|
|
267
269
|
.e-btn-group .e-btn:focus.e-primary,
|
|
268
270
|
.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
271
|
+
.e-btn-group input:focus + label.e-btn.e-primary,
|
|
269
272
|
.e-css.e-btn-group .e-btn:focus.e-primary,
|
|
270
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary
|
|
273
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
274
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-primary {
|
|
271
275
|
background: #06b6d4;
|
|
272
276
|
border-color: #22d3ee;
|
|
273
277
|
color: #000;
|
|
274
278
|
outline: #1f2937 0 solid;
|
|
275
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
279
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
280
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
276
281
|
outline-color: inherit;
|
|
277
282
|
}
|
|
278
283
|
.e-btn-group .e-btn:focus.e-success,
|
|
279
284
|
.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
285
|
+
.e-btn-group input:focus + label.e-btn.e-success,
|
|
280
286
|
.e-css.e-btn-group .e-btn:focus.e-success,
|
|
281
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success
|
|
287
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
288
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-success {
|
|
282
289
|
background: #16a34a;
|
|
283
290
|
border-color: #22c55e;
|
|
284
291
|
color: #000;
|
|
285
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
292
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
293
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
286
294
|
outline-color: inherit;
|
|
287
295
|
}
|
|
288
296
|
.e-btn-group .e-btn:focus.e-info,
|
|
289
297
|
.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
298
|
+
.e-btn-group input:focus + label.e-btn.e-info,
|
|
290
299
|
.e-css.e-btn-group .e-btn:focus.e-info,
|
|
291
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info
|
|
300
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
301
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-info {
|
|
292
302
|
background: #0284c7;
|
|
293
303
|
border-color: #0ea5e9;
|
|
294
304
|
color: #fff;
|
|
295
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
305
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
306
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
296
307
|
outline-color: inherit;
|
|
297
308
|
}
|
|
298
309
|
.e-btn-group .e-btn:focus.e-warning,
|
|
299
310
|
.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
311
|
+
.e-btn-group input:focus + label.e-btn.e-warning,
|
|
300
312
|
.e-css.e-btn-group .e-btn:focus.e-warning,
|
|
301
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning
|
|
313
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
314
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-warning {
|
|
302
315
|
background: #c2410c;
|
|
303
316
|
border-color: #ea580c;
|
|
304
317
|
color: #fff;
|
|
305
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
318
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
319
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
306
320
|
outline-color: inherit;
|
|
307
321
|
}
|
|
308
322
|
.e-btn-group .e-btn:focus.e-danger,
|
|
309
323
|
.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
324
|
+
.e-btn-group input:focus + label.e-btn.e-danger,
|
|
310
325
|
.e-css.e-btn-group .e-btn:focus.e-danger,
|
|
311
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger
|
|
326
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
327
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-danger {
|
|
312
328
|
background: #ef4444;
|
|
313
329
|
border-color: #f87171;
|
|
314
330
|
color: #000;
|
|
315
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
331
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
332
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
316
333
|
outline-color: inherit;
|
|
317
334
|
}
|
|
318
335
|
.e-btn-group .e-btn:focus.e-link,
|
|
319
336
|
.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
337
|
+
.e-btn-group input:focus + label.e-btn.e-link,
|
|
320
338
|
.e-css.e-btn-group .e-btn:focus.e-link,
|
|
321
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link
|
|
339
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
340
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-link {
|
|
322
341
|
border-radius: 0;
|
|
323
342
|
text-decoration: underline;
|
|
324
343
|
color: #67e8f9;
|
|
325
344
|
background-color: transparent;
|
|
326
345
|
border-color: transparent;
|
|
327
|
-
box-shadow: none;
|
|
346
|
+
-webkit-box-shadow: none;
|
|
347
|
+
box-shadow: none;
|
|
328
348
|
outline: none;
|
|
329
349
|
}
|
|
330
350
|
.e-btn-group .e-btn:focus.e-outline,
|
|
331
351
|
.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
352
|
+
.e-btn-group input:focus + label.e-btn.e-outline,
|
|
332
353
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
333
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline
|
|
334
|
-
|
|
335
|
-
box-shadow:
|
|
354
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
355
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
356
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
357
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
336
358
|
}
|
|
337
359
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
338
360
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
361
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
339
362
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
340
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary
|
|
341
|
-
|
|
363
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
364
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
365
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
366
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
342
367
|
}
|
|
343
368
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
344
369
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
370
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
345
371
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
346
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success
|
|
347
|
-
|
|
372
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
373
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
374
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
375
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
348
376
|
}
|
|
349
377
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
350
378
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
379
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
351
380
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
352
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info
|
|
353
|
-
|
|
381
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
382
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
383
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
384
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
354
385
|
}
|
|
355
386
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
356
387
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
388
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
357
389
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
358
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning
|
|
359
|
-
|
|
390
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
391
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
392
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
393
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
360
394
|
}
|
|
361
395
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
362
396
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
397
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
363
398
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
364
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger
|
|
365
|
-
|
|
399
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
400
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
401
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
402
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
366
403
|
}
|
|
367
404
|
.e-btn-group .e-btn:active,
|
|
368
405
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -386,7 +423,8 @@
|
|
|
386
423
|
border-color: #67e8f9;
|
|
387
424
|
color: #000;
|
|
388
425
|
outline: #1f2937 0 solid;
|
|
389
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
426
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
427
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
390
428
|
}
|
|
391
429
|
.e-btn-group .e-btn:active.e-success,
|
|
392
430
|
.e-btn-group input:active + label.e-btn.e-success,
|
|
@@ -397,7 +435,8 @@
|
|
|
397
435
|
background: #4ade80;
|
|
398
436
|
border-color: #4ade80;
|
|
399
437
|
color: #000;
|
|
400
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
438
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
439
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
401
440
|
}
|
|
402
441
|
.e-btn-group .e-btn:active.e-info,
|
|
403
442
|
.e-btn-group input:active + label.e-btn.e-info,
|
|
@@ -408,7 +447,8 @@
|
|
|
408
447
|
background: #38bdf8;
|
|
409
448
|
color: #000;
|
|
410
449
|
border-color: #38bdf8;
|
|
411
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
450
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
451
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
412
452
|
}
|
|
413
453
|
.e-btn-group .e-btn:active.e-warning,
|
|
414
454
|
.e-btn-group input:active + label.e-btn.e-warning,
|
|
@@ -419,7 +459,8 @@
|
|
|
419
459
|
background: #f97316;
|
|
420
460
|
border-color: #f97316;
|
|
421
461
|
color: #000;
|
|
422
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
462
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
463
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
423
464
|
}
|
|
424
465
|
.e-btn-group .e-btn:active.e-danger,
|
|
425
466
|
.e-btn-group input:active + label.e-btn.e-danger,
|
|
@@ -430,7 +471,8 @@
|
|
|
430
471
|
background: #dc2626;
|
|
431
472
|
border-color: #dc2626;
|
|
432
473
|
color: #fff;
|
|
433
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
474
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
475
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
434
476
|
}
|
|
435
477
|
.e-btn-group .e-btn:active.e-outline,
|
|
436
478
|
.e-btn-group input:active + label.e-btn.e-outline,
|
|
@@ -440,7 +482,8 @@
|
|
|
440
482
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline {
|
|
441
483
|
background: #4b5563;
|
|
442
484
|
border-color: #6b7280;
|
|
443
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
485
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
486
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
444
487
|
color: #fff;
|
|
445
488
|
}
|
|
446
489
|
.e-btn-group .e-btn:active.e-outline.e-primary,
|
|
@@ -451,7 +494,8 @@
|
|
|
451
494
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
|
|
452
495
|
background: #67e8f9;
|
|
453
496
|
border-color: #22d3ee;
|
|
454
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
497
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
498
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
455
499
|
color: #000;
|
|
456
500
|
}
|
|
457
501
|
.e-btn-group .e-btn:active.e-outline.e-success,
|
|
@@ -462,7 +506,8 @@
|
|
|
462
506
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
|
|
463
507
|
background: #4ade80;
|
|
464
508
|
border-color: #4ade80;
|
|
465
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
509
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
510
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
466
511
|
color: #000;
|
|
467
512
|
}
|
|
468
513
|
.e-btn-group .e-btn:active.e-outline.e-info,
|
|
@@ -473,7 +518,8 @@
|
|
|
473
518
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
|
|
474
519
|
background: #38bdf8;
|
|
475
520
|
border-color: #38bdf8;
|
|
476
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
521
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
522
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
477
523
|
color: #000;
|
|
478
524
|
}
|
|
479
525
|
.e-btn-group .e-btn:active.e-outline.e-warning,
|
|
@@ -484,7 +530,8 @@
|
|
|
484
530
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
|
|
485
531
|
background: #f97316;
|
|
486
532
|
border-color: #f97316;
|
|
487
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
533
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
534
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
488
535
|
color: #000;
|
|
489
536
|
}
|
|
490
537
|
.e-btn-group .e-btn:active.e-outline.e-danger,
|
|
@@ -495,7 +542,8 @@
|
|
|
495
542
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
|
|
496
543
|
background: #dc2626;
|
|
497
544
|
border-color: #dc2626;
|
|
498
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
545
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
546
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
499
547
|
color: #fff;
|
|
500
548
|
}
|
|
501
549
|
.e-btn-group .e-btn:disabled,
|
|
@@ -504,7 +552,8 @@
|
|
|
504
552
|
.e-css.e-btn-group input:disabled + label.e-btn {
|
|
505
553
|
background-color: #1f2937;
|
|
506
554
|
border-color: #374151;
|
|
507
|
-
box-shadow: none;
|
|
555
|
+
-webkit-box-shadow: none;
|
|
556
|
+
box-shadow: none;
|
|
508
557
|
color: #6b7280;
|
|
509
558
|
border-color: #6b7280;
|
|
510
559
|
}
|
|
@@ -514,7 +563,8 @@
|
|
|
514
563
|
.e-css.e-btn-group input:disabled + label.e-btn.e-primary {
|
|
515
564
|
background: #155e75;
|
|
516
565
|
border-color: #155e75;
|
|
517
|
-
box-shadow: none;
|
|
566
|
+
-webkit-box-shadow: none;
|
|
567
|
+
box-shadow: none;
|
|
518
568
|
color: #000;
|
|
519
569
|
border-color: #22d3ee;
|
|
520
570
|
}
|
|
@@ -524,7 +574,8 @@
|
|
|
524
574
|
.e-css.e-btn-group input:disabled + label.e-btn.e-success {
|
|
525
575
|
background: #15803d;
|
|
526
576
|
border-color: #15803d;
|
|
527
|
-
box-shadow: none;
|
|
577
|
+
-webkit-box-shadow: none;
|
|
578
|
+
box-shadow: none;
|
|
528
579
|
color: #000;
|
|
529
580
|
border-color: #22c55e;
|
|
530
581
|
}
|
|
@@ -534,7 +585,8 @@
|
|
|
534
585
|
.e-css.e-btn-group input:disabled + label.e-btn.e-info {
|
|
535
586
|
background: #075985;
|
|
536
587
|
border-color: #075985;
|
|
537
|
-
box-shadow: none;
|
|
588
|
+
-webkit-box-shadow: none;
|
|
589
|
+
box-shadow: none;
|
|
538
590
|
color: #000;
|
|
539
591
|
border-color: #0ea5e9;
|
|
540
592
|
}
|
|
@@ -544,7 +596,8 @@
|
|
|
544
596
|
.e-css.e-btn-group input:disabled + label.e-btn.e-warning {
|
|
545
597
|
background: #9a3412;
|
|
546
598
|
border-color: #9a3412;
|
|
547
|
-
box-shadow: none;
|
|
599
|
+
-webkit-box-shadow: none;
|
|
600
|
+
box-shadow: none;
|
|
548
601
|
color: #000;
|
|
549
602
|
border-color: #ea580c;
|
|
550
603
|
}
|
|
@@ -554,7 +607,8 @@
|
|
|
554
607
|
.e-css.e-btn-group input:disabled + label.e-btn.e-danger {
|
|
555
608
|
background: #991b1b;
|
|
556
609
|
border-color: #991b1b;
|
|
557
|
-
box-shadow: none;
|
|
610
|
+
-webkit-box-shadow: none;
|
|
611
|
+
box-shadow: none;
|
|
558
612
|
color: #000;
|
|
559
613
|
border-color: #f87171;
|
|
560
614
|
}
|
|
@@ -564,7 +618,8 @@
|
|
|
564
618
|
.e-css.e-btn-group input:disabled + label.e-btn.e-link {
|
|
565
619
|
color: #6b7280;
|
|
566
620
|
background: transparent;
|
|
567
|
-
box-shadow: none;
|
|
621
|
+
-webkit-box-shadow: none;
|
|
622
|
+
box-shadow: none;
|
|
568
623
|
text-decoration: none;
|
|
569
624
|
border-color: transparent;
|
|
570
625
|
}
|
|
@@ -583,7 +638,8 @@
|
|
|
583
638
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
584
639
|
background: transparent;
|
|
585
640
|
border-color: rgba(34, 211, 238, 0.65);
|
|
586
|
-
box-shadow: none;
|
|
641
|
+
-webkit-box-shadow: none;
|
|
642
|
+
box-shadow: none;
|
|
587
643
|
color: rgba(34, 211, 238, 0.65);
|
|
588
644
|
border-color: #22d3ee;
|
|
589
645
|
}
|
|
@@ -593,7 +649,8 @@
|
|
|
593
649
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
|
|
594
650
|
background: transparent;
|
|
595
651
|
border-color: rgba(34, 197, 94, 0.65);
|
|
596
|
-
box-shadow: none;
|
|
652
|
+
-webkit-box-shadow: none;
|
|
653
|
+
box-shadow: none;
|
|
597
654
|
color: rgba(34, 197, 94, 0.65);
|
|
598
655
|
border-color: #22c55e;
|
|
599
656
|
}
|
|
@@ -603,7 +660,8 @@
|
|
|
603
660
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
|
|
604
661
|
background: transparent;
|
|
605
662
|
border-color: rgba(14, 165, 233, 0.65);
|
|
606
|
-
box-shadow: none;
|
|
663
|
+
-webkit-box-shadow: none;
|
|
664
|
+
box-shadow: none;
|
|
607
665
|
color: rgba(56, 189, 248, 0.65);
|
|
608
666
|
border-color: #0ea5e9;
|
|
609
667
|
}
|
|
@@ -613,7 +671,8 @@
|
|
|
613
671
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
|
|
614
672
|
background: transparent;
|
|
615
673
|
border-color: rgba(234, 88, 12, 0.65);
|
|
616
|
-
box-shadow: none;
|
|
674
|
+
-webkit-box-shadow: none;
|
|
675
|
+
box-shadow: none;
|
|
617
676
|
color: rgba(249, 115, 22, 0.65);
|
|
618
677
|
border-color: #ea580c;
|
|
619
678
|
}
|
|
@@ -623,7 +682,8 @@
|
|
|
623
682
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
|
|
624
683
|
background: transparent;
|
|
625
684
|
border-color: rgba(248, 113, 113, 0.65);
|
|
626
|
-
box-shadow: none;
|
|
685
|
+
-webkit-box-shadow: none;
|
|
686
|
+
box-shadow: none;
|
|
627
687
|
color: rgba(248, 113, 113, 0.65);
|
|
628
688
|
border-color: #f87171;
|
|
629
689
|
}
|