@progress/kendo-theme-classic 4.43.1-dev.3 → 4.43.1-dev.4

package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss

@@ -97,14 +97,10 @@
             width: auto;
             min-width: $form-line-height * 1em;
         }
-        [data-tool="fontSize"] {
-            width: 5 * $spacer;
-        }
-        [data-tool="fontFamily"] {
-            width: 6 * $spacer;
-        }
-        [data-tool="format"] {
-            width: 4 * $spacer;
+
+        .k-combobox,
+        .k-dropdown {
+            width: 5em;
         }
     }
 

package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss

@@ -100,12 +100,26 @@
             flex: 1 0 0%;
         }
 
+
         // Template
         .k-toolbar-template {
             align-self: center;
             align-items: center;
         }
 
+
+        // Child components
+        .k-textbox,
+        .k-combobox,
+        .k-dropdown,
+        .k-searchbox,
+        .k-numerictextbox,
+        .k-datepicker,
+        .k-timepicker,
+        .k-datetimepicker {
+            width: 10em;
+        }
+
     }
 
 
@@ -120,6 +134,7 @@
 
     // Angular specific
     kendo-toolbar-renderer {
+        display: inline-block;
         border-color: inherit;
     }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "4.43.1-dev.3",
+  "version": "4.43.1-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "rm -rf modules && git checkout scss"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.43.1-dev.3"
+    "@progress/kendo-theme-default": "^4.43.1-dev.4"
   },
-  "gitHead": "17b6139d64d5dab2c8687e0f2e50fda466679766"
+  "gitHead": "f0dfb6acb8fcf7694986e41e4b08d242c4b47add"
 }

package/scss/checkbox/_index.scss

@@ -2,6 +2,7 @@
 
 
 // Dependencies
+@import "../typography/_variables.scss";
 @import "../list/_variables.scss";
 
 

package/scss/coloreditor/_variables.scss

@@ -18,9 +18,9 @@ $coloreditor-header-padding-y: $coloreditor-spacer !default;
 $coloreditor-header-padding-x: $coloreditor-header-padding-y !default;
 $coloreditor-header-actions-gap: ( $coloreditor-spacer / 1.5 ) !default;
 
-$coloreditor-preview-gap: ( $coloreditor-spacer / 4 ) !default;
-$coloreditor-color-preview-width: 34px !default;
-$coloreditor-color-preview-height: 14px !default;
+$coloreditor-preview-gap: map-get( $spacing, 1 ) !default;
+$coloreditor-color-preview-width: 32px !default;
+$coloreditor-color-preview-height: 12px !default;
 
 $coloreditor-views-padding-y: $coloreditor-spacer !default;
 $coloreditor-views-padding-x: $coloreditor-views-padding-y !default;

package/scss/combobox/_variables.scss

@@ -1,32 +1 @@
-// Comboboxes
-$combobox-select-padding-x: $button-padding-y !default;
-$combobox-select-padding-y: $button-padding-y !default;
-$combobox-select-width: $button-inner-calc-size !default;
-
-$combobox-bg: $input-bg !default;
-$combobox-text: $input-text !default;
-$combobox-border: $input-border !default;
-
-$combobox-hovered-bg: $input-hovered-bg !default;
-$combobox-hovered-text: $input-hovered-text !default;
-$combobox-hovered-border: $input-hovered-border !default;
-
-$combobox-focused-bg: $input-focused-bg !default;
-$combobox-focused-text: $input-focused-text !default;
-$combobox-focused-border: $input-focused-border !default;
-$combobox-focused-shadow: $input-focused-shadow !default;
-
-$combobox-select-bg: $button-bg !default;
-$combobox-select-text: $button-text !default;
-$combobox-select-border: $button-border !default;
-$combobox-select-gradient: $button-gradient !default;
-
-$combobox-select-hovered-bg: $button-hovered-bg !default;
-$combobox-select-hovered-text: $button-hovered-text !default;
-$combobox-select-hovered-border: $button-hovered-border !default;
-$combobox-select-hovered-gradient: $button-hovered-gradient !default;
-
-$combobox-select-pressed-bg: $button-active-bg !default;
-$combobox-select-pressed-text: $button-active-text !default;
-$combobox-select-pressed-border: $button-active-border !default;
-$combobox-select-pressed-gradient: $button-active-gradient !default;
+// Combobox

package/scss/grid/_variables.scss

@@ -144,14 +144,14 @@ $grid-filter-menu-check-all-border-bottom-width: 1px !default;
 $grid-filter-menu-item-spacing-x: map-get( $spacing, 2 ) !default;
 $grid-filter-menu-item-spacing-y: $grid-filter-menu-item-spacing-x !default;
 
-$grid-column-menu-popup-padding-x: 0 !default;
-$grid-column-menu-popup-padding-y: $padding-y-sm !default;
+$grid-column-menu-popup-padding-x: null !default;
+$grid-column-menu-popup-padding-y: null !default;
 
-$grid-column-menu-item-padding-x: $padding-x !default;
-$grid-column-menu-item-padding-y: $padding-y !default;
+$grid-column-menu-item-padding-x: $menu-popup-item-padding-x !default;
+$grid-column-menu-item-padding-y: $menu-popup-item-padding-y !default;
 
-$grid-column-menu-list-item-padding-x: $padding-x !default;
-$grid-column-menu-list-item-padding-y: $padding-y-sm !default;
+$grid-column-menu-list-item-padding-x: $list-item-padding-x !default;
+$grid-column-menu-list-item-padding-y: $list-item-padding-y !default;
 
 $grid-column-menu-items-wrap-padding-x: 0 !default;
 $grid-column-menu-items-wrap-padding-y: $padding-y-lg !default;

package/scss/imageeditor/_variables.scss

@@ -13,6 +13,7 @@ $imageeditor-content-border-width: 1px !default;
 
 $imageeditor-action-pane-padding-y: map-get( $spacing, 8 ) !default;
 $imageeditor-action-pane-padding-x: map-get( $spacing, 4 ) !default;
+$imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc(240px + #{$imageeditor-content-border-width}) );
 
 $imageeditor-crop-border-width: 1px !default;
 $imageeditor-crop-border-style: dashed !default;

package/scss/input/_variables.scss

@@ -1,6 +1,6 @@
 // Input
 
-$input-default-width: 12.4em !default;
+$input-default-width: 200px !default;
 
 $input-border-width: 1px !default;
 $input-border-height: ( $input-border-width * 2 ) !default;

package/scss/list/_index.scss

@@ -3,6 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
+@import "../checkbox/_index.scss";
 
 
 // Component

package/scss/list/_variables.scss

@@ -1,4 +1,8 @@
 // List
+$list-font-size: $font-size !default;
+$list-line-height: $line-height !default;
+$list-line-height-em: $line-height-em !default;
+
 $list-item-padding-x: $padding-x !default;
 $list-item-padding-y: $padding-y !default;
 

package/scss/radio/_index.scss

@@ -2,6 +2,7 @@
 
 
 // Dependencies
+@import "../typography/_variables.scss";
 @import "../list/_variables.scss";
 @import "../checkbox/_variables.scss";