@progress/kendo-theme-fluent 6.7.0-dev.0 → 6.7.0-dev.2

package/dist/all.css

@@ -42385,8 +42385,7 @@ kendo-drawer .k-drawer-wrapper {
   box-sizing: border-box;
 }
 
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist, .k-pager-info, .k-pager-sizes, .k-pager-input {
+.k-pager-info, .k-pager-sizes, .k-pager-input {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -42415,8 +42414,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
 .k-pager-numbers-wrap select.k-dropdownlist {
-  cursor: pointer;
-  display: none;
+  width: var(--kendo-pager-dropdown-width, 5em);
 }
 
 .k-pager-numbers {
@@ -42434,16 +42432,21 @@ kendo-drawer .k-drawer-wrapper {
   min-width: calc(var(--kendo-line-height)*1em);
 }
 
-.k-pager-input .k-textbox {
-  margin-inline: 1ex;
+.k-pager-input {
+  gap: 1ex;
+}
+.k-pager-input .k-textbox,
+.k-pager-input .k-numerictextbox {
   margin-block: 0;
   width: var(--kendo-pager-input-width, 5em);
 }
 
+.k-pager-sizes {
+  gap: 1ex;
+}
 .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
 .k-pager-sizes .k-dropdownlist,
 .k-pager-sizes > select {
-  margin-inline-end: 1ex;
   width: var(--kendo-pager-dropdown-width, 5em);
 }
 .k-pager-sizes .k-input-inner,
@@ -42464,29 +42467,15 @@ kendo-drawer .k-drawer-wrapper {
   order: 10;
 }
 
-.k-pager-mobile-sm {
-  overflow: visible;
-}
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
-  margin-left: 1em;
-  margin-right: 1em;
-  width: var(--kendo-pager-dropdown-width, 5em);
-}
-
-.k-pager-mobile-md .k-pager-info,
-.k-pager-mobile-sm .k-pager-info,
-.k-pager-mobile-sm .k-pager-sizes,
-.k-pager-mobile-sm .k-pager-numbers {
-  display: none;
-}
-
 .k-pager-sm {
   --INTERNAL--kendo-pager-padding-x: var( --kendo-pager-sm-padding-x, 0.375rem );
   --INTERNAL--kendo-pager-padding-y: var( --kendo-pager-sm-padding-y, 0.375rem );
   --INTERNAL--kendo-pager-spacing: var( --kendo-pager-sm-spacing, 0.5rem );
 }
-.k-pager-sm .k-pager-input {
+.k-pager-sm .k-pager-input,
+.k-pager-sm select.k-dropdown-list,
+.k-pager-sm select.k-dropdown,
+.k-pager-sm select.k-dropdownlist {
   margin-inline-start: var(--kendo-pager-input-margin-start, 0.5rem);
   margin-inline-end: var(--kendo-pager-input-margin-end, 0.5rem);
 }
@@ -42496,7 +42485,10 @@ kendo-drawer .k-drawer-wrapper {
   --INTERNAL--kendo-pager-padding-y: var( --kendo-pager-md-padding-y, 0.5rem );
   --INTERNAL--kendo-pager-spacing: var( --kendo-pager-md-spacing, 0.5rem );
 }
-.k-pager-md .k-pager-input {
+.k-pager-md .k-pager-input,
+.k-pager-md select.k-dropdown-list,
+.k-pager-md select.k-dropdown,
+.k-pager-md select.k-dropdownlist {
   margin-inline-start: var(--kendo-pager-input-margin-start, 0.5rem);
   margin-inline-end: var(--kendo-pager-input-margin-end, 0.5rem);
 }
@@ -42506,7 +42498,10 @@ kendo-drawer .k-drawer-wrapper {
   --INTERNAL--kendo-pager-padding-y: var( --kendo-pager-lg-padding-y, 0.625rem );
   --INTERNAL--kendo-pager-spacing: var( --kendo-pager-lg-spacing, 0.5rem );
 }
-.k-pager-lg .k-pager-input {
+.k-pager-lg .k-pager-input,
+.k-pager-lg select.k-dropdown-list,
+.k-pager-lg select.k-dropdown,
+.k-pager-lg select.k-dropdownlist {
   margin-inline-start: var(--kendo-pager-input-margin-start, 0.5rem);
   margin-inline-end: var(--kendo-pager-input-margin-end, 0.5rem);
 }
@@ -44618,6 +44613,8 @@ kendo-card-footer {
   box-sizing: border-box;
   outline: 0;
   display: grid;
+  padding-block: var(--kendo-tile-layout-padding-y, 1rem);
+  padding-inline: var(--kendo-tile-layout-padding-x, 1rem);
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -44730,11 +44727,6 @@ kendo-card-footer {
 .k-grid .k-table-td:focus {
   outline: none;
 }
-.k-grid .k-table-th .k-placeholder-line,
-.k-grid td .k-placeholder-line,
-.k-grid .k-table-td .k-placeholder-line {
-  width: var(--kendo-grid-cell-placeholder-width, 80%);
-}
 .k-grid .k-table-th > .k-radio,
 .k-grid .k-table-th > .k-radio-wrap,
 .k-grid .k-table-th > .k-checkbox,
@@ -45301,12 +45293,6 @@ div.k-grid-footer {
   border-width: 0 0 1px;
 }
 
-.k-pager-input .k-numerictextbox {
-  margin-block: 0;
-  margin-inline: calc(var(--kendo-font-size, 14px)/2);
-  width: 5em;
-}
-
 .k-grid-virtual .k-grid-content .k-grid-table-wrap {
   float: left;
   width: 100%;
@@ -51929,12 +51915,12 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat .k-message-group:not(.k-alt) .k-message-status {
   inset-inline-start: 0;
 }
-.k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
-.k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
+.k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
+.k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
   border-end-start-radius: var(--kendo-chat-bubble-border-radius-sm, var(--kendo-border-radius, 0));
 }
-.k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
-.k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
+.k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
+.k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
   border-end-start-radius: var(--kendo-chat-bubble-border-radius-sm, var(--kendo-border-radius, 0));
 }
 .k-chat .k-message-group.k-alt {
@@ -51949,12 +51935,12 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat .k-message-group.k-alt .k-message-status {
   inset-inline-end: 0;
 }
-.k-chat .k-message-group.k-alt .k-first .k-bubble,
-.k-chat .k-message-group.k-alt .k-only .k-bubble {
+.k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
+.k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
   border-end-end-radius: var(--kendo-chat-bubble-border-radius-sm, var(--kendo-border-radius, 0));
 }
-.k-chat .k-message-group.k-alt .k-middle .k-bubble,
-.k-chat .k-message-group.k-alt .k-last .k-bubble {
+.k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
+.k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
   border-end-end-radius: var(--kendo-chat-bubble-border-radius-sm, var(--kendo-border-radius, 0));
 }
 .k-chat .k-message {
@@ -51985,7 +51971,7 @@ kendo-scheduler .k-recurrence-editor {
   top: 100%;
   transition: height 0.2s ease-in-out;
 }
-.k-chat .k-bubble {
+.k-chat .k-chat-bubble {
   border-radius: var(--kendo-chat-bubble-border-radius, 0.75rem);
   padding-inline: var(--kendo-chat-bubble-padding-x, 0.75rem);
   padding-block: var(--kendo-chat-bubble-padding-y, 0.5rem);
@@ -51995,7 +51981,7 @@ kendo-scheduler .k-recurrence-editor {
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.k-chat .k-bubble a {
+.k-chat .k-chat-bubble a {
   color: inherit;
   text-decoration: underline;
 }
@@ -52020,10 +52006,7 @@ kendo-scheduler .k-recurrence-editor {
   height: 1.2em;
 }
 .k-chat .k-avatar {
-  border-radius: 100%;
   margin: 0;
-  width: var(--kendo-chat-avatar-size, 32px);
-  height: var(--kendo-chat-avatar-size, 32px);
   position: absolute;
 }
 .k-message-group:not(.k-alt) > .k-avatar {
@@ -52133,7 +52116,7 @@ kendo-scheduler .k-recurrence-editor {
   fill: currentColor;
   display: inline-block;
 }
-.k-rtl .k-message-box .k-button, .k-message-box .k-button[dir=rtl] {
+.k-rtl .k-message-box .k-button, [dir=rtl] .k-message-box .k-button {
   transform: scaleX(-1);
 }
 
@@ -52141,6 +52124,11 @@ kendo-scheduler .k-recurrence-editor {
   margin: 0.125rem 0 0;
 }
 
+.k-message-group.k-alt + .k-card-list,
+.k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
+  align-self: flex-end;
+}
+
 .k-chat .k-card-deck {
   max-width: calc(100% + 2rem);
   max-width: calc(100% + var(--kendo-chat-message-list-padding-y, 2rem));
@@ -52154,8 +52142,7 @@ kendo-scheduler .k-recurrence-editor {
   scroll-behavior: smooth;
 }
 
-.k-chat .k-card-deck .k-card,
-.k-chat .k-card-deck .k-card-wrap {
+.k-chat .k-card-deck .k-card {
   width: 200px;
 }
 
@@ -52215,34 +52202,24 @@ kendo-scheduler .k-recurrence-editor {
   }
 }
 
-.k-chat-toolbar,
-.k-chat .k-toolbar-box {
-  padding-inline: var(--kendo-chat-toolbar-padding-x, 0.5rem);
-  padding-block: var(--kendo-chat-toolbar-padding-y, 0.5rem);
+.k-chat-toolbar {
   width: 100%;
   border-width: 1px 0 0;
-  box-sizing: border-box;
   flex: none;
-  overflow: hidden;
-  position: relative;
 }
-.k-chat-toolbar::before,
-.k-chat .k-toolbar-box::before {
+.k-chat-toolbar::before {
   display: none;
 }
-.k-chat-toolbar .k-button-list,
-.k-chat .k-toolbar-box .k-button-list {
+.k-chat-toolbar .k-button-list {
   display: flex;
   flex-flow: row nowrap;
   overflow: hidden;
   scroll-behavior: smooth;
 }
-.k-chat-toolbar .k-button,
-.k-chat .k-toolbar-box .k-button {
+.k-chat-toolbar .k-button {
   flex: none;
 }
-.k-chat-toolbar .k-scroll-button,
-.k-chat .k-toolbar-box .k-scroll-button {
+.k-chat-toolbar .k-scroll-button {
   padding-block: 0;
   padding-inline: var(--kendo-chat-scroll-button, 0.5rem);
   height: 100%;
@@ -52251,17 +52228,14 @@ kendo-scheduler .k-recurrence-editor {
   z-index: 2;
   top: 0;
 }
-.k-chat-toolbar .k-scroll-button .k-button-icon,
-.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
+.k-chat-toolbar .k-scroll-button .k-button-icon {
   min-width: auto;
   min-height: auto;
 }
-.k-chat-toolbar .k-scroll-button-left,
-.k-chat .k-toolbar-box .k-scroll-button-left {
+.k-chat-toolbar .k-scroll-button-left {
   left: 0;
 }
-.k-chat-toolbar .k-scroll-button-right,
-.k-chat .k-toolbar-box .k-scroll-button-right {
+.k-chat-toolbar .k-scroll-button-right {
   right: 0;
 }
 
@@ -52277,7 +52251,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat .k-author {
   font-weight: bold;
 }
-.k-chat .k-bubble {
+.k-chat .k-chat-bubble {
   border-color: var(--kendo-chat-bubble-border, var(--kendo-component-bg, inherit));
   color: var(--kendo-chat-bubble-text, var(--kendo-component-text, inherit));
   background-color: var(--kendo-chat-bubble-bg, var(--kendo-component-bg, inherit));
@@ -52285,28 +52259,28 @@ kendo-scheduler .k-recurrence-editor {
   transition: var(--kendo-chat-transition, var(--kendo-transition, inherit));
   order: -1;
 }
-.k-chat .k-bubble a {
+.k-chat .k-chat-bubble a {
   color: var(--kendo-chat-link-text, var(--kendo-link-text, inherit));
 }
-.k-chat .k-bubble a:hover {
+.k-chat .k-chat-bubble a:hover {
   color: var(--kendo-chat-link-hover-text, var(--kendo-link-hover-text, inherit));
 }
-.k-chat .k-bubble:hover {
+.k-chat .k-chat-bubble:hover {
   box-shadow: var(--kendo-chat-bubble-hover-shadow, var(--kendo-box-shadow-depth-3, none));
 }
-.k-chat .k-selected .k-bubble {
+.k-chat .k-selected .k-chat-bubble {
   box-shadow: var(--kendo-chat-bubble-selected-shadow, var(--kendo-box-shadow-depth-3, none));
 }
-.k-chat .k-alt .k-bubble {
+.k-chat .k-alt .k-chat-bubble {
   border-color: var(--kendo-chat-alt-bubble-border, var(--kendo-primary-100, inherit));
   color: var(--kendo-chat-alt-bubble-text, var(--kendo-component-bg, inherit));
   background-color: var(--kendo-chat-alt-bubble-bg, var(--kendo-primary-100, inherit));
   box-shadow: var(--kendo-chat-alt-bubble-shadow, var(--kendo-box-shadow-depth-1, none));
 }
-.k-chat .k-alt .k-bubble:hover {
+.k-chat .k-alt .k-chat-bubble:hover {
   box-shadow: var(--kendo-chat-alt-bubble-hover-shadow, var(--kendo-box-shadow-depth-1, none));
 }
-.k-chat .k-alt .k-selected .k-bubble {
+.k-chat .k-alt .k-selected .k-chat-bubble {
   box-shadow: var(--kendo-chat-alt-bubble-selected-shadow, var(--kendo-box-shadow-depth-1, none));
 }
 .k-chat .k-quick-reply {
@@ -53084,8 +53058,6 @@ kendo-scheduler .k-recurrence-editor {
   background-color: #333333;
 }
 
-kendo-scrollview.k-scrollview-wrap,
-kendo-scrollview.k-scrollview,
 .k-scrollview {
   border-width: var(--kendo-scrollview-border-width, 0px);
   border-style: solid;
@@ -53101,53 +53073,45 @@ kendo-scrollview.k-scrollview,
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-scrollview-wrap .k-scrollview,
-.k-scrollview .k-scrollview-wrap {
-  list-style-type: none;
+.k-scrollview-wrap {
   position: absolute;
   margin: 0;
   padding: 0;
-  width: 100%;
   height: 100%;
+  width: 100%;
+  display: flex;
+  flex-flow: row nowrap;
   cursor: default;
   white-space: nowrap;
 }
-.k-scrollview-wrap .k-scrollview img,
-.k-scrollview .k-scrollview-wrap img {
+.k-scrollview-wrap img {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.k-scrollview-wrap .k-scrollview > li,
-.k-scrollview .k-scrollview-wrap > li {
+
+kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
   display: inline-block;
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
 }
-.k-scrollview-wrap .k-scrollview > [data-role=page],
-.k-scrollview .k-scrollview-wrap > [data-role=page] {
-  vertical-align: top;
-  display: inline-block;
-  min-height: 1px;
-}
 
 .k-scrollview-wrap.k-scrollview-animate {
-  display: flex;
-  flex-flow: row nowrap;
   width: calc(var(--kendo-scrollview-views, 1)*100%);
   transition-duration: var(--kendo-scrollview-transition-duration, 0.3s);
   transition-timing-function: var(--kendo-scrollview-transition-timing-function, ease-in-out);
   transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
 }
+[dir=rtl] .k-scrollview-wrap.k-scrollview-animate, .k-rtl .k-scrollview-wrap.k-scrollview-animate {
+  transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
+}
 .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
   width: calc(100%/var(--kendo-scrollview-views, 1));
   flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
 }
 
-kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
-kendo-scrollview.k-scrollview kendo-scrollview-pager,
 .k-scrollview-nav-wrap {
   padding: 0;
   margin: 0;
@@ -53159,17 +53123,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
   text-align: center;
 }
 
-kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
 kendo-scrollview.k-scrollview kendo-scrollview-pager {
   pointer-events: none;
 }
 
-kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
 kendo-scrollview.k-scrollview .k-scrollview-nav {
   pointer-events: initial;
 }
 
-.k-scrollview-pageable,
 .k-scrollview-nav {
   margin: 0;
   padding: var(--kendo-scrollview-pager-item-spacing, 20px);
@@ -53185,7 +53146,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   overflow-y: hidden;
   pointer-events: initial;
 }
-.k-scrollview-pageable:focus,
 .k-scrollview-nav:focus {
   outline: none;
 }
@@ -53255,41 +53215,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   transition-timing-function: ease-in-out;
 }
 
-@supports (-webkit-user-select: none) {
-  kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-  kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-  div.k-scrollview ul.k-scrollview-wrap li > * {
-    pointer-events: auto;
-  }
-}
-@supports not (-webkit-user-select: none) {
-  kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-  kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-  div.k-scrollview ul.k-scrollview-wrap li > * {
-    pointer-events: none;
-  }
-}
-kendo-scrollview.k-scrollview-wrap,
-kendo-scrollview.k-scrollview,
-div.k-scrollview {
+.k-scrollview {
   border-color: var(--kendo-scrollview-border, var(--kendo-component-border, inherit));
   color: var(--kendo-scrollview-text, var(--kendo-component-text, inherit));
   background-color: var(--kendo-scrollview-bg, var(--kendo-component-bg, inherit));
 }
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
-kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
-kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
-div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
-div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
+.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
+.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
   background-color: var(--kendo-scrollview-pager-dark-bg, rgba(0, 0, 0, 0.4));
 }
-kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
-kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
-kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
-kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
-div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
-div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
+.k-scrollview.k-scrollview-light kendo-scrollview-pager,
+.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
   background-color: var(--kendo-scrollview-pager-light-bg, rgba(255, 255, 255, 0.4));
 }