@progress/kendo-theme-material 7.1.0-dev.8 → 7.1.0

package/dist/all.css

@@ -265,16 +265,13 @@ kendo-sortable {
     text-indent: -4000px;
     text-align: center;
     position: absolute;
-    color: currentColor;
 }
 
 .k-loading-image {
     z-index: 2;
-    color: currentColor;
 }
 
 .k-loading-color {
-    background-color: #ffffff;
     opacity: 0.3;
 }
 
@@ -290,7 +287,6 @@ kendo-sortable {
     position: relative;
     background-color: transparent;
     box-sizing: border-box;
-    color: currentColor;
 }
 
 .k-i-loading::before, .k-i-loading::after {
@@ -27096,6 +27092,10 @@ kendo-sortable {
     color: rgba(0, 0, 0, 0.54);
 }
 
+.k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
+    background-color: #ebebeb;
+}
+
 .k-listgroup {
     border-radius: 4px;
     margin: 0;
@@ -28592,11 +28592,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
+    border-color: #b61100;
     color: white;
     background-color: #b61100;
 }
 
 .k-chip-outline-error.k-selected {
+    border-color: #b61100;
     color: white;
     background-color: #b61100;
 }
@@ -28612,11 +28614,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
+    border-color: #0042af;
     color: white;
     background-color: #0042af;
 }
 
 .k-chip-outline-info.k-selected {
+    border-color: #0042af;
     color: white;
     background-color: #0042af;
 }
@@ -28652,11 +28656,13 @@ kendo-badge-container {
 }
 
 .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
+    border-color: #298700;
     color: white;
     background-color: #298700;
 }
 
 .k-chip-outline-success.k-selected {
+    border-color: #298700;
     color: white;
     background-color: #298700;
 }
@@ -28696,6 +28702,7 @@ kendo-badge-container {
 
 .k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
     box-shadow: none;
+    color: #7a0c00;
     background-color: #fbaea6;
 }
 
@@ -28715,6 +28722,7 @@ kendo-badge-container {
 
 .k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
     box-shadow: none;
+    color: #002c75;
     background-color: #a6c5f7;
 }
 
@@ -28753,6 +28761,7 @@ kendo-badge-container {
 
 .k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
     box-shadow: none;
+    color: #1c5a00;
     background-color: #b9e5a6;
 }
 
@@ -32800,17 +32809,22 @@ textarea.k-input-inner {
     margin: 0;
     border-style: solid;
     border-color: inherit;
-    height: auto;
-    align-self: stretch;
+    border-width: 0 0 0 1px;
+    height: 16px;
+    align-self: center;
 }
 
 .k-input-separator-horizontal {
+    height: auto;
     margin-inline: 8px;
+    align-self: stretch;
     border-width: 1px 0 0;
 }
 
 .k-input-separator-vertical {
+    height: auto;
     margin-block: 8px;
+    align-self: stretch;
     border-width: 0 0 0 1px;
 }
 
@@ -33701,8 +33715,8 @@ select.k-picker-lg {
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
-    top: 29px;
-    left: 17px;
+    top: var(--kendo-floating-label-offset-y, 29px);
+    left: var(--kendo-floating-label-offset-x, 17px);
     overflow: hidden;
     cursor: text;
     transform-origin: left center;
@@ -33715,22 +33729,22 @@ select.k-picker-lg {
 }
 
 .k-floating-label-container.k-empty > .k-label {
-    top: 29px;
-    left: 17px;
+    top: var(--kendo-floating-label-offset-y, 29px);
+    left: var(--kendo-floating-label-offset-x, 17px);
     transform: scale(1);
     pointer-events: none;
 }
 
 .k-floating-label-container > .k-label,
 .k-floating-label-container.k-focus > .k-label {
-    top: 0px;
-    left: 0px;
+    top: var(--kendo-floating-label-focus-offset-y, 0px);
+    left: var(--kendo-floating-label-focus-offset-x, 0px);
     transform: scale(0.75);
 }
 
 .k-floating-label-container:focus-within > .k-label {
-    top: 0px;
-    left: 0px;
+    top: var(--kendo-floating-label-focus-offset-y, 0px);
+    left: var(--kendo-floating-label-focus-offset-x, 0px);
     transform: scale(0.75);
 }
 
@@ -33751,7 +33765,7 @@ select.k-picker-lg {
 [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
 .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
     left: auto;
-    right: 17px;
+    right: var(--kendo-floating-label-offset-x, 17px);
 }
 
 [dir="rtl"] .k-floating-label-container > .k-label,
@@ -33760,13 +33774,13 @@ select.k-picker-lg {
 .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
 .k-floating-label-container[dir="rtl"].k-focus > .k-label {
     left: auto;
-    right: 0px;
+    right: var(--kendo-floating-label-focus-offset-x, 0px);
 }
 
 [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
 .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
     left: auto;
-    right: 0px;
+    right: var(--kendo-floating-label-focus-offset-x, 0px);
 }
 
 .k-floating-label-container > .k-label {
@@ -39670,6 +39684,10 @@ kendo-card-footer {
     gap: 8px;
 }
 
+.k-card-horizontal .k-actions-horizontal {
+    width: auto;
+}
+
 .k-card-list {
     display: flex;
     flex-flow: column nowrap;
@@ -40515,6 +40533,66 @@ kendo-card-footer {
     color: #424242;
 }
 
+.k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-info .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-success .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-error .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-light .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+.k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
+.k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
+.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
 .k-breadcrumb {
     border-width: 0px;
     border-style: solid;
@@ -40944,6 +41022,17 @@ kendo-card-footer {
     transition-timing-function: ease-in-out;
 }
 
+.k-stepper .k-step-indicator::before {
+    border-radius: 50%;
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
 .k-stepper .k-step-indicator::after {
     border-radius: 100%;
     content: "";
@@ -43924,6 +44013,16 @@ div.k-grid-footer {
     z-index: 3;
 }
 
+.k-master-row .k-grid-content-sticky::before {
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+}
+
 kendo-grid .k-table-row.k-grid-row-sticky {
     border: 0;
     position: static;
@@ -47676,6 +47775,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     border-bottom-width: 1px;
     border-color: inherit;
     flex-shrink: 0;
+    z-index: 1;
 }
 
 .k-filemanager-content-container {
@@ -47688,6 +47788,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     overflow: hidden;
 }
 
+.k-filemanager-splitter {
+    border-width: 0;
+}
+
 .k-filemanager-navigation {
     padding-block: 16px;
     padding-inline: 16px;
@@ -49265,17 +49369,23 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     overflow: scroll;
 }
 
-.k-gantt-timeline .k-timeline {
+.k-gantt-timeline-pane .k-gantt-timeline {
     height: 100%;
     border-width: 0;
     display: flex;
 }
 
-.k-gantt-timeline .k-grid-content {
+.k-gantt-timeline-pane .k-gantt-timeline *,
+.k-gantt-timeline-pane .k-gantt-timeline *::before,
+.k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
+    box-sizing: border-box;
+}
+
+.k-gantt-timeline-pane .k-grid-content {
     overflow-x: scroll;
 }
 
-.k-gantt-timeline .k-header {
+.k-gantt-timeline-pane .k-header {
     padding-block: 16px;
     padding-inline: 24px;
     border-width: 0 0 1px 1px;
@@ -49756,7 +49866,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pdf-export-shadow .k-gantt,
-.k-pdf-export-shadow .k-gantt-timeline,
+.k-pdf-export-shadow .k-gantt-timeline-pane,
 .k-pdf-export-shadow .k-gantt-dependencies {
     width: auto !important;
     height: auto !important;
@@ -49789,24 +49899,24 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     margin-inline: -26px;
 }
 
-.k-rtl .k-gantt-timeline .k-header,
-[dir="rtl"] .k-gantt-timeline .k-header {
+.k-rtl .k-gantt-timeline-pane .k-header,
+[dir="rtl"] .k-gantt-timeline-pane .k-header {
     border-width: 0 1px 1px 0;
 }
 
-.k-rtl .k-gantt-timeline .k-header:first-child,
-[dir="rtl"] .k-gantt-timeline .k-header:first-child {
+.k-rtl .k-gantt-timeline-pane .k-header:first-child,
+[dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
     border-right-width: 0;
 }
 
-.k-rtl .k-gantt-timeline .k-task-start,
-[dir="rtl"] .k-gantt-timeline .k-task-start {
+.k-rtl .k-gantt-timeline-pane .k-task-start,
+[dir="rtl"] .k-gantt-timeline-pane .k-task-start {
     left: auto;
     right: 0;
 }
 
-.k-rtl .k-gantt-timeline .k-task-end,
-[dir="rtl"] .k-gantt-timeline .k-task-end {
+.k-rtl .k-gantt-timeline-pane .k-task-end,
+[dir="rtl"] .k-gantt-timeline-pane .k-task-end {
     right: auto;
     left: 0;
 }
@@ -49859,8 +49969,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     margin-right: 0.2em;
 }
 
-.k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
-[dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
+.k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
+[dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
     right: -0.1em;
 }
 
@@ -49870,7 +49980,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     right: 0;
 }
 
-.k-rtl .k-gantt-timeline .k-header {
+.k-rtl .k-gantt-timeline-pane .k-header {
     border-width: 0 1px 1px 0;
 }
 
@@ -50068,11 +50178,11 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     background-color: #f31700;
 }
 
-.k-gantt-timeline tbody > tr:not(:only-child) > .k-header {
+.k-gantt-timeline-pane tbody > tr:not(:only-child) > .k-header {
     border-left-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-rtl .k-gantt-timeline .k-grid-header tbody > tr:not(:only-child) > .k-header {
+.k-rtl .k-gantt-timeline-pane .k-grid-header tbody > tr:not(:only-child) > .k-header {
     border-right-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -51294,6 +51404,15 @@ kendo-scheduler .k-event .k-event-actions,
     color: white;
 }
 
+.k-scheduler-layout td.k-selected,
+.k-scheduler-layout .k-scheduler-cell.k-selected {
+    background-color: rgba(229, 26, 95, 0.25);
+}
+
+.k-scheduler-agendaview .k-scheduler-content tr.k-selected {
+    background-color: rgba(229, 26, 95, 0.25);
+}
+
 .k-event .k-event-actions .k-link {
     color: #3f51b5;
     background-color: white;