eslint-plugin-code-style 1.9.3 → 1.9.4

package/CHANGELOG.md

@@ -7,6 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [1.9.4] - 2026-02-03
+
+### Enhanced
+
+- **`no-hardcoded-strings`** - Skip UI component patterns only in JSX attributes:
+  - In JSX attributes: `<Button variant="ghost" />` is now ignored
+  - In logic: `const status = "success"` or `setValue("primary")` is still detected
+  - UI patterns: `primary`, `secondary`, `ghost`, `outline`, `link`, `muted`, `danger`, `warning`, `success`, `error`, `sm`, `md`, `lg`, `xl`, `left`, `right`, `center`, `top`, `bottom`, `hover`, `focus`, `click`, etc.
+
+---
+
 ## [1.9.3] - 2026-02-03
 
 ### Enhanced
@@ -1288,6 +1299,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+[1.9.4]: https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/compare/v1.9.3...v1.9.4
 [1.9.3]: https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/compare/v1.9.2...v1.9.3
 [1.9.2]: https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/compare/v1.9.1...v1.9.2
 [1.9.1]: https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/compare/v1.9.0...v1.9.1

package/index.js

@@ -14090,6 +14090,9 @@ const noHardcodedStrings = {
 
         const allIgnorePatterns = [...technicalPatterns, ...extraIgnorePatterns];
 
+        // UI component patterns - only ignored in JSX attributes, not in logic
+        const uiComponentPattern = /^(primary|secondary|tertiary|ghost|outline|link|muted|danger|warning|info|success|error|default|subtle|solid|soft|plain|flat|elevated|filled|tonal|text|contained|standard|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|xxs|xxl|small|medium|large|tiny|huge|compact|comfortable|spacious|left|right|center|top|bottom|start|end|middle|baseline|stretch|between|around|evenly|horizontal|vertical|row|column|inline|block|flex|grid|auto|none|hidden|visible|static|relative|absolute|fixed|sticky|on|off|hover|focus|click|blur|always|never)$/;
+
         // HTTP status codes that should NOT be hardcoded (2xx, 4xx, and 5xx)
         const httpStatusCodePattern = /^[245]\d{2}$/;
 
@@ -14545,6 +14548,9 @@ const noHardcodedStrings = {
                 if (node.value.type === "Literal" && typeof node.value.value === "string") {
                     const str = node.value.value;
 
+                    // Skip UI component patterns in JSX attributes (variant, size, position props)
+                    if (uiComponentPattern.test(str)) return;
+
                     // Check if it's a flagged special string (status code, role name)
                     const isSpecialString = isFlaggedSpecialStringHandler(str);
 
@@ -14569,6 +14575,9 @@ const noHardcodedStrings = {
                     if (expression.type === "Literal" && typeof expression.value === "string") {
                         const str = expression.value;
 
+                        // Skip UI component patterns in JSX attributes (variant, size, position props)
+                        if (uiComponentPattern.test(str)) return;
+
                         // Check if it's a flagged special string (status code, role name)
                         const isSpecialString = isFlaggedSpecialStringHandler(str);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eslint-plugin-code-style",
-    "version": "1.9.3",
+    "version": "1.9.4",
     "description": "A custom ESLint plugin for enforcing consistent code formatting and style rules in React/JSX projects",
     "main": "index.js",
     "types": "index.d.ts",