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

package/modules/@progress/kendo-theme-default/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "4.42.1-dev.0",
+  "version": "4.42.1-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "dart:flat": "gulp dart:flat",
     "prepublishOnly": "echo 'no prebublish for default theme'"
   },
-  "gitHead": "8575a79ff8c17831e06014204962beb77190180b"
+  "gitHead": "e858f6d0ffd07117aa86b4c83d28e9999b2884f9"
 }

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

@@ -59,6 +59,7 @@
 
     // Actions orientation
     .k-actions-horizontal {
+        width: 100%;
         flex-flow: row nowrap;
     }
     .k-actions-vertical {

package/modules/@progress/kendo-theme-default/scss/all.scss

@@ -1,154 +1 @@
-@import "core/functions/_index.scss";
-@import "core/mixins/_index.scss";
-@import "_variables.scss";
-
-
-// Core
-// @import "core/_index.scss";
-
-
-// Dependencies
-@import "common/_index.scss";
-
-
-// Generic content
-@import "styling/_index.scss";
-@import "utils/_index.scss";
-@import "icons/_index.scss";
-@import "typography/_index.scss";
-@import "avatar/_index.scss";
-@import "badge/_index.scss";
-@import "loader/_index.scss";
-@import "chip/_index.scss";
-@import "cursor/_index.scss";
-// @import "list/_index.scss";
-@import "forms/_index.scss";
-@import "listgroup/_index.scss";
-@import "adaptive/_index.scss";
-// @import "loading/_index.scss";
-@import "progressbar/_index.scss";
-@import "ripple/_index.scss";
-// @import "table/_index.scss";
-@import "messagebox/_index.scss";
-@import "overlay/_index.scss";
-
-
-// Basic forms
-@import "button/_index.scss";
-@import "action-buttons/_index.scss";
-@import "input/_index.scss";
-@import "floating-label/_index.scss";
-@import "textbox/_index.scss";
-@import "textarea/_index.scss";
-@import "checkbox/_index.scss";
-@import "radio/_index.scss";
-@import "validator/_index.scss";
-@import "fab/_index.scss";
-@import "captcha/_index.scss";
-
-
-// Inputs
-@import "autocomplete/_index.scss";
-@import "color-preview/_index.scss";
-@import "colorpalette/_index.scss";
-@import "colorgradient/_index.scss";
-@import "coloreditor/_index.scss";
-@import "colorpicker/_index.scss";
-@import "combobox/_index.scss";
-@import "datetime/_index.scss";
-@import "dropdowngrid/_index.scss";
-@import "dropdownlist/_index.scss";
-@import "dropdowntree/_index.scss";
-@import "maskedtextbox/_index.scss";
-@import "multiselect/_index.scss";
-@import "numerictextbox/_index.scss";
-@import "searchbox/_index.scss";
-@import "upload/_index.scss";
-@import "dropzone/_index.scss";
-
-
-// Other forms
-@import "listbox/_index.scss";
-@import "slider/_index.scss";
-@import "switch/_index.scss";
-@import "rating/_index.scss";
-
-
-// Date time
-@import "calendar/_index.scss";
-
-
-// Command interfaces
-@import "appbar/_index.scss";
-@import "menu/_index.scss";
-@import "toolbar/_index.scss";
-
-
-// Popups and modals
-@import "dialog/_index.scss";
-@import "drawer/_index.scss";
-@import "notification/_index.scss";
-@import "popup/_index.scss";
-@import "responsivepanel/_index.scss";
-@import "tooltip/_index.scss";
-@import "window/_index.scss";
-@import "action-sheet/_index.scss";
-@import "popover/_index.scss";
-
-
-// Navigation
-@import "breadcrumb/_index.scss";
-@import "pager/_index.scss";
-@import "panelbar/_index.scss";
-@import "stepper/_index.scss";
-@import "wizard/_index.scss";
-@import "tabstrip/_index.scss";
-@import "treeview/_index.scss";
-@import "expansion-panel/_index.scss";
-@import "bottom-navigation/_index.scss";
-
-
-// Layout & containers
-@import "card/_index.scss";
-@import "splitter/_index.scss";
-@import "tilelayout/_index.scss";
-
-
-// Data management
-@import "grid/_index.scss";
-@import "listview/_index.scss";
-@import "spreadsheet/_index.scss";
-@import "pivotgrid/_index.scss";
-@import "treelist/_index.scss";
-@import "filter/_index.scss";
-@import "filemanager/_index.scss";
-@import "taskboard/_index.scss";
-
-
-// Editor
-@import "editor/_index.scss";
-
-
-// Image Editor
-@import "imageeditor/_index.scss";
-
-
-// Scheduling
-@import "gantt/_index.scss";
-@import "scheduler/_index.scss";
-
-
-// Misc
-@import "chat/_index.scss";
-@import "mediaplayer/_index.scss";
-@import "timeline/_index.scss";
-@import "pdf-viewer/_index.scss";
-@import "scroller/_index.scss";
-@import "scrollview/_index.scss";
-@import "skeleton/_index.scss";
-
-
-// Dataviz
-@import "dataviz/_index.scss";
-@import "map/_index.scss";
-@import "orgchart/_index.scss";
+@import "index.scss";

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

@@ -33,26 +33,6 @@
             height: $input-icon-height;
         }
 
-
-        // Clear value
-        .k-clear-value {
-            visibility: hidden;
-        }
-        &:hover,
-        // &:focus-within,
-        &.k-state-hover,
-        &.k-state-focused,
-        &.k-state-focus {
-            .k-clear-value {
-                visibility: visible;
-            }
-        }
-        &:focus-within {
-            .k-clear-value {
-                visibility: visible;
-            }
-        }
-
     }
 
 

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

@@ -112,19 +112,6 @@
         }
     }
 
-
-    // Legacy
-    .k-ie9 {
-        .k-breadcrumb,
-        .k-breadcrumb-container {
-            display: block;
-        }
-
-        .k-breadcrumb-item {
-            display: inline-block;
-        }
-    }
-
     @include exports("breadcrumb/layout/rtl") {
 
         .k-breadcrumb {

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

@@ -417,18 +417,6 @@
 
 @include exports( "button/ie-compat" ) {
 
-    .k-ie9,
-    .k-ie10 {
-
-        .k-button[disabled]:hover,
-        .k-button[disabled]:focus,
-        .k-button.k-state-disabled:hover,
-        .k-button.k-state-disabled:focus {
-            @include disabled-legacy-ie( $disabled-styling );
-        }
-
-    }
-
     .k-ie {
 
         .k-button,

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

@@ -195,8 +195,7 @@
                     transparent calc(100% - #{$calendar-range-gap})
                 );
 
-            .k-ie &,
-            .k-edge & {
+            .k-ie & {
                 background-image: none;
                 background-color: $calendar-range-bg;
             }

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

@@ -329,6 +329,7 @@
         height: $card-callout-height;
         border-width: $card-border-width $card-border-width 0 0;
         border-style: solid;
+        box-sizing: border-box;
         position: absolute;
     }
 

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

@@ -266,14 +266,24 @@
 
     // Message box
     .k-message-box {
+        width: 100%;
+        height: auto;
         padding: $chat-message-box-padding-y $chat-message-box-padding-x;
+        box-sizing: border-box;
         border-width: 1px 0 0;
         border-style: solid;
-        flex: 0 0 auto;
+        flex: none;
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
 
+        &:focus,
+        &.k-state-focus,
+        &:focus-within {
+            outline: 0;
+            box-shadow: none;
+        }
+
         // Input
         .k-input {
             padding: 0;
@@ -411,11 +421,17 @@
 
     .k-chat-toolbar,
     .k-chat .k-toolbar-box {
+        padding: $chat-toolbar-padding-y $chat-toolbar-padding-x;
         width: 100%;
+        border-width: 1px 0 0;
         box-sizing: border-box;
+        flex: none;
         overflow: hidden;
         position: relative;
-        flex: 0 0 auto;
+
+        &::before {
+            display: none;
+        }
 
         .k-button-list {
             // Needed for native scrolling. Will uncoment when it's implemented.
@@ -426,18 +442,13 @@
             overflow: hidden;
             // overflow-x: auto;
             scroll-behavior: smooth;
-            padding: $chat-toolbar-padding-y $chat-toolbar-padding-x;
-
-            // fix for flex container disregarding the right padding
-            &::after {
-                content: "";
-                padding-right: $chat-toolbar-padding-x;
-            }
+        }
 
-            .k-button + .k-button {
-                margin-left: $chat-toolbar-spacing;
-                flex-shrink: 0;
-            }
+        .k-button {
+            border-color: transparent;
+            color: inherit;
+            background: none;
+            flex: none;
         }
 
 
@@ -454,13 +465,6 @@
             right: 0;
         }
 
-        .k-button {
-            border-width: 0;
-            color: inherit;
-            background: none;
-            flex-shrink: 0;
-        }
-
 
     }
 

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

@@ -32,12 +32,12 @@ $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: $chat-padding-x !default;
-$chat-message-box-padding-y: 10px !default;
+$chat-message-box-padding-x: $input-padding-x !default;
+$chat-message-box-padding-y: $input-padding-y !default;
 
-$chat-toolbar-padding-x: $chat-padding-x !default;
-$chat-toolbar-padding-y: 10px !default;
-$chat-toolbar-spacing: 20px !default;
+$chat-toolbar-padding-x: $toolbar-padding-x !default;
+$chat-toolbar-padding-y: $toolbar-padding-y !default;
+$chat-toolbar-spacing: $toolbar-spacing !default;
 $chat-toolbar-bg: $toolbar-bg !default;
 $chat-toolbar-text: $toolbar-text !default;
 $chat-toolbar-border: inherit !default;
@@ -82,6 +82,6 @@ $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: none !default;
+$chat-toolbar-box-button-hover-bg: transparent !default;
 
 $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;

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

@@ -11,7 +11,7 @@
 
 
     // Hover state
-    .k-checkbox:hover
+    .k-checkbox:hover,
     .k-checkbox.k-state-hover {
         @include fill(
             $checkbox-hovered-text,

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

@@ -35,6 +35,7 @@
             font-size: $chip-selected-icon-font-size;
         }
 
+        .k-chip.k-state-selected .k-selected-icon-wrapper,
         .k-chip.k-selected .k-selected-icon-wrapper {
             width: $chip-selected-icon-size;
             visibility: visible;
@@ -54,6 +55,7 @@
                 transition: width .2s, opacity .2s;
             }
 
+            &.k-state-selected .k-selected-icon-wrapper,
             &.k-selected .k-selected-icon-wrapper {
                 opacity: 1;
             }

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

@@ -1,5 +1,6 @@
 @include exports("chip/theme") {
 
+    .k-selection-multiple .k-chip-has-icon.k-state-selected .k-selected-icon-wrapper,
     .k-selection-multiple .k-chip-has-icon.k-selected .k-selected-icon-wrapper {
         @include fill(
             $color: $chip-multiple-selected-icon-text,

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

@@ -126,7 +126,7 @@ $chip-outline-success-hover-bg: $success !default;
 $chip-outline-success-hover-text: contrast-wcag( $chip-outline-success-hover-bg ) !default;
 $chip-outline-success-hover-border: null !default;
 
-$chip-outline-success-focus-bg: nul !default;
+$chip-outline-success-focus-bg: null !default;
 $chip-outline-success-focus-text: null !default;
 $chip-outline-success-focus-border: null !default;
 
@@ -142,7 +142,7 @@ $chip-outline-warning-hover-bg: $warning !default;
 $chip-outline-warning-hover-text: $white !default;
 $chip-outline-warning-hover-border: null !default;
 
-$chip-outline-warning-focus-bg: nul !default;
+$chip-outline-warning-focus-bg: null !default;
 $chip-outline-warning-focus-text: null !default;
 $chip-outline-warning-focus-border: null !default;
 
@@ -158,7 +158,7 @@ $chip-outline-error-hover-bg: $error !default;
 $chip-outline-error-hover-text: contrast-wcag( $chip-outline-error-hover-bg ) !default;
 $chip-outline-error-hover-border: null !default;
 
-$chip-outline-error-focus-bg: nul !default;
+$chip-outline-error-focus-bg: null !default;
 $chip-outline-error-focus-text: null !default;
 $chip-outline-error-focus-border: null !default;
 
@@ -174,7 +174,7 @@ $chip-outline-info-hover-bg: $info !default;
 $chip-outline-info-hover-text: contrast-wcag( $chip-outline-info-hover-bg ) !default;
 $chip-outline-info-hover-border: null !default;
 
-$chip-outline-info-focus-bg: nul !default;
+$chip-outline-info-focus-bg: null !default;
 $chip-outline-info-focus-text: null !default;
 $chip-outline-info-focus-border: null !default;
 

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

@@ -36,28 +36,6 @@
         // Input
         .k-input {}
 
-
-        // Clear value
-        .k-clear-value {
-            visibility: hidden;
-        }
-        &:hover,
-        // &:focus-within,
-        &.k-state-hover,
-        &.k-state-focused,
-        &.k-state-focus,
-        .k-dropdown-wrap.k-state-hover,
-        .k-dropdown-wrap.k-state-focused {
-            .k-clear-value {
-                visibility: visible;
-            }
-        }
-        &:focus-within {
-            .k-clear-value {
-                visibility: visible;
-            }
-        }
-
         // Select
         .k-select {
             @include border-right-radius-only( $input-border-radius );

package/modules/@progress/kendo-theme-default/scss/core/mixins/_index.scss

@@ -1,6 +1,7 @@
 // Core
 @import "_import-once.scss";
 @import "_data-uri.scss";
+@import "_module-system.scss";
 
 
 // Utils

package/modules/@progress/kendo-theme-default/scss/core/mixins/_module-system.scss

@@ -0,0 +1,149 @@
+// Load all modules by default
+$kendo-components: (
+    // Typography and utils
+    "typography",
+    "utils",
+    "cursor",
+
+    // Generic content
+    "styling",
+    "icon",
+    "messagebox",
+
+    // Primitive components
+    "list",
+    "listgroup",
+    "overlay",
+    "popup",
+    "ripple",
+    "table",
+
+    // Indicators
+    "avatar",
+    "badge",
+    "chip",
+    "color-preview",
+    "loader",
+    "loading",
+    "skeleton",
+
+    // Form helpers
+    "form",
+    "validator",
+    "floating-label",
+
+    // Native forms
+    "button",
+    "input",
+    "textbox",
+    "textarea",
+    "checkbox",
+    "listbox",
+    "progressbar",
+    "radio",
+    "slider",
+
+    // Form requirements
+    "calendar",
+
+    // Augmented inputs
+    "autocomplete",
+    "captcha",
+    "color-palette",
+    "color-gradient",
+    "color-editor",
+    "color-picker",
+    "combobox",
+    "datetime",
+    "dropdowngrid",
+    "dropdownlist",
+    "dropdowntree",
+    "maskedtextbox",
+    "multiselect",
+    "numerictextbox",
+    "rating",
+    "searchbox",
+    "switch",
+    "upload",
+    "dropzone",
+
+    // Command interfaces
+    "actions",
+    "appbar",
+    "fab",
+    "menu",
+    "toolbar",
+
+    // Popups and modals
+    "action-sheet",
+    "dialog",
+    "drawer",
+    "notification",
+    "popover",
+    "responsivepanel",
+    "tooltip",
+    "window",
+
+    // Navigation
+    "bottom-nav",
+    "breadcrumb",
+    "pager",
+    "stepper",
+    "tabstrip",
+    "treeview",
+    "wizard",
+
+    // Layout & containers
+    "card",
+    "expander",
+    "panelbar",
+    "splitter",
+    "tilelayout",
+
+    // Data management
+    "grid",
+    "listview",
+    "spreadsheet",
+    "pivotgrid",
+    "treelist",
+    "filter",
+    "filemanager",
+    "taskboard",
+
+    // Editors
+    "editor",
+    "imageeditor",
+
+    // Scheduling
+    "gantt",
+    "scheduler",
+
+    // Misc
+    "adaptive",
+    "chat",
+    "mediaplayer",
+    "timeline",
+    "pdf-viewer",
+    "scroller",
+    "scrollview",
+
+    // Dataviz
+    "dataviz",
+    "map",
+    "orgchart"
+
+) !default;
+
+$_kendo-imported-modules: ();
+
+@mixin register-module( $name: null, $dependencies: null ) {
+    @if ( index( $kendo-components, $name ) != null ) and ( index( $_kendo-imported-modules, $name ) == null)  {
+        $_kendo-imported-modules: append( $_kendo-imported-modules, $name ) !global;
+        @content;
+    }
+}
+@mixin load-modules( $names... ) {
+    @each $name in $names {
+        $kendo-components: append( $kendo-components, $name ) !global;
+    }
+}