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

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.2",
+  "version": "4.43.1-dev.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.2"
+    "@progress/kendo-theme-default": "^4.43.1-dev.0"
   },
-  "gitHead": "7594d845144b5289cc2484b488f2bc9418387f12"
+  "gitHead": "e315a28dad00d287edbdf58668becda3d815504f"
 }

package/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/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/button/_variables.scss

@@ -1,17 +1,17 @@
 // Button
 
 /// Width of border around buttons
-/// @group buttons
+/// @group button
 $button-border-width: 1px !default;
 /// Border radius of buttons
-/// @group buttons
+/// @group button
 $button-border-radius: $border-radius !default;
 
 /// Horizontal padding of buttons
-/// @group buttons
+/// @group button
 $button-padding-x: $padding-x !default;
 /// Vertical padding of buttons
-/// @group buttons
+/// @group button
 $button-padding-y: $padding-y !default;
 $button-font-family: $font-family !default;
 $button-font-size: $font-size !default;
@@ -25,63 +25,63 @@ $button-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2}
 $button-inner-calc-size: calc( #{$button-line-height * 1em} + #{$button-padding-y * 2} ) !default;
 
 /// The background of the buttons.
-/// @group buttons
+/// @group button
 $button-bg: $base-bg !default;
 /// The text color of the buttons.
-/// @group buttons
+/// @group button
 $button-text: $base-text !default;
 /// The border color of the buttons.
-/// @group buttons
+/// @group button
 $button-border: try-shade( $button-bg, 2 ) !default;
 /// The background gradient of the buttons.
-/// @group buttons
+/// @group button
 $button-gradient: $base-gradient !default;
 $button-shadow: null !default;
 
 /// The background of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-bg: try-shade( $button-bg, 1 ) !default;
 /// The text color of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-text: null !default;
 /// The border color of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-border: try-shade( $button-hovered-bg, 2 ) !default;
 /// The background gradient of hovered buttons.
-/// @group buttons
+/// @group button
 $button-hovered-gradient: null !default;
 $button-hovered-shadow: null !default;
 
 /// The background color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-bg: try-shade( $button-bg, 2 ) !default;
 /// The text color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-text: null !default;
 /// The border color of active buttons.
-/// @group buttons
+/// @group button
 $button-active-border: try-shade( $button-active-bg, 2 ) !default;
 /// The background gradient of active buttons.
-/// @group buttons
+/// @group button
 $button-active-gradient: null !default;
 $button-active-shadow: null !default;
 
 /// The background color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-bg: $button-active-bg !default;
 /// The text color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-text: $button-active-text !default;
 /// The border color of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-border: $button-active-border !default;
 /// The background gradient of selected buttons.
-/// @group buttons
+/// @group button
 $button-selected-gradient: null !default;
 $button-selected-shadow: null !default;
 
 /// The shadow of focused buttons.
-/// @group buttons
+/// @group button
 $button-focused-shadow: 0 0 4px 0 rgba( $button-border, .75 ) !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: none !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/forms/_index.scss

@@ -7,7 +7,7 @@
 @import "../button/_variables.scss";
 @import "../input/_variables.scss";
 @import "../toolbar/_index.scss";
-@import "../action-buttons/_variables.scss";
+@import "../action-buttons/_index.scss";
 @import "../window/_variables.scss";
 
 

package/scss/index.scss

@@ -0,0 +1,151 @@
+@import "core/_index.scss";
+@import "common/_index.scss";
+
+
+// Typography and utils
+@import "typography/_index.scss";
+@import "utils/_index.scss";
+@import "cursor/_index.scss";
+
+
+// Generic content
+@import "styling/_index.scss";
+@import "icons/_index.scss";
+@import "messagebox/_index.scss";
+
+
+// Primitive components
+// @import "list/_index.scss";
+@import "listgroup/_index.scss";
+@import "overlay/_index.scss";
+@import "popup/_index.scss";
+@import "ripple/_index.scss";
+// @import "table/_index.scss";
+
+
+// Indicators
+@import "avatar/_index.scss";
+@import "badge/_index.scss";
+@import "chip/_index.scss";
+@import "color-preview/_index.scss";
+@import "loader/_index.scss";
+// @import "loading/_index.scss";
+@import "skeleton/_index.scss";
+
+
+// Form helpers
+@import "forms/_index.scss";
+@import "validator/_index.scss";
+@import "floating-label/_index.scss";
+
+
+// Native forms
+@import "button/_index.scss";
+@import "input/_index.scss";
+@import "textbox/_index.scss";
+@import "textarea/_index.scss";
+@import "checkbox/_index.scss";
+@import "listbox/_index.scss";
+@import "progressbar/_index.scss";
+@import "radio/_index.scss";
+@import "slider/_index.scss";
+
+
+// Form requirements
+@import "calendar/_index.scss";
+
+
+// Augmented forms
+@import "autocomplete/_index.scss";
+@import "captcha/_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 "rating/_index.scss";
+@import "searchbox/_index.scss";
+@import "switch/_index.scss";
+@import "upload/_index.scss";
+@import "dropzone/_index.scss";
+
+
+// Command interfaces
+@import "action-buttons/_index.scss";
+@import "appbar/_index.scss";
+@import "fab/_index.scss";
+@import "menu/_index.scss";
+@import "toolbar/_index.scss";
+
+
+// Popups and modals
+@import "action-sheet/_index.scss";
+@import "dialog/_index.scss";
+@import "drawer/_index.scss";
+@import "notification/_index.scss";
+@import "popover/_index.scss";
+@import "responsivepanel/_index.scss";
+@import "tooltip/_index.scss";
+@import "window/_index.scss";
+
+
+// Navigation
+@import "bottom-navigation/_index.scss";
+@import "breadcrumb/_index.scss";
+@import "pager/_index.scss";
+@import "stepper/_index.scss";
+@import "tabstrip/_index.scss";
+@import "treeview/_index.scss";
+@import "wizard/_index.scss";
+
+
+// Layout & containers
+@import "card/_index.scss";
+@import "expansion-panel/_index.scss";
+@import "panelbar/_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";
+
+
+// Editors
+@import "editor/_index.scss";
+@import "imageeditor/_index.scss";
+
+
+// Scheduling
+@import "gantt/_index.scss";
+@import "scheduler/_index.scss";
+
+
+// Misc
+@import "adaptive/_index.scss";
+@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";
+
+
+// Dataviz
+@import "dataviz/_index.scss";
+@import "map/_index.scss";
+@import "orgchart/_index.scss";

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;

package/scss/tabstrip/_variables.scss

@@ -86,10 +86,10 @@ $tabstrip-indicator-color: null !default;
 
 /// Horizontal padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-x: $tabstrip-item-padding-x !default;
+$tabstrip-content-padding-x: map-get( $spacing, 4 ) !default;
 /// Vertical padding of tabstrip content
 /// @group tabstrip
-$tabstrip-content-padding-y: $tabstrip-item-padding-y !default;
+$tabstrip-content-padding-y: map-get( $spacing, 4 ) !default;
 /// Width of border around tabstrip content
 /// @group tabstrip
 $tabstrip-content-border-width: 1px !default;

package/modules/@progress/kendo-theme-default/scss/no-flexbox.scss

@@ -1,72 +0,0 @@
-.k-no-flexbox {
-    .k-calendar-infinite {
-        height: 330px;
-
-        .k-calendar-navigation,
-        .k-calendar-monthview {
-            height: 100%;
-            float: left;
-        }
-
-        .k-calendar-header {
-            display: block;
-
-            .k-today,
-            .k-nav-today {
-                display: inline-block;
-            }
-        }
-    }
-
-    .k-dateinput-wrap,
-    .k-dropdown-wrap,
-    .k-numeric-wrap,
-    .k-picker-wrap {
-        $k-select-width: 2em;
-        display: block;
-
-        .k-input {
-            width: calc(100% - #{$k-select-width});
-            display: inline-block;
-            vertical-align: middle;
-        }
-        .k-select {
-            display: inline-block;
-            vertical-align: middle;
-        }
-    }
-
-    .k-timepicker,
-    .k-datepicker {
-        display: inline-block;
-
-        .k-dateinput-wrap {
-            display: inline-block;
-        }
-
-        .k-select {
-            position: absolute;
-            top: 0;
-            right: 0;
-            bottom: 0;
-        }
-    }
-
-    .k-time-list-wrapper,
-    .k-time-separator {
-        display: inline-block;
-        vertical-align: middle;
-    }
-
-    .k-grid {
-        $grid-chrome-height: 37px !default;
-        .k-grid-container {
-            height: calc( 100% - #{$grid-chrome-height} );
-            display: block;
-        }
-
-        .k-grid-content {
-            height: 100%;
-        }
-    }
-}