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

package/dist/all.css

@@ -27343,6 +27343,7 @@ kendo-sortable {
 .k-popup.k-popup-transparent {
     border-width: 0;
     background-color: transparent;
+    box-shadow: none;
 }
 
 .k-popup.k-popup-flush {
@@ -31850,43 +31851,70 @@ kendo-label > .k-label {
     pointer-events: none;
 }
 
-.k-tooltip-wrapper .k-tooltip {
-    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
-}
-
 .k-tooltip {
     border-color: rgba(0, 0, 0, 0.75);
     color: white;
     background-color: rgba(0, 0, 0, 0.75);
+    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .k-tooltip .k-callout {
     color: rgba(0, 0, 0, 0.75);
 }
 
-.k-tooltip-primary {
-    border-color: #f35800;
+.k-tooltip-inverse {
+    border-color: #404040;
     color: white;
-    background-color: #f35800;
+    background-color: #404040;
 }
 
-.k-tooltip-primary .k-callout {
-    color: #f35800;
+.k-tooltip-inverse .k-callout {
+    color: #404040;
 }
 
-.k-tooltip-info {
-    border-color: #2498bc;
+.k-tooltip-light {
+    border-color: #ebebeb;
     color: black;
-    background-color: #2498bc;
+    background-color: #ebebeb;
 }
 
-.k-tooltip-info .k-callout {
-    color: #2498bc;
+.k-tooltip-light .k-callout {
+    color: #ebebeb;
+}
+
+.k-tooltip-dark {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+}
+
+.k-tooltip-dark .k-callout {
+    color: #404040;
+}
+
+.k-tooltip-error {
+    border-color: #d92800;
+    color: white;
+    background-color: #d92800;
+}
+
+.k-tooltip-error .k-callout {
+    color: #d92800;
+}
+
+.k-tooltip-warning {
+    border-color: #ff9800;
+    color: white;
+    background-color: #ff9800;
+}
+
+.k-tooltip-warning .k-callout {
+    color: #ff9800;
 }
 
 .k-tooltip-success {
     border-color: #3ea44e;
-    color: black;
+    color: white;
     background-color: #3ea44e;
 }
 
@@ -31894,24 +31922,44 @@ kendo-label > .k-label {
     color: #3ea44e;
 }
 
-.k-tooltip-warning {
-    border-color: #ff9800;
+.k-tooltip-info {
+    border-color: #2498bc;
+    color: white;
+    background-color: #2498bc;
+}
+
+.k-tooltip-info .k-callout {
+    color: #2498bc;
+}
+
+.k-tooltip-tertiary {
+    border-color: #03a9f4;
+    color: white;
+    background-color: #03a9f4;
+}
+
+.k-tooltip-tertiary .k-callout {
+    color: #03a9f4;
+}
+
+.k-tooltip-secondary {
+    border-color: #e9e9e9;
     color: black;
-    background-color: #ff9800;
+    background-color: #e9e9e9;
 }
 
-.k-tooltip-warning .k-callout {
-    color: #ff9800;
+.k-tooltip-secondary .k-callout {
+    color: #e9e9e9;
 }
 
-.k-tooltip-error {
-    border-color: #d92800;
+.k-tooltip-primary {
+    border-color: #f35800;
     color: white;
-    background-color: #d92800;
+    background-color: #f35800;
 }
 
-.k-tooltip-error .k-callout {
-    color: #d92800;
+.k-tooltip-primary .k-callout {
+    color: #f35800;
 }
 
 .k-validator-tooltip {
@@ -33545,16 +33593,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;
@@ -33967,16 +34005,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 {
     color: #272727;
 }
@@ -35186,7 +35214,6 @@ select.k-picker-lg {
     z-index: -1;
 }
 
-.k-colorgradient-slider .k-slider-wrap,
 .k-colorgradient-slider .k-slider-track-wrap {
     z-index: 1;
 }
@@ -38333,6 +38360,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: 7px;
     display: flex;
@@ -38400,15 +38435,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%;
@@ -38416,14 +38442,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;
 }
@@ -38452,16 +38471,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;
@@ -38481,37 +38500,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;
@@ -42755,27 +42743,33 @@ div.k-grid-norecords {
     overflow: hidden;
 }
 
+.k-grid .k-grid-sm .k-table-th,
 .k-grid-sm .k-table-th {
     padding-block: 4px;
     padding-inline: 8px;
 }
 
+.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: 8px;
 }
 
+.k-grid .k-grid-sm .k-grouping-header,
 .k-grid-sm .k-grouping-header {
     padding-block: 4px;
     padding-inline: 8px;
     gap: 4px;
 }
 
+.k-grid .k-grid-sm .k-grouping-header::before,
 .k-grid-sm .k-grouping-header::before {
     margin-inline-start: -4px;
 }
 
+.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: -4px;
     margin-inline: -8px;
@@ -42783,6 +42777,9 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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 {
@@ -42792,35 +42789,47 @@ div.k-grid-norecords {
     bottom: 0px;
 }
 
+.k-grid .k-grid-sm .k-table-th > .k-cell-inner,
 .k-grid-sm .k-table-th > .k-cell-inner {
     margin-block: -4px;
     margin-inline: -8px;
 }
 
+.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: 4px;
     padding-inline: 8px;
 }
 
+.k-grid .k-grid-sm .k-grouping-row .k-icon,
 .k-grid-sm .k-grouping-row .k-icon {
     margin-inline-start: 0px;
 }
 
+.k-grid .k-grid-sm .k-grouping-dropclue,
 .k-grid-sm .k-grouping-dropclue {
     height: calc(1em + 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,
@@ -42829,6 +42838,9 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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 {
@@ -42836,16 +42848,20 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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%;
@@ -42857,27 +42873,33 @@ div.k-grid-norecords {
     z-index: 2;
 }
 
+.k-grid .k-grid-md .k-table-th,
 .k-grid-md .k-table-th {
     padding-block: 8px;
     padding-inline: 8px;
 }
 
+.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: 8px;
     padding-inline: 8px;
 }
 
+.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: -8px;
     margin-inline: -8px;
@@ -42885,6 +42907,9 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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 {
@@ -42894,35 +42919,47 @@ div.k-grid-norecords {
     bottom: 4px;
 }
 
+.k-grid .k-grid-md .k-table-th > .k-cell-inner,
 .k-grid-md .k-table-th > .k-cell-inner {
     margin-block: -8px;
     margin-inline: -8px;
 }
 
+.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: 8px;
     padding-inline: 8px;
 }
 
+.k-grid .k-grid-md .k-grouping-row .k-icon,
 .k-grid-md .k-grouping-row .k-icon {
     margin-inline-start: 0px;
 }
 
+.k-grid .k-grid-md .k-grouping-dropclue,
 .k-grid-md .k-grouping-dropclue {
     height: calc(1em + 16px);
 }
 
+.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: 8px;
     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,
@@ -42931,6 +42968,9 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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 {
@@ -42938,16 +42978,20 @@ div.k-grid-norecords {
     padding-inline: 8px;
 }
 
+.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: 4px;
 }
 
+.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%;