@progress/kendo-theme-classic 5.1.2-dev.7 → 5.2.1-dev.1

package/dist/all.css

@@ -998,15 +998,17 @@ kendo-sortable {
     text-indent: -4000px;
     text-align: center;
     position: absolute;
+    color: currentColor;
 }
 
 .k-loading-image {
     z-index: 2;
+    color: currentColor;
 }
 
 .k-loading-color {
     background-color: #ffffff;
-    opacity: .3;
+    opacity: 0.3;
 }
 
 .k-i-loading {
@@ -12202,6 +12204,18 @@ kendo-badge-container {
     flex: none;
 }
 
+.k-split-button .k-split-button-arrow.k-button-sm {
+    padding: 2px 2px;
+}
+
+.k-split-button .k-split-button-arrow.k-button-md {
+    padding: 4px 4px;
+}
+
+.k-split-button .k-split-button-arrow.k-button-lg {
+    padding: 6px 6px;
+}
+
 .k-split-button .k-split-button-arrow .k-button-icon {
     min-width: 0;
 }
@@ -13343,6 +13357,38 @@ kendo-badge-container {
     margin: 0;
 }
 
+.k-input:disabled, .k-input[disabled], .k-input.k-disabled,
+.k-picker:disabled,
+.k-picker[disabled],
+.k-picker.k-disabled {
+    outline: none;
+    cursor: default;
+    opacity: 0.6;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-input:disabled [disabled],
+.k-input:disabled .k-disabled,
+.k-input:disabled .k-state-disabled, .k-input[disabled] [disabled],
+.k-input[disabled] .k-disabled,
+.k-input[disabled] .k-state-disabled, .k-input.k-disabled [disabled],
+.k-input.k-disabled .k-disabled,
+.k-input.k-disabled .k-state-disabled,
+.k-picker:disabled [disabled],
+.k-picker:disabled .k-disabled,
+.k-picker:disabled .k-state-disabled,
+.k-picker[disabled] [disabled],
+.k-picker[disabled] .k-disabled,
+.k-picker[disabled] .k-state-disabled,
+.k-picker.k-disabled [disabled],
+.k-picker.k-disabled .k-disabled,
+.k-picker.k-disabled .k-state-disabled {
+    opacity: 1;
+    filter: grayscale(0);
+}
+
 input.k-input {
     padding: 4px 8px;
 }
@@ -13369,7 +13415,7 @@ select.k-picker {
     position: relative;
     z-index: 1;
     overflow: hidden;
-    text-overflow: clip;
+    text-overflow: ellipsis;
     -webkit-appearance: none;
 }
 
@@ -13418,7 +13464,7 @@ textarea.k-input-inner {
 .k-input-value-text {
     flex: 1;
     overflow: hidden;
-    text-overflow: clip;
+    text-overflow: ellipsis;
 }
 
 .k-input-value-text::before {
@@ -18953,6 +18999,10 @@ kendo-label > .k-label {
     width: 46px;
 }
 
+.k-colorgradient-inputs .k-input-inner {
+    text-overflow: clip;
+}
+
 .k-colorgradient-color-contrast > div {
     display: flex;
     flex-flow: row nowrap;
@@ -19721,7 +19771,7 @@ kendo-label > .k-label {
 }
 
 .k-popup-dropdowntree .k-check-all {
-    padding: 8px 8px;
+    padding: 8px 8px 0;
 }
 
 .k-popup-dropdowntree .k-treeview {
@@ -23473,6 +23523,11 @@ kendo-card-footer {
     width: 5em;
 }
 
+.k-pager-sizes .k-input-inner,
+.k-pager-sizes .k-input-value-text {
+    text-overflow: clip;
+}
+
 .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
 .k-rtl .k-pager-sizes .k-dropdownlist,
 .k-rtl .k-pager-sizes > select,
@@ -23669,6 +23724,7 @@ kendo-card-footer {
     display: flex;
     align-items: center;
     justify-content: center;
+    flex: none;
     position: relative;
     z-index: 1;
     overflow: visible;
@@ -23699,7 +23755,7 @@ kendo-card-footer {
 }
 
 .k-stepper .k-step-label {
-    max-width: calc(min(100%, 10em));
+    max-width: clamp(100%, 10em, 100%);
     display: inline-flex;
     flex-wrap: wrap;
     align-items: center;
@@ -27644,11 +27700,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     min-width: 1.4285714286em;
 }
 
-.k-spreadsheet-toolbar .k-input,
-.k-spreadsheet-toolbar .k-picker {
-    width: 5em;
-}
-
 .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
     width: min-content;
 }
@@ -30961,6 +31012,11 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     overflow-y: auto;
 }
 
+.k-imageeditor-action-pane .k-input-inner,
+.k-imageeditor-action-pane .k-input-value-text {
+    text-overflow: clip;
+}
+
 .k-imageeditor-crop-overlay {
     width: 100%;
     height: 100%;
@@ -31785,7 +31841,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 }
 
 .k-gantt-tooltip-validation::before {
-    content: '';
+    content: "";
     width: 4px;
     height: 100%;
     position: absolute;

package/dist/all.scss

@@ -1288,7 +1288,10 @@ $node-selected-gradient: null !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Placeholder
 $placeholder-line-width: 100% !default;
@@ -2737,7 +2740,7 @@ $display4-letter-spacing: null !default;
     }
 
     .k-loading-mask {
-        z-index: 100;
+        z-index: $zindex-loading;
 
         &.k-opaque {
             .k-loading-color {
@@ -2749,13 +2752,15 @@ $display4-letter-spacing: null !default;
         text-indent: -4000px;
         text-align: center;
         position: absolute;
+        color: $loading-text;
     }
     .k-loading-image {
         z-index: 2;
+        color: $loading-text;
     }
     .k-loading-color {
-        background-color: $component-bg;
-        opacity: .3;
+        background-color: $loading-bg;
+        opacity: $loading-opacity;
     }
 
     // Loading indicator
@@ -2763,7 +2768,7 @@ $display4-letter-spacing: null !default;
         position: relative;
         background-color: transparent;
         box-sizing: border-box;
-        color: currentColor;
+        color: $loading-text;
 
         &::before,
         &::after {
@@ -8082,8 +8087,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+/// Horizontal padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
+
+/// Vertical padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
 
 /// Theme colors map for the button.
 /// @group button
@@ -8462,6 +8478,18 @@ $kendo-button-transition: color .2s ease-in-out !default;
             aspect-ratio: auto;
             flex: none;
 
+            &.k-button-sm {
+                padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
+            }
+
+            &.k-button-md {
+                padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
+            }
+
+            &.k-button-lg {
+                padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
+            }
+
             .k-button-icon {
                 min-width: 0;
             }
@@ -9120,8 +9148,20 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         & > * {
             margin: 0;
         }
-    }
 
+        &:disabled,
+        &[disabled],
+        &.k-disabled {
+            @include disabled( $disabled-styling );
+
+            [disabled],
+            .k-disabled,
+            .k-state-disabled {
+                opacity: 1;
+                filter: grayscale(0);
+            }
+        }
+    }
 
     // Input
     .k-input {}
@@ -9153,7 +9193,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
         position: relative;
         z-index: 1;
         overflow: hidden;
-        text-overflow: clip;
+        text-overflow: ellipsis;
         -webkit-appearance: none;
 
         // Hide clear icon
@@ -9192,7 +9232,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
     .k-input-value-text {
         flex: 1;
         overflow: hidden;
-        text-overflow: clip;
+        text-overflow: ellipsis;
     }
     .k-input-value-text::before {
         content: "\200b";
@@ -17820,6 +17860,10 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 1.5 ) !default;
         .k-numerictextbox {
             width: $colorgradient-input-width;
         }
+
+        .k-input-inner {
+            text-overflow: clip;
+        }
     }
 
     // Contrast
@@ -19535,7 +19579,7 @@ $dropdowntree-popup-padding-y: map-get( $spacing, 2 ) !default;
         padding: 0;
 
         .k-check-all {
-            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x;
+            padding: $dropdowntree-popup-padding-y $dropdowntree-popup-padding-x 0;
         }
 
         .k-treeview {
@@ -24821,6 +24865,11 @@ $pager-dropdown-width: 5em !default;
             width: $pager-dropdown-width;
         }
 
+        .k-input-inner,
+        .k-input-value-text {
+            text-overflow: clip;
+        }
+
         .k-rtl &,
         [dir="rtl"] & {
             .k-dropdown-list,
@@ -25247,6 +25296,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
             display: flex;
             align-items: center;
             justify-content: center;
+            flex: none;
             position: relative;
             z-index: 1;
             overflow: visible;
@@ -25280,7 +25330,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
 
         // Step label
         .k-step-label {
-            max-width: calc(min(100%, 10em));
+            max-width: clamp(100%, 10em, 100%);
             display: inline-flex;
             flex-wrap: wrap;
             align-items: center;
@@ -30696,10 +30746,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
             min-width: $form-line-height * 1em;
         }
 
-        .k-input,
-        .k-picker {
-            width: 5em;
-        }
         .k-color-picker {
             width: min-content;
         }
@@ -35257,6 +35303,11 @@ $imageeditor-crop-overlay-bg: rgba(black, .3) !default;
         box-sizing: border-box;
         flex: none;
         overflow-y: auto;
+
+        .k-input-inner,
+        .k-input-value-text {
+            text-overflow: clip;
+        }
     }
 
 
@@ -36269,7 +36320,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
         display: block;
 
         &::before {
-            content: '';
+            content: "";
             width: 4px;
             height: 100%;
             position: absolute;

package/lib/swatches/classic-green-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

package/lib/swatches/classic-main-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

package/lib/swatches/classic-opal-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#1e242d",

package/lib/swatches/classic-opal.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#def4fd",

package/lib/swatches/classic-silver-dark.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -1,8 +1,9 @@
 {
-    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
+    "version": "5.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f3f3f4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "5.1.2-dev.7",
+  "version": "5.2.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,11 +45,11 @@
     "dart:watch": "gulp dart:watch",
     "dart:swatches": "gulp dart:swatches",
     "dart:flat": "gulp dart:flat",
-    "prepublishOnly": "echo 'no prebublish for classic theme'",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.1.2-dev.7"
+    "@progress/kendo-theme-default": "^5.2.1-dev.1"
   },
-  "gitHead": "cedfa864b61e9c7f5e63839f6428eaee5af5c536"
+  "gitHead": "9efb8de6ee8dabce6a0d5362b8978383a8afde67"
 }

package/scss/_variables.scss

@@ -356,7 +356,10 @@ $node-selected-gradient: null !default;
 
 
 // Loading
-
+$loading-bg: $component-bg !default;
+$loading-text: currentColor !default;
+$loading-opacity: .3 !default;
+$zindex-loading: 100 !default;
 
 // Placeholder
 $placeholder-line-width: 100% !default;

package/scss/button/_variables.scss

@@ -48,8 +48,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
+/// Horizontal padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
+
+/// Vertical padding of the arrow button.
+/// @group button
 $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
+$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
+$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
+$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
 
 /// Theme colors map for the button.
 /// @group button