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

package/dist/all.css

@@ -16519,6 +16519,102 @@ hr.k-separator {
   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-inherit {
   border-color: inherit;
 }
@@ -29655,9 +29751,15 @@ hr.k-separator {
 .k-rtl .k-i-indent-increase,
 .k-rtl .k-i-indent-decrease,
 .k-rtl .k-i-caret-alt-right,
-.k-rtl .k-i-caret-alt-down,
+.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-down {
+[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);
 }
 
@@ -34747,10 +34849,10 @@ kendo-label > .k-label {
 .k-picker *::after {
   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;
@@ -34929,14 +35031,15 @@ textarea.k-input-inner {
 .k-input-prefix > .k-svg-icon,
 .k-input-suffix > .k-icon,
 .k-input-suffix > .k-svg-icon {
-  width: var(--INTERNAL--kendo-input-icon-size, min-content);
-  height: var(--INTERNAL--kendo-input-icon-size, min-content);
+  padding-inline: var(--INTERNAL--kendo-input-padding-y, 0.375rem);
+  padding-block: var(--INTERNAL--kendo-input-padding-y, 0.375rem);
   flex: none;
   align-self: center;
   display: inline-flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: center;
+  box-sizing: content-box;
 }
 
 .k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg,
@@ -35131,7 +35234,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-padding-y: 0.25rem;
   --INTERNAL--kendo-input-button-padding-x: 0.25rem;
   --INTERNAL--kendo-input-button-padding-y: 0.25rem;
-  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.5rem);
+  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.75rem);
 }
 .k-input-sm .k-input-button,
 .k-picker-sm .k-input-button {
@@ -35154,7 +35257,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-padding-y: 0.375rem;
   --INTERNAL--kendo-input-button-padding-x: 0.375rem;
   --INTERNAL--kendo-input-button-padding-y: 0.375rem;
-  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.75rem);
+  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.5rem);
 }
 .k-input-md .k-input-button,
 .k-picker-md .k-input-button {
@@ -35764,7 +35867,7 @@ textarea.k-input-inner {
 .k-listbox .k-ghost {
   opacity: 0.5;
 }
-.k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar, .k-listbox[dir=rtl].k-listbox-toolbar-left .k-listbox-toolbar, .k-listbox[dir=rtl].k-listbox-toolbar-right .k-listbox-toolbar, [dir=rtl] .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, [dir=rtl] .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
+.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);
 }
 
@@ -39205,8 +39308,9 @@ textarea.k-input-inner {
 }
 
 .k-fab-icon {
-  width: var(--kendo-fab-icon-width, 20px);
-  height: var(--kendo-fab-icon-height, 20px);
+  padding-inline: var(--kendo-fab-icon-padding-x, 0.125rem);
+  padding-block: var(--kendo-fab-icon-padding-y, 0.125rem);
+  box-sizing: content-box;
 }
 .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) {
   margin-inline-end: var(--kendo-fab-icon-spacing, 0.125rem);
@@ -39295,10 +39399,8 @@ textarea.k-input-inner {
 }
 
 .k-fab-item-icon {
-  width: var(--kendo-fab-item-icon-width, 20px);
-  height: var(--kendo-fab-item-icon-height, 20px);
-  padding-inline: var(--kendo-fab-item-icon-padding-x, 0.5rem);
-  padding-block: var(--kendo-fab-item-icon-padding-y, 0.5rem);
+  padding-inline: var(--kendo-fab-item-icon-padding-x, 0.625rem);
+  padding-block: var(--kendo-fab-item-icon-padding-y, 0.625rem);
   border-width: var(--kendo-fab-item-icon-border-width, 1px);
   border-style: var(--kendo-fab-item-icon-border-style, solid);
   border-radius: var(--kendo-fab-item-border-radius, 50%);
@@ -40624,7 +40726,7 @@ textarea.k-input-inner {
   border-width: var(--kendo-actionsheet-border-width, 0px);
   border-top-width: 0;
   top: 0;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
 }
 
@@ -40634,7 +40736,7 @@ textarea.k-input-inner {
   border-width: var(--kendo-actionsheet-border-width, 0px);
   border-bottom-width: 0;
   bottom: 0;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
 }
 
@@ -40753,6 +40855,13 @@ textarea.k-input-inner {
   flex-flow: column nowrap;
 }
 
+.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-jq.k-actionsheet {
   height: auto;
   position: relative;
@@ -41079,15 +41188,23 @@ kendo-drawer .k-drawer-wrapper {
 }
 .k-drawer-item .k-svg-icon,
 .k-drawer-item .k-icon {
-  height: auto;
-  font-size: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
-  line-height: var(--kendo-drawer-item-line-height, var(--kendo-line-height-lg, normal));
   flex-shrink: 0;
+  padding-inline: var(--kendo-drawer-icon-padding-x, 0);
+  padding-block: var(--kendo-drawer-icon-padding-y, 0.25rem);
+  box-sizing: content-box;
 }
 .k-drawer-item .k-svg-icon.k-i-none,
 .k-drawer-item .k-icon.k-i-none {
   margin: 0;
 }
+.k-drawer-item .k-icon {
+  height: auto;
+  font-size: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
+}
+.k-drawer-item .k-svg-icon {
+  width: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
+  height: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
+}
 .k-drawer-item .k-item-text {
   display: inline-block;
   white-space: nowrap;
@@ -42181,40 +42298,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-pager *::after {
   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);
 }
 
@@ -46424,7 +46508,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   align-items: center;
   flex: 1;
 }
-.k-spreadsheet-formula-bar > .k-i-formula-fx {
+.k-spreadsheet-formula-bar > .k-icon,
+.k-spreadsheet-formula-bar > .k-svg-icon {
   padding-inline: var(--kendo-padding-y, 0.25rem);
   padding-block: 0;
   box-sizing: content-box;
@@ -51509,14 +51594,11 @@ kendo-scheduler .k-recurrence-editor {
 .k-scheduler-mobile .k-task {
   display: flex;
   align-items: center;
+  gap: 0.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: 0.5em;
+  margin: 0;
 }
 .k-scheduler-mobile .k-task .k-scheduler-task-text {
   flex: 1 1 0%;
@@ -53089,11 +53171,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 {
@@ -53115,6 +53197,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     pointer-events: none;
   }
 }
+.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 {