@progress/kendo-theme-default 4.42.1-dev.0 → 4.42.1-dev.1

package/dist/all.css

@@ -12761,7 +12761,9 @@ kendo-badge-container {
     border-style: solid;
 }
 
-.k-input-icon {
+.k-input-icon,
+.k-input-validation-icon,
+.k-input-loading-icon {
     width: 24px;
     height: 28px;
     display: -ms-inline-flexbox;
@@ -12776,19 +12778,6 @@ kendo-badge-container {
         flex-shrink: 0;
 }
 
-.k-ie9 .k-input-icon {
-    position: absolute;
-    height: 100%;
-    right: 0;
-    top: 0;
-}
-
-.k-ie9 .k-rtl .k-input-icon, .k-ie9
-[dir="rtl"] .k-input-icon {
-    left: 0;
-    right: auto;
-}
-
 .k-clear-value {
     width: 24px;
     height: 28px;
@@ -13668,8 +13657,8 @@ kendo-label > .k-label {
 .k-form .k-maskedtextbox,
 .k-form .k-textbox-container,
 .k-form .k-floating-label-container {
-    display: -ms-flexbox;
-    display: flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
     width: 100%;
 }
 
@@ -13731,6 +13720,7 @@ kendo-label > .k-label {
     margin-right: 10px;
     padding-top: 5px;
     width: 25%;
+    text-align: end;
     -ms-flex-direction: column;
         flex-direction: column;
     -ms-flex-align: end;
@@ -15994,6 +15984,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-actions-horizontal {
+    width: 100%;
     -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
 }
@@ -17944,18 +17935,6 @@ textarea.k-textarea {
     height: 28px;
 }
 
-.k-autocomplete .k-clear-value {
-    visibility: hidden;
-}
-
-.k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
-    visibility: visible;
-}
-
-.k-autocomplete:focus-within .k-clear-value {
-    visibility: visible;
-}
-
 .k-autocomplete.k-header,
 .k-autocomplete {
     border-color: rgba(0, 0, 0, 0.08);
@@ -18183,23 +18162,10 @@ textarea.k-textarea {
     top: -2px;
 }
 
-.k-numerictextbox .k-i-warning {
-    -ms-flex-item-align: center;
-        align-self: center;
-    margin-right: 0.5em;
-}
-
 .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
     text-align: right;
 }
 
-.k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
-    -ms-flex-item-align: center;
-        align-self: center;
-    margin-right: 0;
-    margin-left: 0.5em;
-}
-
 .k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
     border-radius: 2px 0 0 2px;
     border-width: 0 0px 0 0;
@@ -18752,20 +18718,6 @@ textarea.k-textarea {
     cursor: initial;
 }
 
-.k-combobox .k-clear-value {
-    visibility: hidden;
-}
-
-.k-combobox:hover .k-clear-value, .k-combobox.k-state-hover .k-clear-value, .k-combobox.k-state-focused .k-clear-value, .k-combobox.k-state-focus .k-clear-value,
-.k-combobox .k-dropdown-wrap.k-state-hover .k-clear-value,
-.k-combobox .k-dropdown-wrap.k-state-focused .k-clear-value {
-    visibility: visible;
-}
-
-.k-combobox:focus-within .k-clear-value {
-    visibility: visible;
-}
-
 .k-combobox .k-select {
     border-radius: 0 2px 2px 0;
     padding: 0px 0px;
@@ -19546,24 +19498,10 @@ textarea.k-textarea {
     top: -2px;
 }
 
-.k-dateinput .k-i-warning {
-    position: absolute;
-    right: 8px;
-    top: 50%;
-    -ms-transform: translateY(-50%);
-        transform: translateY(-50%);
-    overflow: visible;
-}
-
 .k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
     text-align: right;
 }
 
-.k-rtl .k-dateinput .k-dateinput-wrap .k-i-warning, .k-dateinput[dir="rtl"] .k-dateinput-wrap .k-i-warning {
-    left: 8px;
-    right: auto;
-}
-
 .k-rtl .k-dateinput .k-select, .k-dateinput[dir="rtl"] .k-select {
     border-radius: 2px 0 0 2px;
     border-width: 0 0px 0 0;
@@ -19645,16 +19583,6 @@ textarea.k-textarea {
     cursor: pointer;
 }
 
-.k-datepicker .k-i-warning,
-.k-timepicker .k-i-warning {
-    position: absolute;
-    top: 50%;
-    right: calc(1.4285714286em + 12px);
-    -ms-transform: translateY(-50%);
-        transform: translateY(-50%);
-    overflow: visible;
-}
-
 .k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
 .k-timepicker,
 .k-timepicker[dir="rtl"] {
@@ -19668,13 +19596,6 @@ textarea.k-textarea {
     border-width: 0 0px 0 0;
 }
 
-.k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir="rtl"] .k-i-warning, .k-rtl
-.k-timepicker .k-i-warning,
-.k-timepicker[dir="rtl"] .k-i-warning {
-    right: auto;
-    left: calc(1.4285714286em + 12px);
-}
-
 .k-datetimepicker {
     width: 12.4em;
     border-width: 0;
@@ -19745,15 +19666,6 @@ textarea.k-textarea {
     box-sizing: border-box;
 }
 
-.k-datetimepicker .k-i-warning {
-    position: absolute;
-    top: 50%;
-    right: calc(2.8571428572em + 20px);
-    -ms-transform: translateY(-50%);
-        transform: translateY(-50%);
-    overflow: visible;
-}
-
 .k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
     text-align: right;
 }
@@ -19763,11 +19675,6 @@ textarea.k-textarea {
     border-width: 0 0px 0 0;
 }
 
-.k-rtl .k-datetimepicker .k-i-warning, .k-datetimepicker[dir="rtl"] .k-i-warning {
-    right: auto;
-    left: calc(2.8571428572em + 20px);
-}
-
 .k-datetime-container .k-datetime-wrap {
     width: 288px;
     overflow: hidden;
@@ -20494,14 +20401,6 @@ textarea.k-textarea {
     cursor: pointer;
 }
 
-.k-dropdown .k-dropdown-wrap .k-clear-value, .k-dropdowntree .k-dropdown-wrap .k-clear-value {
-    visibility: hidden;
-}
-
-.k-dropdown .k-dropdown-wrap.k-state-focused .k-clear-value, .k-dropdowntree .k-dropdown-wrap.k-state-focused .k-clear-value, .k-dropdown .k-dropdown-wrap.k-state-hover .k-clear-value, .k-dropdowntree .k-dropdown-wrap.k-state-hover .k-clear-value, .k-dropdown .k-dropdown-wrap:hover .k-clear-value, .k-dropdowntree .k-dropdown-wrap:hover .k-clear-value {
-    visibility: visible;
-}
-
 .k-dropdown.k-rtl, .k-rtl.k-dropdowntree,
 .k-dropdown[dir="rtl"],
 .k-dropdowntree[dir="rtl"],
@@ -20692,16 +20591,11 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-multiselect .k-multiselect-wrap .k-clear-value, .k-dropdowntree .k-multiselect-wrap .k-clear-value {
-    visibility: hidden;
     position: absolute;
     top: 0;
     right: 0;
 }
 
-.k-multiselect .k-multiselect-wrap:hover .k-clear-value, .k-dropdowntree .k-multiselect-wrap:hover .k-clear-value, .k-multiselect .k-multiselect-wrap.k-state-hover .k-clear-value, .k-dropdowntree .k-multiselect-wrap.k-state-hover .k-clear-value, .k-multiselect .k-multiselect-wrap.k-state-focused .k-clear-value, .k-dropdowntree .k-multiselect-wrap.k-state-focused .k-clear-value {
-    visibility: visible;
-}
-
 .k-multiselect .k-multiselect-wrap > .k-select, .k-dropdowntree .k-multiselect-wrap > .k-select {
     position: absolute;
     top: 0;
@@ -20724,10 +20618,6 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     right: 20px;
 }
 
-.k-multiselect.k-state-hover > .k-multiselect-wrap .k-clear-value, .k-state-hover.k-dropdowntree > .k-multiselect-wrap .k-clear-value, .k-multiselect.k-state-focused > .k-multiselect-wrap .k-clear-value, .k-state-focused.k-dropdowntree > .k-multiselect-wrap .k-clear-value, .k-multiselect.k-state-focus > .k-multiselect-wrap .k-clear-value, .k-state-focus.k-dropdowntree > .k-multiselect-wrap .k-clear-value {
-    visibility: visible;
-}
-
 .k-multiselect[dir="rtl"], .k-dropdowntree[dir="rtl"],
 .k-rtl .k-multiselect,
 .k-rtl .k-dropdowntree {
@@ -21162,6 +21052,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     border-radius: 2px;
     border-width: 1px;
     border-style: solid;
+    box-sizing: border-box;
     font-family: inherit;
     font-size: 14px;
     line-height: 1.4285714286;
@@ -22759,6 +22650,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     height: 100%;
 }
 
+.k-window-buttons,
 .k-window-buttongroup {
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px;
@@ -23879,6 +23771,7 @@ kendo-card-footer {
     height: 20px;
     border-width: 1px 1px 0 0;
     border-style: solid;
+    box-sizing: border-box;
     position: absolute;
 }
 
@@ -31595,6 +31488,99 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     overflow: auto;
 }
 
+.k-editor-resize-handles-wrapper {
+    position: absolute;
+    visibility: hidden;
+}
+
+.k-editor-resize-handle {
+    width: 5px;
+    height: 5px;
+    border-width: 1px;
+    border-style: solid;
+    position: absolute;
+    visibility: visible;
+    z-index: 100;
+}
+
+.k-editor-resize-handle.northwest {
+    top: 0;
+    left: 0;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: nw-resize;
+}
+
+.k-editor-resize-handle.north {
+    top: 0;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: n-resize;
+}
+
+.k-editor-resize-handle.northeast {
+    top: 0;
+    right: 0;
+    -ms-transform: translate(50%, -50%);
+        transform: translate(50%, -50%);
+    cursor: ne-resize;
+}
+
+.k-editor-resize-handle.southwest {
+    left: 0;
+    bottom: 0;
+    -ms-transform: translate(-50%, 50%);
+        transform: translate(-50%, 50%);
+    cursor: sw-resize;
+}
+
+.k-editor-resize-handle.south {
+    bottom: 0;
+    left: 50%;
+    -ms-transform: translate(-50%, 50%);
+        transform: translate(-50%, 50%);
+    cursor: s-resize;
+}
+
+.k-editor-resize-handle.southeast {
+    right: 0;
+    bottom: 0;
+    -ms-transform: translate(50%, 50%);
+        transform: translate(50%, 50%);
+    cursor: se-resize;
+}
+
+.k-editor-resize-handle.west {
+    top: 50%;
+    left: 0;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    cursor: w-resize;
+}
+
+.k-editor-resize-handle.east {
+    top: 50%;
+    right: 0;
+    -ms-transform: translate(50%, -50%);
+        transform: translate(50%, -50%);
+    cursor: e-resize;
+}
+
+.ProseMirror-selectednode {
+    outline-width: 2px;
+    outline-style: solid;
+}
+
+.ProseMirror-hideselection {
+    caret-color: transparent;
+}
+
+.ProseMirror-hideselection *::selection,
+.ProseMirror-hideselection *::-moz-selection {
+    background: transparent;
+}
+
 .k-editor > .k-toolbar {
     border-width: 0 0 1px 0;
     -ms-flex-negative: 0;
@@ -31661,6 +31647,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     padding: 8px;
     width: 100%;
     height: 100%;
+    position: relative;
     box-sizing: border-box;
     outline: none;
     white-space: pre-wrap;
@@ -32225,6 +32212,15 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     border-color: rgba(0, 0, 0, 0.08);
 }
 
+.k-editor-resize-handle {
+    background-color: #ffffff;
+    border-color: #000000;
+}
+
+.ProseMirror-selectednode {
+    outline-color: #8cf;
+}
+
 .k-ct-popup .k-state-selected {
     border-color: rgba(0, 0, 0, 0.08);
     color: #ffffff;
@@ -35284,11 +35280,14 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 }
 
 .k-message-box {
-    padding: 10px 16px;
+    width: 100%;
+    height: auto;
+    padding: 4px 8px;
+    box-sizing: border-box;
     border-width: 1px 0 0;
     border-style: solid;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+    -ms-flex: none;
+        flex: none;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row nowrap;
@@ -35297,6 +35296,11 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
         align-items: center;
 }
 
+.k-message-box:focus, .k-message-box.k-state-focus, .k-message-box:focus-within {
+    outline: 0;
+    box-shadow: none;
+}
+
 .k-message-box .k-input {
     padding: 0;
 }
@@ -35419,12 +35423,19 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 
 .k-chat-toolbar,
 .k-chat .k-toolbar-box {
+    padding: 8px 8px;
     width: 100%;
+    border-width: 1px 0 0;
     box-sizing: border-box;
+    -ms-flex: none;
+        flex: none;
     overflow: hidden;
     position: relative;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
+}
+
+.k-chat-toolbar::before,
+.k-chat .k-toolbar-box::before {
+    display: none;
 }
 
 .k-chat-toolbar .k-button-list,
@@ -35435,20 +35446,15 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
         flex-flow: row nowrap;
     overflow: hidden;
     scroll-behavior: smooth;
-    padding: 10px 16px;
-}
-
-.k-chat-toolbar .k-button-list::after,
-.k-chat .k-toolbar-box .k-button-list::after {
-    content: "";
-    padding-right: 16px;
 }
 
-.k-chat-toolbar .k-button-list .k-button + .k-button,
-.k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
-    margin-left: 20px;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
+.k-chat-toolbar .k-button,
+.k-chat .k-toolbar-box .k-button {
+    border-color: transparent;
+    color: inherit;
+    background: none;
+    -ms-flex: none;
+        flex: none;
 }
 
 .k-chat-toolbar .k-scroll-button,
@@ -35470,15 +35476,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     right: 0;
 }
 
-.k-chat-toolbar .k-button,
-.k-chat .k-toolbar-box .k-button {
-    border-width: 0;
-    color: inherit;
-    background: none;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-
 .k-rtl .k-message-group:not(.k-alt),
 [dir="rtl"] .k-message-group:not(.k-alt) {
     text-align: right;