@progress/kendo-theme-bootstrap 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: #0d6efd;
 }
@@ -30003,8 +30099,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);
 }
 
@@ -30800,7 +30902,7 @@ kendo-sortable {
     flex: 0 0 auto;
     position: absolute;
     top: 50%;
-    right: 0;
+    inset-inline-end: 0;
     transform: translateY(-50%);
 }
 
@@ -35775,10 +35877,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;
@@ -35989,6 +36091,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,
@@ -36208,8 +36311,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: calc(16px + 0.5rem);
-    height: calc(16px + 0.5rem);
+    padding-block: 0.25rem;
+    padding-inline: 0.25rem;
+    box-sizing: content-box;
 }
 
 .k-input-sm.k-icon-picker .k-input-inner,
@@ -36280,8 +36384,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: calc(16px + 0.75rem);
-    height: calc(16px + 0.75rem);
+    padding-block: 0.375rem;
+    padding-inline: 0.375rem;
+    box-sizing: content-box;
 }
 
 .k-input-md.k-icon-picker .k-input-inner,
@@ -36352,8 +36457,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: calc(16px + 1rem);
-    height: calc(16px + 1rem);
+    padding-block: 0.5rem;
+    padding-inline: 0.5rem;
+    box-sizing: content-box;
 }
 
 .k-input-lg.k-icon-picker .k-input-inner,
@@ -36851,9 +36957,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);
 }
 
@@ -40674,8 +40779,9 @@ select.k-picker-lg {
 }
 
 .k-fab-icon {
-    width: 24px;
-    height: 24px;
+    padding-inline: 0.25rem;
+    padding-block: 0.25rem;
+    box-sizing: content-box;
 }
 
 .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) {
@@ -40755,10 +40861,8 @@ select.k-picker-lg {
 }
 
 .k-fab-item-icon {
-    width: 24px;
-    height: 24px;
-    padding-block: 0.5rem;
-    padding-inline: 0.5rem;
+    padding-block: 0.75rem;
+    padding-inline: 0.75rem;
     border-width: 0;
     border-radius: 50%;
     box-sizing: content-box;
@@ -41223,6 +41327,10 @@ select.k-picker-lg {
     color: #afb1b2;
 }
 
+.k-fab-popup {
+    box-shadow: none;
+}
+
 .k-actionsheet-container {
     width: 100%;
     height: 100%;
@@ -41381,7 +41489,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-top-width: 0;
     top: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -41391,7 +41499,7 @@ select.k-picker-lg {
     border-width: 0px;
     border-bottom-width: 0;
     bottom: 0;
-    left: 50%;
+    inset-inline-start: 50%;
     transform: translateX(-50%);
 }
 
@@ -41546,6 +41654,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: #dee2e6;
     color: #212529;
@@ -41984,10 +42099,10 @@ kendo-drawer .k-drawer-wrapper {
 
 .k-drawer-item .k-svg-icon,
 .k-drawer-item .k-icon {
-    height: auto;
-    font-size: 16px;
-    line-height: 2;
     flex-shrink: 0;
+    padding-inline: 0;
+    padding-block: 0.5rem;
+    box-sizing: content-box;
 }
 
 .k-drawer-item .k-svg-icon.k-i-none,
@@ -41995,6 +42110,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;
@@ -43494,41 +43619,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);
 }
 
@@ -45461,16 +45553,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 {
@@ -45598,11 +45686,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);
 }
 
@@ -45764,6 +45855,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;
 }
@@ -47797,7 +47889,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: 0.5rem;
     box-sizing: content-box;
@@ -55054,11 +55147,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 {
@@ -55082,6 +55175,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,
 .k-scrollview {
     border-color: #dee2e6;