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

package/dist/all.css

@@ -31491,7 +31491,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 {
@@ -31801,9 +31801,9 @@ kendo-badge-container {
 }
 
 .k-chip-outline-base {
-    border-color: var(--kendo-color-on-base, #272727);
-    color: var(--kendo-color-on-base, #272727);
-    background-color: var(--kendo-color-surface-alt, #ffffff);
+    border-color: var(--kendo-color-base-on-surface, #272727);
+    color: var(--kendo-color-base-on-surface, #272727);
+    background-color: transparent;
 }
 
 .k-chip-outline-base:focus, .k-chip-outline-base.k-focus {
@@ -31812,18 +31812,18 @@ kendo-badge-container {
 
 .k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
     color: var(--kendo-color-base-subtle, #f0f0f0);
-    background-color: var(--kendo-color-on-base, #272727);
+    background-color: var(--kendo-color-base-on-surface, #272727);
 }
 
 .k-chip-outline-base.k-selected {
     color: var(--kendo-color-base-subtle, #f0f0f0);
-    background-color: var(--kendo-color-on-base, #272727);
+    background-color: var(--kendo-color-base-on-surface, #272727);
 }
 
 .k-chip-outline-error {
     border-color: var(--kendo-color-error-on-surface, #941b00);
     color: var(--kendo-color-error-on-surface, #941b00);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
@@ -31845,7 +31845,7 @@ kendo-badge-container {
 .k-chip-outline-info {
     border-color: var(--kendo-color-info-on-surface, #005485);
     color: var(--kendo-color-info-on-surface, #005485);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
@@ -31866,8 +31866,8 @@ kendo-badge-container {
 
 .k-chip-outline-warning {
     border-color: var(--kendo-color-warning, #ffa41f);
-    color: var(--kendo-color-on-base, #272727);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    color: var(--kendo-color-on-app-surface, #272727);
+    background-color: transparent;
 }
 
 .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
@@ -31887,7 +31887,7 @@ kendo-badge-container {
 .k-chip-outline-success {
     border-color: var(--kendo-color-success-on-surface, #2a7035);
     color: var(--kendo-color-success-on-surface, #2a7035);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
@@ -33492,9 +33492,9 @@ kendo-badge-container {
 }
 
 .k-button-outline-base:hover, .k-button-outline-base.k-hover {
-    border-color: var(--kendo-color-on-app-surface, #272727);
-    color: var(--kendo-color-surface, #f0f0f0);
-    background-color: var(--kendo-color-on-app-surface, #272727);
+    border-color: var(--kendo-color-on-base, #272727);
+    color: var(--kendo-color-base, #ebebeb);
+    background-color: var(--kendo-color-on-base, #272727);
 }
 
 .k-button-outline-base:focus, .k-button-outline-base.k-focus {
@@ -33502,55 +33502,55 @@ kendo-badge-container {
 }
 
 .k-button-outline-base:active, .k-button-outline-base.k-active {
-    border-color: var(--kendo-color-on-app-surface, #272727);
-    color: var(--kendo-color-surface, #f0f0f0);
-    background-color: var(--kendo-color-on-app-surface, #272727);
+    border-color: var(--kendo-color-on-base, #272727);
+    color: var(--kendo-color-base, #ebebeb);
+    background-color: var(--kendo-color-on-base, #272727);
 }
 
 .k-button-outline-base.k-selected {
-    border-color: var(--kendo-color-on-app-surface, #272727);
-    color: var(--kendo-color-surface, #f0f0f0);
-    background-color: var(--kendo-color-on-app-surface, #272727);
+    border-color: var(--kendo-color-on-base, #272727);
+    color: var(--kendo-color-base, #ebebeb);
+    background-color: var(--kendo-color-on-base, #272727);
 }
 
 .k-button-flat-primary {
-    color: var(--kendo-color-primary, #f35800);
+    color: var(--kendo-color-primary-on-surface, #f35800);
 }
 
 .k-button-flat-secondary {
-    color: var(--kendo-color-secondary, #b6b6b6);
+    color: var(--kendo-color-secondary-on-surface, #8f8f8f);
 }
 
 .k-button-flat-tertiary {
-    color: var(--kendo-color-tertiary, #03a9f4);
+    color: var(--kendo-color-tertiary-on-surface, #0273a6);
 }
 
 .k-button-flat-info {
-    color: var(--kendo-color-info, #007bc3);
+    color: var(--kendo-color-info-on-surface, #005485);
 }
 
 .k-button-flat-success {
-    color: var(--kendo-color-success, #3ea44e);
+    color: var(--kendo-color-success-on-surface, #2a7035);
 }
 
 .k-button-flat-warning {
-    color: var(--kendo-color-warning, #ffa41f);
+    color: var(--kendo-color-warning-on-surface, #ffa41f);
 }
 
 .k-button-flat-error {
-    color: var(--kendo-color-error, #d92800);
+    color: var(--kendo-color-error-on-surface, #941b00);
 }
 
 .k-button-flat-dark {
-    color: var(--kendo-color-dark, #404040);
+    color: var(--kendo-color-dark-on-surface, #333333);
 }
 
 .k-button-flat-light {
-    color: var(--kendo-color-light, #ebebeb);
+    color: var(--kendo-color-light-on-surface, #ebebeb);
 }
 
 .k-button-flat-inverse {
-    color: var(--kendo-color-dark, #404040);
+    color: var(--kendo-color-inverse-on-surface, #333333);
 }
 
 .k-button-flat-base {
@@ -33778,7 +33778,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-primary {
-    color: var(--kendo-color-primary, #f35800);
+    color: var(--kendo-color-primary-on-surface, #f35800);
 }
 
 .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
@@ -33788,7 +33788,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-secondary {
-    color: var(--kendo-color-secondary, #b6b6b6);
+    color: var(--kendo-color-secondary-on-surface, #8f8f8f);
 }
 
 .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after {
@@ -33798,7 +33798,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-tertiary {
-    color: var(--kendo-color-tertiary, #03a9f4);
+    color: var(--kendo-color-tertiary-on-surface, #0273a6);
 }
 
 .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after {
@@ -33808,7 +33808,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-info {
-    color: var(--kendo-color-info, #007bc3);
+    color: var(--kendo-color-info-on-surface, #005485);
 }
 
 .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after {
@@ -33818,7 +33818,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-success {
-    color: var(--kendo-color-success, #3ea44e);
+    color: var(--kendo-color-success-on-surface, #2a7035);
 }
 
 .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after {
@@ -33828,7 +33828,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-warning {
-    color: var(--kendo-color-warning, #ffa41f);
+    color: var(--kendo-color-warning-on-surface, #ffa41f);
 }
 
 .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after {
@@ -33838,7 +33838,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-error {
-    color: var(--kendo-color-error, #d92800);
+    color: var(--kendo-color-error-on-surface, #941b00);
 }
 
 .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after {
@@ -33848,7 +33848,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-dark {
-    color: var(--kendo-color-dark, #404040);
+    color: var(--kendo-color-dark-on-surface, #333333);
 }
 
 .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after {
@@ -33858,7 +33858,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-light {
-    color: var(--kendo-color-light, #ebebeb);
+    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 {
@@ -33868,7 +33868,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-inverse {
-    color: var(--kendo-color-dark, #404040);
+    color: var(--kendo-color-inverse-on-surface, #333333);
 }
 
 .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after {
@@ -33878,7 +33878,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-base {
-    color: var(--kendo-color-on-app-surface, #272727);
+    color: var(--kendo-color-base-on-surface, #272727);
 }
 
 .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after {
@@ -37833,23 +37833,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-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
 }
 
-.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-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 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-lg, 0.375rem);
+}
+
 .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,
@@ -37864,31 +37876,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-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 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-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
 }
 
@@ -37991,11 +37989,6 @@ select.k-picker-lg {
     background-color: color-mix(in srgb, var(--kendo-color-primary, #f35800) 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 {
@@ -40863,7 +40856,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,
@@ -47093,6 +47086,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected::before
     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;
@@ -54760,6 +54754,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     height: 100%;
 }
 
+.k-sankey text {
+    pointer-events: none;
+}
+
 .k-treemap {
     height: 400px;
     box-sizing: border-box;
@@ -55080,7 +55078,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-var--gauge-track {
-    background-color: var(--kendo-color-base, #ebebeb);
+    background-color: var(--kendo-color-base-emphasis, #cacaca);
 }
 
 .k-var--chart-inactive {