@progress/kendo-theme-default 6.4.0-dev.3 → 6.4.0-dev.5

package/dist/meta/variables.json

@@ -9255,6 +9255,10 @@
         "type": "Number",
         "value": "230px"
     },
+    "kendo-grid-column-menu-max-width": {
+        "type": "Number",
+        "value": "320px"
+    },
     "kendo-grid-filter-menu-check-all-border-bottom-width": {
         "type": "Number",
         "value": "1px"
@@ -9575,6 +9579,10 @@
         "type": "Color",
         "value": "rgba(255, 99, 88, 0.25)"
     },
+    "kendo-spreadsheet-dropzone-spacing-y": {
+        "type": "Number",
+        "value": "16px"
+    },
     "kendo-pivotgrid-spacer": {
         "type": "Number",
         "value": "16px"
@@ -10537,7 +10545,7 @@
     },
     "kendo-editor-selectednode-outline-color": {
         "type": "Color",
-        "value": "#8cf"
+        "value": "#88ccff"
     },
     "kendo-image-editor-margin-y": {
         "type": "Null",

package/dist/meta/variables.scss

@@ -5,6 +5,6 @@ $_vars: meta.module-variables("all");
 
 body {
     @each $key, $val in $_vars {
-        var: k-resolve-var( unquote($key), meta.type-of( $val ), $val );
+        var: k-resolve-var( unquote($key), meta.type-of( $val ), $val ); // stylelint-disable-line
     }
 }

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.0-dev.3",
+    "version": "6.4.0-dev.5",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.4.0-dev.3",
+  "version": "6.4.0-dev.5",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,8 +49,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.5.0",
-    "@progress/kendo-theme-core": "6.4.0-dev.3",
-    "@progress/kendo-theme-utils": "6.4.0-dev.3"
+    "@progress/kendo-theme-core": "6.4.0-dev.5",
+    "@progress/kendo-theme-utils": "6.4.0-dev.5"
   },
-  "gitHead": "49c493e6e14a9c9f6e3e1c41d3219c7ff10f8527"
+  "gitHead": "113bdd2ea2c7998399b68fc676b3024b1b3ed030"
 }

package/scss/_variables.scss

@@ -19,7 +19,6 @@ $kendo-auto-bootstrap: true !default;
 
 // Spacing
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: 2px,
@@ -96,7 +95,7 @@ $kendo-padding-y: 4px !default;
 $kendo-padding-sm-x: k-map-get( $kendo-spacing, 1 ) !default;
 /// Small vertical padding.
 /// @group common
-$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// Medium horizontal padding.
 /// @group common
 $kendo-padding-md-x: k-map-get( $kendo-spacing, 2 ) !default;
@@ -115,13 +114,13 @@ $kendo-padding-lg-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 /// Small border radius.
 /// @group common
-$kendo-border-radius-sm: $kendo-border-radius - k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-border-radius-sm: $kendo-border-radius - k-map-get( $kendo-spacing, 0.5 ) !default;
 /// Medium border radius.
 /// @group common
 $kendo-border-radius-md: $kendo-border-radius !default;
 /// Large border radius.
 /// @group common
-$kendo-border-radius-lg: $kendo-border-radius + k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-border-radius-lg: $kendo-border-radius + k-map-get( $kendo-spacing, 0.5 ) !default;
 
 $kendo-border-radii: (
     DEFAULT: $kendo-border-radius-md,

package/scss/action-sheet/_layout.scss

@@ -12,11 +12,6 @@
         z-index: 9999;
         overflow: hidden;
         transform: translateZ(0);
-    }
-
-
-    // Animation container
-    .k-actionsheet-container {
 
         // Overlay
         > .k-overlay {

package/scss/adaptive/_layout.scss

@@ -58,7 +58,7 @@
 
 
     // Grid specific styles
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         > div.k-pane {
             box-shadow: none;
@@ -118,7 +118,7 @@
 
 
     // Scheduler specific styles
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         .k-scheduler-edit-form {
 
@@ -345,7 +345,7 @@
 
 
     // Common styles for the Adaptive Layout
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         .k-appbar {
             padding: k-map-get( $kendo-spacing, 1 );
@@ -460,24 +460,12 @@
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            .k-header-cancel .k-button-icon,
-            .k-listgroup-item .k-select .k-svg-icon,
-            .k-listgroup-item .k-select .k-icon {
-                transform: scaleX( -1 );
-            }
-
             .k-scheduler-mobile {
 
                 .k-scheduler-toolbar {
-
                     > ul > li {
                         border: 0;
                     }
-
-                    .k-nav-prev,
-                    .k-nav-next {
-                        transform: scaleX(-1);
-                    }
                 }
 
                 .k-task .k-i-reload {

package/scss/adaptive/_theme.scss

@@ -74,7 +74,7 @@
             .k-clear,
             .k-select-all,
             .k-scheduler-delete,
-            .k-scheduler-resetSeries { // sass-lint:disable-line class-name-format
+            .k-scheduler-resetSeries { // stylelint-disable-line
                 color: $kendo-adaptive-menu-clear-text;
             }
 

package/scss/badge/_variables.scss

@@ -14,7 +14,7 @@ $kendo-badge-border-radius: $kendo-border-radius-md !default;
 $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 /// The horizontal padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The horizontal padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
@@ -27,7 +27,7 @@ $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;

package/scss/button/_layout.scss

@@ -203,20 +203,20 @@
 
     // Flat button
     .k-button-flat {
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         color: inherit;
-        background: none !important; // sass-lint:disable-line no-important
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
+        box-shadow: none !important; // stylelint-disable-line declaration-no-important
 
         // Overlay background
         &::before {
-            display: block !important; // sass-lint:disable-line no-important
+            display: block !important; // stylelint-disable-line declaration-no-important
         }
 
         // Focus ring
         &::after {
             box-shadow: inset 0 0 0 2px currentColor;
-            display: block !important; // sass-lint:disable-line no-important
+            display: block !important; // stylelint-disable-line declaration-no-important
         }
 
         &:focus::after,
@@ -250,10 +250,10 @@
 
     // Clear button
     .k-button-clear {
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         color: inherit;
-        background: none !important; // sass-lint:disable-line no-important
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
+        box-shadow: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -277,7 +277,7 @@
     }
 
 
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::before {
             @extend .k-button-overlay !optional;
@@ -326,7 +326,7 @@
 
 
     // Button focus ring
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::after {
             @include border-radius( inherit );

package/scss/button/_variables.scss

@@ -26,7 +26,7 @@ $kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Button.
 /// @group button
-$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Button.
 /// @group button
 $kendo-button-md-padding-y: $kendo-button-padding-y !default;

package/scss/calendar/_layout.scss

@@ -492,11 +492,6 @@
     .k-calendar.k-rtl,
     .k-calendar[dir="rtl"] {
 
-        .k-calendar-nav-prev,
-        .k-calendar-nav-next {
-            transform: scaleX(-1);
-        }
-
         .k-content.k-scrollable,
         .k-calendar-content.k-scrollable {
             @include hide-scrollbar("left");

package/scss/calendar/_theme.scss

@@ -155,7 +155,7 @@
 
 
     // Multiview calendar
-    .k-calendar {
+    .k-calendar { // stylelint-disable-line
 
         $kendo-calendar-range-gap: 1px !default;
         $kendo-calendar-range-bg: rgba( $kendo-calendar-cell-selected-bg, .25 );

package/scss/calendar/_variables.scss

@@ -115,8 +115,8 @@ $kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default
 $kendo-calendar-sm-font-size: $kendo-font-size-md !default;
 $kendo-calendar-sm-line-height: $kendo-line-height-md !default;
 $kendo-calendar-sm-cell-size: 28px !default;
-$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
+$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 
 $kendo-calendar-md-font-size: $kendo-font-size-md !default;
 $kendo-calendar-md-line-height: $kendo-line-height-md !default;

package/scss/chat/_layout.scss

@@ -276,8 +276,8 @@
         box-sizing: border-box;
         border-width: 1px 0 0;
         border-style: solid;
-        border-color: inherit !important; // sass-lint:disable-line no-important
-        border-radius: 0 !important; // sass-lint:disable-line no-important
+        border-color: inherit !important; // stylelint-disable-line declaration-no-important
+        border-radius: 0 !important; // stylelint-disable-line declaration-no-important
         flex: none;
         display: flex;
         flex-flow: row nowrap;

package/scss/checkbox/_layout.scss

@@ -110,7 +110,7 @@
 
         .k-ripple {
             // Hide ripple temporarily
-            visibility: hidden !important; // sass-lint:disable-line no-important
+            visibility: hidden !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-checkbox + .k-label,
@@ -124,7 +124,7 @@
 
     // Empty label
     .k-checkbox-label:empty {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
     .k-checkbox-label.k-no-text {
         min-width: 1px;
@@ -179,7 +179,7 @@
 
         .k-checkbox:focus,
         .k-checkbox.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-checkbox:disabled::after,

package/scss/checkbox/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-checkbox--theme-base () {
+@mixin kendo-checkbox--theme-base() {
 
     // Checkbox
     .k-checkbox {

package/scss/chip/_layout.scss

@@ -27,7 +27,7 @@
         }
 
         .k-selected-icon-wrapper {
-            display: none !important; // sass-lint:disable-line no-important
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
     }
 

package/scss/chip/_theme.scss

@@ -1,4 +1,4 @@
-@mixin kendo-chip--theme-base () {
+@mixin kendo-chip--theme-base() {
 
     // Solid
     @each $name, $color in $kendo-chip-theme-colors {

package/scss/chip/_variables.scss

@@ -28,7 +28,7 @@ $kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Chip.
 /// @group chip
-$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Chip.
 /// @group chip
 $kendo-chip-md-padding-y: $kendo-chip-padding-y !default;

package/scss/color-preview/_layout.scss

@@ -9,8 +9,7 @@
         box-sizing: border-box;
         border-style: solid;
         display: inline-flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
+        flex-flow: row nowrap;
         position: relative;
         overflow: hidden;
 

package/scss/common/_animations.scss

@@ -352,9 +352,8 @@
         }
 
         &-exit-active {
-            // sass-lint:disable-block no-important
             // override any max-height set to element to allow animation
-            max-height: 0 !important;
+            max-height: 0 !important; // stylelint-disable-line declaration-no-important
             transition: max-height 300ms ease-in-out;
         }
     }
@@ -371,9 +370,8 @@
         }
 
         &-exit-active {
-            // sass-lint:disable-block no-important
             // override any max-height set to element to allow animation
-            max-width: 0 !important;
+            max-width: 0 !important; // stylelint-disable-line declaration-no-important
             transition: max-width 300ms ease-in-out;
         }
     }
@@ -385,7 +383,7 @@
 
     .k-fx-end .k-fx-next,
     .k-fx-end .k-fx-current {
-        transition: all $fx-duration ease-out; // sass-lint:disable-line no-transition-all
+        transition: all $fx-duration ease-out;
     }
 
     .k-fx {
@@ -402,8 +400,7 @@
 
     .k-fx-hidden,
     .k-fx-hidden * {
-        // sass-lint:disable-block no-important
-        visibility: hidden !important;
+        visibility: hidden !important; // stylelint-disable-line declaration-no-important
     }
 
     .k-fx-reverse {
@@ -417,8 +414,8 @@
     }
 
     // Zoom
+    // stylelint-disable declaration-no-important
     .k-fx-zoom {
-        // sass-lint:disable-block no-important
         &.k-fx-start .k-fx-next {
             transform: scale(0) !important;
         }
@@ -442,6 +439,7 @@
             }
         }
     }
+    // stylelint-enable declaration-no-important
 
     // Fade
     .k-fx-fade {
@@ -480,7 +478,7 @@
         &.k-fx-end .k-fx-current .km-content,
         &.k-fx-end .k-fx-current .km-header,
         &.k-fx-end .k-fx-current .km-footer {
-            transition: all $fx-duration ease-out; // sass-lint:disable-line no-transition-all
+            transition: all $fx-duration ease-out;
         }
 
         // left

package/scss/common/_base.scss

@@ -57,8 +57,7 @@
     // PDF export icons fix
     .kendo-pdf-hide-pseudo-elements::before,
     .kendo-pdf-hide-pseudo-elements::after {
-        // sass-lint:disable-block no-important
-        display: none !important;
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 }
 

package/scss/dataviz/_layout.scss

@@ -11,6 +11,7 @@
 
 
     // Exported variables
+    // stylelint-disable selector-class-pattern
     .k-var--chart-font {
         font-size: $kendo-chart-font-size;
     }
@@ -27,6 +28,7 @@
     .k-var--chart-label-font {
         font-size: $kendo-chart-label-font-size;
     }
+    // stylelint-enable selector-class-pattern
 
     // Elements
     .k-chart,

package/scss/dataviz/_theme.scss

@@ -1,6 +1,7 @@
 @mixin kendo-dataviz--theme-base() {
 
     // Exported variables
+    // stylelint-disable  selector-class-pattern
     .k-var--chart-inactive {
         background-color: $kendo-chart-inactive;
     }
@@ -44,6 +45,7 @@
     .k-var--chart-error-bars-background {
         background-color: $kendo-chart-error-bars-background;
     }
+    // stylelint-enable  selector-class-pattern
 
     // Elements
     .k-chart,

package/scss/drawer/_layout.scss

@@ -22,7 +22,7 @@
         display: flex;
         flex-direction: column;
         flex: 0 0 auto;
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
         overflow: hidden;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
@@ -110,7 +110,7 @@
         overflow-x: hidden;
         overflow-y: auto;
         scrollbar-width: thin; // Scrollbar styles for Mozilla
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
 
         // Scrollbar styles for Chrome, Safari and Opera
         &::-webkit-scrollbar {