@syncfusion/ej2-dropdowns 32.1.22 → 32.1.24

package/styles/drop-down-tree/_bigger.fluent-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.fluent.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.fluent2.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.highcontrast-light.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.highcontrast.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.material-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.material.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.material3-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.material3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin close-style($font-size, $height, $width) {
   font-size: $font-size;
   height: $height;

package/styles/drop-down-tree/_bigger.tailwind-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.tailwind.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_bigger';

package/styles/drop-down-tree/_bigger.tailwind3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_bigger';

package/styles/drop-down-tree/_layout.bds.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bds';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap4.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap4';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap5-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap5.3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5.3';
+@import './_layout';

package/styles/drop-down-tree/_layout.bootstrap5.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.bootstrap5';
+@import './_layout';

package/styles/drop-down-tree/_layout.fabric-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.fabric.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fabric';
+@import './_layout';

package/styles/drop-down-tree/_layout.fluent-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.fluent.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent';
+@import './_layout';

package/styles/drop-down-tree/_layout.fluent2.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.fluent2';
+@import './_layout';

package/styles/drop-down-tree/_layout.highcontrast-light.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast-light';
+@import './_layout';

package/styles/drop-down-tree/_layout.highcontrast.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.highcontrast';
+@import './_layout';

package/styles/drop-down-tree/_layout.material-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.material.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material';
+@import './_layout';

package/styles/drop-down-tree/_layout.material3-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.material3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.material3';
+@import './_layout';

package/styles/drop-down-tree/_layout.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin ddt-rotate($position) {
   transform: rotate($position);
   transition: transform 300ms ease;

package/styles/drop-down-tree/_layout.tailwind-dark.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind-dark';
+@import './_layout';

package/styles/drop-down-tree/_layout.tailwind.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind';
+@import './_layout';

package/styles/drop-down-tree/_layout.tailwind3.scss

@@ -0,0 +1,3 @@
+@use 'ej2-base/styles/common/mixin' as *;
+@import './_theme-variables.tailwind3';
+@import './_layout';

package/styles/drop-down-tree/_theme-variables.bds.scss

@@ -0,0 +1 @@
+@forward './_bds-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap-dark.scss

@@ -0,0 +1 @@
+@forward './_bootstrap-dark-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap.scss

@@ -0,0 +1 @@
+@forward './_bootstrap-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap4.scss

@@ -0,0 +1 @@
+@forward './_bootstrap4-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap5-dark.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5-dark-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap5.3.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5.3-definition';

package/styles/drop-down-tree/_theme-variables.bootstrap5.scss

@@ -0,0 +1 @@
+@forward './_bootstrap5-definition';

package/styles/drop-down-tree/_theme-variables.fabric-dark.scss

@@ -0,0 +1 @@
+@forward './_fabric-dark-definition';

package/styles/drop-down-tree/_theme-variables.fabric.scss

@@ -0,0 +1 @@
+@forward './_fabric-definition';

package/styles/drop-down-tree/_theme-variables.fluent-dark.scss

@@ -0,0 +1 @@
+@forward './_fluent-dark-definition';

package/styles/drop-down-tree/_theme-variables.fluent.scss

@@ -0,0 +1 @@
+@forward './_fluent-definition';

package/styles/drop-down-tree/_theme-variables.fluent2.scss

@@ -0,0 +1 @@
+@forward './_fluent2-definition';

package/styles/drop-down-tree/_theme-variables.highcontrast-light.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-light-definition';

package/styles/drop-down-tree/_theme-variables.highcontrast.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-definition';

package/styles/drop-down-tree/_theme-variables.material-dark.scss

@@ -0,0 +1 @@
+@forward './_material-dark-definition';

package/styles/drop-down-tree/_theme-variables.material.scss

@@ -0,0 +1 @@
+@forward './_material-definition';

package/styles/drop-down-tree/_theme-variables.material3-dark.scss

@@ -0,0 +1 @@
+@forward './_material3-dark-definition';

package/styles/drop-down-tree/_theme-variables.material3.scss

@@ -0,0 +1 @@
+@forward './_material3-definition';

package/styles/drop-down-tree/_theme-variables.tailwind-dark.scss

@@ -0,0 +1 @@
+@forward './_tailwind-dark-definition';

package/styles/drop-down-tree/_theme-variables.tailwind.scss

@@ -0,0 +1 @@
+@forward './_tailwind-definition';

package/styles/drop-down-tree/_theme.bds.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap4.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap5-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap5.3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_theme';

package/styles/drop-down-tree/_theme.bootstrap5.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_theme';

package/styles/drop-down-tree/_theme.fabric-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.fabric.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_theme';

package/styles/drop-down-tree/_theme.fluent-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.fluent.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_theme';

package/styles/drop-down-tree/_theme.fluent2.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_theme';

package/styles/drop-down-tree/_theme.highcontrast-light.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_theme';

package/styles/drop-down-tree/_theme.highcontrast.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_theme';

package/styles/drop-down-tree/_theme.material-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.material.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_theme';

package/styles/drop-down-tree/_theme.material3-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.material3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_theme';

package/styles/drop-down-tree/_theme.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @mixin chip-style($bg-color, $close-color, $font-color) {
 
   @if $ddt-skin-name == 'Material3' {

package/styles/drop-down-tree/_theme.tailwind-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_theme';

package/styles/drop-down-tree/_theme.tailwind.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_theme';

package/styles/drop-down-tree/_theme.tailwind3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_theme';

package/styles/drop-down-tree/bds.css

@@ -231,6 +231,67 @@
   content: "\e7e7";
 }
 
+
+
+
+
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: var(--color-sf-bg-tertiary);
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: var(--color-sf-fg-secondary);
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: var(--color-sf-text-primary);
+}
+.e-ddt .e-chips:hover {
+  background-color: var(--color-sf-bg-quaternary);
+}
+.e-ddt .e-chips:hover .e-chips-close::before {
+  color: var(--color-sf-fg-secondary-hover);
+}
+.e-ddt .e-chips:hover > .e-chipcontent {
+  color: var(--color-sf-text-primary);
+}
+.e-ddt.e-disabled {
+  background-color: var(--color-sf-bg-tertiary);
+}
+.e-ddt.e-disabled .e-chips-close::before {
+  color: var(--color-sf-text-disabled);
+}
+.e-ddt.e-disabled > .e-chipcontent {
+  color: var(--color-sf-text-disabled);
+}
+.e-ddt .e-overflow .e-remain {
+  color: var(--color-sf-text-quarterary);
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
+  background-color: var(--color-sf-bg-primary-alt);
+  color: var(--color-sf-text-disabled);
+}
+.e-ddt.e-popup {
+  background: var(--color-sf-bg-primary-alt);
+  border-color: var(--color-sf-border-secondary);
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: var(--color-sf-text-primary);
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: var(--color-sf-border-secondary);
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: var(--color-sf-bg-secondary-hover);
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: var(--color-sf-text-primary);
+}
+
+
+
+
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -547,57 +608,11 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: var(--color-sf-bg-tertiary);
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: var(--color-sf-fg-secondary);
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: var(--color-sf-text-primary);
-}
-.e-ddt .e-chips:hover {
-  background-color: var(--color-sf-bg-quaternary);
-}
-.e-ddt .e-chips:hover .e-chips-close::before {
-  color: var(--color-sf-fg-secondary-hover);
-}
-.e-ddt .e-chips:hover > .e-chipcontent {
-  color: var(--color-sf-text-primary);
-}
-.e-ddt.e-disabled {
-  background-color: var(--color-sf-bg-tertiary);
-}
-.e-ddt.e-disabled .e-chips-close::before {
-  color: var(--color-sf-text-disabled);
-}
-.e-ddt.e-disabled > .e-chipcontent {
-  color: var(--color-sf-text-disabled);
-}
-.e-ddt .e-overflow .e-remain {
-  color: var(--color-sf-text-quarterary);
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
-  background-color: var(--color-sf-bg-primary-alt);
-  color: var(--color-sf-text-disabled);
-}
-.e-ddt.e-popup {
-  background: var(--color-sf-bg-primary-alt);
-  border-color: var(--color-sf-border-secondary);
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: var(--color-sf-text-primary);
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: var(--color-sf-border-secondary);
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: var(--color-sf-bg-secondary-hover);
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: var(--color-sf-text-primary);
-}
 
+
+
+
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;

package/styles/drop-down-tree/bds.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bds' as *;
+@use 'bigger.bds' as *;

package/styles/drop-down-tree/bootstrap-dark.css

@@ -57,6 +57,40 @@
   content: "\e842";
 }
 
+/* stylelint-disable */
+.e-ddt .e-chips {
+  background-color: #414141;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #f0f0f0;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #f0f0f0;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #8d8d8d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  background-color: #1a1a1a;
+}
+.e-ddt.e-popup {
+  background: #313131;
+  border-color: #414141;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #a4a4a4;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #484848;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #414141;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #f0f0f0;
+}
+
+/* stylelint-disable */
 .e-ddt {
   cursor: pointer;
   outline: none;
@@ -367,38 +401,7 @@
   display: none;
 }
 
-.e-ddt .e-chips {
-  background-color: #414141;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #f0f0f0;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #f0f0f0;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #8d8d8d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #1a1a1a;
-}
-.e-ddt.e-popup {
-  background: #313131;
-  border-color: #414141;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #a4a4a4;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #484848;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #414141;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #f0f0f0;
-}
-
+/* stylelint-disable */
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;

package/styles/drop-down-tree/bootstrap-dark.scss

@@ -6,5 +6,5 @@
 @use '../drop-down-base/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap-dark' as *;
+@use 'bigger.bootstrap-dark' as *;