@progress/kendo-theme-fluent - npm Package Compare versions

Comparing version 5.8.2-dev.2 to 5.8.2-dev.3

package.json

 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "5.8.2-dev.2",
+  "version": "5.8.2-dev.3",
   "author": "Progress",
@@ -48,3 +48,3 @@ "license": "Apache-2.0",
     "@progress/kendo-font-icons": "^0.4.0",
-    "@progress/kendo-theme-utils": "^5.8.2-dev.2"
+    "@progress/kendo-theme-utils": "^5.8.2-dev.3"
   },
@@ -54,3 +54,3 @@ "devDependencies": {
   },
-  "gitHead": "e022a1733bd95bb557a27e4f9491eb2bc300d9bc"
+  "gitHead": "c97923255b6472c0de0d2afa776acea1fb7bb909"
 }

README.md

@@ -33,3 +33,3 @@ # Kendo UI Fluent Theme
 // Import the entire theme
-@import "~@progress/kendo-theme-fluent/dist/all.scss";
+@use "~@progress/kendo-theme-fluent/scss/all.scss";
 ```
@@ -43,8 +43,15 @@
 
-In your custom scss file, you can import the entirety of the theme, by importing `dist/all.scss` or pick just the styles for the components you need. The files for individual components are in `scss/` folder:
+In your custom scss file, you can import the entirety of the theme, by importing `scss/all.scss` or pick just the styles for the components you need. The files for individual components:
 
 ```scss
-// Import only PanelBar and Grid styles
-@import "~@progress/kendo-theme-fluent/scss/panelbar/_index.scss";
-@import "~@progress/kendo-theme-fluent/scss/grid/_index.scss";
+// Import only Button and Grid styles
+@use "~@progress/kendo-theme-fluent/scss/index.scss" as kendo-theme;
+
+@include kendo-theme.config(
+    $components: (
+        "button",
+        "grid"
+    )
+);
+@include kendo-theme.styles();
 ```
@@ -51,0 +58,0 @@

No alert changes

Improved metrics

Total package byte prevSize

2800518

increased by0.19%

Lines of code

37891

increased by0.3%

Number of lines in readme file

80

increased by9.59%

Dependency changes

• Updated@progress/kendo-theme-utils@^5.8.2-dev.3