devextreme 23.1.2-beta.2 → 23.1.3

package/dist/css/dx.dark.compact.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 /**
 * DevExtreme (dx.dark.compact.css)
-* Version: 23.1.2
-* Build date: Fri May 26 2023
+* Version: 23.1.3
+* Build date: Fri Jun 09 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
@@ -7335,6 +7335,7 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  direction: ltr;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
@@ -7344,12 +7345,13 @@
   justify-content: space-between;
   border: 1px solid transparent;
   width: 232px;
-  min-width: 232px;
   height: 226px;
-  min-height: 226px;
   background-color: #2a2a2a;
   gap: 8px;
 }
+.dx-calendar.dx-rtl {
+  direction: rtl;
+}
 .dx-calendar-views-wrapper {
   position: relative;
   display: -webkit-box;
@@ -7366,7 +7368,6 @@
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  direction: ltr;
 }
 .dx-calendar-navigator .dx-calendar-caption-button {
   -webkit-box-flex: 1;
@@ -7374,6 +7375,7 @@
   flex-grow: 1;
   overflow: hidden;
   font-weight: 600;
+  border-radius: 0;
 }
 .dx-calendar-navigator .dx-button .dx-button-text {
   text-transform: none;
@@ -7405,7 +7407,6 @@
 .dx-calendar-body table {
   width: 100%;
   height: 100%;
-  direction: ltr;
   table-layout: fixed;
   border-spacing: 0;
   line-height: normal;
@@ -7422,22 +7423,33 @@
   white-space: nowrap;
   color: #dedede;
 }
-.dx-calendar-body .dx-calendar-week-number-cell {
+.dx-calendar-week-number-cell {
+  position: relative;
+  color: rgba(222,222,222,.56);
+  width: 2em;
+}
+.dx-calendar-week-number-cell span {
+  position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  height: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
+  text-align: center;
+  width: 2em;
+  inset: 0;
+  background-color: rgba(11,11,11,.5);
+  inset-inline-start: 0;
 }
 .dx-calendar-cell {
   cursor: pointer;
   position: relative;
   text-align: center;
+  font-size: 12px;
   color: #dedede;
 }
 .dx-calendar-cell span {
@@ -7482,26 +7494,11 @@
 .dx-calendar-multiview .dx-calendar-body table {
   padding: 0 10px;
 }
-.dx-calendar-range .dx-calendar-cell::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  inset-inline-start: 50%;
-  inset-inline-end: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body table {
-  left: 0;
-}
-.dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
-  direction: ltr;
-}
 .dx-calendar.dx-calendar-with-footer {
   height: 262px;
-  min-height: 262px;
 }
 .dx-calendar.dx-calendar-multiview {
   width: 464px;
-  min-width: 464px;
 }
 .dx-calendar.dx-invalid {
   border-color: rgba(217,83,79,.4);
@@ -7509,45 +7506,32 @@
 .dx-calendar.dx-invalid.dx-state-focused {
   border-color: #d9534f;
 }
-.dx-calendar-navigator .dx-button {
-  border-radius: 0;
-}
 .dx-calendar-navigator .dx-calendar-navigator-previous-view {
-  margin-right: -1px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  -webkit-margin-end: -1px;
+  margin-inline-end: -1px;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .dx-calendar-navigator .dx-calendar-navigator-next-view {
-  margin-left: -1px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.dx-calendar-body table .dx-week-number-header {
-  font-size: 12px;
-  width: 2.5em;
-}
-.dx-calendar-body table .dx-calendar-week-number-cell {
-  color: rgba(222,222,222,.56);
-  background-color: rgba(11,11,11,.5);
-  width: 2em;
-  margin-right: .5em;
-}
-.dx-rtl .dx-calendar-body table .dx-calendar-week-number-cell {
-  margin-left: .5em;
+  -webkit-margin-start: -1px;
+  margin-inline-start: -1px;
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
 }
 .dx-calendar-body thead tr {
   height: 2em;
 }
-.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
 }
-.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
+.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
 }
-.dx-calendar-body td {
+.dx-calendar-body .dx-week-number-header {
   font-size: 12px;
+  width: 2.5em;
 }
 .dx-calendar-view-century .dx-calendar-cell span,
 .dx-calendar-view-decade .dx-calendar-cell span,
@@ -7576,92 +7560,6 @@
   -webkit-box-shadow: 0 0 0 2px rgba(28,168,221,.5);
   box-shadow: 0 0 0 2px rgba(28,168,221,.5);
 }
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-cell-in-range::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover::before {
-  width: 100%;
-  border-radius: 0;
-}
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-start-date.dx-state-hover::before,
-.dx-calendar-cell.dx-calendar-range-start-date::before {
-  width: 50%;
-  inset-inline-start: 50%;
-  inset-inline-end: 0;
-}
-.dx-calendar-cell.dx-calendar-range-end-date.dx-state-active::before,
-.dx-calendar-cell.dx-calendar-range-end-date.dx-state-hover::before {
-  width: 50%;
-}
-.dx-calendar-cell.dx-state-active::before,
-.dx-calendar-cell.dx-state-hover::before {
-  width: calc(50% + 1em);
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover::before {
-  height: 2em;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  width: 100%;
-  border-width: 1px;
-  border-style: dashed;
-  border-color: rgba(28,168,221,.6) transparent;
-  -o-border-image: initial;
-  border-image: initial;
-  border-radius: 0;
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::before {
-  width: calc(50% + 1em);
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-radius: 4px 0 0 4px;
-  border-left: 1px dashed rgba(28,168,221,.6);
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::before {
-  width: calc(50% + 1em);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  border-radius: 0 4px 4px 0;
-  border-right: 1px dashed rgba(28,168,221,.6);
-}
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-end-date::before,
-.dx-calendar-cell.dx-calendar-cell-range-hover.dx-calendar-range-start-date::before {
-  border-width: 0;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range::before {
-  height: 2em;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  width: 100%;
-  background-color: rgba(28,168,221,.24);
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month::before {
-  width: calc(50% + 1em);
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-radius: 4px 0 0 4px;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-end-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-start-day-of-month.dx-calendar-end-day-of-month::before {
-  content: none;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
-  width: calc(50% + 1em);
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  border-radius: 0 4px 4px 0;
-}
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-end-day-of-month.dx-calendar-start-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-end-date.dx-calendar-start-day-of-month::before,
-.dx-calendar-cell.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
-  content: none;
-}
 .dx-calendar-cell.dx-calendar-empty-cell,
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span,
@@ -7674,10 +7572,8 @@
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
   color: #2a2a2a;
 }
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date::before,
-.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date::before {
+.dx-calendar-cell.dx-calendar-other-view::after,
+.dx-calendar-cell.dx-calendar-other-view::before {
   content: none;
 }
 .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
@@ -7721,6 +7617,178 @@
 .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
   background-color: #1ca8dd;
 }
+.dx-calendar-cell-in-range::before {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: rgba(28,168,221,.24);
+  border-width: 0;
+  border-style: dashed;
+  border-color: rgba(28,168,221,.6) transparent;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before,
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
+  content: none;
+}
+.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
+.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  height: 2em;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  width: 100%;
+  background-color: inherit;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgba(28,168,221,.6) transparent;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  width: calc(50% + 1em);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
+  content: none;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
+.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
+  inset-inline-start: auto;
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+  border-inline-start-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+  border-inline-end-color: rgba(28,168,221,0.6);
+}
+.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
+  width: 2em;
+  inset-inline-start: calc(50% - 1em);
+  inset-inline-end: auto;
+}
 .dx-texteditor input[type=date]::-webkit-inner-spin-button {
   height: 20px;
 }
@@ -8136,9 +8204,7 @@
   box-shadow: none;
 }
 .dx-daterangebox .dx-datebox {
-  -webkit-box-flex: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
+  width: 100%;
 }
 .dx-daterangebox .dx-datebox.dx-editor-underlined {
   border-bottom: 0;
@@ -8168,7 +8234,7 @@
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding-left: 10px;
+  padding-left: 5px;
   color: #787878;
 }
 .dx-rtl .dx-daterangebox-separator {
@@ -8217,7 +8283,7 @@
   background-color: #2a2a2a;
   width: 100%;
   position: absolute;
-  height: 1px;
+  height: 1.5px;
   top: -1px;
   margin-left: -2px;
   margin-right: -2px;
@@ -8243,7 +8309,7 @@
   height: 16px;
   line-height: normal;
 }
-.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined.dx-texteditor-empty .dx-datebox .dx-texteditor-label .dx-label::before {
+.dx-daterangebox.dx-daterangebox-with-floating-label.dx-editor-outlined .dx-datebox.dx-texteditor-empty .dx-texteditor-label .dx-label::before {
   background-color: transparent;
 }
 .dx-daterangebox .dx-dropdowneditor-icon {
@@ -8333,8 +8399,36 @@
 .dx-daterangebox .dx-editor-underlined::before {
   width: 100%;
 }
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined .dx-texteditor-input,
 .dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
-  padding-right: 10px;
+  padding-right: 5px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-filled.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-outlined.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-start-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-input {
+  padding-left: 5px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid .dx-texteditor-input {
+  padding-right: 24px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-filled.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-outlined.dx-invalid.dx-rtl .dx-texteditor-input,
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 5px;
+  padding-left: 24px;
+}
+.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
+  padding-right: 0;
 }
 .dx-daterangebox-separator .dx-icon {
   width: 14px;
@@ -23684,4 +23778,4 @@ input.dx-hidden {
   left: 0;
   background: rgba(0,0,0,.01);
   opacity: .01;
-}
+}