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

package/dist/all.css

@@ -16791,6 +16791,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: #f35800;
 }
@@ -30014,8 +30110,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);
 }
 
@@ -30795,7 +30897,7 @@ kendo-sortable {
     flex: 0 0 auto;
     position: absolute;
     top: 50%;
-    right: 0;
+    inset-inline-end: 0;
     transform: translateY(-50%);
 }
 
@@ -35696,10 +35798,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;
@@ -35910,6 +36012,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,
@@ -36129,8 +36232,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: 20px;
-    height: 20px;
+    padding-block: 2px;
+    padding-inline: 2px;
+    box-sizing: content-box;
 }
 
 .k-input-sm.k-icon-picker .k-input-inner,
@@ -36201,8 +36305,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: 24px;
-    height: 24px;
+    padding-block: 4px;
+    padding-inline: 4px;
+    box-sizing: content-box;
 }
 
 .k-input-md.k-icon-picker .k-input-inner,
@@ -36273,8 +36378,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,
@@ -36721,9 +36827,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);
 }
 
@@ -40570,8 +40675,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) {
@@ -40651,10 +40757,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;
@@ -41070,7 +41174,7 @@ select.k-picker-lg {
     color: #7d7d7d;
 }
 
-.k-animation-container > .k-fab-popup {
+.k-fab-popup {
     box-shadow: none;
 }
 
@@ -41232,7 +41336,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-top-width: 0;
     top: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -41242,7 +41346,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-bottom-width: 0;
     bottom: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -41397,6 +41501,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: #cacaca;
     color: #272727;
@@ -41837,10 +41948,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,
@@ -41848,6 +41959,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;
@@ -43337,41 +43458,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);
 }
 
@@ -45273,16 +45361,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 {
@@ -45410,11 +45494,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);
 }
 
@@ -45576,6 +45663,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;
 }
@@ -47631,7 +47719,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     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;
@@ -54833,11 +54922,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 {
@@ -54861,6 +54950,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 {