@progress/kendo-theme-fluent 6.1.1-dev.2 → 6.1.1-dev.25

package/dist/all.css

@@ -1981,28 +1981,68 @@ hr.k-separator {
   align-content: stretch !important;
 }
 
+.k-align-content-center {
+  align-content: center;
+}
+
+.\!k-align-content-center {
+  align-content: center !important;
+}
+
 .k-align-content-start {
-  align-content: flex-start;
+  align-content: start;
 }
 
 .\!k-align-content-start {
-  align-content: flex-start !important;
+  align-content: start !important;
 }
 
 .k-align-content-end {
-  align-content: flex-end;
+  align-content: end;
 }
 
 .\!k-align-content-end {
+  align-content: end !important;
+}
+
+.k-align-content-flex-start {
+  align-content: flex-start;
+}
+
+.\!k-align-content-flex-start {
+  align-content: flex-start !important;
+}
+
+.k-align-content-flex-end {
+  align-content: flex-end;
+}
+
+.\!k-align-content-flex-end {
   align-content: flex-end !important;
 }
 
-.k-align-content-center {
-  align-content: center;
+.k-align-content-baseline {
+  align-content: baseline;
 }
 
-.\!k-align-content-center {
-  align-content: center !important;
+.\!k-align-content-baseline {
+  align-content: baseline !important;
+}
+
+.k-align-content-first-baseline {
+  align-content: first baseline;
+}
+
+.\!k-align-content-first-baseline {
+  align-content: first baseline !important;
+}
+
+.k-align-content-last-baseline {
+  align-content: last baseline;
+}
+
+.\!k-align-content-last-baseline {
+  align-content: last baseline !important;
 }
 
 .k-align-content-between {
@@ -2037,36 +2077,92 @@ hr.k-separator {
   align-items: normal !important;
 }
 
+.k-align-items-stretch {
+  align-items: stretch;
+}
+
+.\!k-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.k-align-items-center {
+  align-items: center;
+}
+
+.\!k-align-items-center {
+  align-items: center !important;
+}
+
 .k-align-items-start {
-  align-items: flex-start;
+  align-items: start;
 }
 
 .\!k-align-items-start {
-  align-items: flex-start !important;
+  align-items: start !important;
 }
 
 .k-align-items-end {
-  align-items: flex-end;
+  align-items: end;
 }
 
 .\!k-align-items-end {
+  align-items: end !important;
+}
+
+.k-align-items-flex-start {
+  align-items: flex-start;
+}
+
+.\!k-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.k-align-items-flex-end {
+  align-items: flex-end;
+}
+
+.\!k-align-items-flex-end {
   align-items: flex-end !important;
 }
 
-.k-align-items-center {
-  align-items: center;
+.k-align-items-baseline {
+  align-items: baseline;
 }
 
-.\!k-align-items-center {
-  align-items: center !important;
+.\!k-align-items-baseline {
+  align-items: baseline !important;
 }
 
-.k-align-items-stretch {
-  align-items: stretch;
+.k-align-items-first-baseline {
+  align-items: first baseline;
 }
 
-.\!k-align-items-stretch {
-  align-items: stretch !important;
+.\!k-align-items-first-baseline {
+  align-items: first baseline !important;
+}
+
+.k-align-items-last-baseline {
+  align-items: last baseline;
+}
+
+.\!k-align-items-last-baseline {
+  align-items: last baseline !important;
+}
+
+.k-align-items-self-start {
+  align-items: self-start;
+}
+
+.\!k-align-items-self-start {
+  align-items: self-start !important;
+}
+
+.k-align-items-self-end {
+  align-items: self-end;
+}
+
+.\!k-align-items-self-end {
+  align-items: self-end !important;
 }
 
 .k-align-self-auto {
@@ -2093,28 +2189,84 @@ hr.k-separator {
   align-self: stretch !important;
 }
 
+.k-align-self-center {
+  align-self: center;
+}
+
+.\!k-align-self-center {
+  align-self: center !important;
+}
+
 .k-align-self-start {
-  align-self: flex-start;
+  align-self: start;
 }
 
 .\!k-align-self-start {
-  align-self: flex-start !important;
+  align-self: start !important;
 }
 
 .k-align-self-end {
-  align-self: flex-end;
+  align-self: end;
 }
 
 .\!k-align-self-end {
+  align-self: end !important;
+}
+
+.k-align-self-flex-start {
+  align-self: flex-start;
+}
+
+.\!k-align-self-flex-start {
+  align-self: flex-start !important;
+}
+
+.k-align-self-flex-end {
+  align-self: flex-end;
+}
+
+.\!k-align-self-flex-end {
   align-self: flex-end !important;
 }
 
-.k-align-self-center {
-  align-self: center;
+.k-align-self-baseline {
+  align-self: baseline;
 }
 
-.\!k-align-self-center {
-  align-self: center !important;
+.\!k-align-self-baseline {
+  align-self: baseline !important;
+}
+
+.k-align-self-first-baseline {
+  align-self: first baseline;
+}
+
+.\!k-align-self-first-baseline {
+  align-self: first baseline !important;
+}
+
+.k-align-self-last-baseline {
+  align-self: last baseline;
+}
+
+.\!k-align-self-last-baseline {
+  align-self: last baseline !important;
+}
+
+.k-align-self-self-start {
+  align-self: self-start;
+}
+
+.\!k-align-self-self-start {
+  align-self: self-start !important;
+}
+
+.k-align-self-self-end {
+  align-self: self-end;
+}
+
+.\!k-align-self-self-end {
+  align-self: self-end !important;
 }
 
 .k-basis-0 {
@@ -5509,28 +5661,92 @@ hr.k-separator {
   justify-content: normal !important;
 }
 
+.k-justify-content-stretch {
+  justify-content: stretch;
+}
+
+.\!k-justify-content-stretch {
+  justify-content: stretch !important;
+}
+
+.k-justify-content-center {
+  justify-content: center;
+}
+
+.\!k-justify-content-center {
+  justify-content: center !important;
+}
+
 .k-justify-content-start {
-  justify-content: flex-start;
+  justify-content: start;
 }
 
 .\!k-justify-content-start {
-  justify-content: flex-start !important;
+  justify-content: start !important;
 }
 
 .k-justify-content-end {
-  justify-content: flex-end;
+  justify-content: end;
 }
 
 .\!k-justify-content-end {
+  justify-content: end !important;
+}
+
+.k-justify-content-flex-start {
+  justify-content: flex-start;
+}
+
+.\!k-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.k-justify-content-flex-end {
+  justify-content: flex-end;
+}
+
+.\!k-justify-content-flex-end {
   justify-content: flex-end !important;
 }
 
-.k-justify-content-center {
-  justify-content: center;
+.k-justify-content-left {
+  justify-content: left;
 }
 
-.\!k-justify-content-center {
-  justify-content: center !important;
+.\!k-justify-content-left {
+  justify-content: left !important;
+}
+
+.k-justify-content-right {
+  justify-content: right;
+}
+
+.\!k-justify-content-right {
+  justify-content: right !important;
+}
+
+.k-justify-content-baseline {
+  justify-content: baseline;
+}
+
+.\!k-justify-content-baseline {
+  justify-content: baseline !important;
+}
+
+.k-justify-content-first-baseline {
+  justify-content: first baseline;
+}
+
+.\!k-justify-content-first-baseline {
+  justify-content: first baseline !important;
+}
+
+.k-justify-content-last-baseline {
+  justify-content: last baseline;
+}
+
+.\!k-justify-content-last-baseline {
+  justify-content: last baseline !important;
 }
 
 .k-justify-content-between {
@@ -5557,14 +5773,6 @@ hr.k-separator {
   justify-content: space-evenly !important;
 }
 
-.k-justify-content-stretch {
-  justify-content: stretch;
-}
-
-.\!k-justify-content-stretch {
-  justify-content: stretch !important;
-}
-
 .k-justify-content-stretch > * {
   flex: 1 0 0%;
 }
@@ -5581,36 +5789,108 @@ hr.k-separator {
   justify-items: normal !important;
 }
 
+.k-justify-items-stretch {
+  justify-items: stretch;
+}
+
+.\!k-justify-items-stretch {
+  justify-items: stretch !important;
+}
+
+.k-justify-items-center {
+  justify-items: center;
+}
+
+.\!k-justify-items-center {
+  justify-items: center !important;
+}
+
 .k-justify-items-start {
-  justify-items: flex-start;
+  justify-items: start;
 }
 
 .\!k-justify-items-start {
-  justify-items: flex-start !important;
+  justify-items: start !important;
 }
 
 .k-justify-items-end {
-  justify-items: flex-end;
+  justify-items: end;
 }
 
 .\!k-justify-items-end {
+  justify-items: end !important;
+}
+
+.k-justify-items-flex-start {
+  justify-items: flex-start;
+}
+
+.\!k-justify-items-flex-start {
+  justify-items: flex-start !important;
+}
+
+.k-justify-items-flex-end {
+  justify-items: flex-end;
+}
+
+.\!k-justify-items-flex-end {
   justify-items: flex-end !important;
 }
 
-.k-justify-items-center {
-  justify-items: center;
+.k-justify-items-self-start {
+  justify-items: self-start;
 }
 
-.\!k-justify-items-center {
-  justify-items: center !important;
+.\!k-justify-items-self-start {
+  justify-items: self-start !important;
 }
 
-.k-justify-items-stretch {
-  justify-items: stretch;
+.k-justify-items-self-end {
+  justify-items: self-end;
 }
 
-.\!k-justify-items-stretch {
-  justify-items: stretch !important;
+.\!k-justify-items-self-end {
+  justify-items: self-end !important;
+}
+
+.k-justify-items-left {
+  justify-items: left;
+}
+
+.\!k-justify-items-left {
+  justify-items: left !important;
+}
+
+.k-justify-items-right {
+  justify-items: right;
+}
+
+.\!k-justify-items-right {
+  justify-items: right !important;
+}
+
+.k-justify-items-baseline {
+  justify-items: baseline;
+}
+
+.\!k-justify-items-baseline {
+  justify-items: baseline !important;
+}
+
+.k-justify-items-first-baseline {
+  justify-items: first baseline;
+}
+
+.\!k-justify-items-first-baseline {
+  justify-items: first baseline !important;
+}
+
+.k-justify-items-last-baseline {
+  justify-items: last baseline;
+}
+
+.\!k-justify-items-last-baseline {
+  justify-items: last baseline !important;
 }
 
 .k-justify-self-auto {
@@ -5629,36 +5909,92 @@ hr.k-separator {
   justify-self: normal !important;
 }
 
+.k-justify-self-stretch {
+  justify-self: stretch;
+}
+
+.\!k-justify-self-stretch {
+  justify-self: stretch !important;
+}
+
+.k-justify-self-center {
+  justify-self: center;
+}
+
+.\!k-justify-self-center {
+  justify-self: center !important;
+}
+
 .k-justify-self-start {
-  justify-self: flex-start;
+  justify-self: start;
 }
 
 .\!k-justify-self-start {
-  justify-self: flex-start !important;
+  justify-self: start !important;
 }
 
 .k-justify-self-end {
-  justify-self: flex-end;
+  justify-self: end;
 }
 
 .\!k-justify-self-end {
+  justify-self: end !important;
+}
+
+.k-justify-self-flex-start {
+  justify-self: flex-start;
+}
+
+.\!k-justify-self-flex-start {
+  justify-self: flex-start !important;
+}
+
+.k-justify-self-flex-end {
+  justify-self: flex-end;
+}
+
+.\!k-justify-self-flex-end {
   justify-self: flex-end !important;
 }
 
-.k-justify-self-center {
-  justify-self: center;
+.k-justify-self-self-start {
+  justify-self: self-start;
 }
 
-.\!k-justify-self-center {
-  justify-self: center !important;
+.\!k-justify-self-self-start {
+  justify-self: self-start !important;
 }
 
-.k-justify-self-stretch {
-  justify-self: stretch;
+.k-justify-self-self-end {
+  justify-self: self-end;
 }
 
-.\!k-justify-self-stretch {
-  justify-self: stretch !important;
+.\!k-justify-self-self-end {
+  justify-self: self-end !important;
+}
+
+.k-justify-self-baseline {
+  justify-self: baseline;
+}
+
+.\!k-justify-self-baseline {
+  justify-self: baseline !important;
+}
+
+.k-justify-self-first-baseline {
+  justify-self: first baseline;
+}
+
+.\!k-justify-self-first-baseline {
+  justify-self: first baseline !important;
+}
+
+.k-justify-self-last-baseline {
+  justify-self: last baseline;
+}
+
+.\!k-justify-self-last-baseline {
+  justify-self: last baseline !important;
 }
 
 .k-order-1 {
@@ -5789,28 +6125,60 @@ hr.k-separator {
   place-content: normal !important;
 }
 
+.k-place-content-stretch {
+  place-content: stretch;
+}
+
+.\!k-place-content-stretch {
+  place-content: stretch !important;
+}
+
+.k-place-content-center {
+  place-content: center;
+}
+
+.\!k-place-content-center {
+  place-content: center !important;
+}
+
 .k-place-content-start {
-  place-content: flex-start;
+  place-content: start;
 }
 
 .\!k-place-content-start {
-  place-content: flex-start !important;
+  place-content: start !important;
 }
 
 .k-place-content-end {
-  place-content: flex-end;
+  place-content: end;
 }
 
 .\!k-place-content-end {
+  place-content: end !important;
+}
+
+.k-place-content-flex-start {
+  place-content: flex-start;
+}
+
+.\!k-place-content-flex-start {
+  place-content: flex-start !important;
+}
+
+.k-place-content-flex-end {
+  place-content: flex-end;
+}
+
+.\!k-place-content-flex-end {
   place-content: flex-end !important;
 }
 
-.k-place-content-center {
-  place-content: center;
+.k-place-content-baseline {
+  place-content: baseline;
 }
 
-.\!k-place-content-center {
-  place-content: center !important;
+.\!k-place-content-baseline {
+  place-content: baseline !important;
 }
 
 .k-place-content-between {
@@ -5837,14 +6205,6 @@ hr.k-separator {
   place-content: space-evenly !important;
 }
 
-.k-place-content-stretch {
-  place-content: stretch;
-}
-
-.\!k-place-content-stretch {
-  place-content: stretch !important;
-}
-
 .k-place-items-normal {
   place-items: normal;
 }
@@ -5853,36 +6213,76 @@ hr.k-separator {
   place-items: normal !important;
 }
 
+.k-place-items-stretch {
+  place-items: stretch;
+}
+
+.\!k-place-items-stretch {
+  place-items: stretch !important;
+}
+
+.k-place-items-center {
+  place-items: center;
+}
+
+.\!k-place-items-center {
+  place-items: center !important;
+}
+
 .k-place-items-start {
-  place-items: flex-start;
+  place-items: start;
 }
 
 .\!k-place-items-start {
-  place-items: flex-start !important;
+  place-items: start !important;
 }
 
 .k-place-items-end {
-  place-items: flex-end;
+  place-items: end;
 }
 
 .\!k-place-items-end {
+  place-items: end !important;
+}
+
+.k-place-items-flex-start {
+  place-items: flex-start;
+}
+
+.\!k-place-items-flex-start {
+  place-items: flex-start !important;
+}
+
+.k-place-items-flex-end {
+  place-items: flex-end;
+}
+
+.\!k-place-items-flex-end {
   place-items: flex-end !important;
 }
 
-.k-place-items-center {
-  place-items: center;
+.k-place-items-self-start {
+  place-items: flex-start;
 }
 
-.\!k-place-items-center {
-  place-items: center !important;
+.\!k-place-items-self-start {
+  place-items: flex-start !important;
 }
 
-.k-place-items-stretch {
-  place-items: stretch;
+.k-place-items-self-end {
+  place-items: flex-end;
 }
 
-.\!k-place-items-stretch {
-  place-items: stretch !important;
+.\!k-place-items-self-end {
+  place-items: flex-end !important;
+}
+
+.k-place-items-baseline {
+  place-items: baseline;
+}
+
+.\!k-place-items-baseline {
+  place-items: baseline !important;
 }
 
 .k-place-self-auto {
@@ -5901,6 +6301,22 @@ hr.k-separator {
   place-self: normal !important;
 }
 
+.k-place-self-stretch {
+  place-self: stretch;
+}
+
+.\!k-place-self-stretch {
+  place-self: stretch !important;
+}
+
+.k-place-self-center {
+  place-self: center;
+}
+
+.\!k-place-self-center {
+  place-self: center !important;
+}
+
 .k-place-self-start {
   place-self: flex-start;
 }
@@ -5917,20 +6333,44 @@ hr.k-separator {
   place-self: flex-end !important;
 }
 
-.k-place-self-center {
-  place-self: center;
+.k-place-self-flex-start {
+  place-self: flex-start;
 }
 
-.\!k-place-self-center {
-  place-self: center !important;
+.\!k-place-self-flex-start {
+  place-self: flex-start !important;
 }
 
-.k-place-self-stretch {
-  place-self: stretch;
+.k-place-self-flex-end {
+  place-self: flex-end;
 }
 
-.\!k-place-self-stretch {
-  place-self: stretch !important;
+.\!k-place-self-flex-end {
+  place-self: flex-end !important;
+}
+
+.k-place-self-self-start {
+  place-self: flex-start;
+}
+
+.\!k-place-self-self-start {
+  place-self: flex-start !important;
+}
+
+.k-place-self-self-end {
+  place-self: flex-end;
+}
+
+.\!k-place-self-self-end {
+  place-self: flex-end !important;
+}
+
+.k-place-self-baseline {
+  place-self: baseline;
+}
+
+.\!k-place-self-baseline {
+  place-self: baseline !important;
 }
 
 .k-m-0 {
@@ -20675,7 +21115,7 @@ hr.k-separator {
   margin: var(--kendo-h4-margin, 0 0 var(--kendo-font-size, inherit));
 }
 
-.k-h5, .k-card-header, .k-card-title, .k-popover-header {
+.k-h5 {
   font-size: var(--kendo-h5-font-size, 18px);
   font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-h5-line-height, var(--kendo-line-height, normal));
@@ -20684,7 +21124,7 @@ hr.k-separator {
   margin: var(--kendo-h5-margin, 0 0 var(--kendo-font-size, inherit));
 }
 
-.k-h6, .k-card-subtitle {
+.k-h6 {
   font-size: var(--kendo-h6-font-size, 16px);
   font-family: var(--kendo-h6-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-h6-line-height, var(--kendo-line-height, normal));
@@ -28032,7 +28472,7 @@ kendo-label > .k-label {
   box-sizing: border-box;
 }
 .k-floating-label-container > .k-label {
-  max-width: 90%;
+  max-width: var(--kendo-floating-label-max-width, 90%);
   font-size: var(--kendo-floating-label-font-size, var(--kendo-font-size, inherit));
   font-weight: var(--kendo-floating-label-font-weight, var(--kendo-font-weight-bold, inherit));
   line-height: var(--kendo-floating-label-line-height, var(--kendo-line-height, normal));
@@ -35923,9 +36363,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   font-size: var(--kendo-actionsheet-item-description-font-size, var(--kendo-font-size-sm, inherit));
 }
 
-.k-actionsheet > .k-hr {
+.k-actionsheet .k-hr {
   margin: 0;
-  border-color: inherit;
   flex: none;
 }
 
@@ -36134,6 +36573,10 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   color: inherit;
 }
 
+.k-actionsheet .k-hr {
+  border-color: var(--kendo-actionsheet-border, var(--kendo-component-border, initial));
+}
+
 .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header {
   border-color: var(--kendo-adaptive-actionsheet-header-border, var(--kendo-component-border, initial));
 }
@@ -38621,11 +39064,17 @@ kendo-card-footer {
 }
 
 .k-card-title, .k-popover-header {
+  font-size: var(--kendo-card-title-font-size, var(--kendo-font-size-lg, inherit));
+  font-family: var(--kendo-card-title-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-title-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
-  margin-block-end: var(--kendo-card-title-margin-bottom, 0.75rem);
+  margin: 0 0 var(--kendo-card-title-margin-bottom, 0.75rem);
 }
 
 .k-card-subtitle {
+  font-size: var(--kendo-card-subtitle-font-size, var(--kendo-font-size-sm, inherit));
+  font-family: var(--kendo-card-subtitle-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-subtitle-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
   margin-block-end: var(--kendo-card-subtitle-margin-bottom, 0.75rem);
 }
@@ -38634,6 +39083,9 @@ kendo-card-footer {
 }
 
 .k-card-header {
+  font-size: var(--kendo-card-header-font-size, var(--kendo-font-size-lg, inherit));
+  font-family: var(--kendo-card-header-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-header-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
   margin: 0;
   padding-inline: var(--kendo-card-header-padding-x, 0.75rem);
@@ -40812,8 +41264,8 @@ div.k-grid-norecords {
   width: var(--kendo-grid-column-menu-width, 230px);
   box-sizing: border-box;
 }
-.k-popup > .k-column-menu-popup,
-.k-popup > .k-grid-columnmenu-popup {
+.k-column-menu-popup.k-popup,
+.k-grid-columnmenu-popup.k-popup {
   max-width: 100%;
 }
 .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -47327,6 +47779,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-mediaplayer-titlebar {
+  font-size: var(--kendo-media-player-title-font-size, var(--kendo-font-size-xl, inherit));
   padding-inline: var(--kendo-media-player-titlebar-padding-x, 0.5rem);
   padding-block: var(--kendo-media-player-titlebar-padding-y, 0.5rem);
   position: absolute;
@@ -49199,7 +49652,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 .k-orgchart-card .k-card-title, .k-orgchart-card .k-popover-header {
   margin-block-end: var(--kendo-orgchart-card-title-margin-y, 0px);
-  font-size: var(--kendo-orgchart-card-title-font-size, var(--kendo-font-size, inherit));
+  font-size: var(--kendo-orgchart-card-title-font-size, var(--kendo-font-size-lg, inherit));
   line-height: var(--kendo-orgchart-card-title-line-height, var(--kendo-line-height, normal));
 }
 .k-orgchart-card .k-card-subtitle {