@progress/kendo-theme-classic 4.42.1-dev.4 → 4.43.0

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

@@ -1,5 +1,6 @@
 @include exports("maskedtextbox/layout") {
 
+    // Masked textbox
     .k-maskedtextbox {
         width: $input-default-width;
         font-family: $input-font-family;

package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_theme.scss

@@ -13,6 +13,10 @@
                 border-color: $invalid-border;
             }
 
+            .k-input-validation-icon {
+                color: $invalid-text;
+            }
+
             &:focus,
             &.k-state-focused {
                 .k-textbox {

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

@@ -1,6 +1,6 @@
 @include exports("multiselect/layout") {
 
-    // Base
+    // Multiselect
     .k-multiselect {
         @include border-radius( $input-border-radius );
         width: $multiselect-width;

package/modules/@progress/kendo-theme-default/scss/multiselect/_theme.scss

@@ -90,6 +90,10 @@
             &.k-invalid:hover,
             &.k-state-invalid {
                 border-color: $invalid-border;
+
+                .k-input-validation-icon {
+                    color: $invalid-text;
+                }
             }
         }
 
@@ -99,6 +103,10 @@
         &.ng-invalid.ng-dirty {
             .k-multiselect-wrap {
                 border-color: $invalid-border;
+
+                .k-input-validation-icon {
+                    color: $invalid-text;
+                }
             }
         }
     }
@@ -129,6 +137,10 @@
         &.k-invalid {
             .k-multiselect-wrap {
                 border-color: $invalid-border;
+
+                .k-input-validation-icon {
+                    color: $invalid-text;
+                }
             }
         }
 

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

@@ -1,6 +1,6 @@
 @include exports("numerictextbox/layout") {
 
-    // Base
+    // Numeric textbox
     .k-numerictextbox {
         width: $input-default-width;
         border-width: 0;
@@ -31,6 +31,7 @@
             outline: 0;
             display: flex;
             flex-flow: row nowrap;
+            overflow: hidden;
         }
 
 
@@ -42,10 +43,10 @@
 
         // Select
         .k-select {
-            @include border-right-radius-only( $input-border-radius );
             padding: 0;
             width: if( $use-picker-select-width, $spinner-width, null );
-            border-width: 0 0 0 $picker-select-border-width;
+            border-width: 0;
+            border-inline-start-width: $picker-select-border-width;
             border-style: solid;
             box-sizing: border-box;
             display: flex;
@@ -86,11 +87,6 @@
         .k-rtl &,
         &[dir="rtl"] {
             text-align: right;
-
-            .k-select {
-                @include border-left-radius-only( $input-border-radius );
-                border-width: 0 $picker-select-border-width 0 0;
-            }
         }
     }
 

package/modules/@progress/kendo-theme-default/scss/numerictextbox/_theme.scss

@@ -43,6 +43,10 @@
             &.k-state-invalid {
                 border-color: $invalid-border;
 
+                .k-input-validation-icon {
+                    color: $invalid-text;
+                }
+
                 &:focus,
                 &.k-state-focused {
                     @include box-shadow($invalid-shadow);
@@ -90,6 +94,10 @@
             .k-numeric-wrap {
                 border-color: $invalid-border;
 
+                .k-input-validation-icon {
+                    color: $invalid-text;
+                }
+
                 &.k-state-focused {
                     @include box-shadow($invalid-shadow);
                 }

package/modules/@progress/kendo-theme-default/scss/numerictextbox/_variables.scss

@@ -12,10 +12,6 @@ $numeric-focused-text: $input-focused-text !default;
 $numeric-focused-border: $input-focused-border !default;
 $numeric-focused-shadow: $input-focused-shadow !default;
 
-$numeric-invalid-bg: null !default;
-$numeric-invalid-text: $invalid-text !default;
-$numeric-invalid-border: $invalid-border !default;
-
 $numeric-button-bg: $button-bg !default;
 $numeric-button-text: $button-text !default;
 $numeric-button-border: $button-border !default;

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

@@ -671,14 +671,6 @@
             width: 77%;
         }
 
-        .k-edit-buttons {
-            > input,
-            > label {
-                float: left;
-                margin-top: .4em;
-            }
-        }
-
 
         // List container
         .k-list-container {

package/modules/@progress/kendo-theme-default/scss/searchbox/_theme.scss

@@ -47,5 +47,21 @@
             @include disabled( $disabled-styling );
         }
 
+
+        // Invalid
+        &.k-invalid,
+        &.k-state-invalid {
+            border-color: $invalid-border;
+
+            .k-input-validation-icon {
+                color: $invalid-text;
+            }
+
+            &:focus,
+            &.k-state-focus {
+                @include box-shadow($invalid-shadow);
+            }
+        }
+
     }
 }

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

@@ -73,7 +73,8 @@
     .k-spreadsheet-tabstrip .k-loading {
         display: none;
     }
-    .k-spreadsheet-tabstrip .k-content {
+    .k-spreadsheet-tabstrip .k-content,
+    .k-spreadsheet-tabstrip .k-tabstrip-content {
         @include border-radius( 0 );
         padding: 0;
         border-width: 0;

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

@@ -155,6 +155,10 @@
             border-bottom-width: $tabstrip-border-width;
             margin-bottom: -$tabstrip-content-border-width;
 
+            > .k-tabstrip-items {
+                width: 100%;
+            }
+
             .k-item {
                 @include border-top-radius( $tabstrip-item-border-radius );
                 margin-bottom: -$tabstrip-border-width;
@@ -180,6 +184,10 @@
             border-top-width: $tabstrip-border-width;
             margin-top: -$tabstrip-content-border-width;
 
+            > .k-tabstrip-items {
+                width: 100%;
+            }
+
             .k-item {
                 @include border-bottom-radius( $tabstrip-item-border-radius );
                 margin-top: -$tabstrip-border-width;
@@ -208,6 +216,7 @@
             margin-right: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
+                height: 100%;
                 display: inline-flex;
                 flex-direction: column;
             }
@@ -242,6 +251,7 @@
             margin-left: -$tabstrip-content-border-width;
 
             > .k-tabstrip-items {
+                height: 100%;
                 display: inline-flex;
                 flex-direction: column;
             }

package/modules/@progress/kendo-theme-default/scss/tabstrip/_theme.scss

@@ -59,6 +59,7 @@
 
 
     // Content
+    .k-tabstrip-content,
     .k-tabstrip > .k-content {
         @include fill(
             $tabstrip-content-text,

package/modules/@progress/kendo-theme-default/scss/textarea/_theme.scss

@@ -55,6 +55,10 @@
         &.ng-invalid.ng-dirty {
             border-color: $invalid-border;
 
+            .k-input-validation-icon {
+                color: $invalid-text;
+            }
+
             &:focus,
             // &:focus-within,
             &.k-state-focus,

package/modules/@progress/kendo-theme-default/scss/textbox/_theme.scss

@@ -58,7 +58,11 @@
         &.k-state-invalid,
         &.ng-invalid.ng-touched,
         &.ng-invalid.ng-dirty {
-            @include fill( $border: $invalid-border );
+            border-color: $invalid-border;
+
+            .k-input-validation-icon {
+                color: $invalid-text;
+            }
 
             &:focus,
             // &:focus-within,

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.42.1-dev.4",
+  "version": "4.43.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "rm -rf modules && git checkout scss"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^4.42.1-dev.4"
+    "@progress/kendo-theme-default": "^4.43.0"
   },
-  "gitHead": "e858f6d0ffd07117aa86b4c83d28e9999b2884f9"
+  "gitHead": "8841c18b8c8f2b159bcd5ed316ce283c5de2fd7c"
 }

package/scss/autocomplete/_variables.scss

@@ -18,8 +18,3 @@ $autocomplete-disabled-bg: null !default;
 $autocomplete-disabled-text: null !default;
 $autocomplete-disabled-border: null !default;
 $autocomplete-disabled-shadow: null !default;
-
-$autocomplete-invalid-bg: null !default;
-$autocomplete-invalid-text: null !default;
-$autocomplete-invalid-border: $invalid-border !default;
-$autocomplete-invalid-shadow: $invalid-shadow !default;

package/scss/chat/_variables.scss

@@ -32,9 +32,6 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $input-padding-x !default;
-$chat-message-box-padding-y: $input-padding-y !default;
-
 $chat-toolbar-padding-x: $toolbar-padding-x !default;
 $chat-toolbar-padding-y: $toolbar-padding-y !default;
 $chat-toolbar-spacing: $toolbar-spacing !default;
@@ -79,9 +76,4 @@ $chat-message-box-text: $input-text !default;
 $chat-message-box-border: inherit !default;
 $chat-message-box-focus-shadow: 0 0 40px rgba( $input-text, .1 ) !default;
 
-$chat-message-box-button-hover-text: $primary !default;
-
-$chat-toolbar-box-button-hover-text: $primary !default;
-$chat-toolbar-box-button-hover-bg: transparent !default;
-
 $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;

package/scss/colorpicker/_variables.scss

@@ -3,8 +3,6 @@ $colorpicker-font-family: $font-family !default;
 $colorpicker-font-size: $font-size !default;
 $colorpicker-line-height: $line-height !default;
 
-$colorpicker-select-border-width: 1px !default;
-
 $colorpicker-bg: $button-bg !default;
 $colorpicker-text: $button-text !default;
 $colorpicker-border: $button-border !default;

package/scss/combobox/_variables.scss

@@ -2,7 +2,6 @@
 $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-select-border-width: 1px !default;
 
 $combobox-bg: $input-bg !default;
 $combobox-text: $input-text !default;

package/scss/editor/_variables.scss

@@ -14,7 +14,7 @@ $editor-highlighted-bg: mix($primary, #ffffff, 20%) !default;
 
 $editor-export-tool-icon-margin-x: .25em !default;
 
-$editor-resize-handle-size: 5px !default;
+$editor-resize-handle-size: 8px !default;
 $editor-resize-handle-border-width: 1px !default;
 $editor-resize-handle-border: #000000 !default;
 $editor-resize-handle-bg: #ffffff !default;

package/scss/numerictextbox/_variables.scss

@@ -12,10 +12,6 @@ $numeric-focused-text: $input-focused-text !default;
 $numeric-focused-border: $input-focused-border !default;
 $numeric-focused-shadow: $input-focused-shadow !default;
 
-$numeric-invalid-bg: null !default;
-$numeric-invalid-text: $invalid-text !default;
-$numeric-invalid-border: $invalid-border !default;
-
 $numeric-button-bg: $button-bg !default;
 $numeric-button-text: $button-text !default;
 $numeric-button-border: $button-border !default;