@progress/kendo-theme-default 5.11.1-dev.1 → 5.11.1-dev.2

package/dist/all.css

@@ -6869,7 +6869,8 @@ kendo-sortable {
     display: none;
 }
 
-.k-widget .k-icon.k-i-expand, .k-widget .k-icon.k-i-collapse {
+.k-icon-action {
+    padding: 4px;
     cursor: pointer;
 }
 
@@ -14960,98 +14961,98 @@ textarea.k-input-inner {
 }
 
 .k-chip-solid-base {
-    border-color: #c6c6c6;
+    border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
-    background-color: #f0f0f0;
+    background-color: #f5f5f5;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
 .k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
-    box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.16);
-    background-color: #f0f0f0;
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
 .k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
-    background-color: #e1e1e1;
+    background-color: #ebebeb;
 }
 
 .k-chip-solid-base.k-selected {
-    background-color: #d2d2d2;
+    background-color: #d8d8d8;
 }
 
 .k-chip-solid-error {
-    border-color: #fbb9b3;
-    color: #f31700;
-    background-color: #feeceb;
+    border-color: #f65140;
+    color: #550800;
+    background-color: #fdd1cc;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
 .k-chip-solid-error:focus, .k-chip-solid-error.k-focus {
     box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
-    background-color: #feeceb;
 }
 
 .k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
-    background-color: #fddad6;
+    background-color: #fbaea6;
 }
 
 .k-chip-solid-error.k-selected {
-    background-color: #fcc7c2;
+    background-color: #f98b80;
 }
 
 .k-chip-solid-info {
-    border-color: #b3cdf8;
-    color: #0058e9;
-    background-color: #ebf2fd;
+    border-color: #4082ef;
+    color: #001f52;
+    background-color: #ccdefb;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
 .k-chip-solid-info:focus, .k-chip-solid-info.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
-    background-color: #ebf2fd;
 }
 
 .k-chip-solid-info:hover, .k-chip-solid-info.k-hover {
-    background-color: #d6e4fb;
+    background-color: #a6c5f7;
 }
 
 .k-chip-solid-info.k-selected {
-    background-color: #c2d7fa;
+    background-color: #80acf4;
 }
 
 .k-chip-solid-warning {
-    border-color: #ffecb3;
-    color: #ffc000;
-    background-color: #fffaeb;
+    border-color: #ffd040;
+    color: #594300;
+    background-color: #fff2cc;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
 .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus {
     box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
-    background-color: #fffaeb;
 }
 
 .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover {
-    background-color: #fff5d6;
+    background-color: #ffe9a6;
 }
 
 .k-chip-solid-warning.k-selected {
-    background-color: #fff0c2;
+    background-color: #ffe080;
 }
 
 .k-chip-solid-success {
-    border-color: #c3e9b3;
-    color: #37b400;
-    background-color: #eff9eb;
+    border-color: #69c740;
+    color: #133f00;
+    background-color: #d7f0cc;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
 .k-chip-solid-success:focus, .k-chip-solid-success.k-focus {
     box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
-    background-color: #eff9eb;
 }
 
 .k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
-    background-color: #dff3d6;
+    background-color: #b9e5a6;
 }
 
 .k-chip-solid-success.k-selected {
-    background-color: #cfedc2;
+    background-color: #9bda80;
 }
 
 .k-chip-outline-base {
@@ -15061,7 +15062,7 @@ textarea.k-input-inner {
 }
 
 .k-chip-outline-base:focus, .k-chip-outline-base.k-focus {
-    box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
 .k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
@@ -15075,8 +15076,8 @@ textarea.k-input-inner {
 }
 
 .k-chip-outline-error {
-    border-color: #f31700;
-    color: #f31700;
+    border-color: #b61100;
+    color: #b61100;
     background-color: #ffffff;
 }
 
@@ -15086,17 +15087,17 @@ textarea.k-input-inner {
 
 .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
     color: white;
-    background-color: #f31700;
+    background-color: #b61100;
 }
 
 .k-chip-outline-error.k-selected {
     color: white;
-    background-color: #f31700;
+    background-color: #b61100;
 }
 
 .k-chip-outline-info {
-    border-color: #0058e9;
-    color: #0058e9;
+    border-color: #0042af;
+    color: #0042af;
     background-color: #ffffff;
 }
 
@@ -15106,17 +15107,17 @@ textarea.k-input-inner {
 
 .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
     color: white;
-    background-color: #0058e9;
+    background-color: #0042af;
 }
 
 .k-chip-outline-info.k-selected {
     color: white;
-    background-color: #0058e9;
+    background-color: #0042af;
 }
 
 .k-chip-outline-warning {
     border-color: #ffc000;
-    color: #ffc000;
+    color: #424242;
     background-color: #ffffff;
 }
 
@@ -15125,18 +15126,18 @@ textarea.k-input-inner {
 }
 
 .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover {
-    color: black;
+    color: #332600;
     background-color: #ffc000;
 }
 
 .k-chip-outline-warning.k-selected {
-    color: black;
+    color: #332600;
     background-color: #ffc000;
 }
 
 .k-chip-outline-success {
-    border-color: #37b400;
-    color: #37b400;
+    border-color: #298700;
+    color: #298700;
     background-color: #ffffff;
 }
 
@@ -15146,12 +15147,12 @@ textarea.k-input-inner {
 
 .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
     color: white;
-    background-color: #37b400;
+    background-color: #298700;
 }
 
 .k-chip-outline-success.k-selected {
     color: white;
-    background-color: #37b400;
+    background-color: #298700;
 }
 
 .k-color-preview {
@@ -23264,6 +23265,7 @@ kendo-card-footer {
 .k-popover-inner {
     position: relative;
     border-radius: inherit;
+    height: inherit;
 }
 
 .k-popover-header {
@@ -33025,6 +33027,11 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
     vertical-align: top;
 }
 
+.k-scheduler-layout td.k-selected,
+.k-scheduler-layout .k-scheduler-cell.k-selected {
+    outline: none;
+}
+
 .k-scheduler-layout tr + tr .k-scheduler-times tr th,
 .k-scheduler-layout .k-scheduler-pane + .k-scheduler-pane .k-scheduler-times tr th {
     border-bottom-color: transparent;
@@ -33114,6 +33121,10 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
     overflow: auto;
 }
 
+.k-scheduler-content:focus {
+    outline: none;
+}
+
 kendo-scheduler .k-event,
 .k-event {
     border-radius: 4px;

package/dist/all.scss

@@ -1014,6 +1014,7 @@ $default-scrollbar-width: 17px !default;
 $icon-size: 16px !default;
 $icon-size-lg: 32px !default;
 $icon-spacing: map-get( $spacing, 1 ) !default;
+$icon-padding: map-get( $spacing, 1 ) !default;
 
 /// The URL to the icon font that will be used by the theme
 /// The default value of `null` embeds the package font with a `data:` URL
@@ -4869,11 +4870,9 @@ $display4-letter-spacing: null !default;
         display: none;
     }
 
-    .k-widget .k-icon {
-        &.k-i-expand,
-        &.k-i-collapse {
-            cursor: pointer;
-        }
+    .k-icon-action {
+        padding: $icon-padding;
+        cursor: pointer;
     }
 
     .k-icon-xs { font-size: ( $icon-size * .5 ); }
@@ -11306,7 +11305,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: $base-text !default;
+$kendo-chip-base-bg: $kendo-button-bg !default;
 
 /// Theme colors map for the chip.
 /// @group chip
@@ -11320,34 +11319,37 @@ $kendo-chip-theme-colors: (
 
 /// The base background color of solid chip.
 /// @group chip
-$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-bg: $kendo-chip-base-bg !default;
 /// The base text color of solid chip.
 /// @group chip
-$kendo-chip-solid-text: $kendo-chip-base-bg !default;
+$kendo-chip-solid-text: $kendo-button-text !default;
 /// The base border color of solid chip.
 /// @group chip
-$kendo-chip-solid-border: try-tint( $kendo-chip-base-bg, 70% ) !default;
+$kendo-chip-solid-border: $kendo-button-border !default;
 /// The base shadow of solid chip.
 /// @group chip
-$kendo-chip-solid-shadow: 0 0 0 2px rgba( $kendo-chip-base-bg, .16 ) !default;
+$kendo-chip-solid-shadow: 0 0 0 2px if($dark-theme, rgba( 255, 255, 255, .16 ), rgba( 0, 0, 0, .08 )) !default;
+/// The base gradient of solid chip.
+/// @group chip
+$kendo-chip-solid-gradient: $kendo-button-gradient !default;
 
 /// The base background color of focused solid chip.
 /// @group chip
-$kendo-chip-solid-focus-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-focus-bg: null !default;
 /// The base text color of focused solid chip.
 /// @group chip
 $kendo-chip-solid-focus-text: null !default;
 
 /// The base background color of hovered solid chip.
 /// @group chip
-$kendo-chip-solid-hover-bg: try-tint( $kendo-chip-base-bg, 84% ) !default;
+$kendo-chip-solid-hover-bg: $kendo-button-hover-bg !default;
 /// The base text color of hovered solid chip.
 /// @group chip
 $kendo-chip-solid-hover-text: null !default;
 
 /// The base background color of selected solid chip.
 /// @group chip
-$kendo-chip-solid-selected-bg: try-tint( $kendo-chip-base-bg, 76% ) !default;
+$kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
 /// The base text color of selected solid chip.
 /// @group chip
 $kendo-chip-solid-selected-text: null !default;
@@ -11357,20 +11359,20 @@ $kendo-chip-solid-selected-text: null !default;
 $kendo-chip-outline-bg: $component-bg !default;
 /// The base text color of outline chip.
 /// @group chip
-$kendo-chip-outline-text: $kendo-chip-base-bg !default;
+$kendo-chip-outline-text: $kendo-chip-solid-text !default;
 /// The base border color of outline chip.
 /// @group chip
-$kendo-chip-outline-border: $kendo-chip-base-bg !default;
+$kendo-chip-outline-border: $kendo-chip-outline-text !default;
 /// The base shadow of outline chip.
 /// @group chip
-$kendo-chip-outline-shadow: 0 0 0 2px rgba( $kendo-chip-base-bg, .16 ) !default;
+$kendo-chip-outline-shadow: 0 0 0 2px if($dark-theme, rgba( 255, 255, 255, .16 ), rgba( 0, 0, 0, .08 )) !default;
 
 /// The base background color of hovered outline chip.
 /// @group chip
-$kendo-chip-outline-hover-bg: $kendo-chip-base-bg !default;
+$kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
 /// The base text color of hovered outline chip.
 /// @group chip
-$kendo-chip-outline-hover-text: contrast-wcag( $kendo-chip-base-bg ) !default;
+$kendo-chip-outline-hover-text: contrast-wcag( $kendo-chip-outline-hover-bg ) !default;
 
 /// The base background color of selected outline chip.
 /// @group chip
@@ -11577,7 +11579,8 @@ $kendo-chip-list-sizes: (
                 @include fill(
                     $kendo-chip-solid-text,
                     $kendo-chip-solid-bg,
-                    $kendo-chip-solid-border
+                    $kendo-chip-solid-border,
+                    $kendo-chip-solid-gradient
                 );
 
                 &:focus,
@@ -11596,24 +11599,24 @@ $kendo-chip-list-sizes: (
                 }
             } @else {
                 @include fill(
-                    $color,
-                    try-tint( $color, 92% ),
-                    try-tint( $color, 70% )
+                    try-shade( $color, 65% ),
+                    try-tint( $color, 80% ),
+                    try-tint( $color, 25% ),
+                    $kendo-chip-solid-gradient
                 );
 
                 &:focus,
                 &.k-focus {
                     @include box-shadow( 0 0 0 2px rgba( $color, .16 ) );
-                    @include fill( $bg: try-tint( $color, 92% ) );
                 }
 
                 &:hover,
                 &.k-hover {
-                    @include fill( $bg: try-tint($color, 84% ) );
+                    @include fill( $bg: try-tint($color, 65% ) );
                 }
 
                 &.k-selected {
-                    @include fill( $bg: try-tint( $color, 76% ) );
+                    @include fill( $bg: try-tint( $color, 50% ) );
                 }
             }
         }
@@ -11649,30 +11652,56 @@ $kendo-chip-list-sizes: (
                         $bg: $kendo-chip-outline-selected-bg
                     );
                 }
+            } @else if ($name == "warning") {
+                @include fill(
+                    if( $dark-theme, tint($color, 25%), $kendo-chip-outline-text),
+                    if( $dark-theme, $black, $white ),
+                    if( $dark-theme, tint($color, 25%), $color)
+                );
+
+                &:focus,
+                &.k-focus {
+                    @include box-shadow( 0 0 0 2px if( $dark-theme, rgba( tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
+                }
+
+                &:hover,
+                &.k-hover {
+                    @include fill(
+                        $color: if( $dark-theme, contrast-wcag( $color ), try-shade( $color, 80% ) ) ,
+                        $bg: if( $dark-theme, tint($color, 25%), $color)
+                    );
+                }
+
+                &.k-selected {
+                    @include fill(
+                        $color: if( $dark-theme, contrast-wcag( $color ), try-shade( $color, 80% ) ) ,
+                        $bg: if( $dark-theme, tint($color, 25%), $color)
+                    );
+                }
             } @else {
                 @include fill(
-                    $color,
-                    $white,
-                    $color
+                    try-shade( $color, 25% ),
+                    if( $dark-theme, $black, $white ),
+                    try-shade( $color, 25% )
                 );
 
                 &:focus,
                 &.k-focus {
-                    @include box-shadow( 0 0 0 2px rgba( $color, .16 ) );
+                    @include box-shadow( 0 0 0 2px if( $dark-theme, rgba( tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
                 }
 
                 &:hover,
                 &.k-hover {
                     @include fill(
-                        $color: contrast-wcag( $color ),
-                        $bg: $color
+                        $color: contrast-wcag( try-shade( $color, 25% ) ),
+                        $bg: try-shade( $color, 25% )
                     );
                 }
 
                 &.k-selected {
                     @include fill(
-                        $color: contrast-wcag( $color ),
-                        $bg: $color
+                        $color: contrast-wcag( try-shade( $color, 25% ) ),
+                        $bg: try-shade( $color, 25% )
                     );
                 }
             }
@@ -24175,6 +24204,7 @@ $popover-callout-border: $popover-border !default;
     .k-popover-inner {
         position: relative;
         border-radius: inherit;
+        height: inherit;
     }
 
     // Header
@@ -37441,6 +37471,11 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
             vertical-align: top;
         }
 
+        td.k-selected,
+        .k-scheduler-cell.k-selected {
+            outline: none;
+        }
+
         // Remove bottom border from first cell of hours cells spaning on two rows
         tr + tr,
         .k-scheduler-pane + .k-scheduler-pane {
@@ -37530,6 +37565,10 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
         border-color: inherit;
         position: relative;
         overflow: auto;
+
+        &:focus {
+            outline: none;
+        }
     }
 
 

package/dist/default-main-dark.scss

@@ -1,11 +1,11 @@
 $dark-theme: true;
 $border-radius: 2px;
 $primary: #ff6358;
-$secondary: #f6f6f6;
-$info: #3e80ed;
-$success: #5ec232;
-$warning: #fdce3e;
-$error: #d51923;
+$secondary: #666666;
+$info: #0058e9;
+$success: #37b400;
+$warning: #ffc000;
+$error: #f31700;
 $body-text: #ffffff;
 $body-bg: #000000;
 $headings-text: #ffffff;

package/dist/default-main.scss

@@ -1,10 +1,10 @@
 $border-radius: 2px;
 $primary: #ff6358;
-$secondary: #f6f6f6;
-$info: #3e80ed;
-$success: #5ec232;
-$warning: #fdce3e;
-$error: #d51923;
+$secondary: #666666;
+$info: #0058e9;
+$success: #37b400;
+$warning: #ffc000;
+$error: #f31700;
 $body-text: #424242;
 $body-bg: #ffffff;
 $headings-text: #272727;

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "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": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#000000",
         "#151515",
@@ -43,27 +43,27 @@
                 "secondary": {
                     "name": "Secondary",
                     "type": "color",
-                    "value": "#f6f6f6"
+                    "value": "#666666"
                 },
                 "info": {
                     "name": "Info",
                     "type": "color",
-                    "value": "#3e80ed"
+                    "value": "#0058e9"
                 },
                 "success": {
                     "name": "Success",
                     "type": "color",
-                    "value": "#5ec232"
+                    "value": "#37b400"
                 },
                 "warning": {
                     "name": "Warning",
                     "type": "color",
-                    "value": "#fdce3e"
+                    "value": "#ffc000"
                 },
                 "error": {
                     "name": "Error",
                     "type": "color",
-                    "value": "#d51923"
+                    "value": "#f31700"
                 }
             }
         },

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",
@@ -33,27 +33,27 @@
                 "secondary": {
                     "name": "Secondary",
                     "type": "color",
-                    "value": "#f6f6f6"
+                    "value": "#666666"
                 },
                 "info": {
                     "name": "Info",
                     "type": "color",
-                    "value": "#3e80ed"
+                    "value": "#0058e9"
                 },
                 "success": {
                     "name": "Success",
                     "type": "color",
-                    "value": "#5ec232"
+                    "value": "#37b400"
                 },
                 "warning": {
                     "name": "Warning",
                     "type": "color",
-                    "value": "#fdce3e"
+                    "value": "#ffc000"
                 },
                 "error": {
                     "name": "Error",
                     "type": "color",
-                    "value": "#d51923"
+                    "value": "#f31700"
                 }
             }
         },

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#50686e",

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

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

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.11.1-dev.1",
+    "version": "5.11.1-dev.2",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "5.11.1-dev.1",
+  "version": "5.11.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,11 +45,11 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "^0.6.0",
-    "@progress/kendo-theme-core": "^5.11.1-dev.1",
-    "@progress/kendo-theme-utils": "^5.11.1-dev.1"
+    "@progress/kendo-theme-core": "^5.11.1-dev.2",
+    "@progress/kendo-theme-utils": "^5.11.1-dev.2"
   },
   "devDependencies": {
     "sass-build": "^1.1.0"
   },
-  "gitHead": "19168e8bce86f6948eae191325e62150b6f31b8e"
+  "gitHead": "1abe5dc353ef37c2ad5ee6177c8fb1e3894956d6"
 }

package/scss/_variables.scss

@@ -64,6 +64,7 @@ $default-scrollbar-width: 17px !default;
 $icon-size: 16px !default;
 $icon-size-lg: 32px !default;
 $icon-spacing: map-get( $spacing, 1 ) !default;
+$icon-padding: map-get( $spacing, 1 ) !default;
 
 /// The URL to the icon font that will be used by the theme
 /// The default value of `null` embeds the package font with a `data:` URL

package/scss/chip/_theme.scss

@@ -8,7 +8,8 @@
                 @include fill(
                     $kendo-chip-solid-text,
                     $kendo-chip-solid-bg,
-                    $kendo-chip-solid-border
+                    $kendo-chip-solid-border,
+                    $kendo-chip-solid-gradient
                 );
 
                 &:focus,
@@ -27,24 +28,24 @@
                 }
             } @else {
                 @include fill(
-                    $color,
-                    try-tint( $color, 92% ),
-                    try-tint( $color, 70% )
+                    try-shade( $color, 65% ),
+                    try-tint( $color, 80% ),
+                    try-tint( $color, 25% ),
+                    $kendo-chip-solid-gradient
                 );
 
                 &:focus,
                 &.k-focus {
                     @include box-shadow( 0 0 0 2px rgba( $color, .16 ) );
-                    @include fill( $bg: try-tint( $color, 92% ) );
                 }
 
                 &:hover,
                 &.k-hover {
-                    @include fill( $bg: try-tint($color, 84% ) );
+                    @include fill( $bg: try-tint($color, 65% ) );
                 }
 
                 &.k-selected {
-                    @include fill( $bg: try-tint( $color, 76% ) );
+                    @include fill( $bg: try-tint( $color, 50% ) );
                 }
             }
         }
@@ -80,30 +81,56 @@
                         $bg: $kendo-chip-outline-selected-bg
                     );
                 }
+            } @else if ($name == "warning") {
+                @include fill(
+                    if( $dark-theme, tint($color, 25%), $kendo-chip-outline-text),
+                    if( $dark-theme, $black, $white ),
+                    if( $dark-theme, tint($color, 25%), $color)
+                );
+
+                &:focus,
+                &.k-focus {
+                    @include box-shadow( 0 0 0 2px if( $dark-theme, rgba( tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
+                }
+
+                &:hover,
+                &.k-hover {
+                    @include fill(
+                        $color: if( $dark-theme, contrast-wcag( $color ), try-shade( $color, 80% ) ) ,
+                        $bg: if( $dark-theme, tint($color, 25%), $color)
+                    );
+                }
+
+                &.k-selected {
+                    @include fill(
+                        $color: if( $dark-theme, contrast-wcag( $color ), try-shade( $color, 80% ) ) ,
+                        $bg: if( $dark-theme, tint($color, 25%), $color)
+                    );
+                }
             } @else {
                 @include fill(
-                    $color,
-                    $white,
-                    $color
+                    try-shade( $color, 25% ),
+                    if( $dark-theme, $black, $white ),
+                    try-shade( $color, 25% )
                 );
 
                 &:focus,
                 &.k-focus {
-                    @include box-shadow( 0 0 0 2px rgba( $color, .16 ) );
+                    @include box-shadow( 0 0 0 2px if( $dark-theme, rgba( tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
                 }
 
                 &:hover,
                 &.k-hover {
                     @include fill(
-                        $color: contrast-wcag( $color ),
-                        $bg: $color
+                        $color: contrast-wcag( try-shade( $color, 25% ) ),
+                        $bg: try-shade( $color, 25% )
                     );
                 }
 
                 &.k-selected {
                     @include fill(
-                        $color: contrast-wcag( $color ),
-                        $bg: $color
+                        $color: contrast-wcag( try-shade( $color, 25% ) ),
+                        $bg: try-shade( $color, 25% )
                     );
                 }
             }

package/scss/chip/_variables.scss

@@ -60,7 +60,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: $base-text !default;
+$kendo-chip-base-bg: $kendo-button-bg !default;
 
 /// Theme colors map for the chip.
 /// @group chip
@@ -74,34 +74,37 @@ $kendo-chip-theme-colors: (
 
 /// The base background color of solid chip.
 /// @group chip
-$kendo-chip-solid-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-bg: $kendo-chip-base-bg !default;
 /// The base text color of solid chip.
 /// @group chip
-$kendo-chip-solid-text: $kendo-chip-base-bg !default;
+$kendo-chip-solid-text: $kendo-button-text !default;
 /// The base border color of solid chip.
 /// @group chip
-$kendo-chip-solid-border: try-tint( $kendo-chip-base-bg, 70% ) !default;
+$kendo-chip-solid-border: $kendo-button-border !default;
 /// The base shadow of solid chip.
 /// @group chip
-$kendo-chip-solid-shadow: 0 0 0 2px rgba( $kendo-chip-base-bg, .16 ) !default;
+$kendo-chip-solid-shadow: 0 0 0 2px if($dark-theme, rgba( 255, 255, 255, .16 ), rgba( 0, 0, 0, .08 )) !default;
+/// The base gradient of solid chip.
+/// @group chip
+$kendo-chip-solid-gradient: $kendo-button-gradient !default;
 
 /// The base background color of focused solid chip.
 /// @group chip
-$kendo-chip-solid-focus-bg: try-tint( $kendo-chip-base-bg, 92% ) !default;
+$kendo-chip-solid-focus-bg: null !default;
 /// The base text color of focused solid chip.
 /// @group chip
 $kendo-chip-solid-focus-text: null !default;
 
 /// The base background color of hovered solid chip.
 /// @group chip
-$kendo-chip-solid-hover-bg: try-tint( $kendo-chip-base-bg, 84% ) !default;
+$kendo-chip-solid-hover-bg: $kendo-button-hover-bg !default;
 /// The base text color of hovered solid chip.
 /// @group chip
 $kendo-chip-solid-hover-text: null !default;
 
 /// The base background color of selected solid chip.
 /// @group chip
-$kendo-chip-solid-selected-bg: try-tint( $kendo-chip-base-bg, 76% ) !default;
+$kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
 /// The base text color of selected solid chip.
 /// @group chip
 $kendo-chip-solid-selected-text: null !default;
@@ -111,20 +114,20 @@ $kendo-chip-solid-selected-text: null !default;
 $kendo-chip-outline-bg: $component-bg !default;
 /// The base text color of outline chip.
 /// @group chip
-$kendo-chip-outline-text: $kendo-chip-base-bg !default;
+$kendo-chip-outline-text: $kendo-chip-solid-text !default;
 /// The base border color of outline chip.
 /// @group chip
-$kendo-chip-outline-border: $kendo-chip-base-bg !default;
+$kendo-chip-outline-border: $kendo-chip-outline-text !default;
 /// The base shadow of outline chip.
 /// @group chip
-$kendo-chip-outline-shadow: 0 0 0 2px rgba( $kendo-chip-base-bg, .16 ) !default;
+$kendo-chip-outline-shadow: 0 0 0 2px if($dark-theme, rgba( 255, 255, 255, .16 ), rgba( 0, 0, 0, .08 )) !default;
 
 /// The base background color of hovered outline chip.
 /// @group chip
-$kendo-chip-outline-hover-bg: $kendo-chip-base-bg !default;
+$kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
 /// The base text color of hovered outline chip.
 /// @group chip
-$kendo-chip-outline-hover-text: contrast-wcag( $kendo-chip-base-bg ) !default;
+$kendo-chip-outline-hover-text: contrast-wcag( $kendo-chip-outline-hover-bg ) !default;
 
 /// The base background color of selected outline chip.
 /// @group chip

package/scss/icons/_layout.scss

@@ -121,11 +121,9 @@
         display: none;
     }
 
-    .k-widget .k-icon {
-        &.k-i-expand,
-        &.k-i-collapse {
-            cursor: pointer;
-        }
+    .k-icon-action {
+        padding: $icon-padding;
+        cursor: pointer;
     }
 
     .k-icon-xs { font-size: ( $icon-size * .5 ); }

package/scss/popover/_layout.scss

@@ -27,6 +27,7 @@
     .k-popover-inner {
         position: relative;
         border-radius: inherit;
+        height: inherit;
     }
 
     // Header

package/scss/scheduler/_layout.scss

@@ -298,6 +298,11 @@
             vertical-align: top;
         }
 
+        td.k-selected,
+        .k-scheduler-cell.k-selected {
+            outline: none;
+        }
+
         // Remove bottom border from first cell of hours cells spaning on two rows
         tr + tr,
         .k-scheduler-pane + .k-scheduler-pane {
@@ -387,6 +392,10 @@
         border-color: inherit;
         position: relative;
         overflow: auto;
+
+        &:focus {
+            outline: none;
+        }
     }