@progress/kendo-theme-material 8.0.0-dev.9 → 8.0.1-dev.0

package/dist/all.css

@@ -95,7 +95,7 @@
     --kendo-color-light-emphasis: #e0e0e0;
     --kendo-color-light-on-subtle: #212121;
     --kendo-color-on-light: #000000;
-    --kendo-color-light-on-surface: #616161;
+    --kendo-color-light-on-surface: #ebebeb;
     --kendo-color-dark-subtle: #c7c7c7;
     --kendo-color-dark-subtle-hover: #c2c2c2;
     --kendo-color-dark-subtle-active: #bdbdbd;
@@ -29974,7 +29974,7 @@ kendo-sortable {
 }
 
 .k-checkbox {
-    border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 54%, transparent);
+    border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent);
 }
 
 .k-checkbox:indeterminate,
@@ -31489,7 +31489,7 @@ kendo-badge-container {
 
 .k-badge-outline {
     border-color: currentColor;
-    background-color: var(--kendo-color-surface-alt, #ffffff);
+    background-color: transparent;
 }
 
 .k-badge-outline-primary {
@@ -31799,9 +31799,9 @@ kendo-badge-container {
 }
 
 .k-chip-outline-base {
-    border-color: var(--kendo-color-on-base, #212121);
-    color: var(--kendo-color-on-base, #212121);
-    background-color: var(--kendo-color-surface-alt, #ffffff);
+    border-color: var(--kendo-color-base-on-surface, #212121);
+    color: var(--kendo-color-base-on-surface, #212121);
+    background-color: transparent;
 }
 
 .k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
@@ -31817,7 +31817,7 @@ kendo-badge-container {
 .k-chip-outline-error {
     border-color: var(--kendo-color-error-on-surface, #b91406);
     color: var(--kendo-color-error-on-surface, #b91406);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
@@ -31839,7 +31839,7 @@ kendo-badge-container {
 .k-chip-outline-info {
     border-color: var(--kendo-color-info-on-surface, #0443b0);
     color: var(--kendo-color-info-on-surface, #0443b0);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
@@ -31860,8 +31860,8 @@ kendo-badge-container {
 
 .k-chip-outline-warning {
     border-color: var(--kendo-color-warning, #ffc000);
-    color: var(--kendo-color-on-base, #212121);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    color: var(--kendo-color-on-app-surface, #212121);
+    background-color: transparent;
 }
 
 .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
@@ -31881,7 +31881,7 @@ kendo-badge-container {
 .k-chip-outline-success {
     border-color: var(--kendo-color-success-on-surface, #2b8906);
     color: var(--kendo-color-success-on-surface, #2b8906);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
@@ -31970,7 +31970,7 @@ kendo-badge-container {
 }
 
 .k-chip-outline-warning {
-    color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-on-app-surface, #212121);
 }
 
 .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
@@ -31979,12 +31979,12 @@ kendo-badge-container {
 }
 
 .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover {
-    color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-on-app-surface, #212121);
     background-color: var(--kendo-color-warning-subtle-hover, #ffe7b0);
 }
 
 .k-chip-outline-warning.k-selected {
-    color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-on-app-surface, #212121);
     background-color: var(--kendo-color-warning-subtle-active, #ffe19c);
 }
 
@@ -33035,6 +33035,10 @@ kendo-badge-container {
     filter: none;
 }
 
+.k-button-solid::before {
+    display: none;
+}
+
 .k-button-outline {
     background-color: transparent !important;
     box-shadow: none !important;
@@ -33072,10 +33076,26 @@ kendo-badge-container {
     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-button-solid-base:hover, .k-button-solid-base.k-hover {
+    border-color: var(--kendo-color-base-hover, #ebebeb);
+    background-color: var(--kendo-color-base-hover, #ebebeb);
+}
+
+.k-button-solid-base:focus, .k-button-solid-base.k-focus {
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-base:active, .k-button-solid-base.k-active {
+    border-color: var(--kendo-color-base-active, #d6d6d6);
+    background-color: var(--kendo-color-base-active, #d6d6d6);
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
 
+.k-button-solid-base.k-selected {
+    border-color: var(--kendo-color-base-active, #d6d6d6);
+    background-color: var(--kendo-color-base-active, #d6d6d6);
+}
+
 .k-button-solid-base:disabled, .k-button-solid-base.k-disabled {
     border-color: transparent;
     color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent);
@@ -33598,7 +33618,7 @@ kendo-badge-container {
 .k-button-outline-light {
     box-shadow: none;
     border-color: currentColor;
-    color: var(--kendo-color-light-on-surface, #616161);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
     background-color: transparent;
 }
 
@@ -33661,21 +33681,21 @@ kendo-badge-container {
 }
 
 .k-button-outline-base:hover, .k-button-outline-base.k-hover {
-    border-color: var(--kendo-color-on-app-surface, #212121);
-    color: var(--kendo-color-app-surface, #ffffff);
-    background-color: var(--kendo-color-on-app-surface, #212121);
+    border-color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-base, #ffffff);
+    background-color: var(--kendo-color-on-base, #212121);
 }
 
 .k-button-outline-base:active, .k-button-outline-base.k-active {
-    border-color: var(--kendo-color-on-app-surface, #212121);
-    color: var(--kendo-color-app-surface, #ffffff);
-    background-color: var(--kendo-color-on-app-surface, #212121);
+    border-color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-base, #ffffff);
+    background-color: var(--kendo-color-on-base, #212121);
 }
 
 .k-button-outline-base.k-selected {
-    border-color: var(--kendo-color-on-app-surface, #212121);
-    color: var(--kendo-color-app-surface, #ffffff);
-    background-color: var(--kendo-color-on-app-surface, #212121);
+    border-color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-base, #ffffff);
+    background-color: var(--kendo-color-on-base, #212121);
 }
 
 .k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
@@ -33683,7 +33703,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-primary {
-    color: var(--kendo-color-primary, #3f51b5);
+    color: var(--kendo-color-primary-on-surface, #3f51b5);
 }
 
 .k-button-flat-primary:disabled, .k-button-flat-primary.k-disabled {
@@ -33691,7 +33711,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-secondary {
-    color: var(--kendo-color-secondary, #e51a5f);
+    color: var(--kendo-color-secondary-on-surface, #ae1549);
 }
 
 .k-button-flat-secondary:disabled, .k-button-flat-secondary.k-disabled {
@@ -33699,7 +33719,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-tertiary {
-    color: var(--kendo-color-tertiary, #00695c);
+    color: var(--kendo-color-tertiary-on-surface, #054f46);
 }
 
 .k-button-flat-tertiary:disabled, .k-button-flat-tertiary.k-disabled {
@@ -33707,7 +33727,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-info {
-    color: var(--kendo-color-info, #0058e9);
+    color: var(--kendo-color-info-on-surface, #0443b0);
 }
 
 .k-button-flat-info:disabled, .k-button-flat-info.k-disabled {
@@ -33715,7 +33735,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-success {
-    color: var(--kendo-color-success, #37b400);
+    color: var(--kendo-color-success-on-surface, #2b8906);
 }
 
 .k-button-flat-success:disabled, .k-button-flat-success.k-disabled {
@@ -33723,7 +33743,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-warning {
-    color: var(--kendo-color-warning, #ffc000);
+    color: var(--kendo-color-warning-on-surface, #ffc000);
 }
 
 .k-button-flat-warning:disabled, .k-button-flat-warning.k-disabled {
@@ -33731,7 +33751,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-error {
-    color: var(--kendo-color-error, #f31700);
+    color: var(--kendo-color-error-on-surface, #b91406);
 }
 
 .k-button-flat-error:disabled, .k-button-flat-error.k-disabled {
@@ -33739,7 +33759,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-dark {
-    color: var(--kendo-color-dark, #424242);
+    color: var(--kendo-color-dark-on-surface, #616161);
 }
 
 .k-button-flat-dark:disabled, .k-button-flat-dark.k-disabled {
@@ -33747,7 +33767,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-light {
-    color: var(--kendo-color-light, #f5f5f5);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
 }
 
 .k-button-flat-light:disabled, .k-button-flat-light.k-disabled {
@@ -33755,7 +33775,7 @@ kendo-badge-container {
 }
 
 .k-button-flat-inverse {
-    color: var(--kendo-color-dark, #424242);
+    color: var(--kendo-color-inverse-on-surface, #616161);
 }
 
 .k-button-flat-inverse:disabled, .k-button-flat-inverse.k-disabled {
@@ -33991,7 +34011,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-primary {
-    color: var(--kendo-color-primary, #3f51b5);
+    color: var(--kendo-color-primary-on-surface, #3f51b5);
 }
 
 .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
@@ -34005,7 +34025,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-secondary {
-    color: var(--kendo-color-secondary, #e51a5f);
+    color: var(--kendo-color-secondary-on-surface, #ae1549);
 }
 
 .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after {
@@ -34019,7 +34039,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-tertiary {
-    color: var(--kendo-color-tertiary, #00695c);
+    color: var(--kendo-color-tertiary-on-surface, #054f46);
 }
 
 .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after {
@@ -34033,7 +34053,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-info {
-    color: var(--kendo-color-info, #0058e9);
+    color: var(--kendo-color-info-on-surface, #0443b0);
 }
 
 .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after {
@@ -34047,7 +34067,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-success {
-    color: var(--kendo-color-success, #37b400);
+    color: var(--kendo-color-success-on-surface, #2b8906);
 }
 
 .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after {
@@ -34061,7 +34081,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-warning {
-    color: var(--kendo-color-warning, #ffc000);
+    color: var(--kendo-color-warning-on-surface, #ffc000);
 }
 
 .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after {
@@ -34075,7 +34095,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-error {
-    color: var(--kendo-color-error, #f31700);
+    color: var(--kendo-color-error-on-surface, #b91406);
 }
 
 .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after {
@@ -34089,7 +34109,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-dark {
-    color: var(--kendo-color-dark, #424242);
+    color: var(--kendo-color-dark-on-surface, #616161);
 }
 
 .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after {
@@ -34103,7 +34123,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-light {
-    color: var(--kendo-color-light, #f5f5f5);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
 }
 
 .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after {
@@ -34117,7 +34137,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-inverse {
-    color: var(--kendo-color-dark, #424242);
+    color: var(--kendo-color-inverse-on-surface, #616161);
 }
 
 .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after {
@@ -34131,7 +34151,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-base {
-    color: var(--kendo-color-on-app-surface, #212121);
+    color: var(--kendo-color-base-on-surface, #212121);
 }
 
 .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after {
@@ -34151,6 +34171,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-primary, #3f51b5);
 }
 
+.k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
+    background-color: var(--kendo-color-primary-hover, #3a4ba7);
+    border-color: var(--kendo-color-primary-hover, #3a4ba7);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-primary:active, .k-button-solid-primary.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34166,6 +34192,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-secondary, #e51a5f);
 }
 
+.k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
+    background-color: var(--kendo-color-secondary-hover, #d31857);
+    border-color: var(--kendo-color-secondary-hover, #d31857);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34181,6 +34213,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-tertiary, #00695c);
 }
 
+.k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
+    background-color: var(--kendo-color-tertiary-hover, #006155);
+    border-color: var(--kendo-color-tertiary-hover, #006155);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34196,6 +34234,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-info, #0058e9);
 }
 
+.k-button-solid-info:focus, .k-button-solid-info.k-focus {
+    background-color: var(--kendo-color-info-hover, #0251d6);
+    border-color: var(--kendo-color-info-hover, #0251d6);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-info:active, .k-button-solid-info.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34211,6 +34255,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-success, #37b400);
 }
 
+.k-button-solid-success:focus, .k-button-solid-success.k-focus {
+    background-color: var(--kendo-color-success-hover, #33a600);
+    border-color: var(--kendo-color-success-hover, #33a600);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-success:active, .k-button-solid-success.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34226,6 +34276,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-warning, #ffc000);
 }
 
+.k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
+    background-color: var(--kendo-color-warning-hover, #ebb201);
+    border-color: var(--kendo-color-warning-hover, #ebb201);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-warning:active, .k-button-solid-warning.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34241,6 +34297,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-error, #f31700);
 }
 
+.k-button-solid-error:focus, .k-button-solid-error.k-focus {
+    background-color: var(--kendo-color-error-hover, #e01701);
+    border-color: var(--kendo-color-error-hover, #e01701);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-error:active, .k-button-solid-error.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34256,6 +34318,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-dark, #424242);
 }
 
+.k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
+    background-color: var(--kendo-color-dark-hover, #212121);
+    border-color: var(--kendo-color-dark-hover, #212121);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-dark:active, .k-button-solid-dark.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34271,6 +34339,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-light, #f5f5f5);
 }
 
+.k-button-solid-light:focus, .k-button-solid-light.k-focus {
+    background-color: var(--kendo-color-light-hover, #ebebeb);
+    border-color: var(--kendo-color-light-hover, #ebebeb);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-light:active, .k-button-solid-light.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34286,6 +34360,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-inverse, #424242);
 }
 
+.k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
+    background-color: var(--kendo-color-inverse-hover, #212121);
+    border-color: var(--kendo-color-inverse-hover, #212121);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34301,6 +34381,12 @@ kendo-badge-container {
     border-color: var(--kendo-color-base, #ffffff);
 }
 
+.k-button-solid-base:focus, .k-button-solid-base.k-focus {
+    background-color: var(--kendo-color-base-hover, #ebebeb);
+    border-color: var(--kendo-color-base-hover, #ebebeb);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-button-solid-base:active, .k-button-solid-base.k-active {
     box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
@@ -34406,11 +34492,11 @@ kendo-badge-container {
 }
 
 .k-button-outline-light {
-    color: var(--kendo-color-light-on-surface, #616161);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
 }
 
 .k-button-outline-light:hover, .k-button-outline-light.k-hover, .k-button-outline-light:focus, .k-button-outline-light.k-focus, .k-button-outline-light:active, .k-button-outline-light.k-active, .k-button-outline-light.k-selected {
-    color: var(--kendo-color-light-on-surface, #616161);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
 }
 
 .k-button-outline-light:disabled, .k-button-outline-light.k-disabled {
@@ -34430,11 +34516,11 @@ kendo-badge-container {
 }
 
 .k-button-outline-base {
-    color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-base-on-surface, #212121);
 }
 
 .k-button-outline-base:hover, .k-button-outline-base.k-hover, .k-button-outline-base:focus, .k-button-outline-base.k-focus, .k-button-outline-base:active, .k-button-outline-base.k-active, .k-button-outline-base.k-selected {
-    color: var(--kendo-color-on-base, #212121);
+    color: var(--kendo-color-base-on-surface, #212121);
 }
 
 .k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
@@ -35223,6 +35309,26 @@ kendo-badge-container {
     border-color: var(--kendo-color-base-subtle, #ebebeb);
 }
 
+.k-toolbar .k-button-solid-base:hover, .k-toolbar .k-button-solid-base.k-hover {
+    background-color: var(--kendo-color-base-subtle-hover, #d6d6d6);
+    border-color: var(--kendo-color-base-subtle-hover, #d6d6d6);
+}
+
+.k-toolbar .k-button-solid-base:focus, .k-toolbar .k-button-solid-base.k-focus {
+    background-color: var(--kendo-color-base-subtle-hover, #d6d6d6);
+    border-color: var(--kendo-color-base-subtle-hover, #d6d6d6);
+}
+
+.k-toolbar .k-button-solid-base:active, .k-toolbar .k-button-solid-base.k-active {
+    background-color: var(--kendo-color-base-subtle-active, #c2c2c2);
+    border-color: var(--kendo-color-base-subtle-active, #c2c2c2);
+}
+
+.k-toolbar .k-button-solid-base.k-selected {
+    background-color: var(--kendo-color-base-subtle-active, #c2c2c2);
+    border-color: var(--kendo-color-base-subtle-active, #c2c2c2);
+}
+
 .k-toolbar .k-button-solid-base.k-input-button,
 .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-increase,
 .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-decrease {
@@ -37158,6 +37264,11 @@ select.k-picker-lg {
     min-width: 0;
 }
 
+.k-split-button:focus,
+.k-split-button.k-focus {
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
+}
+
 .k-menu-button,
 .k-dropdown-button {
     aspect-ratio: auto;
@@ -37883,7 +37994,7 @@ select.k-picker-lg {
 }
 
 .k-radio {
-    border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 54%, transparent);
+    border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent);
 }
 
 .k-radio.k-invalid,
@@ -38944,23 +39055,35 @@ select.k-picker-lg {
     outline: 0;
 }
 
-.k-calendar-range .k-range-start .k-calendar-cell-inner, .k-calendar-range .k-range-start .k-link,
-.k-calendar-range .k-range-start .k-link {
-    border-color: inherit;
+.k-range-start {
     border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px);
 }
 
-.k-calendar-range .k-range-end .k-calendar-cell-inner, .k-calendar-range .k-range-end .k-link,
-.k-calendar-range .k-range-end .k-link {
+.k-range-start .k-calendar-cell-inner, .k-range-start .k-link,
+.k-range-start .k-link {
     border-color: inherit;
+    border-radius: inherit;
+}
+
+.k-range-end {
     border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0;
 }
 
-.k-calendar-range .k-range-mid {
+.k-range-end .k-calendar-cell-inner, .k-range-end .k-link,
+.k-range-end .k-link {
+    border-color: inherit;
+    border-radius: inherit;
+}
+
+.k-range-mid {
     border-color: inherit;
     border-radius: 0;
 }
 
+.k-range-start.k-range-end {
+    border-radius: var(--kendo-border-radius-full, 9999px);
+}
+
 .k-rtl .k-calendar .k-content.k-scrollable,
 .k-rtl .k-calendar .k-calendar-content.k-scrollable,
 [dir="rtl"] .k-calendar .k-content.k-scrollable,
@@ -38975,31 +39098,17 @@ select.k-picker-lg {
     margin-right: -100px;
 }
 
-.k-rtl .k-calendar-range .k-range-start .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-start .k-link,
-.k-rtl .k-calendar-range .k-range-start .k-link,
-[dir="rtl"] .k-calendar-range .k-range-start .k-calendar-cell-inner,
-[dir="rtl"] .k-calendar-range .k-range-start .k-link,
-[dir="rtl"] .k-calendar-range .k-range-start .k-link,
-.k-calendar-range.k-rtl .k-range-start .k-calendar-cell-inner,
-.k-calendar-range.k-rtl .k-range-start .k-link,
-.k-calendar-range.k-rtl .k-range-start .k-link,
-.k-calendar-range[dir="rtl"] .k-range-start .k-calendar-cell-inner,
-.k-calendar-range[dir="rtl"] .k-range-start .k-link,
-.k-calendar-range[dir="rtl"] .k-range-start .k-link {
+.k-rtl .k-calendar .k-range-start,
+[dir="rtl"] .k-calendar .k-range-start,
+.k-calendar.k-rtl .k-range-start,
+.k-calendar[dir="rtl"] .k-range-start {
     border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0;
 }
 
-.k-rtl .k-calendar-range .k-range-end .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-end .k-link,
-.k-rtl .k-calendar-range .k-range-end .k-link,
-[dir="rtl"] .k-calendar-range .k-range-end .k-calendar-cell-inner,
-[dir="rtl"] .k-calendar-range .k-range-end .k-link,
-[dir="rtl"] .k-calendar-range .k-range-end .k-link,
-.k-calendar-range.k-rtl .k-range-end .k-calendar-cell-inner,
-.k-calendar-range.k-rtl .k-range-end .k-link,
-.k-calendar-range.k-rtl .k-range-end .k-link,
-.k-calendar-range[dir="rtl"] .k-range-end .k-calendar-cell-inner,
-.k-calendar-range[dir="rtl"] .k-range-end .k-link,
-.k-calendar-range[dir="rtl"] .k-range-end .k-link {
+.k-rtl .k-calendar .k-range-end,
+[dir="rtl"] .k-calendar .k-range-end,
+.k-calendar.k-rtl .k-range-end,
+.k-calendar[dir="rtl"] .k-range-end {
     border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px);
 }
 
@@ -39111,11 +39220,6 @@ select.k-picker-lg {
     background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent);
 }
 
-.k-calendar .k-range-start.k-range-end {
-    background-image: none;
-    background-color: transparent;
-}
-
 .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
 .k-calendar .k-range-end .k-calendar-cell-inner,
 .k-calendar .k-range-end .k-link {
@@ -40399,15 +40503,15 @@ select.k-picker-lg {
 }
 
 .k-rating-item.k-selected {
-    color: #303f9f;
+    color: var(--kendo-color-primary-active, #354498);
 }
 
 .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus {
-    color: #303f9f;
+    color: var(--kendo-color-primary-active, #354498);
 }
 
 .k-rating-item:hover, .k-rating-item.k-hover {
-    color: #303f9f;
+    color: var(--kendo-color-primary-active, #354498);
     cursor: pointer;
 }
 
@@ -40694,7 +40798,7 @@ select.k-picker-lg {
 }
 
 .k-switch-on .k-switch-track {
-    background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 54%, transparent);
+    background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 44%, transparent);
 }
 
 .k-switch-on .k-switch-thumb {
@@ -42027,7 +42131,7 @@ select.k-picker-lg {
 }
 
 .k-adaptive-actionsheet .k-actionsheet-filter {
-    width: calc( min(100%, calc( 360px - calc( var(--kendo-spacing-4, 1rem) * 2 )) ));
+    width: calc(360px - var(--kendo-spacing-4, 1rem)*2);
 }
 
 .k-adaptive-actionsheet .k-actionsheet-content,
@@ -48151,6 +48255,13 @@ col.k-sorted,
     color: var(--kendo-color-subtle, #757575);
 }
 
+.k-grid-header .k-grid-filter:hover,
+.k-grid-header .k-header-column-menu:hover,
+.k-grid-header .k-grid-header-menu:hover,
+.k-grid-header .k-hierarchy-cell .k-icon:hover {
+    background-color: var(--kendo-color-base-hover, #ebebeb);
+}
+
 .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus,
 .k-grid-header .k-header-column-menu:focus,
 .k-grid-header .k-header-column-menu.k-focus,
@@ -48644,6 +48755,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     font-family: var(--kendo-font-family, inherit);
     font-size: var(--kendo-font-size, inherit);
     line-height: var(--kendo-line-height, normal);
+    display: flex;
     flex-flow: column nowrap;
     position: relative;
     -webkit-touch-callout: none;
@@ -49828,6 +49940,16 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     box-shadow: inset 0 0 0 1px var(--kendo-color-base, #ffffff);
 }
 
+.k-spreadsheet-filter:hover {
+    border-color: var(--kendo-color-base-hover, #ebebeb);
+    background-color: var(--kendo-color-base-hover, #ebebeb);
+}
+
+.k-spreadsheet-filter.k-active {
+    border-color: var(--kendo-color-base-active, #d6d6d6);
+    background-color: var(--kendo-color-base-active, #d6d6d6);
+}
+
 .k-spreadsheet-filter-menu > .k-menu .k-item:hover,
 .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
 .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
@@ -51404,11 +51526,11 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus {
-    color: #303f9f;
+    color: var(--kendo-color-primary-active, #354498);
 }
 
 .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
-    color: #303f9f;
+    color: var(--kendo-color-primary-active, #354498);
 }
 
 .k-taskboard-card:focus, .k-taskboard-card.k-focus {
@@ -55725,8 +55847,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-timeline-vertical::after,
 .k-timeline-horizontal .k-timeline-track-wrap::after {
-    background-color: #e0e0e0;
-    border-color: #e0e0e0;
+    background-color: var(--kendo-color-base-subtle, #ebebeb);
+    border-color: var(--kendo-color-base-subtle, #ebebeb);
 }
 
 .k-timeline-horizontal .k-timeline-flag::after {
@@ -56587,6 +56709,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     height: 100%;
 }
 
+.k-sankey text {
+    pointer-events: none;
+}
+
 .k-treemap {
     height: 400px;
     box-sizing: border-box;
@@ -56907,7 +57033,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-var--gauge-track {
-    background-color: var(--kendo-color-base, #ffffff);
+    background-color: var(--kendo-color-base-emphasis, #adadad);
 }
 
 .k-var--chart-inactive {
@@ -56999,6 +57125,11 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     background-color: var(--kendo-color-base, #ffffff);
 }
 
+.k-handle:hover {
+    border-color: var(--kendo-color-base-hover, #ebebeb);
+    background-color: var(--kendo-color-base-hover, #ebebeb);
+}
+
 .k-handle div {
     background-color: transparent;
 }