@progress/kendo-theme-default 5.3.2-dev.0 → 5.3.2-dev.3

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "previewColors": [
         "#000000",
         "#151515",

package/lib/swatches/default-main.json

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

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "5.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+    "version": "5.3.2-dev.3",
     "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.3.2-dev.0",
+  "version": "5.3.2-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -47,5 +47,5 @@
     "prepublishOnly": "node ../../scripts/themes-prepublish.js",
     "postpublish": "echo 'no postpublish for default theme'"
   },
-  "gitHead": "32946c0dfe2496ff8c6ff8661391c0376b85c7b7"
+  "gitHead": "f5a9f36ab8fec6d7ad76ea720d4db85a46aa8860"
 }

package/scss/_variables.scss

@@ -360,7 +360,7 @@ $placeholder-bg: rgba(0, 0, 0, .1) !default;
 // Validator
 $invalid-bg: null !default;
 $invalid-text: $error !default;
-$invalid-border: rgba( $error, .5 ) !default;
+$invalid-border: $error !default;
 $invalid-shadow: null !default;
 
 

package/scss/button/_index.scss

@@ -4,8 +4,6 @@
 // Dependencies
 @import "../badge/_index.scss";
 @import "../icons/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
 @import "../typography/_variables.scss";
 
 

package/scss/button/_layout.scss

@@ -68,26 +68,6 @@
 
     .k-button-text {}
 
-
-    // Button arrow
-    .k-button-arrow {
-        padding-left: $kendo-button-arrow-padding-x;
-        padding-right: $kendo-button-arrow-padding-x;
-        flex: none;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-    }
-    .k-button > .k-button-arrow {
-        margin-inline-start: -$kendo-button-arrow-padding-x;
-        margin-inline-end: -$kendo-button-padding-x;
-    }
-    .k-icon-button > .k-button-arrow {
-        margin-inline-start: 0;
-        margin-inline-end: -$kendo-button-padding-y;
-    }
-
-
     // Sizes
     .k-button-sm {
         padding: $kendo-button-padding-y-sm $kendo-button-padding-x-sm;
@@ -137,17 +117,6 @@
     }
 
 
-    // Menu button
-    .k-menu-button,
-    .k-dropdown-button {
-        aspect-ratio: auto;
-        outline: 0;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        vertical-align: middle;
-    }
-
-
     // Button group
     .k-button-group {
         margin: 0;
@@ -210,34 +179,6 @@
     }
 
 
-    // Split button
-    .k-split-button {
-
-        .k-split-button-arrow {
-            padding: $kendo-button-arrow-padding-y $kendo-button-arrow-padding-x;
-            width: auto;
-            aspect-ratio: auto;
-            flex: none;
-
-            &.k-button-sm {
-                padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
-            }
-
-            &.k-button-md {
-                padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
-            }
-
-            &.k-button-lg {
-                padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
-            }
-
-            .k-button-icon {
-                min-width: 0;
-            }
-        }
-    }
-
-
     // Flat button
     .k-button-flat {
         border-color: transparent !important; // sass-lint:disable-line no-important
@@ -296,8 +237,7 @@
 
 
     // IE
-    .k-ie .k-button-group,
-    .k-ie .k-split-button {
+    .k-ie .k-button-group {
         .k-button {
             @include border-radius( 0 );
         }

package/scss/button/_theme.scss

@@ -272,18 +272,8 @@
     }
 
 
-    // Menu button
-    .k-menu-button {}
-
-
     // Button group
     .k-button-group {}
 
 
-    // Split button
-    .k-split-button:focus,
-    .k-split-button.k-focus {
-        @include box-shadow( $kendo-button-focus-shadow );
-    }
-
 }

package/scss/button/_variables.scss

@@ -48,20 +48,6 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
 /// @group button
 $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
 
-/// Horizontal padding of the arrow button.
-/// @group button
-$kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
-$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
-$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
-$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
-
-/// Vertical padding of the arrow button.
-/// @group button
-$kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
-$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
-$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
-$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
-
 /// Theme colors map for the button.
 /// @group button
 $kendo-button-theme-colors: map-merge(

package/scss/calendar/_theme.scss

@@ -29,9 +29,11 @@
             color: $calendar-today-nav-text;
 
             &:hover,
+            &.k-hover,
             &.k-state-hover,
             &:focus,
-            &.k-state-focus {
+            &.k-state-focus,
+            &.k-focus {
                 color: $calendar-today-nav-hover-text;
             }
         }
@@ -52,7 +54,8 @@
                 .k-link {
                     box-shadow: inset 0 0 0 1px $calendar-today-color;
                 }
-                &.k-state-focused .k-link {
+                &.k-state-focused .k-link,
+                &.k-focus .k-link {
                     box-shadow: inset 0 0 0 1px $calendar-today-color, $calendar-cell-focused-shadow;
                 }
             } @else if $calendar-today-style == color {
@@ -87,7 +90,8 @@
 
         // Interactive states
         .k-calendar-td:hover .k-link,
-        .k-calendar-td.k-state-hover .k-link {
+        .k-calendar-td.k-state-hover .k-link,
+        .k-calendar-td.k-hover .k-link {
             @include fill(
                 $calendar-cell-hover-text,
                 $calendar-cell-hover-bg,
@@ -95,7 +99,8 @@
                 $calendar-cell-hover-gradient
             );
         }
-        .k-calendar-td.k-state-selected .k-link {
+        .k-calendar-td.k-state-selected .k-link,
+        .k-calendar-td.k-selected .k-link {
             @include fill(
                 $calendar-cell-selected-text,
                 $calendar-cell-selected-bg,
@@ -104,7 +109,9 @@
             );
         }
         .k-calendar-td.k-state-selected:hover .k-link,
-        .k-calendar-td.k-state-selected.k-state-hover .k-link {
+        .k-calendar-td.k-state-selected.k-state-hover .k-link,
+        .k-calendar-td.k-selected:hover .k-link,
+        .k-calendar-td.k-selected.k-hover .k-link {
             @include fill(
                 $calendar-cell-selected-hover-text,
                 $calendar-cell-selected-hover-bg,
@@ -113,11 +120,14 @@
             );
         }
         .k-calendar-td.k-state-focused .k-link,
-        .k-calendar-td.k-state-focus .k-link {
+        .k-calendar-td.k-state-focus .k-link,
+        .k-calendar-td.k-focus .k-link {
             box-shadow: $calendar-cell-focused-shadow;
         }
         .k-calendar-td.k-state-selected.k-state-focused .k-link,
-        .k-calendar-td.k-state-selected.k-state-focus .k-link {
+        .k-calendar-td.k-state-selected.k-state-focus .k-link,
+        .k-calendar-td.k-selected:focus .k-link,
+        .k-calendar-td.k-selected.k-focus .k-link {
             box-shadow: $calendar-cell-selected-focus-shadow;
         }
 
@@ -131,7 +141,8 @@
             box-shadow: inset -1px 0 $calendar-navigation-border;
 
             li:hover,
-            li.k-state-hover {
+            li.k-state-hover,
+            li.k-hover {
                 color: $calendar-today-nav-hover-text;
             }
         }
@@ -214,7 +225,8 @@
         }
 
         .k-range-start.k-state-active,
-        .k-range-end.k-state-active {
+        .k-range-end.k-state-active,
+        .k-range-end.k-active {
             .k-link {
                 box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2);
             }

package/scss/card/_theme.scss

@@ -10,6 +10,7 @@
         @include box-shadow( $card-shadow );
 
         &:focus,
+        &.k-focus,
         &.k-state-focus {
             @include fill(
                 $card-focus-text,
@@ -18,6 +19,11 @@
             );
             @include box-shadow( $card-focus-shadow );
         }
+
+        &.k-selected,
+        &.k-state-selected {
+            @include box-shadow( $card-focus-shadow );
+        }
     }
 
 
@@ -68,7 +74,10 @@
 
     .k-card-wrap {
         &.k-state-focused,
-        &.k-state-selected {
+        &.k-focus,
+        &:focus,
+        &.k-state-selected,
+        &.k-selected {
             > .k-card {
                 @include box-shadow( $card-focus-shadow );
             }
@@ -90,6 +99,7 @@
     .k-card-callout.k-callout-w { @include box-shadow( $card-callout-box-shadow-w ); }
 
     .k-card:focus .k-card-callout,
+    .k-card.k-focus .k-card-callout,
     .k-card.k-state-focus .k-card-callout {
         @include fill(
             $bg: $card-focus-bg,

package/scss/chip/_variables.scss

@@ -60,7 +60,7 @@ $kendo-chip-sizes: (
 
 /// The base background of the chip.
 /// @group chip
-$kendo-chip-base-bg: $kendo-button-text !default;
+$kendo-chip-base-bg: $base-text !default;
 
 /// Theme colors map for the chip.
 /// @group chip

package/scss/daterangepicker/_layout.scss

@@ -5,7 +5,7 @@
         width: $kendo-input-default-width;
         display: flex;
         flex-flow: row nowrap;
-        align-items: flex-start;
+        align-items: flex-end;
         gap: map-get( $spacing, 2 );
 
         *,

package/scss/floating-label/_theme.scss

@@ -10,6 +10,7 @@
             );
         }
 
+        &.k-focus > .k-label,
         &.k-state-focused > .k-label {
             @include fill(
                 $color: $floating-label-focus-text,

package/scss/gantt/_layout.scss

@@ -731,13 +731,17 @@
     }
     .k-gantt-tooltip-validation-label {
         display: inline-flex;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        min-width: $gantt-validation-tooltip-label-width;
     }
     .k-gantt-tooltip-validation-value {
         font-weight: $font-weight-bold;
     }
+    .k-gantt-tooltip-validation-label,
+    .k-gantt-tooltip-validation-value {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
 }
 
 @include exports("gantt/export") {

package/scss/gantt/_variables.scss

@@ -87,6 +87,7 @@ $gantt-action-on-offset-text: #000000 !default;
 $gantt-offset-resize-handler-top: 50% !default;
 
 $gantt-validation-tooltip-width: 200px !default;
+$gantt-validation-tooltip-label-width: 50px !default;
 $gantt-validation-tooltip-border: #656565 !default;
 $gantt-validation-tooltip-valid-border: $success !default;
 $gantt-validation-tooltip-invalid-border: $error !default;

package/scss/grid/_layout.scss

@@ -1243,6 +1243,7 @@
         kendo-numeric-filter-menu,
         kendo-grid-string-filter-menu,
         kendo-grid-date-filter-menu,
+        kendo-grid-numeric-filter-menu,
         kendo-grid-filter-menu-input-wrapper {
             display: flex;
             flex-flow: column nowrap;

package/scss/icons/_layout.scss

@@ -187,19 +187,19 @@
     .k-i-arrows-no-change::before { content: "\e011"; }
     .k-i-arrow-overflow-down::before { content: "\e012"; }
     .k-i-chevron-up::before { content: "\e013"; }
-    .k-i-chevron-double-up::before { content: "\e94a"; }
+    .k-i-chevron-double-up::before { content: "\e05e"; }
     .k-i-arrow-chevron-up::before { content: "\e013"; }
     .k-i-arrowhead-n::before { content: "\e013"; }
     .k-i-chevron-right::before { content: "\e014"; }
-    .k-i-chevron-double-right::before { content: "\e94b"; }
+    .k-i-chevron-double-right::before { content: "\e05f"; }
     .k-i-arrow-chevron-right::before { content: "\e014"; }
     .k-i-arrowhead-e::before { content: "\e014"; }
     .k-i-chevron-down::before { content: "\e015"; }
-    .k-i-chevron-double-down::before { content: "\e94c"; }
+    .k-i-chevron-double-down::before { content: "\e060"; }
     .k-i-arrow-chevron-down::before { content: "\e015"; }
     .k-i-arrowhead-s::before { content: "\e015"; }
     .k-i-chevron-left::before { content: "\e016"; }
-    .k-i-chevron-double-left::before { content: "\e94d"; }
+    .k-i-chevron-double-left::before { content: "\e061"; }
     .k-i-arrow-chevron-left::before { content: "\e016"; }
     .k-i-arrowhead-w::before { content: "\e016"; }
     .k-i-arrow-up::before { content: "\e017"; }
@@ -1048,6 +1048,7 @@
     .k-i-file-image::before { content: "\e93d"; }
     .k-i-file-presentation::before { content: "\e93e"; }
     .k-i-file-data::before { content: "\e93f"; }
+    .k-i-report-element::before { content: "\e94a"; }
     .k-i-file-disc-image::before { content: "\e940"; }
     .k-i-file-programming::before { content: "\e941"; }
     .k-i-parameters-byte-array::before { content: "\e942"; }