@progress/kendo-theme-material 7.0.3-dev.3 → 7.1.0-dev.0

package/dist/all.css

@@ -27356,6 +27356,7 @@ kendo-sortable {
 .k-popup.k-popup-transparent {
     border-width: 0;
     background-color: transparent;
+    box-shadow: none;
 }
 
 .k-popup.k-popup-flush {
@@ -32436,48 +32437,55 @@ kendo-label > .k-label {
     pointer-events: none;
 }
 
-.k-tooltip-wrapper .k-tooltip {
-    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14));
-}
-
 .k-tooltip {
     border-color: rgba(97, 97, 97, 0.9);
     color: #ffffff;
     background-color: rgba(97, 97, 97, 0.9);
+    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14));
 }
 
 .k-tooltip .k-callout {
     color: rgba(97, 97, 97, 0.9);
 }
 
-.k-tooltip-primary {
-    border-color: #3f51b5;
+.k-tooltip-inverse {
+    border-color: #424242;
     color: white;
-    background-color: #3f51b5;
+    background-color: #424242;
 }
 
-.k-tooltip-primary .k-callout {
-    color: #3f51b5;
+.k-tooltip-inverse .k-callout {
+    color: #424242;
 }
 
-.k-tooltip-info {
-    border-color: #0058e9;
+.k-tooltip-light {
+    border-color: #f5f5f5;
+    color: black;
+    background-color: #f5f5f5;
+}
+
+.k-tooltip-light .k-callout {
+    color: #f5f5f5;
+}
+
+.k-tooltip-dark {
+    border-color: #424242;
     color: white;
-    background-color: #0058e9;
+    background-color: #424242;
 }
 
-.k-tooltip-info .k-callout {
-    color: #0058e9;
+.k-tooltip-dark .k-callout {
+    color: #424242;
 }
 
-.k-tooltip-success {
-    border-color: #37b400;
+.k-tooltip-error {
+    border-color: #f31700;
     color: black;
-    background-color: #37b400;
+    background-color: #f31700;
 }
 
-.k-tooltip-success .k-callout {
-    color: #37b400;
+.k-tooltip-error .k-callout {
+    color: #f31700;
 }
 
 .k-tooltip-warning {
@@ -32490,14 +32498,54 @@ kendo-label > .k-label {
     color: #ffc000;
 }
 
-.k-tooltip-error {
-    border-color: #f31700;
+.k-tooltip-success {
+    border-color: #37b400;
     color: black;
-    background-color: #f31700;
+    background-color: #37b400;
 }
 
-.k-tooltip-error .k-callout {
-    color: #f31700;
+.k-tooltip-success .k-callout {
+    color: #37b400;
+}
+
+.k-tooltip-info {
+    border-color: #0058e9;
+    color: white;
+    background-color: #0058e9;
+}
+
+.k-tooltip-info .k-callout {
+    color: #0058e9;
+}
+
+.k-tooltip-tertiary {
+    border-color: #00695c;
+    color: white;
+    background-color: #00695c;
+}
+
+.k-tooltip-tertiary .k-callout {
+    color: #00695c;
+}
+
+.k-tooltip-secondary {
+    border-color: #e51a5f;
+    color: white;
+    background-color: #e51a5f;
+}
+
+.k-tooltip-secondary .k-callout {
+    color: #e51a5f;
+}
+
+.k-tooltip-primary {
+    border-color: #3f51b5;
+    color: white;
+    background-color: #3f51b5;
+}
+
+.k-tooltip-primary .k-callout {
+    color: #3f51b5;
 }
 
 .k-validator-tooltip {
@@ -34449,16 +34497,6 @@ select.k-picker-lg {
     cursor: default;
 }
 
-.k-slider-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-flow: inherit;
-    align-items: inherit;
-    gap: inherit;
-    position: relative;
-}
-
 .k-slider {
     width: min-content;
     height: min-content;
@@ -34871,16 +34909,6 @@ select.k-picker-lg {
     position: absolute;
 }
 
-.k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
-    padding-inline-start: 7px;
-    padding-inline-end: 7px;
-}
-
-.k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
-    padding-top: 7px;
-    padding-bottom: 7px;
-}
-
 .k-slider .k-tick {
     margin: 0;
 }
@@ -36169,7 +36197,6 @@ select.k-picker-lg {
     z-index: -1;
 }
 
-.k-colorgradient-slider .k-slider-wrap,
 .k-colorgradient-slider .k-slider-track-wrap {
     z-index: 1;
 }
@@ -39351,6 +39378,14 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
+.k-card .k-card-avatar,
+.k-card .k-avatar {
+    margin-right: 16px;
+    width: 45px;
+    height: 45px;
+    flex-basis: 45px;
+}
+
 .k-card > .k-card-inner {
     border-radius: 4px;
     display: flex;
@@ -39418,15 +39453,6 @@ kendo-card-footer {
     padding: 0;
 }
 
-.k-card-avatar,
-.k-card .k-avatar {
-    margin-right: 16px;
-    width: 45px;
-    height: 45px;
-    flex-basis: 45px;
-}
-
-.k-card-image,
 .k-card-media {
     border: 0;
     max-width: 100%;
@@ -39434,14 +39460,7 @@ kendo-card-footer {
     overflow: hidden;
 }
 
-.k-card-image > img,
-.k-card-media > img {
-    border: 0;
-    max-width: 100%;
-}
-
-.k-card-horizontal .k-card-image, .k-card-horizontal
-.k-card-media {
+.k-card-horizontal .k-card-media {
     max-width: 100px;
     object-fit: cover;
 }
@@ -39472,16 +39491,16 @@ kendo-card-footer {
     align-self: stretch;
 }
 
-.k-card-separator.k-separator-vertical,
-.k-card-horizontal > .k-card-separator {
-    border-left-width: 1px;
-}
-
 .k-card-separator.k-separator-horizontal,
 .k-card-vertical > .k-card-separator {
     border-top-width: 1px;
 }
 
+.k-card-separator.k-separator-vertical,
+.k-card-horizontal > .k-card-separator {
+    border-left-width: 1px;
+}
+
 .k-card > .k-hr {
     margin: 0;
     flex: 0 0 auto;
@@ -39501,37 +39520,6 @@ kendo-card-footer {
     gap: 8px;
 }
 
-.k-card-actions-start {
-    justify-content: flex-start;
-}
-
-.k-card-actions-end {
-    justify-content: flex-end;
-}
-
-.k-card-actions-center {
-    justify-content: center;
-}
-
-.k-card-actions-horizontal {
-    flex-flow: row nowrap;
-}
-
-.k-card-actions-vertical {
-    flex-flow: column nowrap;
-}
-
-.k-card-actions-stretched > * {
-    flex: 1 1 auto;
-}
-
-.k-card-action {
-    border-width: 0;
-    border-style: solid;
-    border-color: inherit;
-    display: inline-flex;
-}
-
 .k-card-list {
     display: flex;
     flex-flow: column nowrap;
@@ -43894,27 +43882,33 @@ div.k-grid-norecords {
     overflow: hidden;
 }
 
+.k-grid .k-grid-sm .k-table-th,
 .k-grid-sm .k-table-th {
     padding-block: 10px;
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm td,
+.k-grid .k-grid-sm .k-table-td,
 .k-grid-sm td,
 .k-grid-sm .k-table-td {
     padding-block: 4px;
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm .k-grouping-header,
 .k-grid-sm .k-grouping-header {
     padding-block: 6px;
     padding-inline: 6px;
     gap: 6px;
 }
 
+.k-grid .k-grid-sm .k-grouping-header::before,
 .k-grid-sm .k-grouping-header::before {
     margin-inline-start: -6px;
 }
 
+.k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link,
 .k-grid-sm .k-grid-header .k-table-th > .k-link {
     margin-block: -10px;
     margin-inline: -10px;
@@ -43922,6 +43916,9 @@ div.k-grid-norecords {
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm .k-grid-header .k-grid-filter,
+.k-grid .k-grid-sm .k-grid-header .k-header-column-menu,
+.k-grid .k-grid-sm .k-grid-header .k-grid-header-menu,
 .k-grid-sm .k-grid-header .k-grid-filter,
 .k-grid-sm .k-grid-header .k-header-column-menu,
 .k-grid-sm .k-grid-header .k-grid-header-menu {
@@ -43931,35 +43928,47 @@ div.k-grid-norecords {
     bottom: calc(2px + 0.2857142857em);
 }
 
+.k-grid .k-grid-sm .k-table-th > .k-cell-inner,
 .k-grid-sm .k-table-th > .k-cell-inner {
     margin-block: -10px;
     margin-inline: -10px;
 }
 
+.k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link,
 .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
     padding-block: 10px;
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm .k-grouping-row .k-icon,
 .k-grid-sm .k-grouping-row .k-icon {
     margin-inline-start: -2px;
 }
 
+.k-grid .k-grid-sm .k-grouping-dropclue,
 .k-grid-sm .k-grouping-dropclue {
     height: calc(1.2857142857em + 12px);
 }
 
+.k-grid .k-grid-sm .k-hierarchy-cell,
+.k-grid .k-grid-sm .k-drag-cell,
 .k-grid-sm .k-hierarchy-cell,
 .k-grid-sm .k-drag-cell {
     padding: 0;
 }
 
+.k-grid .k-grid-sm .k-hierarchy-cell > .k-icon,
+.k-grid .k-grid-sm .k-drag-cell > .k-icon,
 .k-grid-sm .k-hierarchy-cell > .k-icon,
 .k-grid-sm .k-drag-cell > .k-icon {
     padding-block: 4px;
     padding-inline: 0;
 }
 
+.k-grid .k-grid-sm .k-edit-cell,
+.k-grid .k-grid-sm .k-command-cell,
+.k-grid .k-grid-sm .k-grid-edit-row td,
+.k-grid .k-grid-sm .k-grid-edit-row .k-table-td,
 .k-grid-sm .k-edit-cell,
 .k-grid-sm .k-command-cell,
 .k-grid-sm .k-grid-edit-row td,
@@ -43968,6 +43977,9 @@ div.k-grid-norecords {
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm .k-filter-row td,
+.k-grid .k-grid-sm .k-filter-row .k-table-td,
+.k-grid .k-grid-sm .k-filter-row .k-table-th,
 .k-grid-sm .k-filter-row td,
 .k-grid-sm .k-filter-row .k-table-td,
 .k-grid-sm .k-filter-row .k-table-th {
@@ -43975,16 +43987,20 @@ div.k-grid-norecords {
     padding-inline: 10px;
 }
 
+.k-grid .k-grid-sm .k-filtercell > span,
+.k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper,
 .k-grid-sm .k-filtercell > span,
 .k-grid-sm .k-filtercell .k-filtercell-wrapper {
     gap: 2px;
 }
 
+.k-grid .k-grid-sm .k-selection-aggregates,
 .k-grid-sm .k-selection-aggregates {
     padding-block: 4px;
     padding-inline: 4px;
 }
 
+.k-grid .k-grid-sm .k-resizer-wrap,
 .k-grid-sm .k-resizer-wrap {
     display: block;
     width: 100%;
@@ -43996,27 +44012,33 @@ div.k-grid-norecords {
     z-index: 2;
 }
 
+.k-grid .k-grid-md .k-table-th,
 .k-grid-md .k-table-th {
     padding-block: 16px;
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md td,
+.k-grid .k-grid-md .k-table-td,
 .k-grid-md td,
 .k-grid-md .k-table-td {
     padding-block: 10px;
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md .k-grouping-header,
 .k-grid-md .k-grouping-header {
     padding-block: 8px;
     padding-inline: 8px;
     gap: 8px;
 }
 
+.k-grid .k-grid-md .k-grouping-header::before,
 .k-grid-md .k-grouping-header::before {
     margin-inline-start: -8px;
 }
 
+.k-grid .k-grid-md .k-grid-header .k-table-th > .k-link,
 .k-grid-md .k-grid-header .k-table-th > .k-link {
     margin-block: -16px;
     margin-inline: -24px;
@@ -44024,6 +44046,9 @@ div.k-grid-norecords {
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md .k-grid-header .k-grid-filter,
+.k-grid .k-grid-md .k-grid-header .k-header-column-menu,
+.k-grid .k-grid-md .k-grid-header .k-grid-header-menu,
 .k-grid-md .k-grid-header .k-grid-filter,
 .k-grid-md .k-grid-header .k-header-column-menu,
 .k-grid-md .k-grid-header .k-grid-header-menu {
@@ -44033,35 +44058,47 @@ div.k-grid-norecords {
     bottom: calc(8px + 0.2857142857em);
 }
 
+.k-grid .k-grid-md .k-table-th > .k-cell-inner,
 .k-grid-md .k-table-th > .k-cell-inner {
     margin-block: -16px;
     margin-inline: -24px;
 }
 
+.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link,
 .k-grid-md .k-table-th > .k-cell-inner > .k-link {
     padding-block: 16px;
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md .k-grouping-row .k-icon,
 .k-grid-md .k-grouping-row .k-icon {
     margin-inline-start: -16px;
 }
 
+.k-grid .k-grid-md .k-grouping-dropclue,
 .k-grid-md .k-grouping-dropclue {
     height: calc(1.2857142857em + 10px);
 }
 
+.k-grid .k-grid-md .k-hierarchy-cell,
+.k-grid .k-grid-md .k-drag-cell,
 .k-grid-md .k-hierarchy-cell,
 .k-grid-md .k-drag-cell {
     padding: 0;
 }
 
+.k-grid .k-grid-md .k-hierarchy-cell > .k-icon,
+.k-grid .k-grid-md .k-drag-cell > .k-icon,
 .k-grid-md .k-hierarchy-cell > .k-icon,
 .k-grid-md .k-drag-cell > .k-icon {
     padding-block: 10px;
     padding-inline: 0;
 }
 
+.k-grid .k-grid-md .k-edit-cell,
+.k-grid .k-grid-md .k-command-cell,
+.k-grid .k-grid-md .k-grid-edit-row td,
+.k-grid .k-grid-md .k-grid-edit-row .k-table-td,
 .k-grid-md .k-edit-cell,
 .k-grid-md .k-command-cell,
 .k-grid-md .k-grid-edit-row td,
@@ -44070,6 +44107,9 @@ div.k-grid-norecords {
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md .k-filter-row td,
+.k-grid .k-grid-md .k-filter-row .k-table-td,
+.k-grid .k-grid-md .k-filter-row .k-table-th,
 .k-grid-md .k-filter-row td,
 .k-grid-md .k-filter-row .k-table-td,
 .k-grid-md .k-filter-row .k-table-th {
@@ -44077,16 +44117,20 @@ div.k-grid-norecords {
     padding-inline: 24px;
 }
 
+.k-grid .k-grid-md .k-filtercell > span,
+.k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper,
 .k-grid-md .k-filtercell > span,
 .k-grid-md .k-filtercell .k-filtercell-wrapper {
     gap: 5px;
 }
 
+.k-grid .k-grid-md .k-selection-aggregates,
 .k-grid-md .k-selection-aggregates {
     padding-block: 8px;
     padding-inline: 8px;
 }
 
+.k-grid .k-grid-md .k-resizer-wrap,
 .k-grid-md .k-resizer-wrap {
     display: block;
     width: 100%;