@syncfusion/ej2-angular-treegrid 23.2.7-ngcc → 23.2.7

package/styles/treegrid/_material-definition.scss

@@ -0,0 +1,30 @@
+//default
+$treegrid-right-arrow-icon: '\e848' !default;
+$treegrid-toolbar-expand-icon: '\e556' !default;
+$treegrid-toolbar-collapse-icon: '\e554' !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: 21px !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 $accent;
+$childborder-color: $accent;
+$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 #e3165b !default;
+$treegrid-rowdd-boxshadow: #e3165b !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/_material3-dark-definition.scss

@@ -0,0 +1 @@
+@import './material3-definition.scss';

package/styles/treegrid/_material3-definition.scss

@@ -0,0 +1,28 @@
+// color
+$treegrid-right-arrow-icon-color: rgba($icon-color) !default;
+$treegrid-right-arrow-hover-color: rgba($icon-color-hover) !default;
+$childborder-color: rgba($primary) !default;
+$error-elem-color: rgba($danger) !default;
+
+// Layout
+
+$error-elem-content: '\e839' !default;
+$treegrid-right-arrow-icon-font-size: 18px !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: 20px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 22px !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 dashed rgba($primary) !default;
+$treegrid-rowdd-topbottom-border: 2px solid rgba($primary) !default;
+$treegrid-rowdd-boxshadow: rgba($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/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

package/styles/treegrid/_tailwind-definition.scss

@@ -0,0 +1,28 @@
+// color
+$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;
+
+// Layout
+
+$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 #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !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/_theme.scss

@@ -0,0 +1 @@
+/* stylelint-disable-line no-empty-source */

package/styles/treegrid/bootstrap-dark.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap-dark.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
+@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'icons/bootstrap-dark.scss';
+@import 'all.scss';

package/styles/treegrid/bootstrap.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
+@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'icons/bootstrap.scss';
+@import 'all.scss';

package/styles/treegrid/bootstrap4.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap4.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
+@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap4-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'icons/bootstrap4.scss';
+@import 'all.scss';

package/styles/treegrid/bootstrap5-dark.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap5-dark.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'icons/bootstrap5-dark.scss';
+@import 'all.scss';

package/styles/treegrid/bootstrap5.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap5.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
+@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
+@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/treegrid/fabric-dark.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/fabric-dark.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
+@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'icons/fabric-dark.scss';
+@import 'all.scss';

package/styles/treegrid/fabric.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/fabric.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
+@import 'ej2-inputs/styles/input/fabric-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
+@import 'ej2-buttons/styles/button/fabric-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
+@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
+@import 'ej2-popups/styles/dialog/fabric-definition.scss';
+@import 'ej2-popups/styles/spinner/fabric-definition.scss';
+@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'icons/fabric.scss';
+@import 'all.scss';

package/styles/treegrid/fluent-dark.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/fluent-dark.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
+@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'icons/fluent-dark.scss';
+@import 'all.scss';

package/styles/treegrid/fluent.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/fluent.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
+@import 'ej2-inputs/styles/input/fluent-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
+@import 'ej2-buttons/styles/button/fluent-definition.scss';
+@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
+@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
+@import 'ej2-popups/styles/dialog/fluent-definition.scss';
+@import 'ej2-popups/styles/spinner/fluent-definition.scss';
+@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
+@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
+@import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
+@import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

package/styles/treegrid/highcontrast-light.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/highcontrast-light.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-light-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'icons/highcontrast-light.scss';
+@import 'all.scss';

package/styles/treegrid/highcontrast.scss

@@ -1 +1,18 @@
-@import 'ej2-treegrid/styles/treegrid/highcontrast.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
+@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
+@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
+@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
+@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
+@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/toolbar/highcontrast-definition.scss';
+@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'icons/highcontrast.scss';
+@import 'all.scss';

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

@@ -0,0 +1,37 @@
+@include export-module('treegrid-bootstrap-dark-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e558';
+      }
+
+      .e-collapse::before {
+        content: '\e557';
+      }
+
+      .e-indent::before {
+        content: '\e33f';
+      }
+
+      .e-outdent::before {
+        content: '\e35d';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_bootstrap.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-bootstrap-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22f';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e558';
+      }
+
+      .e-collapse::before {
+        content: '\e557';
+      }
+
+      .e-indent::before {
+        content: '\e33f';
+      }
+
+      .e-outdent::before {
+        content: '\e35d';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_bootstrap4.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-bootstrap4-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e702';
+    }
+
+    .e-outdent::before {
+      content: '\e722';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e70b';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7db';
+      }
+
+      .e-collapse::before {
+        content: '\e7dc';
+      }
+
+      .e-indent::before {
+        content: '\e702';
+      }
+
+      .e-outdent::before {
+        content: '\e722';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/treegrid/icons/_bootstrap5.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-bootstrap5-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_fabric-dark.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-fabric-dark-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e555';
+      }
+
+      .e-collapse::before {
+        content: '\e559';
+      }
+
+      .e-indent::before {
+        content: '\e33f';
+      }
+
+      .e-outdent::before {
+        content: '\e35d';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_fabric.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-fabric-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e33f';
+    }
+
+    .e-outdent::before {
+      content: '\e35d';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e22e';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e555';
+      }
+
+      .e-collapse::before {
+        content: '\e559';
+      }
+
+      .e-indent::before {
+        content: '\e33f';
+      }
+
+      .e-outdent::before {
+        content: '\e35d';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/treegrid/icons/_fluent.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-fluent-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}

package/styles/treegrid/icons/_fusionnew.scss

@@ -0,0 +1,26 @@
+@include export-module('treegrid-fusionnew-icons') {
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}