@syncfusion/ej2-react-splitbuttons 20.3.56 → 20.4.38
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/CHANGELOG.md +10 -34
- package/dist/ej2-react-splitbuttons.min.js +1 -1
- package/dist/ej2-react-splitbuttons.umd.min.js +1 -1
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +21 -0
- package/styles/bootstrap.css +21 -0
- package/styles/bootstrap4.css +49 -28
- package/styles/bootstrap5-dark.css +21 -0
- package/styles/bootstrap5.css +21 -0
- package/styles/button-group/bootstrap4.css +24 -24
- package/styles/drop-down-button/bootstrap4.css +1 -1
- package/styles/fabric-dark.css +21 -0
- package/styles/fabric.css +21 -0
- package/styles/fluent-dark.css +21 -0
- package/styles/fluent.css +21 -0
- package/styles/highcontrast-light.css +21 -0
- package/styles/highcontrast.css +21 -0
- package/styles/material-dark.css +21 -0
- package/styles/material.css +21 -0
- package/styles/split-button/bootstrap-dark.css +21 -0
- package/styles/split-button/bootstrap.css +21 -0
- package/styles/split-button/bootstrap4.css +24 -3
- package/styles/split-button/bootstrap5-dark.css +21 -0
- package/styles/split-button/bootstrap5.css +21 -0
- package/styles/split-button/fabric-dark.css +21 -0
- package/styles/split-button/fabric.css +21 -0
- package/styles/split-button/fluent-dark.css +21 -0
- package/styles/split-button/fluent.css +21 -0
- package/styles/split-button/highcontrast-light.css +21 -0
- package/styles/split-button/highcontrast.css +21 -0
- package/styles/split-button/material-dark.css +21 -0
- package/styles/split-button/material.css +21 -0
- package/styles/split-button/tailwind-dark.css +21 -0
- package/styles/split-button/tailwind.css +21 -0
- package/styles/tailwind-dark.css +21 -0
- package/styles/tailwind.css +21 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,22 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
-
## 20.3.52 (2022-10-26)
|
|
6
|
-
|
|
7
|
-
### DropDownButton
|
|
8
|
-
|
|
9
|
-
#### Bug Fixes
|
|
10
|
-
|
|
11
|
-
- `#I412776` - Select event is not triggered while using `closeActionEvents` in DropDownButton has been resolved.
|
|
12
|
-
|
|
13
|
-
## 20.3.47 (2022-09-29)
|
|
14
|
-
|
|
15
|
-
### DropDownButton
|
|
16
|
-
|
|
17
|
-
#### New Features
|
|
18
|
-
|
|
19
|
-
- `#I375776` - Provided the focusout event support to the DropDownButton component.
|
|
20
|
-
|
|
21
5
|
### DropDownButton
|
|
22
6
|
|
|
23
7
|
#### Bug Fixes
|
|
@@ -164,10 +148,10 @@
|
|
|
164
148
|
|
|
165
149
|
- Type changes done for the following property.
|
|
166
150
|
|
|
167
|
-
Property Name | Old Type | New Type
|
|
168
|
-
|
|
169
|
-
`animationSettings` | AnimationSettings | AnimationSettingsModel
|
|
170
|
-
`spinSettings` | SpinSettings | SpinSettingsModel
|
|
151
|
+
| Property Name | Old Type | New Type |
|
|
152
|
+
|---|---|---|
|
|
153
|
+
| `animationSettings` | AnimationSettings | AnimationSettingsModel |
|
|
154
|
+
| `spinSettings` | SpinSettings | SpinSettingsModel |
|
|
171
155
|
|
|
172
156
|
## 16.3.22 (2018-09-25)
|
|
173
157
|
|
|
@@ -183,14 +167,11 @@ Property Name | Old Type | New Type
|
|
|
183
167
|
|
|
184
168
|
The progress button visualizes the progression of an operation to indicate the user that a process is happening in the background. The progress can be shown with graphics accompanied by a textual representation.
|
|
185
169
|
|
|
186
|
-
- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
|
|
187
170
|
|
|
171
|
+
- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of progress button.
|
|
188
172
|
- **Icons and Spinner** - Supports icon, spinner and its positioning.
|
|
189
|
-
|
|
190
173
|
- **Animation** - Provided with predefined animation and progress indicator.
|
|
191
|
-
|
|
192
174
|
- **Events** - Supports event triggering at specified interval.
|
|
193
|
-
|
|
194
175
|
- **Accessibility** - Provided with built-in accessibility support that helps to access all the ProgressButton component features through the keyboard, screen readers, or other assistive technology devices.
|
|
195
176
|
|
|
196
177
|
## 16.2.48 (2018-08-14)
|
|
@@ -215,14 +196,11 @@ The progress button visualizes the progression of an operation to indicate the u
|
|
|
215
196
|
|
|
216
197
|
ButtonGroup is a graphical user interface that groups series of buttons horizontally or vertically.
|
|
217
198
|
|
|
218
|
-
- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
|
|
219
199
|
|
|
200
|
+
- **Types, Sizes, and Styles** - Provided with different types, sizes and predefined styles of button.
|
|
220
201
|
- **Selection** - Supports single and multiple selection behaviors.
|
|
221
|
-
|
|
222
202
|
- **Orientation** - Supports horizontal and vertical orientations.
|
|
223
|
-
|
|
224
203
|
- **Nesting** - Supports nesting with drop-down and split button components.
|
|
225
|
-
|
|
226
204
|
- **Accessibility** - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
|
|
227
205
|
|
|
228
206
|
### SplitButton
|
|
@@ -245,22 +223,20 @@ ButtonGroup is a graphical user interface that groups series of buttons horizont
|
|
|
245
223
|
|
|
246
224
|
DropDownButton component is used to toggle contextual overlays for displaying list of action items.
|
|
247
225
|
|
|
248
|
-
- **Sizes** - Provided with different sizes of DropDownButton.
|
|
249
226
|
|
|
227
|
+
- **Sizes** - Provided with different sizes of DropDownButton.
|
|
250
228
|
- **Icons and Navigations** - Supports text and icon on the DropDownButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided.
|
|
251
|
-
|
|
252
229
|
- **Separator** - Supports Popup items grouping by using the Separator.
|
|
253
|
-
|
|
254
230
|
- **Accessibility** - Provided with built-in accessibility support that helps to access all the DropDownButton component features through the keyboard, screen readers, or other assistive technology devices.
|
|
255
231
|
|
|
256
232
|
### SplitButton
|
|
257
233
|
|
|
258
234
|
SplitButton component has primary and secondary button. Primary button is used to select default action and secondary button is used to toggle contextual overlays for displaying list of action items.
|
|
259
235
|
|
|
260
|
-
- **Sizes** - Provided with different sizes of SplitButton.
|
|
261
236
|
|
|
237
|
+
- **Sizes** - Provided with different sizes of SplitButton.
|
|
262
238
|
- **Icons and Navigations** - Supports text and icon on the SplitButton and Popup items. URL can be given to Popup items that creates the anchor link to navigate to the URL provided.
|
|
263
|
-
|
|
264
239
|
- **Separator** - Supports Popup items grouping by using the Separator.
|
|
240
|
+
- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.
|
|
241
|
+
|
|
265
242
|
|
|
266
|
-
- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-splitbuttons.min.js
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.4.38
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-splitbuttons.umd.min.js
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.4.38
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-react-splitbuttons@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-react-splitbuttons@
|
|
3
|
+
"_id": "@syncfusion/ej2-react-splitbuttons@19.13.0",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-iEEYsKeaeWoPAlnQnanMeH5GF0D9srrr8INEz/pUnOL4GljoTMx9JibPZunm9JUuSrIOqzb6mWjoU169ywgiMw==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-react-splitbuttons",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusion.com/repository/ej2-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-splitbuttons/-/ej2-react-splitbuttons-19.13.0.tgz",
|
|
23
|
+
"_shasum": "71c1ca9628899852796de7fc4a17b4e989b366a2",
|
|
24
24
|
"_spec": "@syncfusion/ej2-react-splitbuttons@*",
|
|
25
25
|
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
|
|
26
26
|
"author": {
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-base": "~20.
|
|
35
|
-
"@syncfusion/ej2-react-base": "~20.
|
|
36
|
-
"@syncfusion/ej2-splitbuttons": "20.
|
|
34
|
+
"@syncfusion/ej2-base": "~20.4.38",
|
|
35
|
+
"@syncfusion/ej2-react-base": "~20.4.38",
|
|
36
|
+
"@syncfusion/ej2-splitbuttons": "20.4.38"
|
|
37
37
|
},
|
|
38
38
|
"deprecated": false,
|
|
39
39
|
"description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React",
|
|
@@ -83,6 +83,6 @@
|
|
|
83
83
|
"type": "git",
|
|
84
84
|
"url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
|
|
85
85
|
},
|
|
86
|
-
"version": "20.
|
|
86
|
+
"version": "20.4.38",
|
|
87
87
|
"sideEffects": false
|
|
88
88
|
}
|
|
@@ -314,6 +314,9 @@
|
|
|
314
314
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
315
315
|
box-shadow: none;
|
|
316
316
|
}
|
|
317
|
+
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
318
|
+
box-shadow: none;
|
|
319
|
+
}
|
|
317
320
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
318
321
|
border-bottom-left-radius: 0;
|
|
319
322
|
border-bottom-right-radius: 4px;
|
|
@@ -472,6 +475,9 @@
|
|
|
472
475
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
473
476
|
border-right-color: rgba(57, 57, 57, 0.4);
|
|
474
477
|
}
|
|
478
|
+
.e-split-btn-wrapper .e-split-btn.e-inherit {
|
|
479
|
+
border-color: transparent;
|
|
480
|
+
}
|
|
475
481
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
476
482
|
border-right-color: #676767;
|
|
477
483
|
}
|
|
@@ -494,6 +500,9 @@
|
|
|
494
500
|
border-left-color: rgba(88, 88, 88, 0.4);
|
|
495
501
|
border-right-color: rgba(172, 172, 172, 0.65);
|
|
496
502
|
}
|
|
503
|
+
.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
|
|
504
|
+
border-color: transparent;
|
|
505
|
+
}
|
|
497
506
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
498
507
|
border-left-color: #676767;
|
|
499
508
|
border-right-color: #676767;
|
|
@@ -505,6 +514,9 @@
|
|
|
505
514
|
border-bottom-color: #585858;
|
|
506
515
|
border-right-color: #585858;
|
|
507
516
|
}
|
|
517
|
+
.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
|
|
518
|
+
border-color: transparent;
|
|
519
|
+
}
|
|
508
520
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
509
521
|
border-bottom-color: #585858;
|
|
510
522
|
border-right-color: #585858;
|
|
@@ -521,12 +533,18 @@
|
|
|
521
533
|
border-bottom-color: #676767;
|
|
522
534
|
border-right-color: #676767;
|
|
523
535
|
}
|
|
536
|
+
.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
|
|
537
|
+
border-color: transparent;
|
|
538
|
+
}
|
|
524
539
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
525
540
|
border-bottom-color: rgba(88, 88, 88, 0.4);
|
|
526
541
|
}
|
|
527
542
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
528
543
|
border-left-color: #585858;
|
|
529
544
|
}
|
|
545
|
+
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
|
|
546
|
+
border-color: transparent;
|
|
547
|
+
}
|
|
530
548
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
531
549
|
border-left-color: #585858;
|
|
532
550
|
}
|
|
@@ -539,6 +557,9 @@
|
|
|
539
557
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
540
558
|
border-left-color: #676767;
|
|
541
559
|
}
|
|
560
|
+
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
|
|
561
|
+
border-color: transparent;
|
|
562
|
+
}
|
|
542
563
|
|
|
543
564
|
/* stylelint-disable */
|
|
544
565
|
*.e-btn-group,
|
package/styles/bootstrap.css
CHANGED
|
@@ -314,6 +314,9 @@
|
|
|
314
314
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
315
315
|
box-shadow: none;
|
|
316
316
|
}
|
|
317
|
+
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
318
|
+
box-shadow: none;
|
|
319
|
+
}
|
|
317
320
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
318
321
|
border-bottom-left-radius: 0;
|
|
319
322
|
border-bottom-right-radius: 4px;
|
|
@@ -472,6 +475,9 @@
|
|
|
472
475
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
473
476
|
border-right-color: rgba(255, 255, 255, 0.65);
|
|
474
477
|
}
|
|
478
|
+
.e-split-btn-wrapper .e-split-btn.e-inherit {
|
|
479
|
+
border-color: transparent;
|
|
480
|
+
}
|
|
475
481
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
476
482
|
border-right-color: #adadad;
|
|
477
483
|
}
|
|
@@ -494,6 +500,9 @@
|
|
|
494
500
|
border-left-color: rgba(204, 204, 204, 0.65);
|
|
495
501
|
border-right-color: rgba(204, 204, 204, 0.65);
|
|
496
502
|
}
|
|
503
|
+
.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
|
|
504
|
+
border-color: transparent;
|
|
505
|
+
}
|
|
497
506
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
498
507
|
border-left-color: #adadad;
|
|
499
508
|
border-right-color: #adadad;
|
|
@@ -505,6 +514,9 @@
|
|
|
505
514
|
border-bottom-color: #ccc;
|
|
506
515
|
border-right-color: #ccc;
|
|
507
516
|
}
|
|
517
|
+
.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
|
|
518
|
+
border-color: transparent;
|
|
519
|
+
}
|
|
508
520
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
509
521
|
border-bottom-color: #8c8c8c;
|
|
510
522
|
border-right-color: #8c8c8c;
|
|
@@ -521,12 +533,18 @@
|
|
|
521
533
|
border-bottom-color: #adadad;
|
|
522
534
|
border-right-color: #adadad;
|
|
523
535
|
}
|
|
536
|
+
.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
|
|
537
|
+
border-color: transparent;
|
|
538
|
+
}
|
|
524
539
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
525
540
|
border-bottom-color: rgba(204, 204, 204, 0.65);
|
|
526
541
|
}
|
|
527
542
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
528
543
|
border-left-color: #ccc;
|
|
529
544
|
}
|
|
545
|
+
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
|
|
546
|
+
border-color: transparent;
|
|
547
|
+
}
|
|
530
548
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
531
549
|
border-left-color: #8c8c8c;
|
|
532
550
|
}
|
|
@@ -539,6 +557,9 @@
|
|
|
539
557
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
540
558
|
border-left-color: #adadad;
|
|
541
559
|
}
|
|
560
|
+
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
|
|
561
|
+
border-color: transparent;
|
|
562
|
+
}
|
|
542
563
|
|
|
543
564
|
/* stylelint-disable */
|
|
544
565
|
*.e-btn-group,
|
package/styles/bootstrap4.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
}
|
|
16
16
|
.e-dropdown-btn:active,
|
|
17
17
|
.e-dropdown-btn.e-btn:active {
|
|
18
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
18
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
19
19
|
}
|
|
20
20
|
.e-dropdown-btn .e-btn-icon,
|
|
21
21
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
box-shadow: none;
|
|
248
248
|
}
|
|
249
249
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
250
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
250
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
251
251
|
z-index: 2;
|
|
252
252
|
}
|
|
253
253
|
.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
padding-right: 8px;
|
|
280
280
|
}
|
|
281
281
|
.e-split-btn-wrapper .e-dropdown-btn:active {
|
|
282
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
282
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
283
283
|
z-index: 2;
|
|
284
284
|
}
|
|
285
285
|
.e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
|
|
@@ -292,11 +292,14 @@
|
|
|
292
292
|
box-shadow: none;
|
|
293
293
|
}
|
|
294
294
|
.e-split-btn-wrapper .e-btn:active {
|
|
295
|
-
box-shadow: 0 0 0 0.2rem rgba(
|
|
295
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
296
296
|
}
|
|
297
297
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
298
298
|
box-shadow: none;
|
|
299
299
|
}
|
|
300
|
+
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
301
|
+
box-shadow: none;
|
|
302
|
+
}
|
|
300
303
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
301
304
|
border-bottom-left-radius: 0;
|
|
302
305
|
border-bottom-right-radius: 4px;
|
|
@@ -455,6 +458,9 @@
|
|
|
455
458
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
456
459
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
457
460
|
}
|
|
461
|
+
.e-split-btn-wrapper .e-split-btn.e-inherit {
|
|
462
|
+
border-color: transparent;
|
|
463
|
+
}
|
|
458
464
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
459
465
|
border-right-color: #545b62;
|
|
460
466
|
}
|
|
@@ -477,6 +483,9 @@
|
|
|
477
483
|
border-left-color: transparent;
|
|
478
484
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
479
485
|
}
|
|
486
|
+
.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
|
|
487
|
+
border-color: transparent;
|
|
488
|
+
}
|
|
480
489
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
481
490
|
border-left-color: #545b62;
|
|
482
491
|
border-right-color: #545b62;
|
|
@@ -488,6 +497,9 @@
|
|
|
488
497
|
border-bottom-color: #6c757d;
|
|
489
498
|
border-right-color: #6c757d;
|
|
490
499
|
}
|
|
500
|
+
.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
|
|
501
|
+
border-color: transparent;
|
|
502
|
+
}
|
|
491
503
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
492
504
|
border-bottom-color: #6c757d;
|
|
493
505
|
border-right-color: #6c757d;
|
|
@@ -504,12 +516,18 @@
|
|
|
504
516
|
border-bottom-color: #545b62;
|
|
505
517
|
border-right-color: #545b62;
|
|
506
518
|
}
|
|
519
|
+
.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
|
|
520
|
+
border-color: transparent;
|
|
521
|
+
}
|
|
507
522
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
508
523
|
border-bottom-color: transparent;
|
|
509
524
|
}
|
|
510
525
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
511
526
|
border-left-color: #6c757d;
|
|
512
527
|
}
|
|
528
|
+
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
|
|
529
|
+
border-color: transparent;
|
|
530
|
+
}
|
|
513
531
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
514
532
|
border-left-color: #6c757d;
|
|
515
533
|
}
|
|
@@ -522,6 +540,9 @@
|
|
|
522
540
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
523
541
|
border-left-color: #545b62;
|
|
524
542
|
}
|
|
543
|
+
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
|
|
544
|
+
border-color: transparent;
|
|
545
|
+
}
|
|
525
546
|
|
|
526
547
|
/* stylelint-disable */
|
|
527
548
|
*.e-btn-group,
|
|
@@ -782,7 +803,7 @@
|
|
|
782
803
|
color: #fff;
|
|
783
804
|
outline: #6c757d 0 solid;
|
|
784
805
|
outline-offset: 0;
|
|
785
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
806
|
+
box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
|
|
786
807
|
box-shadow: none;
|
|
787
808
|
outline-color: inherit;
|
|
788
809
|
}
|
|
@@ -794,7 +815,7 @@
|
|
|
794
815
|
border-color: #007bff;
|
|
795
816
|
color: #fff;
|
|
796
817
|
outline: #6c757d 0 solid;
|
|
797
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
818
|
+
box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
|
|
798
819
|
box-shadow: none;
|
|
799
820
|
outline-color: inherit;
|
|
800
821
|
}
|
|
@@ -805,7 +826,7 @@
|
|
|
805
826
|
background-color: #28a745;
|
|
806
827
|
border-color: #28a745;
|
|
807
828
|
color: #fff;
|
|
808
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
829
|
+
box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
|
|
809
830
|
box-shadow: none;
|
|
810
831
|
outline-color: inherit;
|
|
811
832
|
}
|
|
@@ -816,7 +837,7 @@
|
|
|
816
837
|
background-color: #17a2b8;
|
|
817
838
|
border-color: #17a2b8;
|
|
818
839
|
color: #fff;
|
|
819
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
840
|
+
box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
|
|
820
841
|
box-shadow: none;
|
|
821
842
|
outline-color: inherit;
|
|
822
843
|
}
|
|
@@ -827,7 +848,7 @@
|
|
|
827
848
|
background-color: #ffc107;
|
|
828
849
|
border-color: #ffc107;
|
|
829
850
|
color: #212529;
|
|
830
|
-
box-shadow: 0 0 0 0.25em rgba(255,
|
|
851
|
+
box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
|
|
831
852
|
box-shadow: none;
|
|
832
853
|
outline-color: inherit;
|
|
833
854
|
}
|
|
@@ -838,7 +859,7 @@
|
|
|
838
859
|
background-color: #dc3545;
|
|
839
860
|
border-color: #dc3545;
|
|
840
861
|
color: #fff;
|
|
841
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
862
|
+
box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
|
|
842
863
|
box-shadow: none;
|
|
843
864
|
outline-color: inherit;
|
|
844
865
|
}
|
|
@@ -861,42 +882,42 @@
|
|
|
861
882
|
.e-btn-group input:focus + label.e-btn.e-outline,
|
|
862
883
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
863
884
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
864
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
885
|
+
box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
|
|
865
886
|
box-shadow: none;
|
|
866
887
|
}
|
|
867
888
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
868
889
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
869
890
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
870
891
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
871
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
892
|
+
box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
|
|
872
893
|
box-shadow: none;
|
|
873
894
|
}
|
|
874
895
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
875
896
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
876
897
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
877
898
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
878
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
899
|
+
box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
|
|
879
900
|
box-shadow: none;
|
|
880
901
|
}
|
|
881
902
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
882
903
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
883
904
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
884
905
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
885
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
906
|
+
box-shadow: 0 0 0 0.25em rgba(46, 173, 193, 0.5);
|
|
886
907
|
box-shadow: none;
|
|
887
908
|
}
|
|
888
909
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
889
910
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
890
911
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
891
912
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
892
|
-
box-shadow: 0 0 0 0.25em rgba(255,
|
|
913
|
+
box-shadow: 0 0 0 0.25em rgba(255, 201, 40, 0.5);
|
|
893
914
|
box-shadow: none;
|
|
894
915
|
}
|
|
895
916
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
896
917
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
897
918
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
898
919
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
899
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
920
|
+
box-shadow: 0 0 0 0.25em rgba(225, 81, 95, 0.5);
|
|
900
921
|
box-shadow: none;
|
|
901
922
|
}
|
|
902
923
|
.e-btn-group .e-btn:active,
|
|
@@ -910,7 +931,7 @@
|
|
|
910
931
|
color: #fff;
|
|
911
932
|
outline: #6c757d 0 solid;
|
|
912
933
|
outline-offset: 0;
|
|
913
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
934
|
+
box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
|
|
914
935
|
}
|
|
915
936
|
.e-btn-group .e-btn:active.e-primary,
|
|
916
937
|
.e-btn-group input:active + label.e-btn.e-primary,
|
|
@@ -922,7 +943,7 @@
|
|
|
922
943
|
border-color: #005cbf;
|
|
923
944
|
color: #fff;
|
|
924
945
|
outline: #6c757d 0 solid;
|
|
925
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
946
|
+
box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
|
|
926
947
|
}
|
|
927
948
|
.e-btn-group .e-btn:active.e-success,
|
|
928
949
|
.e-btn-group input:active + label.e-btn.e-success,
|
|
@@ -933,7 +954,7 @@
|
|
|
933
954
|
background-color: #1e7e34;
|
|
934
955
|
border-color: #1c7430;
|
|
935
956
|
color: #fff;
|
|
936
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
957
|
+
box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
|
|
937
958
|
}
|
|
938
959
|
.e-btn-group .e-btn:active.e-info,
|
|
939
960
|
.e-btn-group input:active + label.e-btn.e-info,
|
|
@@ -944,7 +965,7 @@
|
|
|
944
965
|
background-color: #117a8b;
|
|
945
966
|
color: #fff;
|
|
946
967
|
border-color: #10707f;
|
|
947
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
968
|
+
box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
|
|
948
969
|
}
|
|
949
970
|
.e-btn-group .e-btn:active.e-warning,
|
|
950
971
|
.e-btn-group input:active + label.e-btn.e-warning,
|
|
@@ -955,7 +976,7 @@
|
|
|
955
976
|
background-color: #d39e00;
|
|
956
977
|
border-color: #c69500;
|
|
957
978
|
color: #212529;
|
|
958
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
979
|
+
box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
|
|
959
980
|
}
|
|
960
981
|
.e-btn-group .e-btn:active.e-danger,
|
|
961
982
|
.e-btn-group input:active + label.e-btn.e-danger,
|
|
@@ -966,7 +987,7 @@
|
|
|
966
987
|
background-color: #bd2130;
|
|
967
988
|
border-color: #b21f2d;
|
|
968
989
|
color: #fff;
|
|
969
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
990
|
+
box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
|
|
970
991
|
}
|
|
971
992
|
.e-btn-group .e-btn:active.e-outline,
|
|
972
993
|
.e-btn-group input:active + label.e-btn.e-outline,
|
|
@@ -976,7 +997,7 @@
|
|
|
976
997
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline {
|
|
977
998
|
background-color: #6c757d;
|
|
978
999
|
border-color: transparent;
|
|
979
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1000
|
+
box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
|
|
980
1001
|
color: #fff;
|
|
981
1002
|
}
|
|
982
1003
|
.e-btn-group .e-btn:active.e-outline.e-primary,
|
|
@@ -987,7 +1008,7 @@
|
|
|
987
1008
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
|
|
988
1009
|
background-color: #007bff;
|
|
989
1010
|
border-color: transparent;
|
|
990
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1011
|
+
box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
|
|
991
1012
|
color: #fff;
|
|
992
1013
|
}
|
|
993
1014
|
.e-btn-group .e-btn:active.e-outline.e-success,
|
|
@@ -998,7 +1019,7 @@
|
|
|
998
1019
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
|
|
999
1020
|
background-color: #28a745;
|
|
1000
1021
|
border-color: transparent;
|
|
1001
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1022
|
+
box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
|
|
1002
1023
|
color: #fff;
|
|
1003
1024
|
}
|
|
1004
1025
|
.e-btn-group .e-btn:active.e-outline.e-info,
|
|
@@ -1009,7 +1030,7 @@
|
|
|
1009
1030
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
|
|
1010
1031
|
background-color: #17a2b8;
|
|
1011
1032
|
border-color: transparent;
|
|
1012
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1033
|
+
box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
|
|
1013
1034
|
color: #fff;
|
|
1014
1035
|
}
|
|
1015
1036
|
.e-btn-group .e-btn:active.e-outline.e-warning,
|
|
@@ -1020,7 +1041,7 @@
|
|
|
1020
1041
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
|
|
1021
1042
|
background-color: #ffc107;
|
|
1022
1043
|
border-color: transparent;
|
|
1023
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1044
|
+
box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
|
|
1024
1045
|
color: #212529;
|
|
1025
1046
|
}
|
|
1026
1047
|
.e-btn-group .e-btn:active.e-outline.e-danger,
|
|
@@ -1031,7 +1052,7 @@
|
|
|
1031
1052
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
|
|
1032
1053
|
background-color: #dc3545;
|
|
1033
1054
|
border-color: transparent;
|
|
1034
|
-
box-shadow: 0 0 0 0.25em rgba(
|
|
1055
|
+
box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
|
|
1035
1056
|
color: #fff;
|
|
1036
1057
|
}
|
|
1037
1058
|
.e-btn-group .e-btn:disabled,
|
|
@@ -312,6 +312,9 @@
|
|
|
312
312
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
313
313
|
box-shadow: none;
|
|
314
314
|
}
|
|
315
|
+
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
316
|
+
box-shadow: none;
|
|
317
|
+
}
|
|
315
318
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
316
319
|
border-bottom-left-radius: 0;
|
|
317
320
|
border-bottom-right-radius: 4px;
|
|
@@ -470,6 +473,9 @@
|
|
|
470
473
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
471
474
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
472
475
|
}
|
|
476
|
+
.e-split-btn-wrapper .e-split-btn.e-inherit {
|
|
477
|
+
border-color: transparent;
|
|
478
|
+
}
|
|
473
479
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
474
480
|
border-right-color: #6c757d;
|
|
475
481
|
}
|
|
@@ -492,6 +498,9 @@
|
|
|
492
498
|
border-left-color: rgba(108, 117, 125, 0.65);
|
|
493
499
|
border-right-color: #6c757d;
|
|
494
500
|
}
|
|
501
|
+
.e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
|
|
502
|
+
border-color: transparent;
|
|
503
|
+
}
|
|
495
504
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
496
505
|
border-left-color: #6c757d;
|
|
497
506
|
border-right-color: #6c757d;
|
|
@@ -503,6 +512,9 @@
|
|
|
503
512
|
border-bottom-color: #6c757d;
|
|
504
513
|
border-right-color: #6c757d;
|
|
505
514
|
}
|
|
515
|
+
.e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
|
|
516
|
+
border-color: transparent;
|
|
517
|
+
}
|
|
506
518
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
507
519
|
border-bottom-color: #6c757d;
|
|
508
520
|
border-right-color: #6c757d;
|
|
@@ -519,12 +531,18 @@
|
|
|
519
531
|
border-bottom-color: #6c757d;
|
|
520
532
|
border-right-color: #6c757d;
|
|
521
533
|
}
|
|
534
|
+
.e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
|
|
535
|
+
border-color: transparent;
|
|
536
|
+
}
|
|
522
537
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
523
538
|
border-bottom-color: rgba(108, 117, 125, 0.65);
|
|
524
539
|
}
|
|
525
540
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
526
541
|
border-left-color: #6c757d;
|
|
527
542
|
}
|
|
543
|
+
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
|
|
544
|
+
border-color: transparent;
|
|
545
|
+
}
|
|
528
546
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
529
547
|
border-left-color: #6c757d;
|
|
530
548
|
}
|
|
@@ -537,6 +555,9 @@
|
|
|
537
555
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
538
556
|
border-left-color: #6c757d;
|
|
539
557
|
}
|
|
558
|
+
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
|
|
559
|
+
border-color: transparent;
|
|
560
|
+
}
|
|
540
561
|
|
|
541
562
|
/* stylelint-disable */
|
|
542
563
|
*.e-btn-group,
|