@plumeria/eslint-plugin 18.3.2 → 18.3.3

package/dist/rules/validate-values.js

@@ -96,6 +96,9 @@ const lengthValueProperties = [
     'zoom',
 ];
 const lengthPercentage = [
+    'animationRange',
+    'animationRangeEnd',
+    'animationRangeStart',
     'width',
     'maxWidth',
     'minWidth',
@@ -181,6 +184,45 @@ const lengthPercentage = [
     'transformOrigin',
     'verticalAlign',
 ];
+const insetProperties = [
+    'top',
+    'right',
+    'bottom',
+    'left',
+    'inset',
+    'insetBlock',
+    'insetBlockStart',
+    'insetBlockEnd',
+    'insetInline',
+    'insetInlineStart',
+    'insetInlineEnd',
+];
+const anchorSizeProperties = [
+    ...insetProperties,
+    'margin',
+    'marginTop',
+    'marginRight',
+    'marginBottom',
+    'marginLeft',
+    'marginBlock',
+    'marginBlockStart',
+    'marginBlockEnd',
+    'marginInline',
+    'marginInlineStart',
+    'marginInlineEnd',
+    'width',
+    'minWidth',
+    'maxWidth',
+    'height',
+    'minHeight',
+    'maxHeight',
+    'blockSize',
+    'minBlockSize',
+    'maxBlockSize',
+    'inlineSize',
+    'minInlineSize',
+    'maxInlineSize',
+];
 const fitContentString = 'fit-content\\([^()]*\\)';
 const minString = 'min\\([^()]*\\)';
 const maxString = 'max\\([^()]*\\)';
@@ -722,6 +764,8 @@ function getLengthValuePattern(key) {
     ];
     const isFitContent = isFitContentGroup.includes(key);
     const isLengthPercentage = lengthPercentage.includes(key);
+    const isAnchor = insetProperties.includes(key);
+    const isAnchorSize = anchorSizeProperties.includes(key);
     return (`${lengthPattern}` +
         (isLengthPercentage ? `|${percentagePattern}` : '') +
         (isFitContent ? `|${fitContentString}` : '') +
@@ -732,9 +776,20 @@ function getLengthValuePattern(key) {
         (isBackgroundPositionX ? '|left|center|right' : '') +
         (isBackgroundPosition ? '|top|bottom|center|left|right' : '') +
         (isBackgroundSize ? '|cover|contain' : '') +
-        `|${calcString}|${clampString}|${anchorString}|${anchorSizeString}|${minString}|${maxString}|${varString}`);
+        (isAnchor ? `|${anchorString}` : '') +
+        (isAnchorSize ? `|${anchorSizeString}` : '') +
+        `|${calcString}|${clampString}|${minString}|${maxString}|${varString}`);
 }
 const validatorCache = new Map();
+const foldedValueCache = new Map();
+function getFoldedValues(key) {
+    const cached = foldedValueCache.get(key);
+    if (cached)
+        return cached;
+    const folded = new Set(validData_1.validData[key].map((v) => v.toLowerCase()));
+    foldedValueCache.set(key, folded);
+    return folded;
+}
 function getValidator(key) {
     if (validatorCache.has(key))
         return validatorCache.get(key);
@@ -1170,6 +1225,7 @@ function getValidator(key) {
     }
     else if ([
         'animationName',
+        'animationTimeline',
         'counterIncrement',
         'counterReset',
         'counterSet',
@@ -1571,6 +1627,21 @@ function getValidator(key) {
         const r = new RegExp(`^(${dr})(,\\s*(${dr}))*$`);
         validator = (v) => r.test(v);
     }
+    else if (['animationRange', 'animationRangeStart', 'animationRangeEnd'].includes(key)) {
+        const rangeName = [
+            'entry-crossing',
+            'exit-crossing',
+            'cover',
+            'contain',
+            'entry',
+            'exit',
+            'scroll',
+        ].join('|');
+        const bound = `(?:normal|(?:${lvp})|(?:${rangeName})(?:\\s+(?:${lvp}))?)`;
+        const segment = key === 'animationRange' ? `${bound}(?:\\s+${bound})?` : bound;
+        const r = new RegExp(`^${segment}(?:\\s*,\\s*${segment})*$`);
+        validator = (v) => r.test(v);
+    }
     else if ([
         'animationDelay',
         'animationDuration',
@@ -1739,13 +1810,15 @@ exports.validateValues = {
                     return;
                 const value = rawValue;
                 const normalized = normalizeCssVariables(value);
-                const globalValue = !validData_1.validData[key].includes(value) &&
-                    !globalValues.includes(value) &&
+                const folded = value.toLowerCase();
+                const globalValue = !getFoldedValues(key).has(folded) &&
+                    !globalValues.includes(folded) &&
                     !normalized?.isStandalone;
                 if (!globalValue)
                     return;
                 const validator = getValidator(key);
-                if (validator && (!normalized || !validator(normalized.value))) {
+                const accepts = (v) => !!validator && (validator(v) || validator(v.toLowerCase()));
+                if (validator && (!normalized || !accepts(normalized.value))) {
                     context.report({
                         node: property.value,
                         messageId: 'validateValue',

package/dist/util/propertyGroups.js

@@ -212,6 +212,7 @@ exports.propertyGroups = [
             'overflowWrap',
             'tabSize',
             'whiteSpace',
+            'whiteSpaceCollapse',
         ],
     },
     {
@@ -352,6 +353,9 @@ exports.propertyGroups = [
             'borderStyle',
             'borderWidth',
             'borderBlock',
+            'borderBlockColor',
+            'borderBlockStyle',
+            'borderBlockWidth',
             'borderBlockStart',
             'borderBlockStartColor',
             'borderBlockStartStyle',
@@ -361,6 +365,9 @@ exports.propertyGroups = [
             'borderBlockEndStyle',
             'borderBlockEndWidth',
             'borderInline',
+            'borderInlineColor',
+            'borderInlineStyle',
+            'borderInlineWidth',
             'borderInlineStart',
             'borderInlineStartColor',
             'borderInlineStartStyle',
@@ -490,7 +497,13 @@ exports.propertyGroups = [
             'animationDelay',
             'animationIterationCount',
             'animationDirection',
+            'animationFillMode',
             'animationPlayState',
+            'animationComposition',
+            'animationTimeline',
+            'animationRange',
+            'animationRangeStart',
+            'animationRangeEnd',
         ],
     },
     {

package/dist/util/validData.js

@@ -10,6 +10,15 @@ const easingKeywords = [
     'step-start',
     'step-end',
 ];
+const timelineRangeNames = [
+    'cover',
+    'contain',
+    'entry',
+    'exit',
+    'entry-crossing',
+    'exit-crossing',
+    'scroll',
+];
 const fontSizeSubValues = [
     'xx-small',
     'x-small',
@@ -159,6 +168,10 @@ const validData = {
     animationIterationCount: [],
     animationName: ['none', 'slide', 'bounce'],
     animationPlayState: [],
+    animationRange: ['normal', ...timelineRangeNames],
+    animationRangeEnd: ['normal', ...timelineRangeNames],
+    animationRangeStart: ['normal', ...timelineRangeNames],
+    animationTimeline: ['none', 'auto'],
     animationTimingFunction: [...easingKeywords],
     aspectRatio: ['auto'],
     backdropFilter: ['none'],

package/package.json

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