@ni/nimble-angular 30.9.9 → 30.11.0

package/README.md

@@ -44,13 +44,13 @@ The steps to use components from Nimble Angular are similar to using components
 4. Each application should import the Nimble fonts once in the root `src/styles.scss`. Nimble recommends using SCSS for capabilities such as build time property checking.
 
     ```scss
-    @import '@ni/nimble-angular/styles/fonts';
+    @use '@ni/nimble-angular/styles/fonts' as *;
     ```
 
 5. As needed, import the theme-aware design tokens in each SCSS file that will leverage the tokens for other parts of your application (for colors, fonts, etc).
 
     ```scss
-    @import '@ni/nimble-angular/styles/tokens';
+    @use '@ni/nimble-angular/styles/tokens' as *;
 
     .my-element {
         font-family: $ni-nimble-body-font-family;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-angular",
-  "version": "30.9.9",
+  "version": "30.11.0",
   "description": "Angular components for the NI Nimble Design System",
   "repository": {
     "type": "git",
@@ -272,7 +272,7 @@
     "@angular/forms": "^18.2.13",
     "@angular/localize": "^18.2.13",
     "@angular/router": "^18.2.13",
-    "@ni/nimble-components": "^34.6.5"
+    "@ni/nimble-components": "^34.8.0"
   },
   "dependencies": {
     "tslib": "^2.2.0"

package/styles/fonts.scss

@@ -1,4 +1,4 @@
 // Nimble Angular Fonts SCSS
-// Only @import once in the global styles.scss
+// Only @use once in the global styles.scss
 
-@import '@ni/nimble-components/dist/fonts';
+@forward '@ni/nimble-components/dist/fonts';

package/styles/tokens.scss

@@ -1,6 +1,4 @@
 // Nimble Angular Tokens SCSS
-// Can @import this file in two different ways:
-// - Once per SCSS file that is leveraging the tokens (helpful for autocomplete features, etc)
-// - Once globally in the application styles.scss (less noise per file)
+// @use once per SCSS file that is leveraging the tokens (helpful for autocomplete features, etc)
 
-@import '@ni/nimble-components/dist/tokens';
+@forward '@ni/nimble-components/dist/tokens';