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

package/dist/all.css

@@ -16790,6 +16790,102 @@ kendo-sortable {
     background-color: white !important;
 }
 
+.k-bg-center {
+    background-position: center;
+}
+
+.\!k-bg-center {
+    background-position: center !important;
+}
+
+.k-bg-top {
+    background-position: top;
+}
+
+.\!k-bg-top {
+    background-position: top !important;
+}
+
+.k-bg-right {
+    background-position: right;
+}
+
+.\!k-bg-right {
+    background-position: right !important;
+}
+
+.k-bg-bottom {
+    background-position: bottom;
+}
+
+.\!k-bg-bottom {
+    background-position: bottom !important;
+}
+
+.k-bg-left {
+    background-position: left;
+}
+
+.\!k-bg-left {
+    background-position: left !important;
+}
+
+.k-bg-top-left {
+    background-position: top left;
+}
+
+.\!k-bg-top-left {
+    background-position: top left !important;
+}
+
+.k-bg-top-right {
+    background-position: top right;
+}
+
+.\!k-bg-top-right {
+    background-position: top right !important;
+}
+
+.k-bg-bottom-left {
+    background-position: bottom left;
+}
+
+.\!k-bg-bottom-left {
+    background-position: bottom left !important;
+}
+
+.k-bg-bottom-right {
+    background-position: bottom right;
+}
+
+.\!k-bg-bottom-right {
+    background-position: bottom right !important;
+}
+
+.k-bg-auto {
+    background-size: auto;
+}
+
+.\!k-bg-auto {
+    background-size: auto !important;
+}
+
+.k-bg-cover {
+    background-size: cover;
+}
+
+.\!k-bg-cover {
+    background-size: cover !important;
+}
+
+.k-bg-contain {
+    background-size: contain;
+}
+
+.\!k-bg-contain {
+    background-size: contain !important;
+}
+
 .k-border-primary {
     border-color: #3f51b5;
 }
@@ -30020,8 +30116,14 @@ kendo-sortable {
 .k-rtl .k-i-indent-decrease,
 .k-rtl .k-i-caret-alt-right,
 .k-rtl .k-i-caret-alt-left,
+.k-rtl .k-svg-i-caret-alt-right,
+.k-rtl .k-svg-i-caret-alt-left,
+[dir="rtl"] .k-i-indent-increase,
+[dir="rtl"] .k-i-indent-decrease,
 [dir="rtl"] .k-i-caret-alt-right,
-[dir="rtl"] .k-i-caret-alt-left {
+[dir="rtl"] .k-i-caret-alt-left,
+[dir="rtl"] .k-svg-i-caret-alt-right,
+[dir="rtl"] .k-svg-i-caret-alt-left {
     transform: scaleX(-1);
 }
 
@@ -30808,7 +30910,7 @@ kendo-sortable {
     flex: 0 0 auto;
     position: absolute;
     top: 50%;
-    right: 0;
+    inset-inline-end: 0;
     transform: translateY(-50%);
 }
 
@@ -36283,10 +36385,10 @@ kendo-label > .k-label {
     box-sizing: border-box;
 }
 
-.k-input .k-input,
-.k-input .k-picker,
-.k-picker .k-input,
-.k-picker .k-picker {
+.k-input > .k-input,
+.k-input > .k-picker,
+.k-picker > .k-input,
+.k-picker > .k-picker {
     border-width: 0 !important;
     color: inherit;
     background: none;
@@ -36497,6 +36599,7 @@ textarea.k-input-inner {
     flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
+    box-sizing: content-box;
 }
 
 .k-input-icon.k-svg-icon > svg,
@@ -36716,8 +36819,9 @@ textarea.k-input-inner {
 .k-picker-sm .k-input-prefix > .k-svg-icon,
 .k-picker-sm .k-input-suffix > .k-icon,
 .k-picker-sm .k-input-suffix > .k-svg-icon {
-    width: 28px;
-    height: 28px;
+    padding-block: 6px;
+    padding-inline: 6px;
+    box-sizing: content-box;
 }
 
 .k-input-sm.k-icon-picker .k-input-inner,
@@ -36788,8 +36892,9 @@ select.k-picker-sm {
 .k-picker-md .k-input-prefix > .k-svg-icon,
 .k-picker-md .k-input-suffix > .k-icon,
 .k-picker-md .k-input-suffix > .k-svg-icon {
-    width: 32px;
-    height: 32px;
+    padding-block: 8px;
+    padding-inline: 8px;
+    box-sizing: content-box;
 }
 
 .k-input-md.k-icon-picker .k-input-inner,
@@ -36860,8 +36965,9 @@ select.k-picker-md {
 .k-picker-lg .k-input-prefix > .k-svg-icon,
 .k-picker-lg .k-input-suffix > .k-icon,
 .k-picker-lg .k-input-suffix > .k-svg-icon {
-    width: 32px;
-    height: 32px;
+    padding-block: 8px;
+    padding-inline: 8px;
+    box-sizing: content-box;
 }
 
 .k-input-lg.k-icon-picker .k-input-inner,
@@ -37471,9 +37577,8 @@ select.k-picker-lg {
     opacity: .5;
 }
 
-.k-rtl .k-listbox.k-listbox-actions-left .k-listbox-actions, .k-rtl .k-listbox.k-listbox-actions-right .k-listbox-actions, .k-listbox[dir="rtl"].k-listbox-actions-left .k-listbox-actions, .k-listbox[dir="rtl"].k-listbox-actions-right .k-listbox-actions,
-[dir="rtl"] .k-listbox.k-listbox-actions-left .k-listbox-actions,
-[dir="rtl"] .k-listbox.k-listbox-actions-right .k-listbox-actions {
+.k-rtl .k-listbox .k-listbox-actions .k-button-icon, .k-listbox[dir="rtl"] .k-listbox-actions .k-button-icon,
+[dir="rtl"] .k-listbox .k-listbox-actions .k-button-icon {
     transform: scaleX(-1);
 }
 
@@ -41566,8 +41671,9 @@ select.k-picker-lg {
 }
 
 .k-fab-icon {
-    width: 20px;
-    height: 20px;
+    padding-inline: 2px;
+    padding-block: 2px;
+    box-sizing: content-box;
 }
 
 .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) {
@@ -41647,10 +41753,8 @@ select.k-picker-lg {
 }
 
 .k-fab-item-icon {
-    width: 20px;
-    height: 20px;
-    padding-block: 8px;
-    padding-inline: 8px;
+    padding-block: 10px;
+    padding-inline: 10px;
     border-width: 0;
     border-radius: 50%;
     box-sizing: content-box;
@@ -42080,7 +42184,7 @@ select.k-picker-lg {
     color: rgba(178, 178, 178, 0.9532);
 }
 
-.k-animation-container > .k-fab-popup {
+.k-fab-popup {
     box-shadow: none;
 }
 
@@ -42244,7 +42348,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-top-width: 0;
     top: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -42254,7 +42358,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-bottom-width: 0;
     bottom: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -42409,6 +42513,13 @@ select.k-picker-lg {
     align-items: center;
 }
 
+.k-rtl .k-actionsheet-top,
+.k-rtl .k-actionsheet-bottom,
+[dir="rtl"] .k-actionsheet-top,
+[dir="rtl"] .k-actionsheet-bottom {
+    transform: translateX(50%);
+}
+
 .k-actionsheet {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -42853,10 +42964,10 @@ kendo-drawer .k-drawer-wrapper {
 
 .k-drawer-item .k-svg-icon,
 .k-drawer-item .k-icon {
-    height: auto;
-    font-size: 16px;
-    line-height: 1.5;
     flex-shrink: 0;
+    padding-inline: 0;
+    padding-block: 4px;
+    box-sizing: content-box;
 }
 
 .k-drawer-item .k-svg-icon.k-i-none,
@@ -42864,6 +42975,16 @@ kendo-drawer .k-drawer-wrapper {
     margin: 0;
 }
 
+.k-drawer-item .k-icon {
+    height: auto;
+    font-size: 16px;
+}
+
+.k-drawer-item .k-svg-icon {
+    width: 16px;
+    height: 16px;
+}
+
 .k-drawer-item .k-item-text {
     display: inline-block;
     white-space: nowrap;
@@ -44357,41 +44478,8 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
-.k-rtl .k-pager .k-i-caret-alt-to-left,
-.k-rtl .k-pager .k-i-caret-alt-to-right,
-.k-rtl .k-pager .k-i-caret-alt-left,
-.k-rtl .k-pager .k-i-caret-alt-right,
-.k-rtl .k-pager .k-i-arrow-end-left,
-.k-rtl .k-pager .k-i-arrow-60-left,
-.k-rtl .k-pager .k-i-arrow-60-right,
-.k-rtl .k-pager .k-i-arrow-end-right,
-.k-rtl .k-pager .k-i-seek-w,
-.k-rtl .k-pager .k-i-arrow-w,
-.k-rtl .k-pager .k-i-arrow-e,
-.k-rtl .k-pager .k-i-seek-e, .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
-.k-pager[dir="rtl"] .k-i-caret-alt-to-right,
-.k-pager[dir="rtl"] .k-i-caret-alt-left,
-.k-pager[dir="rtl"] .k-i-caret-alt-right,
-.k-pager[dir="rtl"] .k-i-arrow-end-left,
-.k-pager[dir="rtl"] .k-i-arrow-60-left,
-.k-pager[dir="rtl"] .k-i-arrow-60-right,
-.k-pager[dir="rtl"] .k-i-arrow-end-right,
-.k-pager[dir="rtl"] .k-i-seek-w,
-.k-pager[dir="rtl"] .k-i-arrow-w,
-.k-pager[dir="rtl"] .k-i-arrow-e,
-.k-pager[dir="rtl"] .k-i-seek-e,
-[dir="rtl"] .k-pager .k-i-caret-alt-to-left,
-[dir="rtl"] .k-pager .k-i-caret-alt-to-right,
-[dir="rtl"] .k-pager .k-i-caret-alt-left,
-[dir="rtl"] .k-pager .k-i-caret-alt-right,
-[dir="rtl"] .k-pager .k-i-arrow-end-left,
-[dir="rtl"] .k-pager .k-i-arrow-60-left,
-[dir="rtl"] .k-pager .k-i-arrow-60-right,
-[dir="rtl"] .k-pager .k-i-arrow-end-right,
-[dir="rtl"] .k-pager .k-i-seek-w,
-[dir="rtl"] .k-pager .k-i-arrow-w,
-[dir="rtl"] .k-pager .k-i-arrow-e,
-[dir="rtl"] .k-pager .k-i-seek-e {
+.k-rtl .k-pager .k-pager-nav .k-button-icon, .k-pager[dir="rtl"] .k-pager-nav .k-button-icon,
+[dir="rtl"] .k-pager .k-pager-nav .k-button-icon {
     transform: scaleX(-1);
 }
 
@@ -46425,16 +46513,12 @@ kendo-card-footer {
 .k-scheduler-mobile .k-task {
     display: flex;
     align-items: center;
+    gap: .5em;
 }
 
 .k-scheduler-mobile .k-task .k-scheduler-mark {
     border-radius: 50%;
-}
-
-.k-scheduler-mobile .k-task .k-i-reload,
-.k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
-    font-size: 1em;
-    margin-right: .5em;
+    margin: 0;
 }
 
 .k-scheduler-mobile .k-task .k-scheduler-task-text {
@@ -46562,11 +46646,14 @@ kendo-card-footer {
     display: none;
 }
 
-.k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
-.k-rtl .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right, .k-pane-wrapper[dir="rtl"] .k-header-cancel .k-i-arrow-chevron-left,
-.k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
-[dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
-[dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
+.k-rtl .k-pane-wrapper .k-header-cancel .k-button-icon,
+.k-rtl .k-pane-wrapper .k-listgroup-item .k-select .k-svg-icon,
+.k-rtl .k-pane-wrapper .k-listgroup-item .k-select .k-icon, .k-pane-wrapper[dir="rtl"] .k-header-cancel .k-button-icon,
+.k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-svg-icon,
+.k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-icon,
+[dir="rtl"] .k-pane-wrapper .k-header-cancel .k-button-icon,
+[dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-svg-icon,
+[dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-icon {
     transform: scaleX(-1);
 }
 
@@ -46728,6 +46815,7 @@ kendo-card-footer {
 
 .k-grid .k-grid-header .k-table,
 .k-grid .k-grid-content .k-table,
+.k-grid .k-grid-content-locked .k-table,
 .k-grid .k-grid-footer .k-table {
     table-layout: fixed;
 }
@@ -49108,7 +49196,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     flex: 1;
 }
 
-.k-spreadsheet-formula-bar > .k-i-formula-fx {
+.k-spreadsheet-formula-bar > .k-icon,
+.k-spreadsheet-formula-bar > .k-svg-icon {
     padding-block: 0;
     padding-inline: 4px;
     box-sizing: content-box;
@@ -56586,11 +56675,11 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-scrollview-prev {
-    left: 0;
+    inset-inline-start: 0;
 }
 
 .k-scrollview-next {
-    right: 0;
+    inset-inline-end: 0;
 }
 
 .k-scrollview-animation {
@@ -56614,6 +56703,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     }
 }
 
+.k-rtl .k-scrollview-prev .k-icon,
+.k-rtl .k-scrollview-prev .k-svg-icon,
+.k-rtl .k-scrollview-next .k-icon,
+.k-rtl .k-scrollview-next .k-svg-icon,
+[dir="rtl"] .k-scrollview-prev .k-icon,
+[dir="rtl"] .k-scrollview-prev .k-svg-icon,
+[dir="rtl"] .k-scrollview-next .k-icon,
+[dir="rtl"] .k-scrollview-next .k-svg-icon {
+    transform: scaleX(-1);
+}
+
 kendo-scrollview.k-scrollview-wrap,
 kendo-scrollview.k-scrollview,
 div.k-scrollview {