@progress/kendo-theme-default 4.41.2 → 5.0.0-next.2

package/dist/all.scss

@@ -31240,7 +31240,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
         border-color: inherit;
         display: flex;
         flex-direction: row;
-        align-items: start;
+        align-items: flex-start;
         position: relative;
     }
     .k-spreadsheet-sheets-bar-add {
@@ -32881,7 +32881,7 @@ $pivotgrid-remove-text: null !default;
     .k-pivot-toolbar {
         border-width: 0 0 1px;
         border-style: solid;
-        align-items: start;
+        align-items: flex-start;
         flex-wrap: wrap;
 
         > * {
@@ -37575,183 +37575,35 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
         }
 
 
-        // Scheduler views
-        .k-scheduler-views-wrapper {
-            margin-left: auto;
-
-            .k-views-dropdown {
-                width: auto;
-                font: inherit;
-                display: none;
-            }
-        }
-
-
         // Responsive scheduler toolbar
         @media (max-width: 1400px) {
             .k-nav-current .k-lg-date-format { max-width: 200px; }
         }
 
         @media (max-width: 1024px) {
-
             .k-nav-current .k-lg-date-format { display: none; }
             .k-nav-current .k-sm-date-format { display: inline-block; }
-
-            .k-scheduler-views-wrapper .k-scheduler-views { display: none; }
-            .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block; }
         }
     }
-    kendo-scheduler .k-scheduler-toolbar {
-        padding: $toolbar-padding-y $toolbar-padding-x;
-        border-style: solid;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: space-between;
-    }
 
 
     // Scheduler navigation
-    ul.k-scheduler-navigation {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        flex: 1;
-
-        li {
-            border-width: $button-border-width;
-            border-style: solid;
-            position: relative;
-            z-index: 1;
-        }
-        li + li {
-            margin-left: -$button-border-width;
-        }
-        .k-state-hover,
-        .k-state-selected {
-            z-index: 2;
-        }
-
-
-        .k-link {
-            padding: $button-padding-y $button-padding-x;
-            box-sizing: border-box;
-            color: inherit;
-            text-decoration: none;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            align-content: center;
-            justify-content: center;
-        }
-
-
-        // Prev / next
-        .k-nav-prev,
-        .k-nav-next {
-            .k-link {
-                padding: $button-padding-y;
-                width: $button-inner-calc-size;
-                height: $button-inner-calc-size;
-            }
-        }
-
-
-        // Exception
-        .k-nav-current {
-            border: 0;
-            margin-left: 0;
-            gap: 0;
-
-            > .k-link {
-                gap: $icon-spacing;
-            }
-        }
-        .k-nav-today { @include border-left-radius-only( $border-radius ); }
-        .k-nav-next { @include border-right-radius-only( $border-radius ); }
-    }
+    .k-scheduler-navigation {}
 
 
     // View switcher
-    ul.k-scheduler-views {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        margin-left: auto;
-
-        li {
-            border-width: $button-border-width;
-            border-style: solid;
-            position: relative;
-            z-index: 1;
-        }
-        li + li {
-            margin-left: -$button-border-width;
-        }
-        .k-state-hover,
-        .k-state-selected {
-            z-index: 2;
-        }
-
+    .k-scheduler-views-wrapper {
 
-        .k-link {
-            padding: $button-padding-y $button-padding-x;
-            box-sizing: border-box;
-            color: inherit;
-            text-decoration: none;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            align-content: center;
-            justify-content: center;
-        }
-
-        li:first-child { @include border-radius( $border-radius ); }
-        li:first-child + li { @include border-left-radius-only( $border-radius ); }
-        li:last-child { @include border-right-radius-only( $border-radius ); }
-
-        &.k-state-expanded {
-            li {
-                @include border-radius( 0 );
-                margin: 0;
-            }
-            li + li { margin-top: -1px; }
-            li:first-child { @include border-top-radius-only( $border-radius ); }
-            li:first-child + li { @include border-radius( 0 ); }
-            li:last-child { @include border-bottom-radius-only( $border-radius ); }
-        }
-
-        .k-current-view { display: none; }
-        .k-current-view .k-link::after {
-            content: "";
-            margin: 0 0 0 1ex;
-            border: .25em solid transparent;
-            border-top: .5em solid currentColor;
-            border-bottom-width: 0;
-            display: inline-block;
+        // Views dropdown
+        .k-views-dropdown {
+            width: auto;
+            font: inherit;
+            display: none;
         }
 
         @media (max-width: 1024px) {
-            flex-direction: column;
-            align-items: stretch;
-            position: absolute;
-            right: $toolbar-padding-x;
-            top: $toolbar-padding-y;
-            z-index: 1000;
-
-            li { display: none; }
-            .k-current-view { display: block; }
-
-
-            &.k-state-expanded {
-                li { display: block; }
-            }
-
-            .k-rtl & {
-                left: $toolbar-padding-x;
-                right: auto;
-            }
+            .k-scheduler-views { display: none; }
+            .k-views-dropdown { display: inline-block; }
         }
     }
 
@@ -37764,51 +37616,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
         white-space: nowrap;
         flex-shrink: 0;
         position: relative;
-
-        .k-widget {
-            font-size: inherit;
-        }
-
-        li {
-            border-width: $button-border-width;
-            border-style: solid;
-            position: relative;
-            z-index: 1;
-        }
-        li + li {
-            margin-left: -$button-border-width;
-        }
-        .k-state-hover,
-        .k-state-selected {
-            z-index: 2;
-        }
-
-
-        .k-link {
-            padding: $button-padding-y $button-padding-x;
-            box-sizing: border-box;
-            color: inherit;
-            text-decoration: none;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            align-content: center;
-            justify-content: center;
-            gap: $icon-spacing;
-        }
-
-        li {
-            @include border-radius( $border-radius );
-        }
-    }
-    kendo-scheduler .k-scheduler-footer {
-        padding: $toolbar-padding-y $toolbar-padding-x;
-        border-style: solid;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: space-between;
     }
 
 
@@ -38540,34 +38347,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
 
         }
 
-        .k-scheduler-views {
-            margin-left: 0;
-            margin-right: auto;
-
-            li:first-child + li { @include border-right-radius-only( $border-radius ); }
-            li:last-child { @include border-left-radius-only( $border-radius ); }
-
-            .k-current-view .k-link::after {
-                margin: 0 1ex 0 0;
-            }
-        }
-
-        .k-scheduler-navigation  {
-
-            .k-nav-today {
-                @include border-right-radius-only( $border-radius );
-            }
-
-            .k-nav-next {
-                @include border-left-radius-only( $border-radius );
-            }
-
-            li + li {
-                margin-left: 0;
-                margin-right: -1px;
-            }
-        }
-
         .k-scheduler-marquee .k-label-top {
             left: auto;
             right: 4px;
@@ -38692,96 +38471,15 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
 
 
     //Scheduler navigation
-    ul.k-scheduler-navigation {
-
-        li {
-            &.k-state-focused {
-                @include box-shadow( $list-item-focused-shadow );
-            }
-        }
-
-        .k-nav-today,
-        .k-nav-prev,
-        .k-nav-next {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-             }
-        }
-    }
+    .k-scheduler-navigation {}
 
 
     // View switcher
-    ul.k-scheduler-views {
-        &.k-state-expanded { background-color: $base-bg; }
-
-        li {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-            }
-            &.k-state-selected {
-                @include fill(
-                    $button-selected-text,
-                    $button-selected-bg,
-                    $button-selected-border,
-                    $button-selected-gradient
-                );
-            }
-            &:focus,
-            &.k-state-focus,
-            &.k-state-focused {
-                @include box-shadow( $button-focused-shadow );
-            }
-        }
-    }
+    .k-scheduler-views {}
 
 
     // Scheduler footer
-    .k-scheduler-footer {
-
-        li {
-            @include fill(
-                $button-text,
-                $button-bg,
-                $button-border,
-                $button-gradient
-            );
-
-            &:hover {
-                @include fill(
-                    $button-hovered-text,
-                    $button-hovered-bg,
-                    $button-hovered-border,
-                    $button-hovered-gradient
-                );
-            }
-        }
-    }
+    .k-scheduler-footer {}
 
 
     // Scheduler content
@@ -41370,7 +41068,7 @@ $scrollview-transition-timing-function: ease-in-out !default;
 // Chart
 /// The first base series color and its light and dark shades.
 /// @group charts
-$series-a: #ff6358 !default;
+$series-a: #4b5ffa !default;
 $series-a-dark: mix(black, $series-a, 25%) !default;
 $series-a-darker: mix(black, $series-a, 50%) !default;
 $series-a-light: mix(white, $series-a, 25%) !default;
@@ -41378,7 +41076,7 @@ $series-a-lighter: mix(white, $series-a, 50%) !default;
 
 /// The second base series color and its light and dark shades.
 /// @group charts
-$series-b: #ffd246 !default;
+$series-b: #ac58ff !default;
 $series-b-dark: mix(black, $series-b, 25%) !default;
 $series-b-darker: mix(black, $series-b, 50%) !default;
 $series-b-light: mix(white, $series-b, 25%) !default;
@@ -41386,7 +41084,7 @@ $series-b-lighter: mix(white, $series-b, 50%) !default;
 
 /// The third base series color and its light and dark shades.
 /// @group charts
-$series-c: #78d237 !default;
+$series-c: #ff5892 !default;
 $series-c-dark: mix(black, $series-c, 25%) !default;
 $series-c-darker: mix(black, $series-c, 50%) !default;
 $series-c-light: mix(white, $series-c, 25%) !default;
@@ -41394,7 +41092,7 @@ $series-c-lighter: mix(white, $series-c, 50%) !default;
 
 /// The fourth base series color and its light and dark shades.
 /// @group charts
-$series-d: #28b4c8 !default;
+$series-d: #ff6358 !default;
 $series-d-dark: mix(black, $series-d, 25%) !default;
 $series-d-darker: mix(black, $series-d, 50%) !default;
 $series-d-light: mix(white, $series-d, 25%) !default;
@@ -41402,7 +41100,7 @@ $series-d-lighter: mix(white, $series-d, 50%) !default;
 
 /// The fifth base series color and its light and dark shades.
 /// @group charts
-$series-e: #2d73f5 !default;
+$series-e: #ffe162 !default;
 $series-e-dark: mix(black, $series-e, 25%) !default;
 $series-e-darker: mix(black, $series-e, 50%) !default;
 $series-e-light: mix(white, $series-e, 25%) !default;
@@ -41410,7 +41108,7 @@ $series-e-lighter: mix(white, $series-e, 50%) !default;
 
 /// The sixth base series color and its light and dark shades.
 /// @group charts
-$series-f: #aa46be !default;
+$series-f: #4cd180 !default;
 $series-f-dark: mix(black, $series-f, 25%) !default;
 $series-f-darker: mix(black, $series-f, 50%) !default;
 $series-f-light: mix(white, $series-f, 25%) !default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "4.41.2",
+  "version": "5.0.0-next.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -13,7 +13,6 @@
   "files": [
     "dist/",
     "scss/",
-    "modules/",
     "lib/"
   ],
   "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/default",
@@ -45,7 +44,8 @@
     "dart:watch": "gulp dart:watch",
     "dart:swatches": "gulp dart:swatches",
     "dart:flat": "gulp dart:flat",
-    "prepublishOnly": "echo 'no prebublish for default theme'"
+    "prepublishOnly": "echo 'no prebublish for default theme'",
+    "postpublish": "echo 'no postpublish for default theme'"
   },
-  "gitHead": "676e32fbe2dd316795f445811ed8e9de7509d1ac"
+  "gitHead": "addf6ff1c4a1f6942c086ce0b5c514dee9ec0685"
 }

package/scss/dataviz/_variables.scss

@@ -1,7 +1,7 @@
 // Chart
 /// The first base series color and its light and dark shades.
 /// @group charts
-$series-a: #ff6358 !default;
+$series-a: #4b5ffa !default;
 $series-a-dark: mix(black, $series-a, 25%) !default;
 $series-a-darker: mix(black, $series-a, 50%) !default;
 $series-a-light: mix(white, $series-a, 25%) !default;
@@ -9,7 +9,7 @@ $series-a-lighter: mix(white, $series-a, 50%) !default;
 
 /// The second base series color and its light and dark shades.
 /// @group charts
-$series-b: #ffd246 !default;
+$series-b: #ac58ff !default;
 $series-b-dark: mix(black, $series-b, 25%) !default;
 $series-b-darker: mix(black, $series-b, 50%) !default;
 $series-b-light: mix(white, $series-b, 25%) !default;
@@ -17,7 +17,7 @@ $series-b-lighter: mix(white, $series-b, 50%) !default;
 
 /// The third base series color and its light and dark shades.
 /// @group charts
-$series-c: #78d237 !default;
+$series-c: #ff5892 !default;
 $series-c-dark: mix(black, $series-c, 25%) !default;
 $series-c-darker: mix(black, $series-c, 50%) !default;
 $series-c-light: mix(white, $series-c, 25%) !default;
@@ -25,7 +25,7 @@ $series-c-lighter: mix(white, $series-c, 50%) !default;
 
 /// The fourth base series color and its light and dark shades.
 /// @group charts
-$series-d: #28b4c8 !default;
+$series-d: #ff6358 !default;
 $series-d-dark: mix(black, $series-d, 25%) !default;
 $series-d-darker: mix(black, $series-d, 50%) !default;
 $series-d-light: mix(white, $series-d, 25%) !default;
@@ -33,7 +33,7 @@ $series-d-lighter: mix(white, $series-d, 50%) !default;
 
 /// The fifth base series color and its light and dark shades.
 /// @group charts
-$series-e: #2d73f5 !default;
+$series-e: #ffe162 !default;
 $series-e-dark: mix(black, $series-e, 25%) !default;
 $series-e-darker: mix(black, $series-e, 50%) !default;
 $series-e-light: mix(white, $series-e, 25%) !default;
@@ -41,7 +41,7 @@ $series-e-lighter: mix(white, $series-e, 50%) !default;
 
 /// The sixth base series color and its light and dark shades.
 /// @group charts
-$series-f: #aa46be !default;
+$series-f: #4cd180 !default;
 $series-f-dark: mix(black, $series-f, 25%) !default;
 $series-f-darker: mix(black, $series-f, 50%) !default;
 $series-f-light: mix(white, $series-f, 25%) !default;

package/scss/pivotgrid/_layout.scss

@@ -475,7 +475,7 @@
     .k-pivot-toolbar {
         border-width: 0 0 1px;
         border-style: solid;
-        align-items: start;
+        align-items: flex-start;
         flex-wrap: wrap;
 
         > * {