devextreme 21.2.6 → 21.2.8

package/dist/css/dx.material.purple.dark.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /**
 * DevExtreme (dx.material.purple.dark.css)
-* Version: 21.2.6
-* Build date: Tue Mar 01 2022
+* Version: 21.2.8
+* Build date: Tue Jun 07 2022
 *
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -1636,8 +1636,7 @@
   -webkit-touch-callout: none;
   padding: 0;
   outline: 0;
-  -webkit-print-color-adjust: exact;
-  color-adjust: exact;
+  print-color-adjust: exact;
   color: #fff;
   font-weight: 400;
   font-size: 14px;
@@ -3487,13 +3486,9 @@
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
-.dx-scrollable-content::after,
-.dx-scrollable-content::before {
-  display: table;
-  content: "";
-  line-height: 0;
-}
 .dx-scrollable-content::after {
+  display: block;
+  content: "";
   clear: both;
 }
 .dx-scrollable-both .dx-scrollable-content,
@@ -11092,7 +11087,8 @@
   display: none;
 }
 .dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
-.dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content {
+.dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group > .dx-list-item-content {
   padding: 0;
 }
 .dx-toolbar-menu-section.dx-toolbar-menu-last-section {
@@ -11104,6 +11100,8 @@
   margin: 0;
   width: 100%;
   text-align: left;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
   line-height: normal;
@@ -11316,6 +11314,123 @@
 .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide {
   padding: 0;
 }
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default {
+  background-color: transparent;
+  color: #9c27b0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default .dx-icon {
+  color: #9c27b0;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-hover,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-hover {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled {
+  background: 0 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-icon {
+  opacity: .6;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-button-text,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-button-text {
+  color: rgba(255,255,255,.35);
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default .dx-inkripple-wave,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default .dx-inkripple-wave {
+  background-color: rgba(156,39,176,.2);
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger {
+  background-color: transparent;
+  color: #f44336;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger .dx-icon {
+  color: #f44336;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-hover,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-hover {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled {
+  background: 0 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-icon {
+  opacity: .6;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-button-text,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-button-text {
+  color: rgba(255,255,255,.35);
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger .dx-inkripple-wave,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger .dx-inkripple-wave {
+  background-color: rgba(244,67,54,.2);
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success {
+  background-color: transparent;
+  color: #8bc34a;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success .dx-icon {
+  color: #8bc34a;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-hover,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-active,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-focused,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-hover {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled {
+  background: 0 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-icon,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-icon {
+  opacity: .6;
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-button-text,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-button-text {
+  color: rgba(255,255,255,.35);
+}
+.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success .dx-inkripple-wave,
+.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success .dx-inkripple-wave {
+  background-color: rgba(139,195,74,.2);
+}
 .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button,
 .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
   height: 48px;
@@ -11349,10 +11464,7 @@
   margin-left: 16px;
 }
 .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
-  padding: 0 16px;
-}
-.dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox {
-  padding: 15px 0;
+  padding: 14px 16px 13px;
 }
 .dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon {
   width: 24px;
@@ -11944,19 +12056,14 @@
 .dx-dropdownbutton {
   height: 36px;
 }
-.dx-dropdownbutton .dx-button-has-icon,
-.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text,
-.dx-dropdownbutton .dx-button-has-text {
-  min-width: 0;
-}
-.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
-.dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content,
-.dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content {
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content {
   padding-right: 0;
 }
-.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
-.dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
-.dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown {
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown {
   height: 24px;
   background-position: 0 0;
   background-size: 24px 24px;
@@ -11966,11 +12073,16 @@
   line-height: 24px;
   width: 26px;
 }
-.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
-.dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
-.dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right {
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
+.dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right {
   margin-left: 4px;
 }
+.dx-dropdownbutton .dx-button-has-icon,
+.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text,
+.dx-dropdownbutton .dx-button-has-text {
+  min-width: 0;
+}
 .dx-dropdownbutton .dx-button-has-icon .dx-button-content,
 .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content,
 .dx-dropdownbutton .dx-button-has-text .dx-button-content {
@@ -13463,6 +13575,9 @@
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 .dx-radiogroup-horizontal .dx-radiobutton:last-of-type {
   margin-right: 0;
@@ -14872,6 +14987,9 @@
 .dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container {
   width: auto;
 }
+.dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
+  height: auto;
+}
 .dx-datagrid-rowsview:focus {
   outline: 0;
 }
@@ -15445,9 +15563,20 @@
 .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
   margin-top: 2px;
 }
-.dx-datagrid .dx-editor-with-menu,
-.dx-datagrid-container .dx-editor-with-menu {
-  height: 48px;
+.dx-datagrid .dx-editor-with-menu .dx-menu-item-content,
+.dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
 .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
@@ -17256,6 +17385,9 @@ input.dx-hidden {
 .dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container {
   width: auto;
 }
+.dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
+  height: auto;
+}
 .dx-treelist-rowsview:focus {
   outline: 0;
 }
@@ -17779,9 +17911,20 @@ input.dx-hidden {
 .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
   margin-top: 2px;
 }
-.dx-treelist .dx-editor-with-menu,
-.dx-treelist-container .dx-editor-with-menu {
-  height: 48px;
+.dx-treelist .dx-editor-with-menu .dx-menu-item-content,
+.dx-treelist-container .dx-editor-with-menu .dx-menu-item-content {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
 .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
@@ -23346,15 +23489,15 @@ input.dx-hidden {
 .dx-layout-manager .dx-field-item .dx-field-item.dx-last-row {
   padding-bottom: 0;
 }
+.dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item .dx-field-item.dx-last-row:not(.dx-last-col) {
+  padding-bottom: 10px;
+}
 .dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
   padding-top: 26px;
 }
 .dx-field-item .dx-switch {
   vertical-align: middle;
 }
-.dx-field-item.dx-label-v-align .dx-textarea {
-  margin-top: 6px;
-}
 .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-content,
 .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-wrapper {
   -webkit-transform: translate(0,0)!important;
@@ -24104,6 +24247,9 @@ input.dx-hidden {
   z-index: -1;
   visibility: hidden;
 }
+.dx-htmleditor-content.ql-blank[data-placeholder] > p {
+  height: .1px;
+}
 .dx-htmleditor-content blockquote {
   padding-left: 12px;
   border-left: 4px solid;
@@ -25690,6 +25836,7 @@ input.dx-hidden {
   padding-right: 0;
 }
 .dx-diagram-toolbar .dx-diagram-toolbar-separator {
+  display: table;
   border-left: 1px solid transparent;
 }
 .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
@@ -26389,6 +26536,7 @@ input.dx-hidden {
   height: 100%;
 }
 .dx-gantt .dx-gantt-toolbar-separator {
+  display: table;
   height: 100%;
   border-left: 1px solid transparent;
 }