feat(lint): no deprecated global attribute value

projects/cli/package.json

@@ -26,7 +26,7 @@
     "dist/**/*.js"
   ],
   "scripts": {
-    "dev": "pnpm run nve:install && pnpm dlx @modelcontextprotocol/inspector@0.21.1 node ./dist/index.js mcp",
+    "dev": "pnpm run nve:install && pnpm dlx @modelcontextprotocol/inspector@0.21.2 node ./dist/index.js mcp",
     "ci": "wireit",
     "build": "wireit",
     "lint": "wireit",

projects/core/src/grid/grid.examples.ts

@@ -1159,7 +1159,7 @@ export const PanelDetail = {
   render: () => html`
 <nve-page id="grid-panel-demo">
   <nve-page-header slot="header">
-    <nve-logo slot="prefix" size="sm"></nve-logo>
+    <nve-logo slot="prefix" size="sm" color="brand-green">NV</nve-logo>
     <h2 nve-text="heading" slot="prefix">Infrastructure</h2>
   </nve-page-header>
   <section nve-layout="column gap:md pad:md full">
@@ -1186,7 +1186,7 @@ export const PanelDetail = {
       <div nve-layout="column gap:md">
         <div nve-layout="column gap:xs">
           <label nve-text="body sm muted">Task</label>
-          <p nve-text="eyebrow sm">Workflow</p>
+          <p nve-text="label sm">Workflow</p>
         </div>
         <div nve-layout="column gap:xs">
           <label nve-text="body sm muted">Status</label>
@@ -1234,7 +1234,7 @@ export const PanelGrid = {
     return html`
     <nve-page>
       <nve-page-header slot="header">
-        <nve-logo slot="prefix" size="sm"></nve-logo>
+        <nve-logo slot="prefix" size="sm" color="brand-green">NV</nve-logo>
         <h2 nve-text="heading" slot="prefix">Infrastructure</h2>
       </nve-page-header>
       <section nve-layout="column gap:md pad:md full">

projects/core/src/icon/icons.ts

@@ -255,6 +255,7 @@ export const ICON_IMPORTS = {
   'start': iconImport(() => import('./icons/start.svg?raw')),
   'status-offline': iconImport(() => import('./icons/status-offline.svg?raw')),
   'status-online': iconImport(() => import('./icons/status-online.svg?raw')),
+  'stop': iconImport(() => import('./icons/stop.svg?raw')),
   'stop-sign': iconImport(() => import('./icons/stop-sign.svg?raw')),
   'stopwatch': iconImport(() => import('./icons/stopwatch.svg?raw')),
   'strikethrough': iconImport(() => import('./icons/strikethrough.svg?raw')),

projects/core/src/icon/server.ts

@@ -248,6 +248,7 @@ globalThis._NVE_SSR_ICON_REGISTRY = {
   'start': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.37 0 12.53 16"><path fill="currentColor" fill-rule="evenodd" d="M3.5 16c.3 0 .59-.12.8-.34.22-.21.34-.5.34-.8V1.14A1.144 1.144 0 0 0 3.5 0c-.3 0-.59.12-.8.33-.21.22-.33.51-.33.81v13.72c0 .3.12.59.33.8.21.22.5.34.8.34m10.97-1.05c.57-.58.57-1.52 0-2.1L9.62 7.97l4.85-4.89c.57-.57.57-1.52 0-2.09-.58-.58-1.51-.58-2.09 0L6.5 6.92c-.58.57-.58 1.52 0 2.09l5.88 5.94c.58.57 1.51.57 2.09 0" class="layer" clip-rule="evenodd"/></svg>',
   'status-offline': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 1 16 14"><path fill="currentColor" d="M2.406 1.256a.9.9 0 0 0-1.257 0 .865.865 0 0 0 0 1.238L7.301 8.55a1 1 0 0 0 .15.146l6.143 6.048a.9.9 0 0 0 1.257 0 .865.865 0 0 0 0-1.238l-.6-.59a7.786 7.786 0 0 0-.594-10.484.9.9 0 0 0-1.257 0 .865.865 0 0 0 0 1.237 6.055 6.055 0 0 1 .584 8l-1.276-1.256a4.326 4.326 0 0 0-.565-5.507c-.348-.341-.91-.341-1.257 0s-.348.896 0 1.238c.82.808.994 2.012.52 2.988l-1.77-1.743-.016-.016zm-.417 5.157a.874.874 0 0 0-.63-1.07.89.89 0 0 0-1.088.619 7.79 7.79 0 0 0 2.072 7.606.9.9 0 0 0 1.257 0 .865.865 0 0 0 0-1.237 6.06 6.06 0 0 1-1.61-5.918zM5.69 9.312a.897.897 0 0 0-1.215-.32.87.87 0 0 0-.325 1.196c.19.324.427.63.707.905a.9.9 0 0 0 1.257 0 .865.865 0 0 0 0-1.237 2.6 2.6 0 0 1-.425-.544z"/></svg>',
   'status-online': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 2 16 12"><path fill="currentColor" fill-rule="evenodd" d="M3.6 2.264a.91.91 0 0 1 0 1.275c-2.43 2.464-2.43 6.458 0 8.922.347.352.347.923 0 1.275s-.91.352-1.257 0c-3.124-3.168-3.124-8.304 0-11.472a.88.88 0 0 1 1.257 0m8.8 0a.88.88 0 0 1 1.257 0c3.124 3.168 3.124 8.304 0 11.472a.88.88 0 0 1-1.257 0 .91.91 0 0 1 0-1.275c2.43-2.464 2.43-6.458 0-8.922a.91.91 0 0 1 0-1.275m-6.286 2.55a.91.91 0 0 1 0 1.274 2.73 2.73 0 0 0 0 3.824c.348.352.348.922 0 1.274s-.91.353-1.257 0a4.55 4.55 0 0 1 0-6.373.88.88 0 0 1 1.257 0zm3.772 0a.88.88 0 0 1 1.257 0 4.55 4.55 0 0 1 0 6.373.88.88 0 0 1-1.257 0 .91.91 0 0 1 0-1.275 2.73 2.73 0 0 0 0-3.824.91.91 0 0 1 0-1.275zM8 7.098c.49 0 .889.403.889.901v.01c0 .497-.398.9-.889.9s-.889-.403-.889-.9V8c0-.498.398-.901.889-.901z" clip-rule="evenodd"/></svg>',
+  'stop': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><rect width="14" height="14" fill="currentColor" rx="1" transform="matrix(-1 0 0 1 15 1)"/></svg>',
   'stop-sign': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.467.22a.75.75 0 0 1 .53-.22h6.006a.75.75 0 0 1 .53.22l4.247 4.247c.141.14.22.331.22.53v6.006a.75.75 0 0 1-.22.53l-4.247 4.247a.75.75 0 0 1-.53.22H4.997a.75.75 0 0 1-.53-.22L.22 11.533a.75.75 0 0 1-.22-.53V4.997a.75.75 0 0 1 .22-.53zm.84 1.28L1.5 5.308v5.384L5.308 14.5h5.384l3.808-3.808V5.308L10.692 1.5zM4 7.75A.75.75 0 0 1 4.75 7h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 7.75" clip-rule="evenodd"/></svg>',
   'stopwatch': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 17"><path fill="currentColor" d="m7.389 8.3 1.33-1.33A.75.75 0 0 1 9.78 8.03L8.45 9.361A1.502 1.502 0 0 1 7 11.25a1.5 1.5 0 1 1 .389-2.95"/><path fill="currentColor" fill-rule="evenodd" d="M4.75 1.25A.75.75 0 0 1 5.5.5h3a.75.75 0 0 1 0 1.5h-.75v1l-.001.041a6.7 6.7 0 0 1 3.464 1.435l.007-.006.75-.75a.75.75 0 1 1 1.06 1.06l-.75.75-.006.007a6.75 6.75 0 1 1-10.548 0L1.72 5.53l-.75-.75a.75.75 0 0 1 1.06-1.06l.75.75.007.006A6.7 6.7 0 0 1 6.25 3.041V2H5.5a.75.75 0 0 1-.75-.75M7 15A5.25 5.25 0 1 0 7 4.5 5.25 5.25 0 0 0 7 15" clip-rule="evenodd"/></svg>',
   'strikethrough': '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="1 1.75 14 12.25"><path fill="currentColor" fill-rule="evenodd" d="M7.581 3.25c-2.036 0-2.778 1.082-2.778 1.786q0 .082.006.157a.75.75 0 0 1-1.496.114 4 4 0 0 1-.01-.271c0-1.832 1.75-3.286 4.278-3.286 1.418 0 2.721.58 3.514 1.093a.75.75 0 1 1-.814 1.26c-.64-.414-1.662-.853-2.7-.853m3.474 5.25h3.195a.75.75 0 0 0 0-1.5H1.75a.75.75 0 0 0 0 1.5h6.018c.835.187 1.503.464 1.951.81.439.34.647.725.647 1.197 0 .428-.159.895-.594 1.267-.444.38-1.254.726-2.676.726-1.373 0-2.38-.493-2.86-.956a.75.75 0 0 0-1.042 1.079C3.992 13.393 5.39 14 7.096 14c1.652 0 2.852-.403 3.65-1.085a3.13 3.13 0 0 0 1.12-2.408 2.85 2.85 0 0 0-.811-2.007" clip-rule="evenodd"/></svg>',

projects/core/src/progress-bar/progress-bar.examples.ts

@@ -52,7 +52,7 @@ export const Max = {
  */
 export const Labeled = {
   render: () => html`
-<div nve-layout="column gap:xxxs pad:lg align:horizontal-stretch grow">
+<div nve-layout="column gap:xs pad:lg align:horizontal-stretch full">
   <div nve-layout="row align:space-between">
     <p nve-text="label sm">Upload Status</p>
     <p nve-text="label emphasis sm">80%</p>

projects/internals/patterns/src/heatmap.examples.ts

@@ -667,7 +667,7 @@ export const OccupancyDetectionHeatmap = {
 
 /**
  * @summary Grid heatmap displaying thermal distribution across robotic arm joints and actuators over time. Essential for monitoring overheating risks during extended operation cycles and validating cooling system performance using viridis scale.
- * @tags pattern
+ * @tags pattern test-case
  */
 export const ThermalHeatmap = {
   render: () => html`

projects/internals/patterns/src/subheader.examples.ts

@@ -112,7 +112,7 @@ export const TabsHeaderMainPage = {
 
 /**
  * @summary Main page subheader with key-value metadata row stacked below the title. Ideal for displaying session details, status badges, and entity relationships.
- * @tags pattern
+ * @tags pattern test-case
  */
 export const StackedMetadataHeaderMainPage = {
   render: () => html`
@@ -404,7 +404,7 @@ export const StackedKitchenSinkHeaderMainPage = {
 
 /**
  * @summary Detail page subheader with back arrow navigation, multi-level breadcrumb, and minimal action buttons. Use for drilling into specific records.
- * @tags pattern
+ * @tags pattern test-case
  */
 export const StandardHeaderDetailPage = {
   render: () => html`
@@ -450,7 +450,7 @@ export const StandardHeaderDetailPage = {
 
 /**
  * @summary Detail page subheader with back navigation and tabbed content sections. Ideal for entity detail views with many data categories.
- * @tags pattern
+ * @tags pattern test-case
  */
 export const TabsHeaderDetailPage = {
   render: () => html`

projects/internals/tools/src/context/index.test.ts

@@ -83,14 +83,6 @@ describe('prompts', () => {
       expect(result?.messages[0].content.text).toContain('api_');
     });
 
-    it('should have "playground" prompt with authoring guidelines', () => {
-      const playgroundPrompt = prompts.find(p => p.name === 'playground');
-      expect(playgroundPrompt).toBeDefined();
-
-      const result = playgroundPrompt?.handler({});
-      expect(result?.messages[0].content.text).toContain('playground');
-    });
-
     it('should have "create-project" prompt for starter projects', () => {
       const createProjectPrompt = prompts.find(p => p.name === 'create-project');
       expect(createProjectPrompt).toBeDefined();

projects/internals/tools/src/context/index.ts

@@ -10,6 +10,8 @@ import playgroundContext from './playground.md?inline';
 import integrationContext from './integration.md?inline';
 import migrationContext from './migration.md?inline';
 
+declare const __ELEMENTS_PLAYGROUND_BASE_URL__: string;
+
 export interface Skill {
   name: string;
   title: string;
@@ -124,7 +126,7 @@ const playgroundPrompt: Prompt = {
         role: 'user',
         content: {
           type: 'text',
-          text: `${toolsContext}\n${playgroundContext}\n${authoringContext}\n---`
+          text: `${toolsContext}\n${playgroundContext}${authoringContext}\n---`
         }
       }
     ]
@@ -177,17 +179,14 @@ const elementsSkill: Skill = {
 Elements is NVIDIA's design system for AI and Robotics applications, built for speed and scale. It provides a comprehensive library of web components (nve-*) that work across any framework. Elements covers the full spectrum of UI needs: layout primitives, typography, form controls, data grids, navigation, dialogs, theming, and accessibility.
 ${toolsContext}
 ${authoringContext}
-${playgroundContext}
+${__ELEMENTS_PLAYGROUND_BASE_URL__ ? playgroundContext : ''}
 ${integrationContext}`
 };
 
-export const prompts: Prompt[] = [
-  aboutPrompt,
-  doctorPrompt,
-  searchPrompt,
-  playgroundPrompt,
-  createProjectPrompt,
-  migrateProjectPrompt
-];
+export const prompts: Prompt[] = [aboutPrompt, doctorPrompt, searchPrompt, createProjectPrompt, migrateProjectPrompt];
+
+if (__ELEMENTS_PLAYGROUND_BASE_URL__) {
+  prompts.push(playgroundPrompt);
+}
 
 export const skills: Skill[] = [elementsSkill];

projects/internals/tools/src/context/migration.md

@@ -188,16 +188,6 @@ Use the `api_get` tool to look up the current slot API for these components.
 <!-- after  --> <div nve-layout="full"></div>
 ```
 
-### Testing Utilities
-
-```typescript
-// before
-import { createFixture, removeFixture, elementIsStable, emulateClick, untilEvent } from '@maglev/elements/test';
-
-// after
-import { createFixture, removeFixture, elementIsStable, emulateClick, untilEvent } from '@nvidia-elements/testing';
-```
-
 ## Step 5: Verification
 
 After applying all fixes:

projects/internals/tools/src/project/starters.ts

@@ -17,8 +17,7 @@ import { isCommandAvailable, getNPMClient } from '../internal/node.js';
 import type { Report } from '../internal/types.js';
 import { writeAllAgentConfigs } from './setup-agent.js';
 
-declare const __ELEMENTS_PAGES_BASE_URL__: string;
-declare const __ELEMENTS_REGISTRY_URL__: string;
+const ELEMENTS_PAGES_BASE_URL = 'https://nvidia.github.io/elements';
 
 export type Starter =
   | 'angular'
@@ -40,71 +39,71 @@ export type Starter =
 
 export const startersData = {
   angular: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/angular.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/angular.zip`,
     cli: true
   },
   bundles: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/bundles.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/bundles.zip`,
     cli: true
   },
   eleventy: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/eleventy.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/eleventy.zip`,
     cli: true
   },
   extensions: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/scoped-registry.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/scoped-registry.zip`,
     cli: false
   },
   go: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/go.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/go.zip`,
     cli: true
   },
   hugo: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/hugo.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/hugo.zip`,
     cli: true
   },
   importmaps: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/importmaps.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/importmaps.zip`,
     cli: false
   },
   'lit-library': {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/lit-library.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/lit-library.zip`,
     cli: false
   },
   lit: {
     zip: null,
     cli: false
   },
   nextjs: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/nextjs.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/nextjs.zip`,
     cli: true
   },
   nuxt: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/nuxt.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/nuxt.zip`,
     cli: true
   },
   preact: {
     zip: null,
     cli: false
   },
   react: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/react.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/react.zip`,
     cli: true
   },
   solidjs: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/solidjs.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/solidjs.zip`,
     cli: true
   },
   svelte: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/svelte.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/svelte.zip`,
     cli: true
   },
   typescript: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/typescript.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/typescript.zip`,
     cli: true
   },
   vue: {
-    zip: `${__ELEMENTS_PAGES_BASE_URL__}/starters/download/vue.zip`,
+    zip: `${ELEMENTS_PAGES_BASE_URL}/starters/download/vue.zip`,
     cli: true
   }
 };
@@ -115,7 +114,6 @@ export async function archiveStarter(projectDir: string, outDir: string) {
   await copyProject(projectDir);
   writeAllAgentConfigs(dist);
   const packageJSON = await exportPackageFromWorkspace(projectDir);
-  await writeFile(`${dist}/.npmrc`, `registry=${__ELEMENTS_REGISTRY_URL__}/`);
   await writeFile(`${dist}/package.json`, JSON.stringify(packageJSON, undefined, 2));
   await zipProject(dist);
 }
@@ -329,8 +327,6 @@ export const claudeProjectSettings = {
       'mcp__elements__api_tokens_list',
       'mcp__elements__examples_list',
       'mcp__elements__examples_get',
-      'mcp__elements__playground_validate',
-      'mcp__elements__playground_create',
       'mcp__elements__project_create',
       'mcp__elements__project_setup',
       'mcp__elements__project_validate',

projects/lint/README.md

@@ -64,6 +64,7 @@ export default [
 | ---- | ----------- | -------- | -------- |
 | `@nvidia-elements/lint/no-complex-popovers` | Disallow excessive DOM complexity inside popover elements. | HTML | `error` |
 | `@nvidia-elements/lint/no-deprecated-attributes` | Disallow use of deprecated attributes in HTML. | HTML | `error` |
+| `@nvidia-elements/lint/no-deprecated-global-attribute-value` | Disallow use of deprecated attribute values for nve-* utility attributes. | HTML | `error` |
 | `@nvidia-elements/lint/no-deprecated-css-imports` | Disallow use of deprecated CSS import paths. | CSS | `error` |
 | `@nvidia-elements/lint/no-deprecated-css-variable` | Disallow use of deprecated --mlv-* CSS theme variables. | CSS | `error` |
 | `@nvidia-elements/lint/no-deprecated-global-attributes` | Disallow use of deprecated global utility attributes in HTML. | HTML | `error` |

projects/lint/src/eslint/configs/html.ts

@@ -10,6 +10,7 @@ import noDeprecatedIconNames from '../rules/no-deprecated-icon-names.js';
 import noDeprecatedPopoverAttributes from '../rules/no-deprecated-popover-attributes.js';
 import noUnexpectedGlobalAttributeValue from '../rules/no-unexpected-global-attribute-value.js';
 import noUnexpectedStyleCustomization from '../rules/no-unexpected-style-customization.js';
+import noDeprecatedGlobalAttributeValue from '../rules/no-deprecated-global-attribute-value.js';
 import noDeprecatedGlobalAttributes from '../rules/no-deprecated-global-attributes.js';
 import noRestrictedAttributes from '../rules/no-restricted-attributes.js';
 import noDeprecatedSlots from '../rules/no-deprecated-slots.js';
@@ -61,6 +62,7 @@ export const elementsHtmlConfig: Linter.Config = {
         'no-deprecated-attributes': noDeprecatedAttributes,
         'no-deprecated-icon-names': noDeprecatedIconNames,
         'no-deprecated-popover-attributes': noDeprecatedPopoverAttributes,
+        'no-deprecated-global-attribute-value': noDeprecatedGlobalAttributeValue,
         'no-deprecated-global-attributes': noDeprecatedGlobalAttributes,
         'no-deprecated-slots': noDeprecatedSlots,
         'no-missing-slotted-elements': noMissingSlottedElements,
@@ -91,6 +93,7 @@ export const elementsHtmlConfig: Linter.Config = {
     '@nvidia-elements/lint/no-deprecated-attributes': ['error'],
     '@nvidia-elements/lint/no-deprecated-icon-names': ['error'],
     '@nvidia-elements/lint/no-deprecated-popover-attributes': ['error'],
+    '@nvidia-elements/lint/no-deprecated-global-attribute-value': ['error'],
     '@nvidia-elements/lint/no-deprecated-global-attributes': ['error'],
     '@nvidia-elements/lint/no-deprecated-slots': ['error'],
     '@nvidia-elements/lint/no-missing-slotted-elements': ['error'],