@progress/kendo-theme-default 5.0.0-next.4 → 5.0.2-dev.0

package/dist/default-dataviz-v4.scss

@@ -0,0 +1,8 @@
+$series-a: #ff6358;
+$series-b: #ffd246;
+$series-c: #78d237;
+$series-d: #28b4c8;
+$series-e: #2d73f5;
+$series-f: #aa46be;
+
+@import "all.scss";

package/dist/default-main-dark.scss

@@ -24,10 +24,10 @@ $button-bg: #404040;
 $link-text: #ff6358;
 $link-hover-text: #d6534a;
 $series-a: #ff6358;
-$series-b: #ffd246;
-$series-c: #78d237;
-$series-d: #28b4c8;
-$series-e: #2d73f5;
-$series-f: #aa46be;
+$series-b: #ffe162;
+$series-c: #4cd180;
+$series-d: #4b5ffa;
+$series-e: #ac58ff;
+$series-f: #ff5892;
 
 @import "all.scss";

package/dist/default-main.scss

@@ -23,10 +23,10 @@ $button-bg: #f5f5f5;
 $link-text: #ff6358;
 $link-hover-text: #d6534a;
 $series-a: #ff6358;
-$series-b: #ffd246;
-$series-c: #78d237;
-$series-d: #28b4c8;
-$series-e: #2d73f5;
-$series-f: #aa46be;
+$series-b: #ffe162;
+$series-c: #4cd180;
+$series-d: #4b5ffa;
+$series-e: #ac58ff;
+$series-f: #ff5892;
 
 @import "all.scss";

package/lib/swatches/default-dataviz-v4.json

@@ -0,0 +1,51 @@
+{
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "name": "Default Dataviz v4",
+    "product": "kendo",
+    "base": "@progress/kendo-theme-default",
+    "previewColors": [
+        "#ff6358",
+        "#ffd246",
+        "#78d237",
+        "#28b4c8",
+        "#2d73f5"
+    ],
+    "components": [],
+    "groups": [
+        {
+            "name": "Dataviz",
+            "variables": {
+                "series-a": {
+                    "name": "Series A",
+                    "type": "color",
+                    "value": "#ff6358"
+                },
+                "series-b": {
+                    "name": "Series B",
+                    "type": "color",
+                    "value": "#ffd246"
+                },
+                "series-c": {
+                    "name": "Series C",
+                    "type": "color",
+                    "value": "#78d237"
+                },
+                "series-d": {
+                    "name": "Series D",
+                    "type": "color",
+                    "value": "#28b4c8"
+                },
+                "series-e": {
+                    "name": "Series E",
+                    "type": "color",
+                    "value": "#2d73f5"
+                },
+                "series-f": {
+                    "name": "Series F",
+                    "type": "color",
+                    "value": "#aa46be"
+                }
+            }
+        }
+    ]
+}

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

@@ -182,27 +182,27 @@
                 "series-b": {
                     "name": "Series B",
                     "type": "color",
-                    "value": "#ffd246"
+                    "value": "#ffe162"
                 },
                 "series-c": {
                     "name": "Series C",
                     "type": "color",
-                    "value": "#78d237"
+                    "value": "#4cd180"
                 },
                 "series-d": {
                     "name": "Series D",
                     "type": "color",
-                    "value": "#28b4c8"
+                    "value": "#4b5ffa"
                 },
                 "series-e": {
                     "name": "Series E",
                     "type": "color",
-                    "value": "#2d73f5"
+                    "value": "#ac58ff"
                 },
                 "series-f": {
                     "name": "Series F",
                     "type": "color",
-                    "value": "#aa46be"
+                    "value": "#ff5892"
                 }
             }
         }

package/lib/swatches/default-main.json

@@ -172,27 +172,27 @@
                 "series-b": {
                     "name": "Series B",
                     "type": "color",
-                    "value": "#ffd246"
+                    "value": "#ffe162"
                 },
                 "series-c": {
                     "name": "Series C",
                     "type": "color",
-                    "value": "#78d237"
+                    "value": "#4cd180"
                 },
                 "series-d": {
                     "name": "Series D",
                     "type": "color",
-                    "value": "#28b4c8"
+                    "value": "#4b5ffa"
                 },
                 "series-e": {
                     "name": "Series E",
                     "type": "color",
-                    "value": "#2d73f5"
+                    "value": "#ac58ff"
                 },
                 "series-f": {
                     "name": "Series F",
                     "type": "color",
-                    "value": "#aa46be"
+                    "value": "#ff5892"
                 }
             }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "5.0.0-next.4",
+  "version": "5.0.2-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "prepublishOnly": "echo 'no prebublish for default theme'",
     "postpublish": "echo 'no postpublish for default theme'"
   },
-  "gitHead": "77cbd2943ba55ea1aeac6da992c280dd37f95520"
+  "gitHead": "aa428c88a51a5b5462ad9d55a3e5c94646d1b386"
 }

package/scss/_variables.scss

@@ -11,6 +11,8 @@ $enable-flex-classes: true !default;
 $enable-grid-classes: true !default;
 
 $use-calc-badge-size: true !default;
+$use-input-button-width: true !default;
+$use-input-spinner-width: true !default;
 $use-picker-select-width: true !default;
 
 
@@ -338,25 +340,6 @@ $header-border: $base-border !default;
 $header-gradient: null !default;
 
 
-// List
-$list-item-padding-x: $padding-x !default;
-$list-item-padding-y: $padding-y !default;
-
-$list-item-bg: null !default;
-$list-item-text: $component-text !default;
-
-$list-item-hovered-bg: $hovered-bg !default;
-$list-item-hovered-text: $hovered-text !default;
-
-$list-item-selected-bg: $selected-bg !default;
-$list-item-selected-text: $selected-text !default;
-
-$list-item-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) !default;
-
-$list-container-shadow: 0 5px 10px 0 rgba(0, 0, 0, .06) !default;
-$list-container-no-data-text: rgba( $component-text, .5 ) !default;
-
-
 // Loading
 
 

package/scss/action-buttons/_layout.scss

@@ -2,6 +2,7 @@
 
     .k-actions {
         padding: $actions-padding-y $actions-padding-x;
+        box-sizing: border-box;
         border-width: $actions-border-width 0 0 0;
         border-style: solid;
         border-color: inherit;
@@ -13,6 +14,12 @@
         overflow: hidden;
         // TODO: remove
         clear: both;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 
@@ -23,6 +30,7 @@
 
 
     // Aliases
+    .k-edit-buttons,
     .k-action-buttons,
     .k-columnmenu-actions {
         @extend .k-actions;
@@ -43,7 +51,7 @@
         }
     }
 
-    // Legacy align
+    // Actions align
     .k-actions-start {
         justify-content: flex-start;
     }
@@ -57,4 +65,13 @@
         flex: 1 0 0%;
     }
 
+    // Actions orientation
+    .k-actions-horizontal {
+        width: 100%;
+        flex-flow: row nowrap;
+    }
+    .k-actions-vertical {
+        flex-flow: column nowrap;
+    }
+
 }

package/scss/action-sheet/_layout.scss

@@ -27,6 +27,12 @@
         overflow-y: auto;
         position: fixed;
         z-index: 10002;
+
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
     }
 
 

package/scss/adaptive/_layout.scss

@@ -83,14 +83,6 @@
             }
         }
 
-        .k-grid-filter-menu {
-
-            .k-filter-selected-items {
-                margin: 1em;
-                font-weight: normal;
-            }
-        }
-
         .k-grid-edit-form {
 
             .k-popup-edit-form,
@@ -99,10 +91,6 @@
                 min-width: auto;
             }
         }
-
-        .k-grid .k-grid-search {
-            width: 100%;
-        }
     }
 
     .k-grid.k-grid-mobile {
@@ -159,10 +147,6 @@
             .k-scheduler-recur-end-wrap {
                 white-space: nowrap;
             }
-
-            .k-edit-buttons {
-                border-width: 0;
-            }
         }
     }
 
@@ -213,6 +197,12 @@
                     font-size: 12px;
                 }
             }
+
+            .k-scheduler-views-wrapper {
+                .k-views-dropdown {
+                    display: inline-block;
+                }
+            }
         }
 
         .k-scheduler-footer {
@@ -367,39 +357,18 @@
 
     .k-pane-wrapper {
 
-        .k-grid-edit-form,
-        .k-grid-column-menu,
-        .k-grid-filter-menu,
-        .k-scheduler-edit-form {
-
-            > .k-header {
-                display: flex;
-                justify-content: space-between;
-                padding: .3em .6em;
-                width: auto;
-                line-height: 2em;
-
-                .k-header-done,
-                .k-header-cancel {
-                    display: flex;
-                    flex-direction: row;
-                    align-items: center;
-
-                    .k-icon {
-                        font-size: 1.5em;
-                    }
-                }
-            }
+        .k-appbar {
+            padding: map-get( $spacing, 1 );
         }
 
         .k-list-title,
-        .k-filter-help-text,
-        .k-list-group-header {
+        .k-filter-help-text {
             padding: $listgroup-item-padding-y $listgroup-item-padding-x;
             display: block;
         }
 
-        .k-list-group-header {
+        .k-listgroup-title {
+            padding: $listgroup-item-padding-y $listgroup-item-padding-x;
             font-weight: bold;
             text-transform: uppercase;
         }
@@ -411,31 +380,56 @@
             }
         }
         .k-listgroup + .k-listgroup {
-            margin-top: 2em;
+            margin-top: map-get( $spacing, 4 );
         }
 
         // Column menu
         .k-column-menu {
+            padding: map-get( $spacing, 2 );
+            display: flex;
+            flex-flow: column nowrap;
+            gap: map-get( $spacing, 2 );
 
             .k-filter-item .k-filterable * {
                 pointer-events: none;
             }
+
+            .k-list-title,
+            .k-listgroup-title {
+                padding: 0;
+            }
+
+            .k-listgroup {
+                margin-inline: -#{map-get( $spacing, 2 )};
+            }
         }
 
         // Filter menu
         .k-filter-menu {
+            padding: map-get( $spacing, 2 );
+            display: flex;
+            flex-flow: column nowrap;
+            gap: map-get( $spacing, 2 );
 
-            .k-space-right {
-                margin: .5em 10px;
-                width: auto;
+            .k-list-title {
+                padding: 0;
+            }
+
+            .k-list-filter {
+                padding: 0;
                 display: flex;
-                align-items: center;
+                flex-flow: column nowrap;
+                gap: inherit;
             }
 
             .k-filter-tools {
-                margin: 1em;
                 display: flex;
-                justify-content: space-between;
+                flex-flow: row nowrap;
+                gap: inherit;
+            }
+
+            .k-listgroup {
+                margin-inline: -#{map-get( $spacing, 2 )};
             }
         }
 
@@ -458,16 +452,7 @@
             overflow-y: auto;
         }
 
-        .k-state-disabled {
-            opacity: 1;
-
-            > * {
-                opacity: .7;
-            }
-        }
-
         // Pager
-
         .k-pager-wrap.k-pager-sm {
             justify-content: center;
 
@@ -477,47 +462,14 @@
 
         }
 
-        // IE
-
-        .k-ie & {
-
-            .k-scheduler {
-                .k-scheduler-toolbar,
-                .k-scheduler-footer {
-                    line-height: 2em;
-                }
-            }
-
-            .k-grid {
-
-                .k-icon {
-                    text-indent: 0;
-                }
-            }
-        }
-
         // RTL
-
         .k-rtl &,
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            .k-grid-edit-form,
-            .k-grid-column-menu,
-            .k-grid-filter-menu,
-            .k-scheduler-edit-form {
-
-                > .k-header {
-                    flex-direction: row-reverse;
-                }
-            }
-
-            .k-filter-menu {
-
-                .k-space-right > .k-i-zoom {
-                    left: 15px;
-                    right: auto;
-                }
+            .k-header-cancel .k-i-arrow-chevron-left,
+            .k-listgroup-item .k-select .k-i-arrow-chevron-right {
+                transform: scaleX( -1 );
             }
 
             .k-scheduler-mobile {
@@ -539,10 +491,6 @@
                     margin-right: 0;
                 }
             }
-
-            .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
-                transform: scaleX(-1);
-            }
         }
     }
 }

package/scss/adaptive/_theme.scss

@@ -66,15 +66,6 @@
         .k-grid-filter-menu,
         .k-scheduler-edit-form {
 
-            .k-header {
-                color: $adaptive-menu-text;
-                background-color: $adaptive-menu-bg;
-
-                .k-link {
-                    color: inherit;
-                }
-            }
-
             .k-item,
             .k-link {
                 color: $base-text;

package/scss/all.scss

@@ -1,150 +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 "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";