@progress/kendo-theme-classic 5.3.2-dev.1 → 5.3.2-dev.2

package/dist/all.css

@@ -15982,9 +15982,10 @@ textarea.k-input-inner {
     background-color: #f35800;
 }
 
-.k-menu-group .k-item:focus, .k-menu-group .k-item.k-focus,
-.k-menu.k-context-menu .k-item:focus,
-.k-menu.k-context-menu .k-item.k-focus {
+.k-menu-group .k-item:focus > .k-link,
+.k-menu-group .k-item.k-focus > .k-link,
+.k-menu.k-context-menu .k-item:focus > .k-link,
+.k-menu.k-context-menu .k-item.k-focus > .k-link {
     box-shadow: inset 0 0 3px 1px rgba(39, 39, 39, 0.25);
 }
 
@@ -31752,15 +31753,20 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 
 .k-gantt-tooltip-validation-label {
     display: inline-flex;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    min-width: 50px;
 }
 
 .k-gantt-tooltip-validation-value {
     font-weight: 700;
 }
 
+.k-gantt-tooltip-validation-label,
+.k-gantt-tooltip-validation-value {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .k-pdf-export-shadow .k-gantt {
     float: left;
 }

package/dist/all.scss

@@ -9847,6 +9847,7 @@ $floating-label-focus-text: null !default;
             );
         }
 
+        &.k-focus > .k-label,
         &.k-state-focused > .k-label {
             @include fill(
                 $color: $floating-label-focus-text,
@@ -11129,7 +11130,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: $kendo-button-text !default;
+$kendo-chip-base-bg: $base-text !default;
 
 /// Theme colors map for the chip.
 /// @group chip
@@ -12922,9 +12923,9 @@ $tooltip-error-border: $tooltip-error-bg !default;
             }
         }
 
-        .k-item {
-            &:focus,
-            &.k-focus {
+        .k-item:focus,
+        .k-item.k-focus {
+            > .k-link {
                 @include box-shadow( $kendo-menu-popup-item-focus-shadow );
             }
         }
@@ -19055,10 +19056,15 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-md !default;
+$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-md: $font-size-md !default;
+$kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height-md !default;
-
+$kendo-treeview-line-height-sm: $line-height-md !default;
+$kendo-treeview-line-height-md: $line-height-md !default;
+$kendo-treeview-line-height-lg: $line-height-md !default;
 /// Indentation of child groups in treeview component.
 /// @group treeview
 $kendo-treeview-indent: 16px !default;
@@ -19066,9 +19072,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-lg: map-get( $spacing, 2 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
@@ -19081,22 +19093,22 @@ $kendo-treeview-item-border-radius: $kendo-border-radius-md !default;
 /// @group treeview
 $kendo-treeview-sizes: (
     sm: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 ) - map-get( $spacing, thin )
+        font-size: $kendo-treeview-font-size-sm,
+        line-height: $kendo-treeview-line-height-sm,
+        item-padding-x: $kendo-treeview-item-padding-x-sm,
+        item-padding-y: $kendo-treeview-item-padding-y-sm
     ),
     md: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 )
+        font-size: $kendo-treeview-font-size-md,
+        line-height: $kendo-treeview-line-height-md,
+        item-padding-x: $kendo-treeview-item-padding-x-md,
+        item-padding-y: $kendo-treeview-item-padding-y-md
     ),
     lg: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 ) + map-get( $spacing, thin )
+        font-size: $kendo-treeview-font-size-lg,
+        line-height: $kendo-treeview-line-height-lg,
+        item-padding-x: $kendo-treeview-item-padding-x-lg,
+        item-padding-y: $kendo-treeview-item-padding-y-lg
     )
 ) !default;
 
@@ -35502,6 +35514,7 @@ $gantt-action-on-offset-text: #000000 !default;
 $gantt-offset-resize-handler-top: 50% !default;
 
 $gantt-validation-tooltip-width: 200px !default;
+$gantt-validation-tooltip-label-width: 50px !default;
 $gantt-validation-tooltip-border: #656565 !default;
 $gantt-validation-tooltip-valid-border: $success !default;
 $gantt-validation-tooltip-invalid-border: $error !default;
@@ -36242,13 +36255,17 @@ $gantt-validation-tooltip-invalid-border: $error !default;
     }
     .k-gantt-tooltip-validation-label {
         display: inline-flex;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        min-width: $gantt-validation-tooltip-label-width;
     }
     .k-gantt-tooltip-validation-value {
         font-weight: $font-weight-bold;
     }
+    .k-gantt-tooltip-validation-label,
+    .k-gantt-tooltip-validation-value {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 }
 
 @include exports("gantt/export") {

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

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#000000",
         "#131413",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#ffffff",
         "#f3f4f3",

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#000000",
         "#101010",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#ffffff",
         "#f0f0f0",

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

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#000000",
         "#1e242d",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#ffffff",
         "#def4fd",

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

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "previewColors": [
         "#000000",
         "#131314",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "5.3.2-dev.1",
+    "version": "5.3.2-dev.2",
     "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.3.2-dev.1",
+  "version": "5.3.2-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,7 +49,7 @@
     "postpublish": "echo 'no postpublish for classic theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.3.2-dev.1"
+    "@progress/kendo-theme-default": "^5.3.2-dev.2"
   },
-  "gitHead": "319161d84b0538ac9302f05b164c7d54095f8830"
+  "gitHead": "be486e034baed68c866f3b61313899b350317d60"
 }

package/scss/chip/_variables.scss

@@ -60,7 +60,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: $kendo-button-text !default;
+$kendo-chip-base-bg: $base-text !default;
 
 /// Theme colors map for the chip.
 /// @group chip

package/scss/gantt/_variables.scss

@@ -87,6 +87,7 @@ $gantt-action-on-offset-text: #000000 !default;
 $gantt-offset-resize-handler-top: 50% !default;
 
 $gantt-validation-tooltip-width: 200px !default;
+$gantt-validation-tooltip-label-width: 50px !default;
 $gantt-validation-tooltip-border: #656565 !default;
 $gantt-validation-tooltip-valid-border: $success !default;
 $gantt-validation-tooltip-invalid-border: $error !default;

package/scss/treeview/_variables.scss

@@ -6,10 +6,15 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-md !default;
+$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-md: $font-size-md !default;
+$kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height-md !default;
-
+$kendo-treeview-line-height-sm: $line-height-md !default;
+$kendo-treeview-line-height-md: $line-height-md !default;
+$kendo-treeview-line-height-lg: $line-height-md !default;
 /// Indentation of child groups in treeview component.
 /// @group treeview
 $kendo-treeview-indent: 16px !default;
@@ -17,9 +22,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
+$kendo-treeview-item-padding-x-lg: map-get( $spacing, 2 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
+$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;
@@ -32,22 +43,22 @@ $kendo-treeview-item-border-radius: $kendo-border-radius-md !default;
 /// @group treeview
 $kendo-treeview-sizes: (
     sm: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 ) - map-get( $spacing, thin )
+        font-size: $kendo-treeview-font-size-sm,
+        line-height: $kendo-treeview-line-height-sm,
+        item-padding-x: $kendo-treeview-item-padding-x-sm,
+        item-padding-y: $kendo-treeview-item-padding-y-sm
     ),
     md: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 )
+        font-size: $kendo-treeview-font-size-md,
+        line-height: $kendo-treeview-line-height-md,
+        item-padding-x: $kendo-treeview-item-padding-x-md,
+        item-padding-y: $kendo-treeview-item-padding-y-md
     ),
     lg: (
-        font-size: $font-size-md,
-        line-height: $line-height-md,
-        item-padding-x: map-get( $spacing, 2 ),
-        item-padding-y: map-get( $spacing, 1 ) + map-get( $spacing, thin )
+        font-size: $kendo-treeview-font-size-lg,
+        line-height: $kendo-treeview-line-height-lg,
+        item-padding-x: $kendo-treeview-item-padding-x-lg,
+        item-padding-y: $kendo-treeview-item-padding-y-lg
     )
 ) !default;