Merge branch 'icon-refactor' into icon-dynamic

Author: rajsite

change/@ni-nimble-angular-9ecc4cd6-b0a5-467e-b0e8-ef1705ef2c54.json

@@ -1,6 +1,21 @@
 {
   "name": "@ni/nimble-angular",
   "entries": [
+    {
+      "date": "Fri, 23 Jan 2026 16:37:46 GMT",
+      "version": "32.1.0",
+      "tag": "@ni/nimble-angular_v32.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "123377523+vivinkrishna-ni@users.noreply.github.com",
+            "package": "@ni/nimble-angular",
+            "commit": "fed6c36b6fe971d4699a6b8c1b55084f7fe8a651",
+            "comment": "Angular integration for nimble-chip component"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 20 Jan 2026 03:36:17 GMT",
       "version": "32.0.2",

package-lock.json

@@ -1,9 +1,17 @@
 # Change Log - @ni/nimble-angular
 
-<!-- This log was last generated on Tue, 20 Jan 2026 03:36:17 GMT and should not be manually modified. -->
+<!-- This log was last generated on Fri, 23 Jan 2026 16:37:46 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 32.1.0
+
+Fri, 23 Jan 2026 16:37:46 GMT
+
+### Minor changes
+
+- Angular integration for nimble-chip component ([ni/nimble@fed6c36](https://github.com/ni/nimble/commit/fed6c36b6fe971d4699a6b8c1b55084f7fe8a651))
+
 ## 32.0.2
 
 Tue, 20 Jan 2026 03:36:17 GMT

packages/angular-workspace/nimble-angular/CHANGELOG.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-angular",
-  "version": "32.0.2",
+  "version": "32.1.0",
   "description": "Angular components for the NI Nimble Design System",
   "scripts": {
     "invoke-publish": "npm run invoke-publish:setup && cd ../dist/nimble-angular && npm publish",

packages/angular-workspace/nimble-angular/CHANGELOG.md

@@ -1,4 +1,4 @@
-import { html, ref, customElement, css } from '@ni/fast-element';
+import { html, ref } from '@ni/fast-element';
 import type { Meta, StoryObj } from '@storybook/html-vite';
 import { tableTag } from '@ni/nimble-components/dist/esm/table';
 import { iconXmarkTag } from '@ni/nimble-components/dist/esm/icons/xmark';
@@ -11,8 +11,6 @@ import { mappingTextTag } from '@ni/nimble-components/dist/esm/mapping/text';
 import { mappingEmptyTag } from '@ni/nimble-components/dist/esm/mapping/empty';
 import { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/mapping/types';
 import { tableColumnMappingTag } from '@ni/nimble-components/dist/esm/table-column/mapping';
-import { Icon } from '@ni/nimble-components/dist/esm/icon-base';
-import { display } from '@ni/nimble-components/dist/esm/utilities/style/display';
 import {
     type SharedTableArgs,
     sharedTableArgTypes,
@@ -85,21 +83,6 @@ This should only be set when the header contains a single icon (no text) and non
 to \`default\`, the column will be resizable and be sized based on its fractional-width and min-pixel-width values. A column with its \`width-mode\` set to \`iconSize\` should
 should not be the right-most column in the table.`;
 
-const img = 'data:image/gif;base64,R0lGODlhFwAaAPIHAPfWre+9e//v3s6EITw+PP////+M/wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAHACwAAAAAFwAaAEADkHi63O5jhEmFBSDCYPq0oNUZGTNgJ6ZiVCC5Tywr70QQn3WD5RKpPMvAMhnMjjOJMcLUnIybVuVygfoot50uq7I2gSEBQGhtnMIgaRnJbifXEDjNVWv95If6lCfXT8ZhPVc2BAU4W4ZVJhwFBjcBAgRiNwaNgnMVgIGXKWBhQygxZ2gRdnEYaAJqZU2trq0HCQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkECQoAAAAsAAAAABMABwAAAgqEj6nL7Q+jnLEAACH5BAkKAAIALAIABgATAAQAAAIQlD+pc6gNzRohxAsAY/eyAgAh+QQJCgAEACwEAAUADwAFAAADGThD3E5qhBUrBGrKwLvCWccJJABuYkCuWAIAIfkECQoABAAsAgAGABMABAAAAxhIutM+i70Rqg2zVXqD+AAwhJDWeR/YEAkAIfkEBQoABAAsBAAFAA8ABQAAAxk4Q9xOaoQVKwRqysC7wlnHCSQAbmJArlgCACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAAAsAAAAAAEAAQAAAgJEAQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAAAsAAAAAAEAAQAAAgJEAQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAAAsAAAAAAEAAQAAAgJEAQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAwAsBgAIAAsABwAAAhKMD6PL7SveSsM0gU+AOFqGDQUAIfkEBQoAAQAsBgAIAAsABwAAAxMYurL+EILIFCHviluwJd3lLWICACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAAAsAAAAAAEAAQAAAgJEAQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAIfkEBQoAAAAsAAAAAAEAAQAAAgJEAQAh+QQFCgAAACwAAAAAAQABAAACAkQBACH5BAUKAAAALAAAAAABAAEAAAICRAEAOw==';
-const awesomeIconTag = 'awesome-icon';
-/**
- * Awesome icon
- */
-@customElement({
-    name: awesomeIconTag,
-    template: html`<img src="${img}" style="width: 16px; height: 16px">`,
-    styles: css`
-        ${display('inline-flex')}
-    `
-})
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-class AwesomeIcon extends Icon {}
-
 export const mappingColumn: StoryObj<MappingColumnTableArgs> = {
     render: createUserSelectedThemeStory(html<MappingColumnTableArgs>`
         <${tableTag}
@@ -113,7 +96,7 @@ export const mappingColumn: StoryObj<MappingColumnTableArgs> = {
             <${tableColumnMappingTag} field-name="status" group-index="0">
                 Status
                 <${mappingIconTag} key="fail" icon="${iconXmarkTag}" severity="error" text="Not a Simpson"></${mappingIconTag}>
-                <${mappingIconTag} key="success" icon="${awesomeIconTag}" severity="success" text="Is a Simpson"></${mappingIconTag}>
+                <${mappingIconTag} key="success" icon="${iconCheckTag}" severity="success" text="Is a Simpson"></${mappingIconTag}>
                 <${mappingSpinnerTag} key="calculating" text="Calculating" text-hidden></${mappingSpinnerTag}>
                 <${mappingEmptyTag} key="unknown" text="Unknown"></${mappingEmptyTag}>
             </${tableColumnMappingTag}>