@progress/kendo-theme-fluent 5.12.1-dev.4 → 6.0.1

package/dist/all.css

@@ -29268,6 +29268,51 @@ textarea.k-input-inner {
   justify-content: center;
 }
 
+.k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg,
+.k-input-validation-icon.k-svg-icon > svg,
+.k-input-validation-icon.k-icon-md > svg,
+.k-input-loading-icon.k-svg-icon > svg,
+.k-input-loading-icon.k-icon-md > svg {
+  width: var(--kendo-icon-size-md, 1rem);
+  height: var(--kendo-icon-size-md, 1rem);
+}
+.k-input-icon.k-icon-xs > svg,
+.k-input-validation-icon.k-icon-xs > svg,
+.k-input-loading-icon.k-icon-xs > svg {
+  width: var(--kendo-icon-size-sm, 0.75rem);
+  height: var(--kendo-icon-size-sm, 0.75rem) s;
+}
+.k-input-icon.k-icon-sm > svg,
+.k-input-validation-icon.k-icon-sm > svg,
+.k-input-loading-icon.k-icon-sm > svg {
+  width: var(--kendo-icon-size-sm, 0.875rem);
+  height: var(--kendo-icon-size-sm, 0.875rem);
+}
+.k-input-icon.k-icon-lg > svg,
+.k-input-validation-icon.k-icon-lg > svg,
+.k-input-loading-icon.k-icon-lg > svg {
+  width: var(--kendo-icon-size-lg, 1.25rem);
+  height: var(--kendo-icon-size-lg, 1.25rem);
+}
+.k-input-icon.k-icon-xl > svg,
+.k-input-validation-icon.k-icon-xl > svg,
+.k-input-loading-icon.k-icon-xl > svg {
+  width: var(--kendo-icon-size-xl, 1.5rem);
+  height: var(--kendo-icon-size-xl, 1.5rem);
+}
+.k-input-icon.k-icon-xxl > svg,
+.k-input-validation-icon.k-icon-xxl > svg,
+.k-input-loading-icon.k-icon-xxl > svg {
+  width: var(--kendo-icon-size-xxl, 2rem);
+  height: var(--kendo-icon-size-xxl, 2rem);
+}
+.k-input-icon.k-icon-xxxl > svg,
+.k-input-validation-icon.k-icon-xxxl > svg,
+.k-input-loading-icon.k-icon-xxxl > svg {
+  width: var(--kendo-icon-size-xxl, 3rem);
+  height: var(--kendo-icon-size-xxl, 3rem);
+}
+
 .k-clear-value {
   width: var(--INTERNAL--kendo-input-icon-size, min-content);
   height: var(--INTERNAL--kendo-input-icon-size, min-content);
@@ -31606,7 +31651,7 @@ textarea.k-input-inner {
   --kendo-calendar-cell-bg: var( --kendo-calendar-weekend-bg, inherit );
 }
 .k-calendar .k-other-month {
-  --kendo-calendar-cell-text: var( --kendo-calendar-other-month-text, var(--kendo-subtle-text, inherit) );
+  --kendo-calendar-cell-text: var( --kendo-calendar-other-month-text, var(--kendo-disabled-text, inherit) );
   --kendo-calendar-cell-bg: var( --kendo-calendar-other-month-bg, inherit );
 }
 .k-calendar .k-alt {
@@ -31636,7 +31681,7 @@ textarea.k-input-inner {
 }
 
 .k-scheduler .k-calendar .k-other-month {
-  color: var(--kendo-calendar-other-month-text, var(--kendo-subtle-text, inherit));
+  color: var(--kendo-calendar-other-month-text, var(--kendo-disabled-text, inherit));
   background-color: transparent;
 }
 

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "5.12.1-dev.4",
+    "version": "6.0.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "5.12.1-dev.4",
+    "version": "6.0.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "5.12.1-dev.4",
+  "version": "6.0.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "^1.0.0",
-    "@progress/kendo-theme-core": "^5.12.1-dev.4",
-    "@progress/kendo-theme-utils": "^5.12.1-dev.4"
+    "@progress/kendo-theme-core": "^6.0.0",
+    "@progress/kendo-theme-utils": "^6.0.0"
   },
-  "gitHead": "a62113f259ebc1b7722c0871fb93955f8bf4c409"
+  "gitHead": "8c0de1a359af7569b880867f5ddfdd23ca3cc0a4"
 }

package/scss/calendar/_variables.scss

@@ -168,7 +168,7 @@ $kendo-calendar-week-number-text: var( --kendo-subtle-text, inherit ) !default;
 $kendo-calendar-other-month-bg: inherit !default;
 /// Text color of the other months calendar cells.
 /// @group calendar
-$kendo-calendar-other-month-text: var( --kendo-subtle-text, inherit ) !default;
+$kendo-calendar-other-month-text: var( --kendo-disabled-text, inherit ) !default;
 
 /// Background color of the calendar cells.
 /// @group calendar

package/scss/input/_layout.scss

@@ -234,6 +234,47 @@
         justify-content: center;
     }
 
+    // Input with SVG icon
+    .k-input-icon,
+    .k-input-validation-icon,
+    .k-input-loading-icon {
+        &.k-svg-icon > svg,
+        &.k-icon-md > svg {
+            width: var( --kendo-icon-size-md, 1rem );
+            height: var( --kendo-icon-size-md, 1rem );
+        }
+
+        &.k-icon-xs > svg {
+            width: var( --kendo-icon-size-sm, 0.75rem );
+            height: var( --kendo-icon-size-sm, 0.75rem )s;
+        }
+
+        &.k-icon-sm > svg {
+            width: var( --kendo-icon-size-sm, 0.875rem );
+            height: var( --kendo-icon-size-sm, 0.875rem );
+        }
+
+        &.k-icon-lg > svg {
+            width: var( --kendo-icon-size-lg, 1.25rem );
+            height: var( --kendo-icon-size-lg, 1.25rem );
+        }
+
+        &.k-icon-xl > svg {
+            width: var( --kendo-icon-size-xl, 1.5rem );
+            height: var( --kendo-icon-size-xl, 1.5rem );
+        }
+
+        &.k-icon-xxl > svg {
+            width: var( --kendo-icon-size-xxl, 2rem );
+            height: var( --kendo-icon-size-xxl, 2rem );
+        }
+
+        &.k-icon-xxxl > svg {
+            width: var( --kendo-icon-size-xxl, 3rem );
+            height: var( --kendo-icon-size-xxl, 3rem );
+        }
+    }
+
 
     // // Clear value
     .k-clear-value {