devextreme-themebuilder 25.2.5 → 25.2.6

package/data/scss/widgets/base/treeList/layout/cell.scss

@@ -0,0 +1,223 @@
+
+
+$treelist-border: null !default;
+$treelist-border-color: null !default;
+$treelist-base-background-color: null !default;
+$treelist-row-error-color: null !default;
+$treelist-focused-border-color: null !default;
+
+// #region position & z-index
+
+// (0,4,1)
+.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:not(.dx-treelist-sticky-column, .dx-treelist-sticky-column-left, .dx-treelist-sticky-column-right) {
+  position: relative;
+}
+
+// #endregion
+
+// #region border
+
+// (0,3,1)
+.dx-treelist .dx-column-lines > td:first-child {
+  border-left: none;
+}
+
+// (0,3,1)
+.dx-treelist .dx-column-lines > td:last-child {
+  border-right: none;
+}
+
+// (0,3,1)
+.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td {
+  border-right: none;
+}
+
+// (0,4,1)
+.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
+.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
+.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
+.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
+.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
+  border-left: 2px solid;
+  border-left-color: $treelist-border-color;
+  border-right: 2px solid;
+  border-right-color: $treelist-border-color;
+}
+
+// (0,4,1)
+.dx-header-multi-row.dx-treelist-sticky-columns .dx-column-lines > td:first-child {
+  border-left: $treelist-border;
+  border-left-color: $treelist-border-color;
+}
+
+// (0,5,1)
+.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
+.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
+.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
+.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
+.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
+  border-left: none;
+}
+
+// (0,5,1)
+.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
+.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
+.dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
+.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
+.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
+  border-right: none;
+}
+
+// (0,5,1)
+.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-right {
+  border-right: 2px solid;
+  border-right-color: $treelist-border-color;
+}
+
+// (0,5,1)
+.dx-treelist .dx-treelist-sticky-columns .dx-treelist-table .dx-row td.dx-treelist-sticky-column-border-left {
+  border-left: 2px solid;
+  border-left-color: $treelist-border-color;
+}
+
+// (0,6,0)
+.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border {
+  border-left: none;
+}
+
+// (0,7,1)
+.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
+  border-left: none;
+}
+
+// RTL
+
+// (0,4,1)
+.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
+  border-right: none;
+  border-left: $treelist-border;
+  border-left-color: $treelist-border-color;
+}
+
+// (0,4,1)
+.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
+  border-left: none;
+}
+
+// (0,4,1)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td {
+  border-left: none;
+  border-right: $treelist-border;
+  border-right-color: $treelist-border-color;
+}
+
+// (0,5,1)
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
+.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
+  border-left: 2px solid;
+  border-left-color: $treelist-border-color;
+  border-right: 2px solid;
+  border-right-color: $treelist-border-color;
+}
+
+// (0,5,1)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td:first-child {
+  border-right: none;
+}
+
+// (0,5,1)
+.dx-rtl .dx-header-multi-row.dx-treelist-sticky-columns .dx-column-lines > td:first-child {
+  border-left: none;
+  border-right: $treelist-border;
+  border-right-color: $treelist-border-color;
+}
+
+// (0,6,1)
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
+.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
+  border-right: none;
+}
+
+// (0,6,1)
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
+.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
+.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
+.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
+  border-left: none;
+}
+
+// (0,7,0)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border {
+  border-right: none;
+}
+
+// (0,8,0)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border.dx-treelist-sticky-column-border-left {
+  border-left: 2px solid;
+  border-left-color: $treelist-border-color;
+}
+
+// (0,8,1)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
+  border-right: none;
+}
+
+// (0,9,1)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header.dx-treelist-sticky-column-border-left {
+  border-left: 2px solid;
+  border-left-color: $treelist-border-color;
+}
+
+// #endregion
+
+// #region padding
+
+// (0,2,1)
+.dx-treelist-container .dx-error-row td {
+  padding: 0;
+}
+
+// #endregion
+
+// #region background
+
+// (0,2,0)
+.dx-treelist .dx-treelist-sticky-column,
+.dx-treelist .dx-treelist-sticky-column-left,
+.dx-treelist .dx-treelist-sticky-column-right {
+  background-color: $treelist-base-background-color;
+}
+
+// #endregion
+
+// #region typography
+
+// (0,2,1)
+.dx-treelist-container .dx-error-row td {
+  color: $treelist-row-error-color;
+}
+
+// #endregion
+
+// #region outline
+
+// (0,3,1)
+.dx-treelist-container .dx-treelist-headers .dx-header-row > td {
+  outline: none;
+}
+
+// (0,5,1)
+.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
+  outline: 2px solid;
+  outline-color: $treelist-focused-border-color;
+  outline-offset: -2px;
+}
+
+// #endregion

package/data/scss/widgets/fluent/checkBox/_index.scss

@@ -21,7 +21,7 @@
   font-size: $fluent-checkbox-icon-font-size;
 
   &::before {
-    z-index: 2;
+    z-index: 1;
   }
 }
 

package/data/scss/widgets/fluent/dataGrid/_index.scss

@@ -21,10 +21,7 @@
   $base-focus-color: $base-focus-color,
   $datagrid-text-stub-background-image-path: $datagrid-text-stub-background-image-path,
 );
-
-// adduse
-
-
+@use 'layout/cell';
 @include grid-base(datagrid);
 
 .dx-datagrid-group-panel {
@@ -84,16 +81,6 @@
 
 
   .dx-row.dx-group-row {
-    .dx-group-cell {
-      &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right {
-        padding-left: 0;
-        padding-right: 0;
-        overflow: initial;
-        overflow-x: clip;
-        background-color: inherit;
-      }
-    }
-
     &:not(.dx-row-focused) {
       color: $datagrid-group-row-color;
       background-color: $datagrid-group-row-bg;
@@ -101,15 +88,6 @@
 
     font-size: $fluent-grid-base-header-cell-font-size;
     font-weight: 500;
-
-    td {
-      border-top-color: $fluent-grid-base-border-color;
-      border-bottom-color: $fluent-grid-base-border-color;
-
-      &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right {
-        background-color: $datagrid-group-row-bg;
-      }
-    }
   }
 }
 
@@ -132,31 +110,8 @@
     border-bottom: $datagrid-border;
   }
 
-  & > td {
-    border-top: $datagrid-border;
-    background-color: $datagrid-summary-bg;
-    border-left-width: 0;
-    border-right-width: 0;
-  }
 }
 
-.dx-datagrid-sticky-columns {
-  .dx-row.dx-datagrid-group-footer > td {
-    border-bottom: $datagrid-border;
-  }
-
-  .dx-row.dx-row-lines, .dx-row.dx-group-row, .dx-datagrid-group-footer, .dx-edit-row {
-    &+.dx-datagrid-group-footer, &+.dx-row.dx-group-row, &+.dx-master-detail-row, &+.dx-edit-row {
-      td {
-        border-top: none;
-      }
-    }
-  }
-
-  .dx-row.dx-group-row:first-child td {
-    padding-top: $fluent-grid-base-cell-vertical-padding;
-  }
-}
 
 .dx-rtl {
   .dx-datagrid-group-panel {

package/data/scss/widgets/fluent/dataGrid/layout/cell.scss

@@ -0,0 +1,104 @@
+
+@use "../colors" as *;
+@use "../../colors" as *;
+@use "../sizes" as *;
+@use "../../sizes" as *;
+@use "../../gridBase/colors" as *;
+@use "../../gridBase/sizes" as *;
+@use "../../gridBase/variables" as *;
+
+// #region overflow
+
+// (0,5,0)
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-left,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-right {
+  overflow: initial;
+  overflow-x: clip;
+}
+
+// #endregion
+
+// #region border
+
+// (0,2,1)
+.dx-row.dx-datagrid-group-footer > td {
+  border-top: $datagrid-border;
+  border-top-color: $datagrid-border-color;
+  border-left-width: 0;
+  border-right-width: 0;
+}
+
+// (0,3,1)
+.dx-datagrid-rowsview .dx-row.dx-group-row td {
+  border-top-color: $fluent-grid-base-border-color;
+  border-bottom-color: $fluent-grid-base-border-color;
+}
+
+// (0,3,1)
+.dx-datagrid-sticky-columns .dx-row.dx-datagrid-group-footer > td {
+  border-bottom: $datagrid-border;
+  border-bottom-color: $datagrid-border-color;
+}
+
+// (0,3,1) - (0,4,1)
+.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-datagrid-group-footer td,
+.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-row.dx-group-row td,
+.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-master-detail-row td,
+.dx-datagrid-sticky-columns .dx-row.dx-row-lines + .dx-edit-row td,
+.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-datagrid-group-footer td,
+.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-row.dx-group-row td,
+.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-master-detail-row td,
+.dx-datagrid-sticky-columns .dx-row.dx-group-row + .dx-edit-row td,
+.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-datagrid-group-footer td,
+.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-row.dx-group-row td,
+.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-master-detail-row td,
+.dx-datagrid-sticky-columns .dx-datagrid-group-footer + .dx-edit-row td,
+.dx-datagrid-sticky-columns .dx-edit-row + .dx-datagrid-group-footer td,
+.dx-datagrid-sticky-columns .dx-edit-row + .dx-row.dx-group-row td,
+.dx-datagrid-sticky-columns .dx-edit-row + .dx-master-detail-row td,
+.dx-datagrid-sticky-columns .dx-edit-row + .dx-edit-row td {
+  border-top: none;
+}
+
+// #endregion
+
+// #region padding
+
+// (0,4,1)
+.dx-datagrid-sticky-columns .dx-row.dx-group-row:first-child td {
+  padding-top: $fluent-grid-base-cell-vertical-padding;
+}
+
+// (0,5,0)
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-left,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-right {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+// #endregion
+
+// #region background
+
+// (0,2,1)
+.dx-row.dx-datagrid-group-footer > td {
+  background-color: $datagrid-summary-bg;
+}
+
+// (0,4,1)
+.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column,
+.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-left,
+.dx-datagrid-rowsview .dx-row.dx-group-row td.dx-datagrid-sticky-column-right {
+  background-color: $datagrid-group-row-bg;
+}
+
+// (0,5,0)
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-left,
+.dx-datagrid-rowsview .dx-row.dx-group-row .dx-group-cell.dx-datagrid-sticky-column-right {
+  background-color: inherit;
+}
+
+// #endregion