@syncfusion/ej2-dropdowns 32.2.4 → 32.2.6

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-dropdowns",
3
- "version": "32.2.4",
3
+ "version": "32.2.6",
4
4
  "description": "Essential JS 2 DropDown Components",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-dropdowns.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.2.3",
11
+ "@syncfusion/ej2-base": "~32.2.6",
12
12
  "@syncfusion/ej2-data": "~32.2.3",
13
13
  "@syncfusion/ej2-inputs": "~32.2.3",
14
- "@syncfusion/ej2-lists": "~32.2.3",
15
- "@syncfusion/ej2-navigations": "~32.2.3",
14
+ "@syncfusion/ej2-lists": "~32.2.6",
15
+ "@syncfusion/ej2-navigations": "~32.2.6",
16
16
  "@syncfusion/ej2-notifications": "~32.2.3",
17
- "@syncfusion/ej2-popups": "~32.2.4"
17
+ "@syncfusion/ej2-popups": "~32.2.6"
18
18
  },
19
19
  "devDependencies": {},
20
20
  "keywords": [
@@ -2,6 +2,9 @@
2
2
  @forward 'ej2-base/styles/definition/material3-dark';
3
3
 
4
4
  //layout variables
5
+ $list-header-bg-color: $transparent !default;
6
+ $list-header-text-color: rgba($content-text-color-alt1) !default;
7
+ $list-header-icon-color: rgba($icon-color) !default;
5
8
  $listbox-font-family: $font-family !default;
6
9
  $listbox-icon-margin-right: 16px !default;
7
10
  $listbox-icon-line-height: 34px !default;
@@ -111,8 +114,8 @@ $listbox-header-border: rgba($border-light) !default;
111
114
  $checkmark-bgcolor: rgba($primary) !default;
112
115
  $checkmark-border-color: transparent !default;
113
116
  $checkmark-color: rgba($primary-text-color) !default;
114
- $listbox-groupheader-text-color: rgba($content-text-color-alt1) !default;
115
- $listbox-groupheader-bg: $content-bg-color-alt2 !default;
117
+ $listbox-groupheader-text-color: $list-header-text-color !default;
118
+ $listbox-groupheader-bg: $list-header-bg-color !default;
116
119
  $listbox-groupheader-border: rgba($content-text-color-alt1) !default;
117
120
  $listbox-groupheader-icon: rgba($icon-color) !default;
118
121
  $listbox-template-multiline-header-color: rgba($content-text-color) !default;
@@ -2,6 +2,9 @@
2
2
  @forward 'ej2-base/styles/definition/material3';
3
3
 
4
4
  //layout variables
5
+ $list-header-bg-color: $transparent !default;
6
+ $list-header-text-color: rgba($content-text-color-alt1) !default;
7
+ $list-header-icon-color: rgba($icon-color) !default;
5
8
  $listbox-font-family: $font-family !default;
6
9
  $listbox-icon-margin-right: 16px !default;
7
10
  $listbox-icon-line-height: 34px !default;
@@ -111,8 +114,8 @@ $listbox-header-border: rgba($border-light) !default;
111
114
  $checkmark-bgcolor: rgba($primary) !default;
112
115
  $checkmark-border-color: transparent !default;
113
116
  $checkmark-color: rgba($primary-text-color) !default;
114
- $listbox-groupheader-text-color: rgba($content-text-color-alt1) !default;
115
- $listbox-groupheader-bg: $content-bg-color-alt2 !default;
117
+ $listbox-groupheader-text-color: $list-header-text-color !default;
118
+ $listbox-groupheader-bg: $list-header-bg-color !default;
116
119
  $listbox-groupheader-border: rgba($content-text-color-alt1) !default;
117
120
  $listbox-groupheader-icon: rgba($icon-color) !default;
118
121
  $listbox-template-multiline-header-color: rgba($content-text-color) !default;
@@ -838,7 +838,7 @@ ejs-listbox {
838
838
  .e-listbox-wrapper .e-list-group-item,
839
839
  .e-listbox-container .e-list-group-item,
840
840
  .e-listboxtool-wrapper .e-list-group-item {
841
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
841
+ background-color: transparent;
842
842
  border-color: rgba(var(--color-sf-outline-variant));
843
843
  color: rgba(var(--color-sf-on-surface-variant));
844
844
  font-size: 12px;
@@ -844,7 +844,7 @@ ejs-listbox {
844
844
  .e-listbox-wrapper .e-list-group-item,
845
845
  .e-listbox-container .e-list-group-item,
846
846
  .e-listboxtool-wrapper .e-list-group-item {
847
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
847
+ background-color: transparent;
848
848
  border-color: rgba(var(--color-sf-outline-variant));
849
849
  color: rgba(var(--color-sf-on-surface-variant));
850
850
  font-size: 12px;
@@ -5628,7 +5628,7 @@ ejs-listbox {
5628
5628
  .e-listbox-wrapper .e-list-group-item,
5629
5629
  .e-listbox-container .e-list-group-item,
5630
5630
  .e-listboxtool-wrapper .e-list-group-item {
5631
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
5631
+ background-color: transparent;
5632
5632
  border-color: rgba(var(--color-sf-outline-variant));
5633
5633
  color: rgba(var(--color-sf-on-surface-variant));
5634
5634
  font-size: 12px;
@@ -7632,7 +7632,7 @@ ejs-listbox {
7632
7632
  .e-listbox-wrapper .e-list-group-item,
7633
7633
  .e-listbox-container .e-list-group-item,
7634
7634
  .e-listboxtool-wrapper .e-list-group-item {
7635
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
7635
+ background-color: transparent;
7636
7636
  border-color: rgba(var(--color-sf-outline-variant));
7637
7637
  color: rgba(var(--color-sf-on-surface-variant));
7638
7638
  font-size: 12px;
@@ -5568,7 +5568,7 @@ ejs-listbox {
5568
5568
  .e-listbox-wrapper .e-list-group-item,
5569
5569
  .e-listbox-container .e-list-group-item,
5570
5570
  .e-listboxtool-wrapper .e-list-group-item {
5571
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
5571
+ background-color: transparent;
5572
5572
  border-color: rgba(var(--color-sf-outline-variant));
5573
5573
  color: rgba(var(--color-sf-on-surface-variant));
5574
5574
  font-size: 12px;
@@ -7582,7 +7582,7 @@ ejs-listbox {
7582
7582
  .e-listbox-wrapper .e-list-group-item,
7583
7583
  .e-listbox-container .e-list-group-item,
7584
7584
  .e-listboxtool-wrapper .e-list-group-item {
7585
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
7585
+ background-color: transparent;
7586
7586
  border-color: rgba(var(--color-sf-outline-variant));
7587
7587
  color: rgba(var(--color-sf-on-surface-variant));
7588
7588
  font-size: 12px;