@progress/kendo-theme-default 4.41.2-dev.0 → 4.41.3-dev.0

package/dist/all.css

@@ -10973,14 +10973,14 @@ kendo-badge-container {
 }
 
 .k-rtl .k-split-button > .k-button:first-child {
-    border-top-left-radius: 2px;
-    border-bottom-left-radius: 2px;
+    border-top-right-radius: 2px;
+    border-bottom-right-radius: 2px;
 }
 
 .k-rtl .k-split-button > .k-split-button-arrow,
 .k-rtl .k-split-button > .k-button:last-child {
-    border-top-right-radius: 2px;
-    border-bottom-right-radius: 2px;
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
 }
 
 .k-button-overlay, .k-button::before {
@@ -11237,15 +11237,15 @@ kendo-badge-container {
 }
 
 .k-button-clear {
-    color: #424242;
+    color: inherit;
 }
 
 .k-button-clear:hover, .k-button-clear.k-state-hover, .k-button-clear:active, .k-button-clear.k-state-active, .k-button-clear.k-state-selected, .k-button-clear:focus, .k-button-clear.k-state-focus, .k-button-clear.k-state-focused {
-    color: #3d3d3d;
+    color: inherit;
 }
 
 .k-button-clear:focus::after, .k-button-clear.k-state-focus::after, .k-button-clear.k-state-focused::after, .k-button-clear.k-state-focused:active::after {
-    background-color: #424242;
+    background-color: currentColor;
     opacity: 0.1;
     display: block;
 }
@@ -11491,7 +11491,7 @@ kendo-badge-container {
 
 .k-input-prefix .k-clear-value,
 .k-input-suffix .k-clear-value {
-    color: #424242;
+    color: inherit;
 }
 
 .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after,
@@ -15939,6 +15939,10 @@ textarea.k-textarea {
     border-width: 0 0px 0 0;
 }
 
+.k-numerictextbox .k-i-warning {
+    color: #f31700;
+}
+
 .k-numerictextbox .k-numeric-wrap {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -18057,7 +18061,6 @@ textarea.k-textarea {
 }
 
 .k-dateinput .k-i-warning {
-    display: none;
     position: absolute;
     right: 8px;
     top: 50%;
@@ -18066,11 +18069,6 @@ textarea.k-textarea {
     overflow: visible;
 }
 
-.k-dateinput.k-invalid .k-i-warning,
-.k-dateinput.k-state-invalid .k-i-warning {
-    display: inline-block;
-}
-
 .k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
     text-align: right;
 }
@@ -18163,7 +18161,6 @@ textarea.k-textarea {
 
 .k-datepicker .k-i-warning,
 .k-timepicker .k-i-warning {
-    display: none;
     position: absolute;
     top: 50%;
     right: calc(1.4285714286em + 12px);
@@ -18172,11 +18169,6 @@ textarea.k-textarea {
     overflow: visible;
 }
 
-.k-datepicker .k-state-invalid .k-i-warning,
-.k-timepicker .k-state-invalid .k-i-warning {
-    display: inline-block;
-}
-
 .k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
 .k-timepicker,
 .k-timepicker[dir="rtl"] {
@@ -18268,7 +18260,6 @@ textarea.k-textarea {
 }
 
 .k-datetimepicker .k-i-warning {
-    display: none;
     position: absolute;
     top: 50%;
     right: calc(2.8571428572em + 20px);
@@ -18277,10 +18268,6 @@ textarea.k-textarea {
     overflow: visible;
 }
 
-.k-datetimepicker .k-state-invalid .k-i-warning {
-    display: inline-block;
-}
-
 .k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
     text-align: right;
 }
@@ -19654,12 +19641,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     transition: none;
 }
 
-.k-maskedtextbox > .k-textbox.k-state-invalid + .k-i-warning {
-    display: inline-block;
-}
-
 .k-maskedtextbox .k-i-warning {
-    display: none;
     position: absolute;
     top: 50%;
     -ms-transform: translateY(-50%);
@@ -21771,15 +21753,15 @@ kendo-drawer .k-drawer-wrapper {
 
 .k-notification-wrap > .k-icon {
     margin-right: 4px;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+    -ms-flex: none;
+        flex: none;
 }
 
 .k-notification-wrap > .k-i-close {
     margin-right: 0;
     margin-left: 4px;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+    -ms-flex: none;
+        flex: none;
     cursor: pointer;
 }
 
@@ -22692,6 +22674,7 @@ kendo-card-footer {
 
 .k-popover {
     border-radius: 4px;
+    padding: 0;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -23179,7 +23162,7 @@ kendo-card-footer {
     background-color: #fafafa;
 }
 
-.k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus {
+.k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
@@ -24099,6 +24082,8 @@ kendo-card-footer {
     border-width: 0;
     border-style: solid;
     border-color: inherit;
+    position: relative;
+    z-index: 2;
 }
 
 .k-tabstrip-items {
@@ -24109,7 +24094,6 @@ kendo-card-footer {
         flex-direction: row;
     -ms-flex: 0 0 auto;
         flex: 0 0 auto;
-    position: relative;
 }
 
 .k-tabstrip-items .k-item {
@@ -24164,6 +24148,8 @@ kendo-card-footer {
     overflow: auto;
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
+    position: relative;
+    z-index: 1;
 }
 
 .k-tabstrip-content.k-state-active,
@@ -24197,39 +24183,31 @@ kendo-card-footer {
     border-top-width: 0;
 }
 
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper {
-    border-width: 0;
-}
-
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
+.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
     white-space: nowrap;
     overflow: hidden;
 }
 
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
+.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
     -ms-flex-negative: 0;
         flex-shrink: 0;
     -ms-flex-item-align: stretch;
         align-self: stretch;
 }
 
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
+.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
     height: auto;
 }
 
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
+.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
     width: auto;
 }
 
-.k-tabstrip.k-tabstrip-scrollable > .k-content,
-.k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-content {
-    border-width: 1px;
-}
-
 .k-tabstrip-top > .k-tabstrip-items-wrapper {
     border-bottom-width: 1px;
+    margin-bottom: -1px;
 }
 
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
@@ -24250,11 +24228,12 @@ kendo-card-footer {
 .k-tabstrip-top > .k-tabstrip-content {
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px;
-    border-top-width: 0;
+    border-top-color: transparent !important;
 }
 
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
     border-top-width: 1px;
+    margin-top: -1px;
 }
 
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
@@ -24275,7 +24254,7 @@ kendo-card-footer {
 .k-tabstrip-bottom > .k-tabstrip-content {
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
-    border-bottom-width: 0;
+    border-bottom-color: transparent !important;
 }
 
 .k-tabstrip-left {
@@ -24285,6 +24264,7 @@ kendo-card-footer {
 
 .k-tabstrip-left > .k-tabstrip-items-wrapper {
     border-right-width: 1px;
+    margin-right: -1px;
 }
 
 .k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
@@ -24313,7 +24293,7 @@ kendo-card-footer {
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
     margin: 0 !important;
-    border-left-width: 0;
+    border-left-color: transparent !important;
 }
 
 .k-tabstrip-right {
@@ -24323,6 +24303,7 @@ kendo-card-footer {
 
 .k-tabstrip-right > .k-tabstrip-items-wrapper {
     border-left-width: 1px;
+    margin-left: -1px;
 }
 
 .k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
@@ -24351,7 +24332,7 @@ kendo-card-footer {
     border-top-left-radius: 2px;
     border-bottom-left-radius: 2px;
     margin: 0 !important;
-    border-right-width: 0;
+    border-right-color: transparent !important;
 }
 
 .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper,
@@ -27327,7 +27308,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     -ms-flex-direction: row;
         flex-direction: row;
     position: absolute;
-    z-index: 1;
+    z-index: 2;
     top: 0;
     left: 0;
 }
@@ -27341,6 +27322,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 
 .k-spreadsheet-tabstrip {
     padding-top: 8px;
+    position: relative;
+    z-index: 1;
+}
+
+.k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
+    margin: 0;
 }
 
 .k-spreadsheet-tabstrip .k-loading {
@@ -27503,7 +27490,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-spreadsheet-sheets-bar {
-    padding: 0 4px 4px;
+    padding: 0 0 4px 4px;
     border-width: 1px 0 0;
     border-style: solid;
     border-color: inherit;
@@ -27511,13 +27498,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     display: flex;
     -ms-flex-direction: row;
         flex-direction: row;
-    -ms-flex-align: center;
-        align-items: center;
+    -ms-flex-align: start;
+        align-items: flex-start;
     position: relative;
 }
 
 .k-spreadsheet-sheets-bar-add {
-    margin-right: 4px;
+    -ms-flex-item-align: center;
+        align-self: center;
 }
 
 .k-spreadsheet-sheets-bar-add:not(:hover) {
@@ -27527,25 +27515,16 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-spreadsheet-sheets-items {
-    margin-top: -1px;
     -ms-flex: 1;
         flex: 1;
     overflow: hidden;
 }
 
-.k-spreadsheet-sheets-items .k-tabstrip-items {
-    margin: 0 calc(1.4285714286em + 10px) !important;
+.k-spreadsheet-sheets-items .k-tabstrip-items-wrapper {
+    margin: 0;
     border-width: 0;
 }
 
-.k-spreadsheet-sheets-items .k-tabstrip-prev {
-    left: 0 !important;
-}
-
-.k-spreadsheet-sheets-items .k-tabstrip-next {
-    right: 0 !important;
-}
-
 .k-spreadsheet-sheets-items .k-item .k-link {
     display: inline-block;
 }
@@ -27560,6 +27539,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     -ms-flex-direction: row;
         flex-direction: row;
     vertical-align: middle;
+    -ms-flex-item-align: center;
+        align-self: center;
 }
 
 .k-spreadsheet-view {
@@ -28900,10 +28881,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-pivot-toolbar {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
+    border-width: 0 0 1px;
+    border-style: solid;
     -ms-flex-align: start;
-        align-items: start;
+        align-items: flex-start;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
 }
@@ -33761,6 +33742,11 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     word-wrap: break-word;
 }
 
+.k-chat .k-bubble a {
+    color: inherit;
+    text-decoration: underline;
+}
+
 .k-chat .k-message.k-state-selected {
     margin-bottom: 16px;
     border: 0;
@@ -34185,6 +34171,14 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
         order: -1;
 }
 
+.k-chat .k-bubble a {
+    color: #ff6358;
+}
+
+.k-chat .k-bubble a:hover {
+    color: #d6534a;
+}
+
 .k-chat .k-bubble:hover {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
 }
@@ -35572,20 +35566,6 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     height: 100%;
 }
 
-.k-marquee {
-    position: absolute;
-    z-index: 100000;
-}
-
-.k-marquee-color,
-.k-marquee-text {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
 .k-navigator-hint div {
     position: absolute;
 }
@@ -36058,7 +36038,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-chart-tooltip-inverse {
-    color: black;
+    color: #000000;
 }
 
 .k-chart-crosshair-tooltip,
@@ -36098,14 +36078,6 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     opacity: .8;
 }
 
-.k-marquee-color {
-    background-color: #ff6358;
-}
-
-.k-marquee-color {
-    opacity: .6;
-}
-
 .k-treemap {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;