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

package/dist/all.css

@@ -12911,7 +12911,9 @@ kendo-scheduler .k-scheduler-footer li .k-primary.k-state-disabled.k-link {
     border-style: solid;
 }
 
-.k-input-icon {
+.k-input-icon,
+.k-input-validation-icon,
+.k-input-loading-icon {
     width: 32px;
     height: 34px;
     display: -ms-inline-flexbox;
@@ -12926,19 +12928,6 @@ kendo-scheduler .k-scheduler-footer li .k-primary.k-state-disabled.k-link {
         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: 32px;
     height: 34px;
@@ -13941,8 +13930,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%;
 }
 
@@ -14004,6 +13993,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;
@@ -14773,7 +14763,8 @@ kendo-label.k-checkbox-label > .k-label {
     color: transparent;
 }
 
-.k-checkbox:hover .k-checkbox.k-state-hover {
+.k-checkbox:hover,
+.k-checkbox.k-state-hover {
     border-color: rgba(0, 0, 0, 0.87);
 }
 
@@ -16509,6 +16500,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-actions-horizontal {
+    width: 100%;
     -ms-flex-flow: row nowrap;
         flex-flow: row nowrap;
 }
@@ -18669,18 +18661,6 @@ textarea.k-textarea {
     height: 34px;
 }
 
-.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 {
     border-width: 1px 0;
     border-top-color: transparent !important;
@@ -18912,23 +18892,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: 0 0;
     border-width: 0 0px 0 0;
@@ -19536,20 +19503,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 0;
     padding: 8px 4px;
@@ -20347,24 +20300,10 @@ textarea.k-textarea {
     top: -2px;
 }
 
-.k-dateinput .k-i-warning {
-    position: absolute;
-    right: 16px;
-    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: 16px;
-    right: auto;
-}
-
 .k-rtl .k-dateinput .k-select, .k-dateinput[dir="rtl"] .k-select {
     border-radius: 0 0;
     border-width: 0 0px 0 0;
@@ -20444,16 +20383,6 @@ textarea.k-textarea {
     cursor: pointer;
 }
 
-.k-datepicker .k-i-warning,
-.k-timepicker .k-i-warning {
-    position: absolute;
-    top: 50%;
-    right: calc(1.4285714286em + 16px);
-    -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"] {
@@ -20467,13 +20396,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 + 16px);
-}
-
 .k-datetimepicker {
     width: 200px;
     border-width: 0;
@@ -20542,15 +20464,6 @@ textarea.k-textarea {
     box-sizing: border-box;
 }
 
-.k-datetimepicker .k-i-warning {
-    position: absolute;
-    top: 50%;
-    right: calc(2.8571428572em + 32px);
-    -ms-transform: translateY(-50%);
-        transform: translateY(-50%);
-    overflow: visible;
-}
-
 .k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
     text-align: right;
 }
@@ -20560,11 +20473,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 + 32px);
-}
-
 .k-datetime-container .k-datetime-wrap {
     width: 320px;
     overflow: hidden;
@@ -21376,14 +21284,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"],
@@ -21595,16 +21495,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;
@@ -21627,10 +21522,6 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     right: 24px;
 }
 
-.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 {
@@ -22113,6 +22004,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 .k-searchbox {
     border-width: 1px;
     border-style: solid;
+    box-sizing: border-box;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 16px;
     line-height: 1.125;
@@ -23754,6 +23646,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     height: 100%;
 }
 
+.k-window-buttons,
 .k-window-buttongroup {
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
@@ -24901,6 +24794,7 @@ kendo-card-footer {
     height: 20px;
     border-width: 0px 0px 0 0;
     border-style: solid;
+    box-sizing: border-box;
     position: absolute;
 }
 
@@ -33424,6 +33318,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 0 0;
     -ms-flex-negative: 0;
@@ -33490,6 +33477,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     padding: 16px;
     width: 100%;
     height: 100%;
+    position: relative;
     box-sizing: border-box;
     outline: none;
     white-space: pre-wrap;
@@ -34112,6 +34100,15 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
+.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.1);
     color: white;
@@ -37395,11 +37392,14 @@ ul.k-scheduler-views li {
 }
 
 .k-message-box {
-    padding: 10px 16px;
+    width: 100%;
+    height: auto;
+    padding: 8px 0px;
+    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;
@@ -37408,6 +37408,11 @@ ul.k-scheduler-views li {
         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;
 }
@@ -37530,12 +37535,19 @@ ul.k-scheduler-views li {
 
 .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,
@@ -37546,20 +37558,15 @@ ul.k-scheduler-views li {
         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,
@@ -37581,15 +37588,6 @@ ul.k-scheduler-views li {
     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;