@syncfusion/ej2-treegrid 32.2.7 → 32.2.9-1987473

package/styles/treegrid/_all.bootstrap-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap-dark' as *;
-@use 'theme.bootstrap-dark' as *;
+@use 'layout.bootstrap-dark' as *;
+@use 'theme.bootstrap-dark' as *;

package/styles/treegrid/_all.bootstrap.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap' as *;
-@use 'theme.bootstrap' as *;
+@use 'layout.bootstrap' as *;
+@use 'theme.bootstrap' as *;

package/styles/treegrid/_all.bootstrap4.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap4' as *;
-@use 'theme.bootstrap4' as *;
+@use 'layout.bootstrap4' as *;
+@use 'theme.bootstrap4' as *;

package/styles/treegrid/_all.bootstrap5-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap5-dark' as *;
-@use 'theme.bootstrap5-dark' as *;
+@use 'layout.bootstrap5-dark' as *;
+@use 'theme.bootstrap5-dark' as *;

package/styles/treegrid/_all.bootstrap5.3.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap5.3' as *;
-@use 'theme.bootstrap5.3' as *;
+@use 'layout.bootstrap5.3' as *;
+@use 'theme.bootstrap5.3' as *;

package/styles/treegrid/_all.bootstrap5.scss

@@ -1,2 +1,2 @@
-@use 'layout.bootstrap5' as *;
-@use 'theme.bootstrap5' as *;
+@use 'layout.bootstrap5' as *;
+@use 'theme.bootstrap5' as *;

package/styles/treegrid/_all.fabric-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.fabric-dark' as *;
-@use 'theme.fabric-dark' as *;
+@use 'layout.fabric-dark' as *;
+@use 'theme.fabric-dark' as *;

package/styles/treegrid/_all.fabric.scss

@@ -1,2 +1,2 @@
-@use 'layout.fabric' as *;
-@use 'theme.fabric' as *;
+@use 'layout.fabric' as *;
+@use 'theme.fabric' as *;

package/styles/treegrid/_all.fluent-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.fluent-dark' as *;
-@use 'theme.fluent-dark' as *;
+@use 'layout.fluent-dark' as *;
+@use 'theme.fluent-dark' as *;

package/styles/treegrid/_all.fluent.scss

@@ -1,2 +1,2 @@
-@use 'layout.fluent' as *;
-@use 'theme.fluent' as *;
+@use 'layout.fluent' as *;
+@use 'theme.fluent' as *;

package/styles/treegrid/_all.fluent2.scss

@@ -1,2 +1,2 @@
-@use 'layout.fluent2' as *;
-@use 'theme.fluent2' as *;
+@use 'layout.fluent2' as *;
+@use 'theme.fluent2' as *;

package/styles/treegrid/_all.highcontrast-light.scss

@@ -1,2 +1,2 @@
-@use 'layout.highcontrast-light' as *;
-@use 'theme.highcontrast-light' as *;
+@use 'layout.highcontrast-light' as *;
+@use 'theme.highcontrast-light' as *;

package/styles/treegrid/_all.highcontrast.scss

@@ -1,2 +1,2 @@
-@use 'layout.highcontrast' as *;
-@use 'theme.highcontrast' as *;
+@use 'layout.highcontrast' as *;
+@use 'theme.highcontrast' as *;

package/styles/treegrid/_all.material-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.material-dark' as *;
-@use 'theme.material-dark' as *;
+@use 'layout.material-dark' as *;
+@use 'theme.material-dark' as *;

package/styles/treegrid/_all.material.scss

@@ -1,2 +1,2 @@
-@use 'layout.material' as *;
-@use 'theme.material' as *;
+@use 'layout.material' as *;
+@use 'theme.material' as *;

package/styles/treegrid/_all.material3-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.material3-dark' as *;
-@use 'theme.material3-dark' as *;
+@use 'layout.material3-dark' as *;
+@use 'theme.material3-dark' as *;

package/styles/treegrid/_all.material3.scss

@@ -1,2 +1,2 @@
-@use 'layout.material3' as *;
-@use 'theme.material3' as *;
+@use 'layout.material3' as *;
+@use 'theme.material3' as *;

package/styles/treegrid/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@use 'layout' as *;
+@use 'theme' as *;

package/styles/treegrid/_all.tailwind-dark.scss

@@ -1,2 +1,2 @@
-@use 'layout.tailwind-dark' as *;
-@use 'theme.tailwind-dark' as *;
+@use 'layout.tailwind-dark' as *;
+@use 'theme.tailwind-dark' as *;

package/styles/treegrid/_all.tailwind.scss

@@ -1,2 +1,2 @@
-@use 'layout.tailwind' as *;
-@use 'theme.tailwind' as *;
+@use 'layout.tailwind' as *;
+@use 'theme.tailwind' as *;

package/styles/treegrid/_all.tailwind3.scss

@@ -1,2 +1,2 @@
-@use 'layout.tailwind3' as *;
-@use 'theme.tailwind3' as *;
+@use 'layout.tailwind3' as *;
+@use 'theme.tailwind3' as *;

package/styles/treegrid/_bds-definition.scss

@@ -1,26 +1,26 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
-$treegrid-right-arrow-icon-color: $icon-color !default;
-$treegrid-right-arrow-hover-color: $icon-color-hover !default;
-$childborder-color: $primary !default;
-$error-elem-color: $danger !default;
-$error-elem-content: '\e77e' !default;
-$treegrid-right-arrow-icon-font-size: $text-lg !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-vertical-align: unset;
-$treegrid-right-arrow-icon-height: 18px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-bigger-icon-size: 22px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: $font-icon-22 !default;
-$treegrid-frame-bigger-icon-height: 18px !default;
-$treegrid-frame-bigger-icon-width: 18px !default;
-$treegrid-frame-icon-height: 16px !default;
-$treegrid-frame-icon-width: 16px !default;
-$treegrid-content-right-padding: 21px !default;
-$treegrid-rowdrag-childborder-border: 2px solid $primary;
-$treegrid-rowdd-topbottom-border: 2px solid $primary !default;
-$treegrid-rowdd-boxshadow: $primary !default;
-$treegrid-rowdd-childborder-width: 2px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 2px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
+@use 'ej2-base/styles/definition/bds' as *;
+@forward 'ej2-base/styles/definition/bds';
+$treegrid-right-arrow-icon-color: $icon-color !default;
+$treegrid-right-arrow-hover-color: $icon-color-hover !default;
+$childborder-color: $primary !default;
+$error-elem-color: $danger !default;
+$error-elem-content: '\e77e' !default;
+$treegrid-right-arrow-icon-font-size: $text-lg !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-vertical-align: unset;
+$treegrid-right-arrow-icon-height: 18px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-bigger-icon-size: 22px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: $font-icon-22 !default;
+$treegrid-frame-bigger-icon-height: 18px !default;
+$treegrid-frame-bigger-icon-width: 18px !default;
+$treegrid-frame-icon-height: 16px !default;
+$treegrid-frame-icon-width: 16px !default;
+$treegrid-content-right-padding: 21px !default;
+$treegrid-rowdrag-childborder-border: 2px solid $primary;
+$treegrid-rowdd-topbottom-border: 2px solid $primary !default;
+$treegrid-rowdd-boxshadow: $primary !default;
+$treegrid-rowdd-childborder-width: 2px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 2px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;

package/styles/treegrid/_bigger.bds.scss

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

package/styles/treegrid/_bigger.bootstrap-dark.scss

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

package/styles/treegrid/_bigger.bootstrap.scss

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

package/styles/treegrid/_bigger.bootstrap4.scss

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

package/styles/treegrid/_bigger.bootstrap5-dark.scss

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

package/styles/treegrid/_bigger.bootstrap5.3.scss

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

package/styles/treegrid/_bigger.bootstrap5.scss

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

package/styles/treegrid/_bigger.fabric-dark.scss

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

package/styles/treegrid/_bigger.fabric.scss

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

package/styles/treegrid/_bigger.fluent-dark.scss

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

package/styles/treegrid/_bigger.fluent.scss

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

package/styles/treegrid/_bigger.fluent2.scss

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

package/styles/treegrid/_bigger.highcontrast-light.scss

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

package/styles/treegrid/_bigger.highcontrast.scss

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

package/styles/treegrid/_bigger.material-dark.scss

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

package/styles/treegrid/_bigger.material.scss

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

package/styles/treegrid/_bigger.material3-dark.scss

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

package/styles/treegrid/_bigger.material3.scss

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

package/styles/treegrid/_bigger.scss

@@ -1,67 +1,67 @@
-@use 'ej2-base/styles/common/mixin' as *;
-@include export-module('tree-bigger') {
-  .e-bigger {
-    .e-treegrid {
-      .e-grid {
-
-        
-        .e-treegridexpand,
-        .e-treegridcollapse {
-          font-size: $treegrid-bigger-icon-font-size;
-          height: $treegrid-bigger-icon-size;
-          width: $treegrid-bigger-icon-size;
-          vertical-align: bottom;
-        }
-
-        .e-treegridexpand {
-          @if $skin-name =='highcontrast' {
-            vertical-align: middle;
-          }
-        }
-
-        .e-hierarchycheckbox {
-          padding-left: 2px;
-        }
-
-        .e-hierarchycheckbox .e-frame {
-          @if $skin-name =='bootstrap' or $skin-name =='boostrap-dark' or $skin-name =='fabric-dark' or $skin-name =='fabric' or $skin-name =='highcontrast' or $skin-name =='FluentUI' or $theme-name =='fluentui-dark' {
-            font-size: 12px;
-            line-height: 12px;
-            padding: 2px 0;
-          }
-          height: $treegrid-frame-bigger-icon-height;
-          width: $treegrid-frame-bigger-icon-width;
-        }
-
-        .e-treecell {
-          line-height: $treegrid-bigger-icon-size;
-        }
-
-        .e-treecolumn-container span {
-          vertical-align: middle;
-        }
-
-        .e-row[aria-expanded = 'true'] .e-treecell {
-          @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-            font-size: 16px;
-            font-weight: bold;
-          }
-        }
-
-        // .e-gridcontent .e-rowcell {
-        //   @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
-        //     line-height: 19px;
-        //   }
-        // }
-
-        .e-gridheader {
-          .e-headercell .e-css.e-hierarchycheckbox {
-            @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
-              bottom: 12px;
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@use 'ej2-base/styles/common/mixin' as *;
+@include export-module('tree-bigger') {
+  .e-bigger {
+    .e-treegrid {
+      .e-grid {
+
+        
+        .e-treegridexpand,
+        .e-treegridcollapse {
+          font-size: $treegrid-bigger-icon-font-size;
+          height: $treegrid-bigger-icon-size;
+          width: $treegrid-bigger-icon-size;
+          vertical-align: bottom;
+        }
+
+        .e-treegridexpand {
+          @if $skin-name =='highcontrast' {
+            vertical-align: middle;
+          }
+        }
+
+        .e-hierarchycheckbox {
+          padding-left: 2px;
+        }
+
+        .e-hierarchycheckbox .e-frame {
+          @if $skin-name =='bootstrap' or $skin-name =='boostrap-dark' or $skin-name =='fabric-dark' or $skin-name =='fabric' or $skin-name =='highcontrast' or $skin-name =='FluentUI' or $theme-name =='fluentui-dark' {
+            font-size: 12px;
+            line-height: 12px;
+            padding: 2px 0;
+          }
+          height: $treegrid-frame-bigger-icon-height;
+          width: $treegrid-frame-bigger-icon-width;
+        }
+
+        .e-treecell {
+          line-height: $treegrid-bigger-icon-size;
+        }
+
+        .e-treecolumn-container span {
+          vertical-align: middle;
+        }
+
+        .e-row[aria-expanded = 'true'] .e-treecell {
+          @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
+            font-size: 16px;
+            font-weight: bold;
+          }
+        }
+
+        // .e-gridcontent .e-rowcell {
+        //   @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
+        //     line-height: 19px;
+        //   }
+        // }
+
+        .e-gridheader {
+          .e-headercell .e-css.e-hierarchycheckbox {
+            @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
+              bottom: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/styles/treegrid/_bigger.tailwind-dark.scss

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

package/styles/treegrid/_bigger.tailwind.scss

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

package/styles/treegrid/_bigger.tailwind3.scss

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

package/styles/treegrid/_bootstrap-dark-definition.scss

@@ -1,31 +1,31 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
-$treegrid-right-arrow-icon: '\e22f' !default;
-$treegrid-toolbar-expand-icon: '\e558' !default;
-$treegrid-toolbar-collapse-icon: '\e557' !default;
-$treegrid-right-arrow-icon-color: $grey-dark-font !default;
-$treegrid-right-arrow-icon-font-size: 10px !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-height: 16px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-right-arrow-icon-vertical-align: middle;
-$treegrid-content-right-padding: 8px !default;
-$treegrid-bigger-icon-size: 18px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: 10px !default;
-$treegrid-right-arrow-hover-color: $grey-dark-font !default;
-$treegrid-toolbar-indent-icon: '\e33f' !default;
-$treegrid-toolbar-outdent-icon: '\e35d' !default;
-$treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
-$childborder-color: $brand-primary;
-$error-elem-color: #e3165b;
-$error-elem-content: '\e22a' !default;
-$treegrid-frame-bigger-icon-height: 20px !default;
-$treegrid-frame-bigger-icon-width: 20px !default;
-$treegrid-frame-icon-height: 18px !default;
-$treegrid-frame-icon-width: 18px !default;
-$treegrid-rowdd-topbottom-border: 1px solid #0070f0 !default;
-$treegrid-rowdd-boxshadow:  #0070f0 !default;
-$treegrid-rowdd-childborder-width: 1px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 1px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
+@use 'ej2-base/styles/definition/bootstrap-dark' as *;
+@forward 'ej2-base/styles/definition/bootstrap-dark';
+$treegrid-right-arrow-icon: '\e22f' !default;
+$treegrid-toolbar-expand-icon: '\e558' !default;
+$treegrid-toolbar-collapse-icon: '\e557' !default;
+$treegrid-right-arrow-icon-color: $grey-dark-font !default;
+$treegrid-right-arrow-icon-font-size: 10px !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-height: 16px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-right-arrow-icon-vertical-align: middle;
+$treegrid-content-right-padding: 8px !default;
+$treegrid-bigger-icon-size: 18px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 10px !default;
+$treegrid-right-arrow-hover-color: $grey-dark-font !default;
+$treegrid-toolbar-indent-icon: '\e33f' !default;
+$treegrid-toolbar-outdent-icon: '\e35d' !default;
+$treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
+$childborder-color: $brand-primary;
+$error-elem-color: #e3165b;
+$error-elem-content: '\e22a' !default;
+$treegrid-frame-bigger-icon-height: 20px !default;
+$treegrid-frame-bigger-icon-width: 20px !default;
+$treegrid-frame-icon-height: 18px !default;
+$treegrid-frame-icon-width: 18px !default;
+$treegrid-rowdd-topbottom-border: 1px solid #0070f0 !default;
+$treegrid-rowdd-boxshadow:  #0070f0 !default;
+$treegrid-rowdd-childborder-width: 1px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 1px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;

package/styles/treegrid/_bootstrap-definition.scss

@@ -1,31 +1,31 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
-$treegrid-right-arrow-icon: '\e22f' !default;
-$treegrid-toolbar-expand-icon: '\e558' !default;
-$treegrid-toolbar-collapse-icon: '\e557' !default;
-$treegrid-right-arrow-icon-color: $grey-light-font !default;
-$treegrid-right-arrow-icon-font-size: 10px !default;
-$treegrid-right-arrow-icon-padding: 0 !default;
-$treegrid-right-arrow-icon-height: 16px !default;
-$treegrid-right-arrow-icon-width: 16px !default;
-$treegrid-right-arrow-icon-vertical-align: middle;
-$treegrid-content-right-padding: 8px !default;
-$treegrid-bigger-icon-size: 18px !default;
-$treegrid-smaller-icon-size: 16px !default;
-$treegrid-bigger-icon-font-size: 10px !default;
-$treegrid-right-arrow-hover-color: $grey-light-font !default;
-$treegrid-toolbar-indent-icon: '\e33f' !default;
-$treegrid-toolbar-outdent-icon: '\e35d' !default;
-$treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
-$childborder-color: $brand-primary;
-$error-elem-color: #e3165b;
-$error-elem-content: '\e22a' !default;
-$treegrid-frame-bigger-icon-height: 20px !default;
-$treegrid-frame-bigger-icon-width: 20px !default;
-$treegrid-frame-icon-height: 18px !default;
-$treegrid-frame-icon-width: 18px !default;
-$treegrid-rowdd-topbottom-border: 1px solid #317ab9 !default;
-$treegrid-rowdd-boxshadow:  #317ab9 !default;
-$treegrid-rowdd-childborder-width: 1px 0 0 !default;
-$treegrid-lastrowdd-childborder-width: 1px 0 !default;
-$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
+@use 'ej2-base/styles/definition/bootstrap' as *;
+@forward 'ej2-base/styles/definition/bootstrap';
+$treegrid-right-arrow-icon: '\e22f' !default;
+$treegrid-toolbar-expand-icon: '\e558' !default;
+$treegrid-toolbar-collapse-icon: '\e557' !default;
+$treegrid-right-arrow-icon-color: $grey-light-font !default;
+$treegrid-right-arrow-icon-font-size: 10px !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-height: 16px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-right-arrow-icon-vertical-align: middle;
+$treegrid-content-right-padding: 8px !default;
+$treegrid-bigger-icon-size: 18px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 10px !default;
+$treegrid-right-arrow-hover-color: $grey-light-font !default;
+$treegrid-toolbar-indent-icon: '\e33f' !default;
+$treegrid-toolbar-outdent-icon: '\e35d' !default;
+$treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
+$childborder-color: $brand-primary;
+$error-elem-color: #e3165b;
+$error-elem-content: '\e22a' !default;
+$treegrid-frame-bigger-icon-height: 20px !default;
+$treegrid-frame-bigger-icon-width: 20px !default;
+$treegrid-frame-icon-height: 18px !default;
+$treegrid-frame-icon-width: 18px !default;
+$treegrid-rowdd-topbottom-border: 1px solid #317ab9 !default;
+$treegrid-rowdd-boxshadow:  #317ab9 !default;
+$treegrid-rowdd-childborder-width: 1px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 1px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;