npm - @progress/kendo-theme-fluent - Versions diffs - 8.0.0-dev.9 → 8.0.1-dev.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/all.css +175 -152
package/dist/all.scss +1 -1
package/dist/meta/sassdoc-data.json +18876 -6366
package/dist/meta/sassdoc-raw-data.json +94 -69
package/dist/meta/variables.json +13554 -1
package/lib/swatches/all.json +1 -1
package/lib/swatches/fluent-main.json +1 -1
package/package.json +5 -5
package/scss/action-sheet/_layout.scss +1 -1
package/scss/all.scss +1 -0
package/scss/badge/_theme.scss +4 -0
package/scss/badge/_variables.scss +4 -4
package/scss/button/_variables.scss +49 -49
package/scss/calendar/_layout.scss +44 -40
package/scss/calendar/_theme.scss +4 -0
package/scss/calendar/_variables.scss +3 -0
package/scss/dataviz/_layout.scss +6 -1
package/scss/drawer/_layout.scss +2 -0
package/scss/drawer/_variables.scss +2 -2
package/scss/listview/_layout.scss +1 -0

package/dist/all.css CHANGED Viewed

@@ -31371,6 +31371,10 @@ kendo-badge-container {
   border-color: var(--INTERNAL--kendo-badge-border, initial);
 }
+.k-badge-outline {
+  background-color: transparent;
+}
 .k-badge-solid-primary {
   --kendo-badge-text: var( --kendo-badge-solid-primary-text, var(--kendo-color-on-primary, #ffffff) );
   --kendo-badge-bg: var( --kendo-badge-solid-primary-bg, var(--kendo-color-primary, #0078d4) );
@@ -31427,55 +31431,55 @@ kendo-badge-container {
 .k-badge-outline-primary {
   --kendo-badge-text: var( --kendo-badge-outline-primary-text, var(--kendo-color-primary, #0078d4) );
-  --kendo-badge-bg: var( --kendo-badge-outline-primary-bg, var(--kendo-color-on-primary, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-primary-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-primary-border, var(--kendo-color-primary, #0078d4) );
 }
 .k-badge-outline-error {
   --kendo-badge-text: var( --kendo-badge-outline-error-text, var(--kendo-color-error, #c2666b) );
-  --kendo-badge-bg: var( --kendo-badge-outline-error-bg, var(--kendo-color-on-error, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-error-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-error-border, var(--kendo-color-error, #c2666b) );
 }
 .k-badge-outline-success {
   --kendo-badge-text: var( --kendo-badge-outline-success-text, var(--kendo-color-success, #55a554) );
-  --kendo-badge-bg: var( --kendo-badge-outline-success-bg, var(--kendo-color-on-success, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-success-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-success-border, var(--kendo-color-success, #55a554) );
 }
 .k-badge-outline-info {
   --kendo-badge-text: var( --kendo-badge-outline-info-text, var(--kendo-color-info, #0a7eff) );
-  --kendo-badge-bg: var( --kendo-badge-outline-info-bg, var(--kendo-color-on-info, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-info-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-info-border, var(--kendo-color-info, #0a7eff) );
 }
 .k-badge-outline-secondary {
   --kendo-badge-text: var( --kendo-badge-outline-secondary-text, var(--kendo-color-secondary, #979593) );
-  --kendo-badge-bg: var( --kendo-badge-outline-secondary-bg, var(--kendo-color-on-secondary, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-secondary-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-secondary-border, var(--kendo-color-secondary, #979593) );
 }
 .k-badge-outline-tertiary {
   --kendo-badge-text: var( --kendo-badge-outline-tertiary-text, var(--kendo-color-tertiary, #2b88d8) );
-  --kendo-badge-bg: var( --kendo-badge-outline-tertiary-bg, var(--kendo-color-on-tertiary, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-tertiary-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-tertiary-border, var(--kendo-color-tertiary, #2b88d8) );
 }
 .k-badge-outline-warning {
   --kendo-badge-text: var( --kendo-badge-outline-warning-text, var(--kendo-color-warning, #ffc80a) );
-  --kendo-badge-bg: var( --kendo-badge-outline-warning-bg, var(--kendo-color-app-surface, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-warning-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-warning-border, var(--kendo-color-warning, #ffc80a) );
 }
 .k-badge-outline-dark {
   --kendo-badge-text: var( --kendo-badge-outline-dark-text, var(--kendo-color-dark, #323130) );
-  --kendo-badge-bg: var( --kendo-badge-outline-dark-bg, var(--kendo-color-on-dark, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-dark-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-dark-border, var(--kendo-color-dark, #323130) );
 }
 .k-badge-outline-light {
   --kendo-badge-text: var( --kendo-badge-outline-light-text, var(--kendo-color-light, #d2d0ce) );
-  --kendo-badge-bg: var( --kendo-badge-outline-light-bg, var(--kendo-color-app-surface, #ffffff) );
+  --kendo-badge-bg: var( --kendo-badge-outline-light-bg, transparent );
   --kendo-badge-border: var( --kendo-badge-outline-light-border, var(--kendo-color-light, #d2d0ce) );
 }
@@ -33692,13 +33696,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-base {
-  --kendo-button-text: var( --kendo-button-outline-base-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-text: var( --kendo-button-outline-base-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-bg: var( --kendo-button-outline-base-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-base-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-base-hover-text, var(--kendo-color-base, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-base-hover-bg, var(--kendo-color-on-base, #323130) );
   --kendo-button-hover-border: var( --kendo-button-outline-base-hover-border, var(--kendo-color-on-base, #323130) );
-  --kendo-button-focus-text: var( --kendo-button-outline-base-focus-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-focus-text: var( --kendo-button-outline-base-focus-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-focus-bg: var( --kendo-button-outline-base-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-base-focus-border, currentColor );
   --kendo-button-focus-outline: var( --kendo-button-outline-base-focus-outline, inherit );
@@ -33708,28 +33712,28 @@ kendo-label > .k-label {
   --kendo-button-active-text: var( --kendo-button-outline-base-active-text, var(--kendo-color-base, #ffffff) );
   --kendo-button-active-bg: var( --kendo-button-outline-base-active-bg, var(--kendo-color-on-base, #323130) );
   --kendo-button-active-border: var( --kendo-button-outline-base-active-border, var(--kendo-color-on-base, #323130) );
-  --kendo-button-active-hover-text: var( --kendo-button-outline-base-active-hover-text, var(--kendo-color-on-base, #323130) );
-  --kendo-button-active-hover-bg: var( --kendo-button-outline-base-active-hover-bg, var(--kendo-color-base-hover, #f3f2f1) );
-  --kendo-button-active-hover-border: var( --kendo-button-outline-base-active-hover-border, var(--kendo-color-border, #8a8886) );
+  --kendo-button-active-hover-text: var( --kendo-button-outline-base-active-hover-text, var(--kendo-color-base, #ffffff) );
+  --kendo-button-active-hover-bg: var( --kendo-button-outline-base-active-hover-bg, var(--kendo-color-on-base, #323130) );
+  --kendo-button-active-hover-border: var( --kendo-button-outline-base-active-hover-border, var(--kendo-color-on-base, #323130) );
   --kendo-button-selected-text: var( --kendo-button-outline-base-selected-text, var(--kendo-color-base, #ffffff) );
   --kendo-button-selected-bg: var( --kendo-button-outline-base-selected-bg, var(--kendo-color-on-base, #323130) );
   --kendo-button-selected-border: var( --kendo-button-outline-base-selected-border, var(--kendo-color-on-base, #323130) );
-  --kendo-button-selected-hover-text: var( --kendo-button-outline-base-selected-hover-text, var(--kendo-color-on-base, #323130) );
-  --kendo-button-selected-hover-bg: var( --kendo-button-outline-base-selected-hover-bg, var(--kendo-color-base-hover, #f3f2f1) );
-  --kendo-button-selected-hover-border: var( --kendo-button-outline-base-selected-hover-border, var(--kendo-color-border, #8a8886) );
+  --kendo-button-selected-hover-text: var( --kendo-button-outline-base-selected-hover-text, var(--kendo-color-base, #ffffff) );
+  --kendo-button-selected-hover-bg: var( --kendo-button-outline-base-selected-hover-bg, var(--kendo-color-on-base, #323130) );
+  --kendo-button-selected-hover-border: var( --kendo-button-outline-base-selected-hover-border, var(--kendo-color-on-base, #323130) );
   --kendo-button-disabled-text: var( --kendo-button-outline-base-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
   --kendo-button-disabled-bg: var( --kendo-button-outline-base-disabled-bg, initial );
   --kendo-button-disabled-border: var( --kendo-button-outline-base-disabled-border, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
 }
 .k-button-outline-primary {
-  --kendo-button-text: var( --kendo-button-outline-primary-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-text: var( --kendo-button-outline-primary-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-bg: var( --kendo-button-outline-primary-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-primary-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-primary-hover-text, var(--kendo-color-on-primary, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-primary-hover-bg, var(--kendo-color-primary, #0078d4) );
   --kendo-button-hover-border: var( --kendo-button-outline-primary-hover-border, var(--kendo-color-primary, #0078d4) );
-  --kendo-button-focus-text: var( --kendo-button-outline-primary-focus-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-focus-text: var( --kendo-button-outline-primary-focus-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-focus-bg: var( --kendo-button-outline-primary-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-primary-focus-border, var(--kendo-color-primary, #0078d4) );
   --kendo-button-focus-outline: var( --kendo-button-outline-primary-focus-outline, inherit );
@@ -33754,13 +33758,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-error {
-  --kendo-button-text: var( --kendo-button-outline-error-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-text: var( --kendo-button-outline-error-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-bg: var( --kendo-button-outline-error-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-error-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-error-hover-text, var(--kendo-color-on-error, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-error-hover-bg, var(--kendo-color-error, #c2666b) );
   --kendo-button-hover-border: var( --kendo-button-outline-error-hover-border, var(--kendo-color-error, #c2666b) );
-  --kendo-button-focus-text: var( --kendo-button-outline-error-focus-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-focus-text: var( --kendo-button-outline-error-focus-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-focus-bg: var( --kendo-button-outline-error-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-error-focus-border, var(--kendo-color-error, #c2666b) );
   --kendo-button-focus-outline: var( --kendo-button-outline-error-focus-outline, inherit );
@@ -33785,13 +33789,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-success {
-  --kendo-button-text: var( --kendo-button-outline-success-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-text: var( --kendo-button-outline-success-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-bg: var( --kendo-button-outline-success-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-success-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-success-hover-text, var(--kendo-color-on-success, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-success-hover-bg, var(--kendo-color-success, #55a554) );
   --kendo-button-hover-border: var( --kendo-button-outline-success-hover-border, var(--kendo-color-success, #55a554) );
-  --kendo-button-focus-text: var( --kendo-button-outline-success-focus-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-focus-text: var( --kendo-button-outline-success-focus-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-focus-bg: var( --kendo-button-outline-success-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-success-focus-border, var(--kendo-color-success, #55a554) );
   --kendo-button-focus-outline: var( --kendo-button-outline-success-focus-outline, inherit );
@@ -33816,13 +33820,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-info {
-  --kendo-button-text: var( --kendo-button-outline-info-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-text: var( --kendo-button-outline-info-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-bg: var( --kendo-button-outline-info-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-info-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-info-hover-text, var(--kendo-color-on-info, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-info-hover-bg, var(--kendo-color-info, #0a7eff) );
   --kendo-button-hover-border: var( --kendo-button-outline-info-hover-border, var(--kendo-color-info, #0a7eff) );
-  --kendo-button-focus-text: var( --kendo-button-outline-info-focus-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-focus-text: var( --kendo-button-outline-info-focus-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-focus-bg: var( --kendo-button-outline-info-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-info-focus-border, var(--kendo-color-info, #0a7eff) );
   --kendo-button-focus-outline: var( --kendo-button-outline-info-focus-outline, inherit );
@@ -33847,13 +33851,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-secondary {
-  --kendo-button-text: var( --kendo-button-outline-secondary-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-text: var( --kendo-button-outline-secondary-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-bg: var( --kendo-button-outline-secondary-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-secondary-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-secondary-hover-text, var(--kendo-color-on-secondary, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-secondary-hover-bg, var(--kendo-color-secondary, #979593) );
   --kendo-button-hover-border: var( --kendo-button-outline-secondary-hover-border, var(--kendo-color-secondary, #979593) );
-  --kendo-button-focus-text: var( --kendo-button-outline-secondary-focus-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-focus-text: var( --kendo-button-outline-secondary-focus-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-focus-bg: var( --kendo-button-outline-secondary-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-secondary-focus-border, var(--kendo-color-secondary, #979593) );
   --kendo-button-focus-outline: var( --kendo-button-outline-secondary-focus-outline, inherit );
@@ -33878,13 +33882,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-tertiary {
-  --kendo-button-text: var( --kendo-button-outline-tertiary-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-text: var( --kendo-button-outline-tertiary-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-bg: var( --kendo-button-outline-tertiary-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-tertiary-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-tertiary-hover-text, var(--kendo-color-on-tertiary, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-tertiary-hover-bg, var(--kendo-color-tertiary, #2b88d8) );
   --kendo-button-hover-border: var( --kendo-button-outline-tertiary-hover-border, var(--kendo-color-tertiary, #2b88d8) );
-  --kendo-button-focus-text: var( --kendo-button-outline-tertiary-focus-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-focus-text: var( --kendo-button-outline-tertiary-focus-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-focus-bg: var( --kendo-button-outline-tertiary-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-tertiary-focus-border, var(--kendo-color-tertiary, #2b88d8) );
   --kendo-button-focus-outline: var( --kendo-button-outline-tertiary-focus-outline, inherit );
@@ -33909,15 +33913,15 @@ kendo-label > .k-label {
 }
 .k-button-outline-warning {
-  --kendo-button-text: var( --kendo-button-outline-warning-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-text: var( --kendo-button-outline-warning-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-bg: var( --kendo-button-outline-warning-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-warning-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-warning-hover-text, var(--kendo-color-on-warning, #323130) );
   --kendo-button-hover-bg: var( --kendo-button-outline-warning-hover-bg, var(--kendo-color-warning, #ffc80a) );
   --kendo-button-hover-border: var( --kendo-button-outline-warning-hover-border, var(--kendo-color-warning, #ffc80a) );
-  --kendo-button-focus-text: var( --kendo-button-outline-warning-focus-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-focus-text: var( --kendo-button-outline-warning-focus-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-focus-bg: var( --kendo-button-outline-warning-focus-bg, transparent );
-  --kendo-button-focus-border: var( --kendo-button-outline-warning-focus-border, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-focus-border: var( --kendo-button-outline-warning-focus-border, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-focus-outline: var( --kendo-button-outline-warning-focus-outline, inherit );
   --kendo-button-focus-hover-text: var( --kendo-button-outline-warning-focus-hover-text, var(--kendo-color-on-warning, #323130) );
   --kendo-button-focus-hover-bg: var( --kendo-button-outline-warning-focus-hover-bg, var(--kendo-color-warning, #ffc80a) );
@@ -33940,13 +33944,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-dark {
-  --kendo-button-text: var( --kendo-button-outline-dark-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-text: var( --kendo-button-outline-dark-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-bg: var( --kendo-button-outline-dark-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-dark-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-dark-hover-text, var(--kendo-color-on-dark, #ffffff) );
   --kendo-button-hover-bg: var( --kendo-button-outline-dark-hover-bg, var(--kendo-color-dark, #323130) );
   --kendo-button-hover-border: var( --kendo-button-outline-dark-hover-border, var(--kendo-color-dark, #323130) );
-  --kendo-button-focus-text: var( --kendo-button-outline-dark-focus-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-focus-text: var( --kendo-button-outline-dark-focus-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-focus-bg: var( --kendo-button-outline-dark-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-dark-focus-border, var(--kendo-color-dark, #323130) );
   --kendo-button-focus-outline: var( --kendo-button-outline-dark-focus-outline, inherit );
@@ -33971,13 +33975,13 @@ kendo-label > .k-label {
 }
 .k-button-outline-light {
-  --kendo-button-text: var( --kendo-button-outline-light-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-text: var( --kendo-button-outline-light-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-bg: var( --kendo-button-outline-light-bg, transparent );
   --kendo-button-border: var( --kendo-button-outline-light-border, currentColor );
   --kendo-button-hover-text: var( --kendo-button-outline-light-hover-text, var(--kendo-color-on-light, #323130) );
   --kendo-button-hover-bg: var( --kendo-button-outline-light-hover-bg, var(--kendo-color-light, #d2d0ce) );
   --kendo-button-hover-border: var( --kendo-button-outline-light-hover-border, var(--kendo-color-light, #d2d0ce) );
-  --kendo-button-focus-text: var( --kendo-button-outline-light-focus-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-focus-text: var( --kendo-button-outline-light-focus-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-focus-bg: var( --kendo-button-outline-light-focus-bg, transparent );
   --kendo-button-focus-border: var( --kendo-button-outline-light-focus-border, var(--kendo-color-light, #d2d0ce) );
   --kendo-button-focus-outline: var( --kendo-button-outline-light-focus-outline, inherit );
@@ -34312,29 +34316,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-base {
-  --kendo-button-text: var( --kendo-button-clear-base-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-text: var( --kendo-button-clear-base-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-bg: var( --kendo-button-clear-base-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-base-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-base-hover-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-hover-text: var( --kendo-button-clear-base-hover-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-hover-bg: var( --kendo-button-clear-base-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-base-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-base-focus-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-focus-text: var( --kendo-button-clear-base-focus-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-focus-bg: var( --kendo-button-clear-base-focus-bg, var(--kendo-color-base-subtle, #edebe9) );
   --kendo-button-focus-border: var( --kendo-button-clear-base-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-base-focus-outline, var(--kendo-color-base-active, #edebe9) );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-base-focus-hover-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-base-focus-hover-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-base-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-base-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-base-active-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-active-text: var( --kendo-button-clear-base-active-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-active-bg: var( --kendo-button-clear-base-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-base-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-base-active-hover-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-base-active-hover-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-base-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-base-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-base-selected-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-selected-text: var( --kendo-button-clear-base-selected-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-selected-bg: var( --kendo-button-clear-base-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-base-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-base-selected-hover-text, var(--kendo-color-on-base, #323130) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-base-selected-hover-text, var(--kendo-color-base-on-surface, #323130) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-base-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-base-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-base-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34343,29 +34347,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-primary {
-  --kendo-button-text: var( --kendo-button-clear-primary-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-text: var( --kendo-button-clear-primary-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-bg: var( --kendo-button-clear-primary-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-primary-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-primary-hover-text, var(--kendo-color-primary-hover, #106ebe) );
+  --kendo-button-hover-text: var( --kendo-button-clear-primary-hover-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-hover-bg: var( --kendo-button-clear-primary-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-primary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-primary-focus-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-focus-text: var( --kendo-button-clear-primary-focus-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-focus-bg: var( --kendo-button-clear-primary-focus-bg, var(--kendo-color-primary-subtle, #deecf9) );
   --kendo-button-focus-border: var( --kendo-button-clear-primary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-primary-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-primary-focus-hover-text, var(--kendo-color-primary-hover, #106ebe) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-primary-focus-hover-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-primary-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-primary-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-primary-active-text, var(--kendo-color-primary-active, #005a9e) );
+  --kendo-button-active-text: var( --kendo-button-clear-primary-active-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-active-bg: var( --kendo-button-clear-primary-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-primary-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-primary-active-hover-text, var(--kendo-color-primary-hover, #106ebe) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-primary-active-hover-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-primary-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-primary-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-primary-selected-text, var(--kendo-color-primary-active, #005a9e) );
+  --kendo-button-selected-text: var( --kendo-button-clear-primary-selected-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-selected-bg: var( --kendo-button-clear-primary-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-primary-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-primary-selected-hover-text, var(--kendo-color-primary-hover, #106ebe) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-primary-selected-hover-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-primary-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-primary-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-primary-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34374,29 +34378,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-error {
-  --kendo-button-text: var( --kendo-button-clear-error-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-text: var( --kendo-button-clear-error-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-bg: var( --kendo-button-clear-error-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-error-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-error-hover-text, var(--kendo-color-error-hover, #b85156) );
+  --kendo-button-hover-text: var( --kendo-button-clear-error-hover-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-hover-bg: var( --kendo-button-clear-error-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-error-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-error-focus-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-focus-text: var( --kendo-button-clear-error-focus-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-focus-bg: var( --kendo-button-clear-error-focus-bg, var(--kendo-color-error-subtle, #fde7e9) );
   --kendo-button-focus-border: var( --kendo-button-clear-error-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-error-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-error-focus-hover-text, var(--kendo-color-error-hover, #b85156) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-error-focus-hover-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-error-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-error-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-error-active-text, var(--kendo-color-error-active, #ae3b41) );
+  --kendo-button-active-text: var( --kendo-button-clear-error-active-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-active-bg: var( --kendo-button-clear-error-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-error-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-error-active-hover-text, var(--kendo-color-error-hover, #b85156) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-error-active-hover-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-error-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-error-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-error-selected-text, var(--kendo-color-error-active, #ae3b41) );
+  --kendo-button-selected-text: var( --kendo-button-clear-error-selected-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-selected-bg: var( --kendo-button-clear-error-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-error-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-error-selected-hover-text, var(--kendo-color-error-hover, #b85156) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-error-selected-hover-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-error-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-error-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-error-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34405,29 +34409,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-success {
-  --kendo-button-text: var( --kendo-button-clear-success-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-text: var( --kendo-button-clear-success-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-bg: var( --kendo-button-clear-success-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-success-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-success-hover-text, var(--kendo-color-success-hover, #3e973e) );
+  --kendo-button-hover-text: var( --kendo-button-clear-success-hover-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-hover-bg: var( --kendo-button-clear-success-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-success-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-success-focus-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-focus-text: var( --kendo-button-clear-success-focus-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-focus-bg: var( --kendo-button-clear-success-focus-bg, var(--kendo-color-success-subtle, #dff6dd) );
   --kendo-button-focus-border: var( --kendo-button-clear-success-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-success-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-success-focus-hover-text, var(--kendo-color-success-hover, #3e973e) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-success-focus-hover-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-success-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-success-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-success-active-text, var(--kendo-color-success-active, #278a27) );
+  --kendo-button-active-text: var( --kendo-button-clear-success-active-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-active-bg: var( --kendo-button-clear-success-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-success-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-success-active-hover-text, var(--kendo-color-success-hover, #3e973e) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-success-active-hover-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-success-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-success-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-success-selected-text, var(--kendo-color-success-active, #278a27) );
+  --kendo-button-selected-text: var( --kendo-button-clear-success-selected-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-selected-bg: var( --kendo-button-clear-success-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-success-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-success-selected-hover-text, var(--kendo-color-success-hover, #3e973e) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-success-selected-hover-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-success-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-success-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-success-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34436,29 +34440,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-info {
-  --kendo-button-text: var( --kendo-button-clear-info-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-text: var( --kendo-button-clear-info-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-bg: var( --kendo-button-clear-info-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-info-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-info-hover-text, var(--kendo-color-info-hover, #096edf) );
+  --kendo-button-hover-text: var( --kendo-button-clear-info-hover-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-hover-bg: var( --kendo-button-clear-info-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-info-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-info-focus-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-focus-text: var( --kendo-button-clear-info-focus-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-focus-bg: var( --kendo-button-clear-info-focus-bg, var(--kendo-color-info-subtle, #cee5ff) );
   --kendo-button-focus-border: var( --kendo-button-clear-info-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-info-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-info-focus-hover-text, var(--kendo-color-info-hover, #096edf) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-info-focus-hover-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-info-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-info-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-info-active-text, var(--kendo-color-info-active, #085ebf) );
+  --kendo-button-active-text: var( --kendo-button-clear-info-active-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-active-bg: var( --kendo-button-clear-info-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-info-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-info-active-hover-text, var(--kendo-color-info-hover, #096edf) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-info-active-hover-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-info-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-info-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-info-selected-text, var(--kendo-color-info-active, #085ebf) );
+  --kendo-button-selected-text: var( --kendo-button-clear-info-selected-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-selected-bg: var( --kendo-button-clear-info-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-info-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-info-selected-hover-text, var(--kendo-color-info-hover, #096edf) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-info-selected-hover-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-info-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-info-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-info-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34467,29 +34471,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-secondary {
-  --kendo-button-text: var( --kendo-button-clear-secondary-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-text: var( --kendo-button-clear-secondary-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-bg: var( --kendo-button-clear-secondary-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-secondary-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-secondary-hover-text, var(--kendo-color-secondary-hover, #8a8886) );
+  --kendo-button-hover-text: var( --kendo-button-clear-secondary-hover-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-hover-bg: var( --kendo-button-clear-secondary-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-secondary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-secondary-focus-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-focus-text: var( --kendo-button-clear-secondary-focus-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-focus-bg: var( --kendo-button-clear-secondary-focus-bg, var(--kendo-color-secondary-subtle, #faf9f8) );
   --kendo-button-focus-border: var( --kendo-button-clear-secondary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-secondary-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-secondary-focus-hover-text, var(--kendo-color-secondary-hover, #8a8886) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-secondary-focus-hover-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-secondary-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-secondary-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-secondary-active-text, var(--kendo-color-secondary-active, #797775) );
+  --kendo-button-active-text: var( --kendo-button-clear-secondary-active-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-active-bg: var( --kendo-button-clear-secondary-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-secondary-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-secondary-active-hover-text, var(--kendo-color-secondary-hover, #8a8886) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-secondary-active-hover-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-secondary-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-secondary-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-secondary-selected-text, var(--kendo-color-secondary-active, #797775) );
+  --kendo-button-selected-text: var( --kendo-button-clear-secondary-selected-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-selected-bg: var( --kendo-button-clear-secondary-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-secondary-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-secondary-selected-hover-text, var(--kendo-color-secondary-hover, #8a8886) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-secondary-selected-hover-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-secondary-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-secondary-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-secondary-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34498,29 +34502,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-tertiary {
-  --kendo-button-text: var( --kendo-button-clear-tertiary-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-text: var( --kendo-button-clear-tertiary-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-bg: var( --kendo-button-clear-tertiary-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-tertiary-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-tertiary-hover-text, var(--kendo-color-tertiary-hover, #287ec7) );
+  --kendo-button-hover-text: var( --kendo-button-clear-tertiary-hover-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-hover-bg: var( --kendo-button-clear-tertiary-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-tertiary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-tertiary-focus-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-focus-text: var( --kendo-button-clear-tertiary-focus-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-focus-bg: var( --kendo-button-clear-tertiary-focus-bg, var(--kendo-color-tertiary-subtle, #deecf9) );
   --kendo-button-focus-border: var( --kendo-button-clear-tertiary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-tertiary-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-tertiary-focus-hover-text, var(--kendo-color-tertiary-hover, #287ec7) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-tertiary-focus-hover-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-tertiary-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-tertiary-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-tertiary-active-text, var(--kendo-color-tertiary-active, #2473b7) );
+  --kendo-button-active-text: var( --kendo-button-clear-tertiary-active-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-active-bg: var( --kendo-button-clear-tertiary-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-tertiary-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-tertiary-active-hover-text, var(--kendo-color-tertiary-hover, #287ec7) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-tertiary-active-hover-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-tertiary-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-tertiary-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-tertiary-selected-text, var(--kendo-color-tertiary-active, #2473b7) );
+  --kendo-button-selected-text: var( --kendo-button-clear-tertiary-selected-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-selected-bg: var( --kendo-button-clear-tertiary-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-tertiary-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-tertiary-selected-hover-text, var(--kendo-color-tertiary-hover, #287ec7) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-tertiary-selected-hover-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-tertiary-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-tertiary-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-tertiary-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34529,29 +34533,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-warning {
-  --kendo-button-text: var( --kendo-button-clear-warning-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-text: var( --kendo-button-clear-warning-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-bg: var( --kendo-button-clear-warning-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-warning-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-warning-hover-text, var(--kendo-color-warning-hover, #f5c000) );
+  --kendo-button-hover-text: var( --kendo-button-clear-warning-hover-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-hover-bg: var( --kendo-button-clear-warning-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-warning-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-warning-focus-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-focus-text: var( --kendo-button-clear-warning-focus-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-focus-bg: var( --kendo-button-clear-warning-focus-bg, var(--kendo-color-warning-subtle, #fff4ce) );
   --kendo-button-focus-border: var( --kendo-button-clear-warning-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-warning-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-warning-focus-hover-text, var(--kendo-color-warning-hover, #f5c000) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-warning-focus-hover-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-warning-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-warning-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-warning-active-text, var(--kendo-color-warning-active, #e0b000) );
+  --kendo-button-active-text: var( --kendo-button-clear-warning-active-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-active-bg: var( --kendo-button-clear-warning-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-warning-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-warning-active-hover-text, var(--kendo-color-warning-hover, #f5c000) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-warning-active-hover-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-warning-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-warning-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-warning-selected-text, var(--kendo-color-warning-active, #e0b000) );
+  --kendo-button-selected-text: var( --kendo-button-clear-warning-selected-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-selected-bg: var( --kendo-button-clear-warning-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-warning-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-warning-selected-hover-text, var(--kendo-color-warning-hover, #f5c000) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-warning-selected-hover-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-warning-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-warning-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-warning-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34560,29 +34564,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-dark {
-  --kendo-button-text: var( --kendo-button-clear-dark-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-text: var( --kendo-button-clear-dark-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-bg: var( --kendo-button-clear-dark-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-dark-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-dark-hover-text, var(--kendo-color-dark-hover, #201f1e) );
+  --kendo-button-hover-text: var( --kendo-button-clear-dark-hover-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-hover-bg: var( --kendo-button-clear-dark-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-dark-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-dark-focus-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-focus-text: var( --kendo-button-clear-dark-focus-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-focus-bg: var( --kendo-button-clear-dark-focus-bg, var(--kendo-color-dark-subtle, #a19f9d) );
   --kendo-button-focus-border: var( --kendo-button-clear-dark-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-dark-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-dark-focus-hover-text, var(--kendo-color-dark-hover, #201f1e) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-dark-focus-hover-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-dark-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-dark-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-dark-active-text, var(--kendo-color-dark-active, #000000) );
+  --kendo-button-active-text: var( --kendo-button-clear-dark-active-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-active-bg: var( --kendo-button-clear-dark-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-dark-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-dark-active-hover-text, var(--kendo-color-dark-hover, #201f1e) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-dark-active-hover-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-dark-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-dark-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-dark-selected-text, var(--kendo-color-dark-active, #000000) );
+  --kendo-button-selected-text: var( --kendo-button-clear-dark-selected-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-selected-bg: var( --kendo-button-clear-dark-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-dark-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-dark-selected-hover-text, var(--kendo-color-dark-hover, #201f1e) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-dark-selected-hover-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-dark-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-dark-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-dark-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34591,29 +34595,29 @@ kendo-label > .k-label {
 }
 .k-button-clear-light {
-  --kendo-button-text: var( --kendo-button-clear-light-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-text: var( --kendo-button-clear-light-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-bg: var( --kendo-button-clear-light-bg, transparent );
   --kendo-button-border: var( --kendo-button-clear-light-border, transparent );
-  --kendo-button-hover-text: var( --kendo-button-clear-light-hover-text, var(--kendo-color-light-hover, #c8c6c4) );
+  --kendo-button-hover-text: var( --kendo-button-clear-light-hover-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-hover-bg: var( --kendo-button-clear-light-hover-bg, transparent );
   --kendo-button-hover-border: var( --kendo-button-clear-light-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-clear-light-focus-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-focus-text: var( --kendo-button-clear-light-focus-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-focus-bg: var( --kendo-button-clear-light-focus-bg, var(--kendo-color-light-subtle, #faf9f8) );
   --kendo-button-focus-border: var( --kendo-button-clear-light-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-clear-light-focus-outline,  );
-  --kendo-button-focus-hover-text: var( --kendo-button-clear-light-focus-hover-text, var(--kendo-color-light-hover, #c8c6c4) );
+  --kendo-button-focus-hover-text: var( --kendo-button-clear-light-focus-hover-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-focus-hover-bg: var( --kendo-button-clear-light-focus-hover-bg, transparent );
   --kendo-button-focus-hover-border: var( --kendo-button-clear-light-focus-hover-border, transparent );
-  --kendo-button-active-text: var( --kendo-button-clear-light-active-text, var(--kendo-color-light-active, #a19f9d) );
+  --kendo-button-active-text: var( --kendo-button-clear-light-active-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-active-bg: var( --kendo-button-clear-light-active-bg, transparent );
   --kendo-button-active-border: var( --kendo-button-clear-light-active-border, transparent );
-  --kendo-button-active-hover-text: var( --kendo-button-clear-light-active-hover-text, var(--kendo-color-light-hover, #c8c6c4) );
+  --kendo-button-active-hover-text: var( --kendo-button-clear-light-active-hover-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-active-hover-bg: var( --kendo-button-clear-light-active-hover-bg, transparent );
   --kendo-button-active-hover-border: var( --kendo-button-clear-light-active-hover-border, transparent );
-  --kendo-button-selected-text: var( --kendo-button-clear-light-selected-text, var(--kendo-color-light-active, #a19f9d) );
+  --kendo-button-selected-text: var( --kendo-button-clear-light-selected-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-selected-bg: var( --kendo-button-clear-light-selected-bg, transparent );
   --kendo-button-selected-border: var( --kendo-button-clear-light-selected-border, transparent );
-  --kendo-button-selected-hover-text: var( --kendo-button-clear-light-selected-hover-text, var(--kendo-color-light-hover, #c8c6c4) );
+  --kendo-button-selected-hover-text: var( --kendo-button-clear-light-selected-hover-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-selected-hover-bg: var( --kendo-button-clear-light-selected-hover-bg, transparent );
   --kendo-button-selected-hover-border: var( --kendo-button-clear-light-selected-hover-border, transparent );
   --kendo-button-disabled-text: var( --kendo-button-clear-light-disabled-text, color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent) );
@@ -34622,13 +34626,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-primary {
-  --kendo-button-text: var( --kendo-button-flat-primary-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-text: var( --kendo-button-flat-primary-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-bg: var( --kendo-button-flat-primary-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-primary-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-primary-hover-text, var(--kendo-color-primary-hover, #106ebe) );
   --kendo-button-hover-bg: var( --kendo-button-flat-primary-hover-bg, var(--kendo-color-primary-subtle, #deecf9) );
   --kendo-button-hover-border: var( --kendo-button-flat-primary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-primary-focus-text, var(--kendo-color-primary, #0078d4) );
+  --kendo-button-focus-text: var( --kendo-button-flat-primary-focus-text, var(--kendo-color-primary-on-surface, #0078d4) );
   --kendo-button-focus-bg: var( --kendo-button-flat-primary-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-primary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-primary-focus-outline, var(--kendo-color-primary-subtle-active, #abd1ef) );
@@ -34653,13 +34657,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-error {
-  --kendo-button-text: var( --kendo-button-flat-error-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-text: var( --kendo-button-flat-error-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-bg: var( --kendo-button-flat-error-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-error-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-error-hover-text, var(--kendo-color-error-hover, #b85156) );
   --kendo-button-hover-bg: var( --kendo-button-flat-error-hover-bg, var(--kendo-color-error-subtle, #fde7e9) );
   --kendo-button-hover-border: var( --kendo-button-flat-error-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-error-focus-text, var(--kendo-color-error, #c2666b) );
+  --kendo-button-focus-text: var( --kendo-button-flat-error-focus-text, var(--kendo-color-error-on-surface, #a4262c) );
   --kendo-button-focus-bg: var( --kendo-button-flat-error-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-error-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-error-focus-outline, var(--kendo-color-error-subtle-active, #e9bcbf) );
@@ -34684,13 +34688,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-success {
-  --kendo-button-text: var( --kendo-button-flat-success-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-text: var( --kendo-button-flat-success-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-bg: var( --kendo-button-flat-success-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-success-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-success-hover-text, var(--kendo-color-success-hover, #3e973e) );
   --kendo-button-hover-bg: var( --kendo-button-flat-success-hover-bg, var(--kendo-color-success-subtle, #dff6dd) );
   --kendo-button-hover-border: var( --kendo-button-flat-success-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-success-focus-text, var(--kendo-color-success, #55a554) );
+  --kendo-button-focus-text: var( --kendo-button-flat-success-focus-text, var(--kendo-color-success-on-surface, #107c10) );
   --kendo-button-focus-bg: var( --kendo-button-flat-success-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-success-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-success-focus-outline, var(--kendo-color-success-subtle-active, #b1dbaf) );
@@ -34715,13 +34719,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-info {
-  --kendo-button-text: var( --kendo-button-flat-info-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-text: var( --kendo-button-flat-info-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-bg: var( --kendo-button-flat-info-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-info-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-info-hover-text, var(--kendo-color-info-hover, #096edf) );
   --kendo-button-hover-bg: var( --kendo-button-flat-info-hover-bg, var(--kendo-color-info-subtle, #cee5ff) );
   --kendo-button-hover-border: var( --kendo-button-flat-info-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-info-focus-text, var(--kendo-color-info, #0a7eff) );
+  --kendo-button-focus-text: var( --kendo-button-flat-info-focus-text, var(--kendo-color-info-on-surface, #096edf) );
   --kendo-button-focus-bg: var( --kendo-button-flat-info-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-info-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-info-focus-outline, var(--kendo-color-info-subtle-active, #8dc3ff) );
@@ -34746,13 +34750,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-secondary {
-  --kendo-button-text: var( --kendo-button-flat-secondary-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-text: var( --kendo-button-flat-secondary-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-bg: var( --kendo-button-flat-secondary-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-secondary-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-secondary-hover-text, var(--kendo-color-secondary-hover, #8a8886) );
   --kendo-button-hover-bg: var( --kendo-button-flat-secondary-hover-bg, var(--kendo-color-secondary-subtle, #faf9f8) );
   --kendo-button-hover-border: var( --kendo-button-flat-secondary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-secondary-focus-text, var(--kendo-color-secondary, #979593) );
+  --kendo-button-focus-text: var( --kendo-button-flat-secondary-focus-text, var(--kendo-color-secondary-on-surface, #605e5c) );
   --kendo-button-focus-bg: var( --kendo-button-flat-secondary-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-secondary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-secondary-focus-outline, var(--kendo-color-secondary-subtle-active, #edebe9) );
@@ -34777,13 +34781,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-tertiary {
-  --kendo-button-text: var( --kendo-button-flat-tertiary-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-text: var( --kendo-button-flat-tertiary-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-bg: var( --kendo-button-flat-tertiary-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-tertiary-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-tertiary-hover-text, var(--kendo-color-tertiary-hover, #287ec7) );
   --kendo-button-hover-bg: var( --kendo-button-flat-tertiary-hover-bg, var(--kendo-color-tertiary-subtle, #deecf9) );
   --kendo-button-hover-border: var( --kendo-button-flat-tertiary-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-tertiary-focus-text, var(--kendo-color-tertiary, #2b88d8) );
+  --kendo-button-focus-text: var( --kendo-button-flat-tertiary-focus-text, var(--kendo-color-tertiary-on-surface, #2b88d8) );
   --kendo-button-focus-bg: var( --kendo-button-flat-tertiary-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-tertiary-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-tertiary-focus-outline, var(--kendo-color-tertiary-subtle-active, #aacfef) );
@@ -34808,13 +34812,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-warning {
-  --kendo-button-text: var( --kendo-button-flat-warning-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-text: var( --kendo-button-flat-warning-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-bg: var( --kendo-button-flat-warning-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-warning-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-warning-hover-text, var(--kendo-color-warning-hover, #f5c000) );
   --kendo-button-hover-bg: var( --kendo-button-flat-warning-hover-bg, var(--kendo-color-warning-subtle, #fff4ce) );
   --kendo-button-hover-border: var( --kendo-button-flat-warning-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-warning-focus-text, var(--kendo-color-warning, #ffc80a) );
+  --kendo-button-focus-text: var( --kendo-button-flat-warning-focus-text, var(--kendo-color-warning-on-surface, #7a6000) );
   --kendo-button-focus-bg: var( --kendo-button-flat-warning-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-warning-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-warning-focus-outline, var(--kendo-color-warning-subtle-active, #ffe58d) );
@@ -34839,13 +34843,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-dark {
-  --kendo-button-text: var( --kendo-button-flat-dark-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-text: var( --kendo-button-flat-dark-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-bg: var( --kendo-button-flat-dark-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-dark-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-dark-hover-text, var(--kendo-color-dark-hover, #201f1e) );
   --kendo-button-hover-bg: var( --kendo-button-flat-dark-hover-bg, var(--kendo-color-dark-subtle, #a19f9d) );
   --kendo-button-hover-border: var( --kendo-button-flat-dark-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-dark-focus-text, var(--kendo-color-dark, #323130) );
+  --kendo-button-focus-text: var( --kendo-button-flat-dark-focus-text, var(--kendo-color-dark-on-surface, #323130) );
   --kendo-button-focus-bg: var( --kendo-button-flat-dark-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-dark-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-dark-focus-outline, var(--kendo-color-dark-subtle-active, #8a8886) );
@@ -34870,13 +34874,13 @@ kendo-label > .k-label {
 }
 .k-button-flat-light {
-  --kendo-button-text: var( --kendo-button-flat-light-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-text: var( --kendo-button-flat-light-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-bg: var( --kendo-button-flat-light-bg, initial );
   --kendo-button-border: var( --kendo-button-flat-light-border, transparent );
   --kendo-button-hover-text: var( --kendo-button-flat-light-hover-text, var(--kendo-color-light-hover, #c8c6c4) );
   --kendo-button-hover-bg: var( --kendo-button-flat-light-hover-bg, var(--kendo-color-light-subtle, #faf9f8) );
   --kendo-button-hover-border: var( --kendo-button-flat-light-hover-border, transparent );
-  --kendo-button-focus-text: var( --kendo-button-flat-light-focus-text, var(--kendo-color-light, #d2d0ce) );
+  --kendo-button-focus-text: var( --kendo-button-flat-light-focus-text, var(--kendo-color-light-on-surface, #d2d0ce) );
   --kendo-button-focus-bg: var( --kendo-button-flat-light-focus-bg, initial );
   --kendo-button-focus-border: var( --kendo-button-flat-light-focus-border, transparent );
   --kendo-button-focus-outline: var( --kendo-button-flat-light-focus-outline, var(--kendo-color-light-subtle-active, #edebe9) );
@@ -37464,33 +37468,36 @@ textarea.k-input-inner {
 .k-calendar-range .k-calendar-view:focus {
   outline: 0;
 }
-.k-calendar-range .k-range-start,
-.k-calendar-range .k-range-end,
-.k-calendar-range .k-range-mid {
+.k-range-start,
+.k-range-end,
+.k-range-mid {
   position: relative;
 }
-.k-calendar-range .k-range-start::before,
-.k-calendar-range .k-range-end::before,
-.k-calendar-range .k-range-mid::before {
+.k-range-start::before,
+.k-range-end::before,
+.k-range-mid::before {
   content: "";
   position: absolute;
   inset: 0px;
   border-style: solid;
 }
-.k-calendar-range .k-range-start:hover .k-link, .k-calendar-range .k-range-start.k-hover .k-link,
-.k-calendar-range .k-range-end:hover .k-link,
-.k-calendar-range .k-range-end.k-hover .k-link,
-.k-calendar-range .k-range-mid:hover .k-link,
-.k-calendar-range .k-range-mid.k-hover .k-link {
+.k-range-start:hover .k-link, .k-range-start.k-hover .k-link,
+.k-range-end:hover .k-link,
+.k-range-end.k-hover .k-link,
+.k-range-mid:hover .k-link,
+.k-range-mid.k-hover .k-link {
   border-radius: 0;
 }
-.k-calendar-range .k-range-mid::before {
+.k-range-mid::before {
   border-width: var(--INTERNAL--kendo-calendar-range-border-width, 1px);
   border-inline-width: 0;
   border-radius: 0;
 }
-.k-calendar-range .k-range-start::before,
-.k-calendar-range .k-range-mid:not(.k-range-start + .k-range-mid,
+.k-range-start::before,
+.k-range-mid:not(.k-range-start + .k-range-mid,
 .k-range-mid + .k-range-mid,
 :last-child)::before {
   border-width: var(--INTERNAL--kendo-calendar-range-border-width, 1px);
@@ -37499,8 +37506,9 @@ textarea.k-input-inner {
   border-start-start-radius: var(--kendo-calendar-cell-border-radius, var(--kendo-border-radius-md, 0));
   border-end-start-radius: var(--kendo-calendar-cell-border-radius, var(--kendo-border-radius-md, 0));
 }
-.k-calendar-range .k-range-end::before,
-.k-calendar-range .k-range-mid:last-child::before {
+.k-range-end::before,
+.k-range-mid:last-child::before {
   border-width: var(--INTERNAL--kendo-calendar-range-border-width, 1px);
   border-inline-start-width: 0;
   border-radius: 0;
@@ -37508,6 +37516,11 @@ textarea.k-input-inner {
   border-end-end-radius: var(--kendo-calendar-cell-border-radius, var(--kendo-border-radius-md, 0));
 }
+.k-range-start.k-range-end::before {
+  border-width: var(--INTERNAL--kendo-calendar-range-border-width, 1px);
+  border-radius: var(--kendo-calendar-cell-border-radius, var(--kendo-border-radius-md, 0));
+}
 .k-calendar-sm {
   --INTERNAL--kendo-calendar-view-width: 192px;
   --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, var(--kendo-spacing-0\.5, 0.125rem) );
@@ -37719,6 +37732,9 @@ textarea.k-input-inner {
 .k-calendar .k-calendar-td.k-range-mid:first-child:hover .k-link, .k-calendar .k-calendar-td.k-range-mid:first-child.k-hover .k-link, .k-calendar .k-calendar-td.k-alt + .k-range-mid:hover .k-link, .k-calendar .k-calendar-td.k-alt + .k-range-mid.k-hover .k-link {
   --INTERNAL--kendo-calendar-cell-link-shadow: var( --kendo-calendar-start-range-hover-shadow, inset 1px -1px 0 0 var(--kendo-color-base-emphasis, #605e5c), inset 0 1px 0 0 var(--kendo-color-base-emphasis, #605e5c) );
 }
+.k-calendar .k-calendar-td.k-range-start.k-range-end:hover .k-link {
+  --INTERNAL--kendo-calendar-cell-link-shadow: var( --kendo-calendar-start-end-range-hover-shadow, inset 1px -1px 0 0 var(--kendo-color-base-emphasis, #605e5c), inset -1px 1px 0 0 var(--kendo-color-base-emphasis, #605e5c) );
+}
 .k-timeselector {
   border-width: var(--kendo-time-selector-border-width, 1px);
@@ -40950,7 +40966,7 @@ textarea.k-input-inner {
   padding-block: var(--kendo-adaptive-actionsheet-footer-padding-y, var(--kendo-spacing-2, 0.5rem));
 }
 .k-adaptive-actionsheet .k-actionsheet-filter {
-  width: min(100%, 360px - var(--kendo-spacing-4, 1rem) * 2);
+  width: calc(360px - var(--kendo-spacing-4, 1rem)*2);
 }
 .k-adaptive-actionsheet .k-actionsheet-content,
 .k-adaptive-actionsheet .k-actionsheet-footer {
@@ -41257,6 +41273,8 @@ kendo-drawer .k-drawer-wrapper {
 .k-drawer-content {
   flex: 1 1 auto;
   overflow: auto;
+  padding-block: var(--kendo-drawer-content-padding-y, );
+  padding-inline: var(--kendo-drawer-content-padding-x, );
 }
 .k-drawer-overlay .k-drawer {
@@ -46494,6 +46512,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected::before
   font-family: var(--kendo-listview-font-family, var(--kendo-font-family, initial));
   font-size: var(--kendo-listview-font-size, var(--kendo-font-size, initial));
   line-height: var(--kendo-listview-line-height, var(--kendo-line-height, initial));
+  display: flex;
   flex-flow: column nowrap;
   position: relative;
   -webkit-touch-callout: none;
@@ -53774,6 +53793,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   height: 100%;
 }
+.k-sankey text {
+  pointer-events: none;
+}
 .k-treemap {
   height: 400px;
   box-sizing: border-box;
@@ -54080,7 +54103,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 .k-var--gauge-track {
-  background-color: var(--kendo-color-base-subtle, #edebe9);
+  background-color: var(--kendo-color-base-emphasis, #605e5c);
 }
 .k-var--chart-inactive {