@syncfusion/ej2-fluent2-dark-theme 33.2.15 → 34.1.29

package/styles/grid/grid.scss

@@ -0,0 +1,4 @@
+@use 'fluent2-definition' as *;
+@use 'icons/fluent2' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/grid/icons/_fluent2.scss

@@ -0,0 +1,375 @@
+@use '../variables' as *;
+@include export-module('grid-fluent-icons') {
+
+  .e-icon-check::before {
+    content: '\e774';
+  }
+
+  #{&}.e-grid,
+  .e-grid-menu {
+
+    &.e-rtl .e-icon-rowdragicon::before,
+    .e-icon-rowdragicon::before,
+    .e-group-animate .e-drag.e-icon-drag::before {
+      content: '\e726';
+    }
+
+    .e-icon-grightarrow::before,
+    .e-group-animate .e-nextgroup.e-icon-next::before {
+      content: '\e748';
+    }
+
+    .e-icon-autofit::before {
+      content: '\e914';
+    }
+
+    .e-icon-autofitall::before {
+      content: '\e915';
+    }
+
+    .e-icon-columnchooser::before {
+      content: '\e916';
+    }
+
+    .e-icon-ascending::before {
+      content: '\e7df';
+    }
+
+    .e-icon-descending::before {
+      content: '\e7d8';
+    }
+
+    .e-icon-hide::before,
+    .e-ungroupbutton.e-icon-hide::before {
+      content: '\e7e7';
+    }
+
+    .e-icon-rowselect::before {
+      content: '\e7d4';
+    }
+
+    .e-icon-sortdirect::before {
+      content: '\e824';
+    }
+
+    .e-columnchooser-btn::before,
+    .e-icon-gdownarrow::before {
+      content: '\e729';
+    }
+
+    .e-columnchooserdiv::before,
+    .e-excl-filter-icon::before,
+    .e-icon-filter::before,
+    .e-resfilter-icon::before {
+      content: '\e7f7';
+    }
+
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
+    .e-ressort-icon::before {
+      content: '\e823';
+    }
+
+    .e-excl-filter-icon.e-filtered::before {
+      content: '\e72c';
+    }
+
+    &.e-rtl {
+      .e-icon-grightarrow::before {
+        content: '\e765';
+      }
+    }
+
+    .e-icon-group::before,
+    .e-icon-ungroup::before {
+      content: '\e724';
+    }
+
+    .e-icon-reorderuparrow::before {
+      content: '\e87a';
+    }
+
+    .e-cc-icon::before,
+    .e-icon-reorderdownarrow::before {
+      content: '\e70d';
+    }
+
+    .e-print::before {
+      content: '\e75d';
+    }
+
+    .e-add::before {
+      content: '\e805';
+    }
+
+    .e-resback-icon::before {
+      content: '\e773';
+    }
+
+    .e-wordexport::before {
+      content: '\e7d0';
+    }
+
+    .e-pdfexport::before {
+      content: '\e700';
+    }
+
+    .e-csvexport::before {
+      content: '\e7ba';
+    }
+
+    .e-excelexport::before {
+      content: '\e7c1';
+    }
+
+    .e-edit::before {
+      content: '\e730';
+    }
+
+    .e-grid-icon-pin::before {
+      content: '\e923';
+    }
+    
+    .e-grid-icon-unpin::before {
+      content: '\e924';
+    }
+
+    .e-responsivetoolbaritems-btn::before,
+    .e-columnmenu::before,
+    .e-columnmenu.e-filtered::before {
+      content: '\e770';
+    }
+
+    .e-delete::before {
+      content: '\e820';
+    }
+
+    .e-copy::before {
+      content: '\e77c';
+    }
+
+    .e-save::before {
+      content: '\e7c8';
+    }
+
+    .e-update::before {
+      content: '\e7c8';
+    }
+
+    .e-columnchooser::before {
+      content: '\e21e'; // icon not found
+    }
+  }
+}
+
+#{&}.e-grid,
+.e-grid-menu,
+.e-grid-popup {
+  .e-search-icon::before,
+  .e-ccsearch-icon::before {
+    content: '\e754';
+  }
+
+  .e-ccsearch-icon.e-cc-cancel::before,
+  .e-chkcancel-icon::before,
+  .e-cancel-icon::before,
+  .e-cancel::before  {
+    content: '\e7e7';
+  }
+}
+
+.e-responsive-dialog {
+  & .e-resfilterback::before {
+    content: '\e773';
+  }
+
+  &.e-rtl .e-resfilterback::before {
+    content: '\e7f9';
+  }
+
+  & .e-resfilter-icon.e-icons::before,
+  & .e-filterset::before {
+    content: '\e7f7';
+  }
+
+  & .e-search-icon::before,
+  & .e-ccdlg span.e-ccsearch-icon::before {
+    content: '\e754';
+  }
+
+  & .e-chkcancel-icon::before,
+  & .e-ccdlg span.e-cc-cancel::before {
+    content: '\e7e7';
+  }
+
+  & .e-icon-filter-clear::before {
+    content: '\e72c';
+  }
+
+  & .e-resascending-icon.e-icons::before {
+    content: '\e7df';
+  }
+
+  & .e-resdescending-icon.e-icons::before {
+    content: '\e7d8';
+  }
+
+  & .e-rescolumn-icon.e-icons::before {
+    content: '\e916';
+  }
+
+  & .e-resautofit-icon.e-icons::before {
+    content: '\e914';
+  }
+
+  & .e-resautofitall-icon.e-icons::before {
+    content: '\e915';
+  }
+
+  & .e-resgroup-icon.e-icons::before,
+  & .e-resungroup-icon.e-icons::before {
+    content: '\e724';
+  }
+}
+
+.e-grid-toolbarmenu .e-responsivetoolbar-menu {
+  .e-menu-icon.e-print::before {
+    content: '\e75d';
+  }
+  .e-menu-icon.e-pdfexport::before {
+    content: '\e700';
+  }
+  .e-menu-icon.e-excelexport::before {
+    content: '\e7c1';
+  }
+  .e-menu-icon.e-csvexport::before {
+    content: '\e7ba';
+  }
+  .e-menu-icon.e-columnchooser::before {
+    content: '\e916';
+  }
+}
+
+.e-row-responsive-filter {
+  & .e-dlg-closeicon-btn {
+    & .e-icon-dlg-close::before {
+      content: '\e773';
+    }
+  }
+
+  &.e-rtl .e-dlg-closeicon-btn {
+    & .e-icon-dlg-close::before {
+      content: '\e7f9';
+    }
+  }
+}
+
+.e-checkboxfilter {
+  .e-search-icon::before {
+    content: '\e754';
+  }
+
+  .e-chkcancel-icon::before {
+    content: '\e7e7';
+  }
+}
+
+.e-contextmenu-container {
+  .e-menu-item {
+    .e-menu-icon {
+      &.e-columnchooser::before {
+        content: '\e916';
+      }
+
+      &.e-pdfexport::before {
+        content: '\e700';
+      }
+      
+      &.e-excelexport::before {
+        content: '\e7c1';
+      }
+      
+      &.e-csvexport::before {
+        content: '\e7ba';
+      }
+    }
+  }
+}
+
+.e-grid-chart-icon::before {
+  content: '\e826';
+}
+
+.e-grid-bar-chart-icon::before {
+  content: '\e86c';
+}
+
+.e-grid-bar-icon::before {
+  content: '\e86c';
+}
+
+.e-grid-stacking-bar-icon::before {
+  content: '\e866';
+}
+
+.e-grid-stacking-bar-100-icon::before {
+  content: '\e86d';
+}
+
+.e-grid-pie-icon::before {
+  content: '\e869';
+}
+
+.e-grid-column-chart-icon::before {
+  content: '\e86a';
+}
+
+.e-grid-column-icon::before {
+  content: '\e86a';
+}
+
+.e-grid-stacking-column-icon::before {
+  content: '\e875';
+}
+
+.e-grid-stacking-column-100-icon::before {
+  content: '\e86f';
+}
+
+.e-grid-line-chart-icon::before {
+  content: '\e86e';
+}
+
+.e-grid-line-icon::before {
+  content: '\e86e';
+}
+
+.e-grid-stacking-line-icon::before {
+  content: '\e867';
+}
+
+.e-grid-stacking-line-100-icon::before {
+  content: '\e870';
+}
+
+.e-grid-area-chart-icon::before {
+  content: '\e873';
+}
+
+.e-grid-area-icon::before {
+  content: '\e873';
+}
+
+.e-grid-stacking-area-icon::before {
+  content: '\e871';
+}
+
+.e-grid-stacking-area-100-icon::before {
+  content: '\e86b';
+}
+
+.e-grid-scatter-icon::before {
+  content: '\e94c';
+}

package/styles/grid/index-lite.css

@@ -0,0 +1,25 @@
+@import '../base/base.css';
+@import '../pager/pager-lite.css';
+@import '../input/input-lite.css';
+@import '../numerictextbox/numerictextbox-lite.css';
+@import '../button/button-lite.css';
+@import '../radio-button/radio-button-lite.css';
+@import '../check-box/check-box-lite.css';
+@import '../auto-complete/auto-complete.css';
+@import '../drop-down-list/drop-down-list-lite.css';
+@import '../popup/popup.css';
+@import '../spinner/spinner.css';
+@import '../drop-down-base/drop-down-base-lite.css';
+@import '../dialog/dialog-lite.css';
+@import '../datepicker/datepicker-lite.css';
+@import '../calendar/calendar-lite.css';
+@import '../datetimepicker/datetimepicker-lite.css';
+@import '../list-view/list-view-lite.css';
+@import '../context-menu/context-menu-lite.css';
+@import '../excel-filter/excel-filter-lite.css';
+@import '../tooltip/tooltip-lite.css';
+@import '../timepicker/timepicker-lite.css';
+@import '../h-scroll/h-scroll-lite.css';
+@import '../v-scroll/v-scroll-lite.css';
+@import '../toolbar/toolbar-lite.css';
+@import '../grid/grid-lite.css';

package/styles/grid/index-lite.scss

@@ -0,0 +1,25 @@
+@use '../base/base' as *;
+@use '../pager/pager-lite' as *;
+@use '../input/input-lite' as *;
+@use '../numerictextbox/numerictextbox-lite' as *;
+@use '../button/button-lite' as *;
+@use '../radio-button/radio-button-lite' as *;
+@use '../check-box/check-box-lite' as *;
+@use '../auto-complete/auto-complete' as *;
+@use '../drop-down-list/drop-down-list-lite' as *;
+@use '../popup/popup' as *;
+@use '../spinner/spinner' as *;
+@use '../drop-down-base/drop-down-base-lite' as *;
+@use '../dialog/dialog-lite' as *;
+@use '../datepicker/datepicker-lite' as *;
+@use '../calendar/calendar-lite' as *;
+@use '../datetimepicker/datetimepicker-lite' as *;
+@use '../list-view/list-view-lite' as *;
+@use '../context-menu/context-menu-lite' as *;
+@use '../excel-filter/excel-filter-lite' as *;
+@use '../tooltip/tooltip-lite' as *;
+@use '../timepicker/timepicker-lite' as *;
+@use '../h-scroll/h-scroll-lite' as *;
+@use '../v-scroll/v-scroll-lite' as *;
+@use '../toolbar/toolbar-lite' as *;
+@use '../grid/grid-lite' as *;

package/styles/grid/index.css

@@ -0,0 +1,25 @@
+@import '../base/base.css';
+@import '../pager/pager.css';
+@import '../input/input.css';
+@import '../numerictextbox/numerictextbox.css';
+@import '../button/button.css';
+@import '../radio-button/radio-button.css';
+@import '../check-box/check-box.css';
+@import '../auto-complete/auto-complete.css';
+@import '../drop-down-list/drop-down-list.css';
+@import '../popup/popup.css';
+@import '../spinner/spinner.css';
+@import '../drop-down-base/drop-down-base.css';
+@import '../dialog/dialog.css';
+@import '../datepicker/datepicker.css';
+@import '../calendar/calendar.css';
+@import '../datetimepicker/datetimepicker.css';
+@import '../list-view/list-view.css';
+@import '../context-menu/context-menu.css';
+@import '../excel-filter/excel-filter.css';
+@import '../tooltip/tooltip.css';
+@import '../timepicker/timepicker.css';
+@import '../h-scroll/h-scroll.css';
+@import '../v-scroll/v-scroll.css';
+@import '../toolbar/toolbar.css';
+@import '../grid/grid.css';

package/styles/grid/index.scss

@@ -0,0 +1,25 @@
+@use '../base/base' as *;
+@use '../pager/pager' as *;
+@use '../input/input' as *;
+@use '../numerictextbox/numerictextbox' as *;
+@use '../button/button' as *;
+@use '../radio-button/radio-button' as *;
+@use '../check-box/check-box' as *;
+@use '../auto-complete/auto-complete' as *;
+@use '../drop-down-list/drop-down-list' as *;
+@use '../popup/popup' as *;
+@use '../spinner/spinner' as *;
+@use '../drop-down-base/drop-down-base' as *;
+@use '../dialog/dialog' as *;
+@use '../datepicker/datepicker' as *;
+@use '../calendar/calendar' as *;
+@use '../datetimepicker/datetimepicker' as *;
+@use '../list-view/list-view' as *;
+@use '../context-menu/context-menu' as *;
+@use '../excel-filter/excel-filter' as *;
+@use '../tooltip/tooltip' as *;
+@use '../timepicker/timepicker' as *;
+@use '../h-scroll/h-scroll' as *;
+@use '../v-scroll/v-scroll' as *;
+@use '../toolbar/toolbar' as *;
+@use '../grid/grid' as *;

package/styles/grid-chart/_all.scss

@@ -0,0 +1,2 @@
+@forward 'layout';
+@forward 'theme';

package/styles/grid-chart/_bigger.scss

@@ -0,0 +1,65 @@
+@use 'variables' as *;
+@include export-module('grid-chart-bigger') {
+
+  /*! Grid Chart bigger */
+  .e-bigger #{&}.e-grid-context-menu-dialog,
+  #{&}.e-grid-context-menu-dialog.e-bigger {
+    &.e-dialog .e-btn .e-btn-icon {
+      &.e-grid-chart-min-icon,
+      &.e-grid-chart-max-icon {
+        @if $grid-chart-skin =='bootstrap5.3' or $grid-chart-skin == 'bootstrap5' or $grid-chart-skin =='tailwind3' {
+          font-size: 15px;
+        }
+
+        @if $grid-chart-skin =='bootstrap5' {
+          margin-top: -1.5px;
+        }
+
+        @if $grid-chart-skin =='tailwind3' {
+          margin-top: -24.5px;
+        }
+      }
+    }
+
+    .e-grid-dialog-chart-export-container {
+      padding: 15px;
+    }
+
+    .e-grid-dialogchart-bottom-spacer {
+      margin-bottom: 16px;
+    }
+
+    .e-grid-chart-props-header {
+      font-size: 15px;
+    }
+
+    .e-grid-chart-props-normal-header {
+      font-size: 15px;
+    }
+
+    @if $grid-chart-skin =='material3' {
+      .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-header {
+        margin: 5px;
+        padding: 7px;
+      }
+    }
+
+    .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel {
+      .e-acrdn-content {
+        padding: 0;
+      }
+
+      .e-acrdn-content > div:first-child {
+        padding: 16px;
+      }
+    }
+
+    .e-grid-dialog-data-tab-container {
+      padding: 12px 11px;
+    }
+
+    .e-grid-chart-list {
+      padding: 8px 12px;
+    }
+  }
+}

package/styles/grid-chart/_fluent2-definition.scss

@@ -0,0 +1,11 @@
+@use 'sass:math';
+@use '../base/common/base-variables' as *;
+
+$grid-chart-border-color: $border-light !default;
+$grid-chart-list-hover-bg-color: $content-bg-color-hover !default;
+$grid-chart-list-hover-content-font-color: $content-text-color-hover !default;
+$grid-chart-list-hover-icon-color: $content-text-color-hover !default;
+$grid-chart-list-selected-bg-color: $content-bg-color-selected !default;
+$grid-chart-list-selected-content-font-color: $toolbar-icon-color !default;
+$grid-chart-list-selected-icon-color: $toolbar-icon-color !default;
+$grid-chart-skin: $skin-name !default;