@progress/kendo-theme-material 5.2.1-dev.4 → 5.2.1-dev.5

package/dist/all.css

@@ -14434,6 +14434,7 @@ textarea.k-input-inner {
     text-overflow: ellipsis;
     position: absolute;
     top: 29px;
+    left: 17px;
     overflow: hidden;
     cursor: text;
     transform-origin: left center;
@@ -14445,20 +14446,24 @@ textarea.k-input-inner {
     width: auto;
 }
 
-.k-floating-label-container.k-state-empty > .k-label {
+.k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
     top: 29px;
+    left: 17px;
     transform: scale(1);
     pointer-events: none;
 }
 
 .k-floating-label-container > .k-label,
-.k-floating-label-container.k-state-focused > .k-label {
+.k-floating-label-container.k-state-focused > .k-label,
+.k-floating-label-container.k-focus > .k-label {
     top: 0px;
+    left: 0px;
     transform: scale(0.75);
 }
 
 .k-floating-label-container:focus-within > .k-label {
     top: 0px;
+    left: 0px;
     transform: scale(0.75);
 }
 
@@ -14473,24 +14478,32 @@ textarea.k-input-inner {
 [dir="rtl"] .k-floating-label-container > .k-label,
 .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
     transform-origin: right center;
+    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-[dir="rtl"] .k-floating-label-container.k-state-empty > .k-label,
-.k-rtl .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label {
+[dir="rtl"] .k-floating-label-container.k-state-empty > .k-label, [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
+.k-rtl .k-floating-label-container.k-state-empty > .k-label,
+.k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
     left: auto;
+    right: 17px;
 }
 
 [dir="rtl"] .k-floating-label-container > .k-label,
 [dir="rtl"] .k-floating-label-container.k-state-focused > .k-label,
+[dir="rtl"] .k-floating-label-container.k-focus > .k-label,
 .k-rtl .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container.k-state-focused > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
-.k-floating-label-container[dir="rtl"].k-state-focused > .k-label {
+.k-rtl .k-floating-label-container.k-state-focused > .k-label,
+.k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
+.k-floating-label-container[dir="rtl"].k-state-focused > .k-label,
+.k-floating-label-container[dir="rtl"].k-focus > .k-label {
     left: auto;
+    right: 0px;
 }
 
-[dir="rtl"] .k-floating-label-container:focus-within,
-.k-rtl .k-floating-label-container:focus-within, .k-floating-label-container[dir="rtl"]:focus-within {
+[dir="rtl"] .k-floating-label-container:focus-within > .k-label,
+.k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
     left: auto;
+    right: 0px;
 }
 
 .k-floating-label-container > .k-label {
@@ -20077,7 +20090,7 @@ kendo-label > .k-label {
 }
 
 .k-colorgradient-input-label {
-    color: rgba(0, 0, 0, 0.38);
+    color: rgba(0, 0, 0, 0.54);
 }
 
 .k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track,
@@ -20958,7 +20971,7 @@ kendo-label > .k-label {
 }
 
 .k-dropzone-inner .k-dropzone-note {
-    color: rgba(97, 97, 97, 0.9116);
+    color: rgba(0, 0, 0, 0.54);
 }
 
 .k-external-dropzone-hover .k-icon,
@@ -22278,7 +22291,6 @@ kendo-label > .k-label {
 
 .k-actionsheet-item-description {
     font-size: 0.875em;
-    opacity: 0.75;
 }
 
 .k-actionsheet > .k-hr {
@@ -22341,6 +22353,10 @@ kendo-label > .k-label {
     box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
 }
 
+.k-actionsheet-item-description {
+    color: rgba(0, 0, 0, 0.54);
+}
+
 .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
@@ -25391,7 +25407,7 @@ kendo-card-footer {
 }
 
 .k-expander-sub-title {
-    opacity: 0.62;
+    color: rgba(0, 0, 0, 0.54);
 }
 
 .k-panelbar {
@@ -31522,7 +31538,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-state-hover {
-    color: #37458e;
+    color: #303f9f;
 }
 
 .k-taskboard-card:focus, .k-taskboard-card.k-state-focus {

package/dist/all.scss

@@ -10865,11 +10865,11 @@ $floating-label-scale: 1 !default;
 $floating-label-font-size: $kendo-input-font-size !default;
 $floating-label-line-height: $kendo-input-line-height !default;
 $floating-label-height: calc( #{$floating-label-line-height} * #{$floating-label-font-size} ) !default;
-$floating-label-offset-x: null !default;
+$floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
 $floating-label-offset-y: calc( #{$floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
 
 $floating-label-focus-scale: .75 !default;
-$floating-label-focus-offset-x: null !default;
+$floating-label-focus-offset-x: 0px !default;
 $floating-label-focus-offset-y: 0px !default;
 
 $floating-label-transition: .15s cubic-bezier( .4, 0, .2, 1 ) !default;
@@ -10922,7 +10922,8 @@ $floating-label-focus-text: $primary !default;
             width: auto;
         }
 
-        &.k-state-empty {
+        &.k-state-empty,
+        &.k-empty {
             > .k-label {
                 top: $floating-label-offset-y;
                 left: $floating-label-offset-x;
@@ -10933,7 +10934,8 @@ $floating-label-focus-text: $primary !default;
 
         > .k-label,
         // &:focus-within > .k-label,
-        &.k-state-focused > .k-label {
+        &.k-state-focused > .k-label,
+        &.k-focus > .k-label {
             top: $floating-label-focus-offset-y;
             left: $floating-label-focus-offset-x;
             transform: scale( $floating-label-focus-scale );
@@ -10954,9 +10956,11 @@ $floating-label-focus-text: $primary !default;
 
             > .k-label {
                 transform-origin: right center;
+                transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
             }
 
-            &.k-state-empty {
+            &.k-state-empty,
+            &.k-empty {
                 > .k-label {
                     left: auto;
                     right: $floating-label-offset-x;
@@ -10965,11 +10969,12 @@ $floating-label-focus-text: $primary !default;
 
             > .k-label,
             // &:focus-within > .k-label,
-            &.k-state-focused > .k-label {
+            &.k-state-focused > .k-label,
+            &.k-focus > .k-label {
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }
-            &:focus-within {
+            &:focus-within > .k-label {
                 left: auto;
                 right: $floating-label-focus-offset-x;
             }
@@ -19484,7 +19489,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 50px !default;
 $colorgradient-input-gap: map-get( $spacing, 2 ) !default;
 $colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
-$colorgradient-input-label-text: $disabled-text !default;
+$colorgradient-input-label-text: $subtle-text !default;
 
 $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
 $colorgradient-contrast-spacer: map-get( $spacing, 2 ) !default;
@@ -22090,7 +22095,7 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-sm !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 4 ) !default;
+$dropzone-note-text: $subtle-text !default;
 
 // #endregion
 // #region @import "_layout.scss"; -> packages/material/scss/dropzone/_layout.scss
@@ -23567,8 +23572,9 @@ $actionsheet-item-icon-size: null !default;
 
 $actionsheet-item-title-font-weight: null !default;
 $actionsheet-item-title-text-transform: null !default;
+
 $actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-opacity: .75 !default;
+$actionsheet-item-description-text: $subtle-text !default;
 
 $actionsheet-item-hover-bg: rgba( black, .04 ) !default;
 $actionsheet-item-hover-text: null !default;
@@ -23687,7 +23693,6 @@ $actionsheet-item-disabled-opacity: .42 !default;
     }
     .k-actionsheet-item-description {
         font-size: $actionsheet-item-description-font-size;
-        opacity: $actionsheet-item-description-opacity;
     }
 
 
@@ -23782,6 +23787,12 @@ $actionsheet-item-disabled-opacity: .42 !default;
     .k-actionsheet-item {}
 
 
+    // Actionsheet item description
+    .k-actionsheet-item-description {
+        @include fill( $color: $actionsheet-item-description-text );
+    }
+
+
     // Actionsheet action
     .k-actionsheet-action {
 
@@ -28329,7 +28340,7 @@ $expander-header-focused-shadow: none !default;
 
 $expander-title-text: $secondary !default;
 
-$expander-header-sub-title-opacity: .62 !default;
+$expander-header-sub-title-text: $subtle-text !default;
 
 $expander-content-padding-x: $padding-x * 1.5 !default;
 $expander-content-padding-y: $padding-y * 6 !default;
@@ -28456,7 +28467,7 @@ $expander-content-padding-y: $padding-y * 6 !default;
     }
 
     .k-expander-sub-title {
-        opacity: $expander-header-sub-title-opacity;
+        color: $expander-header-sub-title-text;
     }
 }
 
@@ -36246,7 +36257,7 @@ $taskboard-card-selected-shadow: none !default;
 
 $taskboard-card-header-text: $primary !default;
 $taskboard-card-header-focus-text: $primary-darker !default;
-$taskboard-card-header-hover-text: try-darken( $primary-lighter, 25% ) !default;
+$taskboard-card-header-hover-text: $primary-darker !default;
 
 $taskboard-drag-placeholder-border-width: 1px !default;
 $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#3f51b5",
         "#2196f3",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#121212",
         "#212121",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "5.2.1-dev.4",
+    "version": "5.2.1-dev.5",
     "previewColors": [
         "#ffffff",
         "#e0e0e0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "5.2.1-dev.4",
+  "version": "5.2.1-dev.5",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,7 +50,7 @@
     "postpublish": "echo 'no postpublish for material theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.2.1-dev.4"
+    "@progress/kendo-theme-default": "^5.2.1-dev.5"
   },
-  "gitHead": "9045b47fb4e1bcf58c8d4c400e28293bd0563b20"
+  "gitHead": "7f442a4c1dfe243eff6b623b62e73c161254f653"
 }

package/scss/action-sheet/_variables.scss

@@ -44,8 +44,9 @@ $actionsheet-item-icon-size: null !default;
 
 $actionsheet-item-title-font-weight: null !default;
 $actionsheet-item-title-text-transform: null !default;
+
 $actionsheet-item-description-font-size: .875em !default;
-$actionsheet-item-description-opacity: .75 !default;
+$actionsheet-item-description-text: $subtle-text !default;
 
 $actionsheet-item-hover-bg: rgba( black, .04 ) !default;
 $actionsheet-item-hover-text: null !default;

package/scss/colorgradient/_variables.scss

@@ -45,7 +45,7 @@ $colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width /
 $colorgradient-input-width: 50px !default;
 $colorgradient-input-gap: map-get( $spacing, 2 ) !default;
 $colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
-$colorgradient-input-label-text: $disabled-text !default;
+$colorgradient-input-label-text: $subtle-text !default;
 
 $colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
 $colorgradient-contrast-spacer: map-get( $spacing, 2 ) !default;

package/scss/dropzone/_variables.scss

@@ -23,4 +23,4 @@ $dropzone-hint-text: null !default;
 
 $dropzone-note-font-size: $font-size-sm !default;
 $dropzone-note-spacing: null !default;
-$dropzone-note-text: try-tint( $dropzone-text, 4 ) !default;
+$dropzone-note-text: $subtle-text !default;

package/scss/expansion-panel/_variables.scss

@@ -27,7 +27,7 @@ $expander-header-focused-shadow: none !default;
 
 $expander-title-text: $secondary !default;
 
-$expander-header-sub-title-opacity: .62 !default;
+$expander-header-sub-title-text: $subtle-text !default;
 
 $expander-content-padding-x: $padding-x * 1.5 !default;
 $expander-content-padding-y: $padding-y * 6 !default;

package/scss/floating-label/_variables.scss

@@ -3,11 +3,11 @@ $floating-label-scale: 1 !default;
 $floating-label-font-size: $kendo-input-font-size !default;
 $floating-label-line-height: $kendo-input-line-height !default;
 $floating-label-height: calc( #{$floating-label-line-height} * #{$floating-label-font-size} ) !default;
-$floating-label-offset-x: null !default;
+$floating-label-offset-x: calc( #{$kendo-input-padding-x} + #{$kendo-input-border-width} ) !default;
 $floating-label-offset-y: calc( #{$floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y} ) !default;
 
 $floating-label-focus-scale: .75 !default;
-$floating-label-focus-offset-x: null !default;
+$floating-label-focus-offset-x: 0px !default;
 $floating-label-focus-offset-y: 0px !default;
 
 $floating-label-transition: .15s cubic-bezier( .4, 0, .2, 1 ) !default;

package/scss/taskboard/_variables.scss

@@ -86,7 +86,7 @@ $taskboard-card-selected-shadow: none !default;
 
 $taskboard-card-header-text: $primary !default;
 $taskboard-card-header-focus-text: $primary-darker !default;
-$taskboard-card-header-hover-text: try-darken( $primary-lighter, 25% ) !default;
+$taskboard-card-header-hover-text: $primary-darker !default;
 
 $taskboard-drag-placeholder-border-width: 1px !default;
 $taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;