@plumeria/eslint-plugin 19.0.0 → 19.1.0

package/README.md

@@ -151,7 +151,7 @@ Validates CSS pseudo-classes and pseudo-elements inside `css.create()`. It check
 
 ### validate-at-rules
 
-Validates at-rules inside `css.create()`. It accepts `@media`, `@container`, `@supports`, `@layer`, and `@scope`, and supports validation of computed keys when TypeScript is available.
+Validates at-rules inside `css.create()`. It accepts `@media`, `@container`, `@supports`, `@layer`, and `@scope`, each with a prelude, whether or not a space separates it from the keyword, and supports validation of computed keys when TypeScript is available.
 
 ## Optional rules
 

package/dist/rules/validate-at-rules.js

@@ -5,14 +5,21 @@ exports.isValidAtRule = isValidAtRule;
 const utils_1 = require("@typescript-eslint/utils");
 const styleObject_1 = require("../util/styleObject");
 const VALID_AT_RULES = [
-    '@media ',
-    '@container ',
-    '@supports ',
-    '@layer ',
-    '@scope ',
+    '@media',
+    '@container',
+    '@supports',
+    '@layer',
+    '@scope',
 ];
 function isValidAtRule(rule) {
-    return VALID_AT_RULES.some((prefix) => rule.startsWith(prefix) && rule.length > prefix.length);
+    return VALID_AT_RULES.some((keyword) => {
+        if (!rule.startsWith(keyword))
+            return false;
+        const prelude = rule.slice(keyword.length);
+        if (!prelude.startsWith(' ') && !prelude.startsWith('('))
+            return false;
+        return prelude.replace(/[()\s]/g, '').length > 0;
+    });
 }
 exports.validateAtRules = {
     meta: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "19.0.0",
+  "version": "19.1.0",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",