Skip to content

Commit 0b1d2fe

Browse files
author
pipeline
committed
v20.4.49 is released
1 parent 05bc454 commit 0b1d2fe

File tree

473 files changed

+10471
-2048
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

473 files changed

+10471
-2048
lines changed

‎controls/base/CHANGELOG.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## [Unreleased]
44

5-
## 20.4.48 (2023-02-01)
5+
## 20.4.49 (2023-02-07)
66

77
### Dashboard Layout
88

‎controls/buttons/CHANGELOG.md

+8
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,14 @@
22

33
## [Unreleased]
44

5+
## 20.4.49 (2023-02-07)
6+
7+
### Switch
8+
9+
#### Bug Fixes
10+
11+
- `#I427994` - Provided aria-label and id `htmlAttributes` support to the switch component.
12+
513
## 20.4.44 (2023-01-18)
614

715
### Switch

‎controls/buttons/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-buttons",
3-
"version": "20.4.44",
3+
"version": "20.4.48",
44
"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/buttons/src/switch/switch.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const RIPPLE_CHECK: string = 'e-ripple-check';
1010
const RTL: string = 'e-rtl';
1111
const WRAPPER: string = 'e-switch-wrapper';
1212
const ACTIVE: string = 'e-switch-active';
13-
const ATTRIBUTES: string[] = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value'];
13+
const ATTRIBUTES: string[] = ['title', 'class', 'style', 'disabled', 'readonly', 'name', 'value', 'aria-label', 'id'];
1414

1515
/**
1616
* The Switch is a graphical user interface element that allows you to toggle between checked and unchecked states.

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_bootstrap-dark-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
8888
$ddl-chip-sel-mobile-close-height: 40px !default;
8989
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
9090
$ddl-input-text-indent: 6px !default;
91+
$ddl-input-placeholder-padding: 0 0 0 12px !default;
9192
$ddl-rtl-chip-sel-close-left: -10px !default;
9293
$ddl-popup-active-focus-bg-color: $brand-primary !default;
9394
$ddl-popup-active-focus-font-color: $brand-primary-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_bootstrap-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
8787
$ddl-chip-sel-mobile-close-height: 40px !default;
8888
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8989
$ddl-input-text-indent: 6px !default;
90+
$ddl-input-placeholder-padding: 0 0 0 12px !default;
9091
$ddl-rtl-chip-sel-close-left: -10px !default;
9192
$ddl-popup-active-focus-bg-color: $brand-primary !default;
9293
$ddl-popup-active-focus-font-color: $brand-primary-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_bootstrap4-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
9090
$ddl-chip-sel-mobile-close-height: 40px !default;
9191
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
9292
$ddl-input-text-indent: 6px !default;
93+
$ddl-input-placeholder-padding: 0 0 0 8px !default;
9394
$ddl-rtl-chip-sel-close-left: -10px !default;
9495
$ddl-popup-active-focus-bg-color: $primary !default;
9596
$ddl-popup-active-focus-font-color: $primary-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_bootstrap5-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
7575
$ddl-chip-sel-mobile-close-height: 40px !default;
7676
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
7777
$ddl-input-text-indent: 8px !default;
78+
$ddl-input-placeholder-padding: 0 0 0 8px !default;
7879
$ddl-rtl-chip-sel-close-left: -12px !default;
7980
$ddl-popup-active-focus-border-width: 0 !default;
8081
$ddl-popup-active-focus-shadow-item: none !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_fabric-dark-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8686
$ddl-chip-sel-mobile-close-height: 26px !default;
8787
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8888
$ddl-input-text-indent: 10px !default;
89+
$ddl-input-placeholder-padding: 0 0 0 10px !default;
8990
$ddl-rtl-chip-sel-close-left: -12px !default;
9091
$ddl-popup-active-focus-bg-color: $neutral-quintenary !default;
9192
$ddl-popup-active-focus-font-color: $neutral-light-fontalt !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_fabric-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8585
$ddl-chip-sel-mobile-close-height: 26px !default;
8686
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8787
$ddl-input-text-indent: 10px !default;
88+
$ddl-input-placeholder-padding: 0 0 0 10px !default;
8889
$ddl-rtl-chip-sel-close-left: -12px !default;
8990
$ddl-popup-active-focus-bg-color: $theme-lighter !default;
9091
$ddl-popup-active-focus-font-color: $neutral-light-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_fluent-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
7676
$ddl-chip-sel-mobile-close-height: 40px !default;
7777
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
7878
$ddl-input-text-indent: 8px !default;
79+
$ddl-input-placeholder-padding: 0 0 0 8px !default;
7980
$ddl-rtl-chip-sel-close-left: -12px !default;
8081
$ddl-popup-active-focus-border-width: 0 !default;
8182
$ddl-popup-active-focus-shadow-item: none !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_fusionnew-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
7575
$ddl-chip-sel-mobile-close-height: 40px !default;
7676
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
7777
$ddl-input-text-indent: 8px !default;
78+
$ddl-input-placeholder-padding: 0 0 0 8px !default;
7879
$ddl-rtl-chip-sel-close-left: -12px !default;
7980
$ddl-popup-active-focus-border-width: 0 !default;
8081
$ddl-popup-active-focus-shadow-item: none !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_highcontrast-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8585
$ddl-chip-sel-mobile-close-height: 26px !default;
8686
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8787
$ddl-input-text-indent: 10px !default;
88+
$ddl-input-placeholder-padding: 0 0 0 10px !default;
8889
$ddl-rtl-chip-sel-close-left: -12px !default;
8990
$ddl-popup-active-focus-bg-color: $selection-bg !default;
9091
$ddl-popup-active-focus-font-color: $selection-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_highcontrast-light-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8585
$ddl-chip-sel-mobile-close-height: 26px !default;
8686
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8787
$ddl-input-text-indent: 10px !default;
88+
$ddl-input-placeholder-padding: 0 0 0 10px !default;
8889
$ddl-rtl-chip-sel-close-left: -12px !default;
8990
$ddl-popup-active-focus-bg-color: $selection-bg !default;
9091
$ddl-popup-active-focus-font-color: $selection-font !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_layout.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -420,8 +420,8 @@
420420
height: $ddl-input-height;
421421
min-height: $ddl-input-height;
422422
outline: none;
423-
padding: 0;
424-
text-indent: $ddl-input-text-indent;
423+
padding: $ddl-input-placeholder-padding;
424+
text-indent: 0;
425425
}
426426

427427
.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_material-dark-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8787
$ddl-chip-sel-mobile-close-height: 40px !default;
8888
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8989
$ddl-input-text-indent: 0 !default;
90+
$ddl-input-placeholder-padding: 4px 0 4px 0 !default;
9091
$ddl-rtl-chip-sel-close-left: -12px !default;
9192
$ddl-popup-active-focus-bg-color: $grey-800 !default;
9293
$ddl-popup-active-focus-font-color: $accent !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_material-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
8686
$ddl-chip-sel-mobile-close-height: 40px !default;
8787
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8888
$ddl-input-text-indent: 0 !default;
89+
$ddl-input-placeholder-padding: 4px 0 4px 0 !default;
8990
$ddl-rtl-chip-sel-close-left: -12px !default;
9091
$ddl-popup-active-focus-bg-color: $grey-300 !default;
9192
$ddl-popup-active-focus-font-color: $accent !default;

‎controls/buttons/themestudio/styles/dropdowns/multi-select/_tailwind-definition.scss

+1
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
7878
$ddl-chip-sel-mobile-close-height: 40px !default;
7979
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
8080
$ddl-input-text-indent: 10px !default;
81+
$ddl-input-placeholder-padding: 4px 0 4px 12px !default;
8182
$ddl-rtl-chip-sel-close-left: -12px !default;
8283
$ddl-popup-active-focus-border-width: 1px !default;
8384
$ddl-popup-active-focus-shadow-item: none !default;

‎controls/buttons/themestudio/styles/grids/grid/_layout.scss

+5
Original file line numberDiff line numberDiff line change
@@ -3719,6 +3719,11 @@
37193719
.e-cc-contentdiv .e-choosercheck {
37203720
white-space: $grid-filter-checkbox-white-space;
37213721
}
3722+
3723+
.e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
3724+
.e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
3725+
text-align: left;
3726+
}
37223727
}
37233728
}
37243729
}

‎controls/buttons/themestudio/styles/image-editor/image-editor/_layout.scss

+2
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,9 @@
201201

202202
& .e-toolbar-area + .e-canvas-wrapper {
203203
border-top: $image-editor-border;
204+
}
204205

206+
& .e-canvas-wrapper {
205207
& .e-textarea {
206208
line-height: initial !important; /* stylelint-disable-line declaration-no-important */
207209
}

‎controls/buttons/themestudio/styles/navigations/accordion/_theme.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,16 @@
88
border: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
99
border-radius: $acrdn-border-radius;
1010

11-
.e-active {
12-
background: $acrdn-active-bg-color;
13-
}
14-
1511
.e-acrdn-item {
1612
border-color: $acrdn-item-border-color;
1713
border-style: $acrdn-item-border-nav-type;
1814
border-width: $acrdn-item-border-size;
1915
border-radius: $acrdn-item-border-radius;
2016

17+
&.e-active {
18+
background: $acrdn-active-bg-color;
19+
}
20+
2121
&.e-select:last-child {
2222
border-bottom: $acrdn-item-select-last-child-border-bottom;
2323
border-radius: $acrdn-item-select-last-child-border-radius;

‎controls/buttons/themestudio/styles/navigations/context-menu/_layout-mixin.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,9 @@
119119
}
120120

121121
&.e-menu-caret-icon {
122-
padding-left: $cmenu-caret-li-padding;
122+
@if $skin-name != 'FluentUI' {
123+
padding-left: $cmenu-caret-li-padding;
124+
}
123125
padding-right: $cmenu-li-right-padding;
124126
}
125127

‎controls/buttons/themestudio/styles/navigations/context-menu/_layout.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,8 @@
142142
.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
143143
.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
144144
.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
145-
@include bigger-rtl-blank-icon;
145+
@if $skin-name != 'FluentUI' {
146+
@include bigger-rtl-blank-icon;
147+
}
146148
}
147149
}

‎controls/buttons/themestudio/styles/navigations/menu/_layout.scss

+1
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,7 @@
6666
line-height: $menu-li-height;
6767
margin-right: $menu-icon-margin-right;
6868
text-align: center;
69+
margin-bottom: 4px;
6970
}
7071

7172
& .e-caret {

‎controls/buttons/themestudio/styles/navigations/menu/_theme.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
@at-root {
1010
& .e-menu {
11-
@if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
11+
@if $skin-name == 'bootstrap4' {
1212
background-color: $cmenu-ul-bgcolor;
1313
}
1414
@else {

‎controls/buttons/themestudio/styles/navigations/menu/icons/_fabric-dark.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -83,15 +83,15 @@
8383
&.e-vertical {
8484
& .e-caret {
8585
&::before {
86-
content: '\e937';
86+
content: '\e98f';
8787
}
8888
}
8989
}
9090

9191
&.e-ul {
9292
& .e-caret {
9393
&::before {
94-
content: '\e937';
94+
content: '\e98f';
9595
}
9696
}
9797
}
@@ -104,15 +104,15 @@
104104
&.e-vertical {
105105
& .e-caret {
106106
&::before {
107-
content: '\e937';
107+
content: '\e98f';
108108
}
109109
}
110110
}
111111

112112
&.e-ul {
113113
& .e-caret {
114114
&::before {
115-
content: '\e937';
115+
content: '\e98f';
116116
}
117117
}
118118
}

‎controls/buttons/themestudio/styles/navigations/menu/icons/_fabric.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -83,15 +83,15 @@
8383
&.e-vertical {
8484
& .e-caret {
8585
&::before {
86-
content: '\e937';
86+
content: '\e98f';
8787
}
8888
}
8989
}
9090

9191
&.e-ul {
9292
& .e-caret {
9393
&::before {
94-
content: '\e937';
94+
content: '\e98f';
9595
}
9696
}
9797
}
@@ -104,15 +104,15 @@
104104
&.e-vertical {
105105
& .e-caret {
106106
&::before {
107-
content: '\e937';
107+
content: '\e98f';
108108
}
109109
}
110110
}
111111

112112
&.e-ul {
113113
& .e-caret {
114114
&::before {
115-
content: '\e937';
115+
content: '\e98f';
116116
}
117117
}
118118
}

‎controls/buttons/themestudio/styles/pivotview/pivotview/_layout.scss

+22-8
Original file line numberDiff line numberDiff line change
@@ -632,6 +632,12 @@
632632
background: $pivotgrid-grp-bg-hover-color;
633633
}
634634
}
635+
636+
&:focus {
637+
@if ($skin-name =='bootstrap4') {
638+
background: $pivotgrid-grp-bg-hover-color;
639+
}
640+
}
635641
}
636642
}
637643
}
@@ -727,20 +733,28 @@
727733
@if ($pivotgrid-skin == 'bootstrap4') {
728734
background-color: $gray-600;
729735
border-radius: $pivotgrid-default-border-radius;
730-
}
736+
}
731737

732-
.e-menu-icon,
733-
.e-icons{
734-
@if ($pivotgrid-skin == 'bootstrap4') {
735-
color: $white;
738+
.e-menu-icon,
739+
.e-icons{
740+
@if ($pivotgrid-skin == 'bootstrap4') {
741+
color: $white;
742+
}
743+
744+
@if ($pivotgrid-skin == 'FluentUI') {
745+
color: $pivotgrid-active-color;
746+
}
736747
}
748+
}
737749

738-
@if ($pivotgrid-skin == 'FluentUI') {
739-
color: $pivotgrid-active-color;
750+
ul.e-menu {
751+
@if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
752+
($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
753+
padding-right: 0 !important;
754+
padding-left: 0 !important;
740755
}
741756
}
742757
}
743-
}
744758

745759
.e-tab .e-tab-header .e-toolbar-item.e-active {
746760
margin-left: 18px !important;

‎controls/buttons/themestudio/styles/pivotview/pivotview/_theme.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -113,13 +113,13 @@
113113
.e-toolbar .e-tbar-btn {
114114
@if ($skin-name == 'tailwind') {
115115
background-color: transparent;
116-
}
116+
}
117117

118118
&:hover {
119119
@if ($skin-name == 'tailwind') {
120120
background-color: $pivot-toolbar-icon-hover-color;
121-
}
122-
}
121+
}
122+
}
123123
}
124124

125125

‎controls/buttons/themestudio/styles/popups/dialog/_fluent-definition.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ $dialog-close-button-width: 32px !default;
1818
$dialog-header-content-padding: 16px 24px 20px !default;
1919
$dialog-content-padding: 24px 24px 12px 24px !default;
2020
$dialog-content-margin-bottom: 12px !default;
21-
$dialog-footer-content-padding: 0 24px 24px !default;
21+
$dialog-footer-content-padding: 24px !default;
2222
$dialog-footer-content-padding-bottom: 9px !default;
2323
$dialog-footer-content-border-top: 0 solid $border-light !default;
2424
$dialog-alert-footer-content-border-top: 0 solid $border-light !default;

0 commit comments

Comments
 (0)