vscode-css-languageservice 6.2.4 → 6.2.6

package/lib/umd/languageFacts/builtinData.js

@@ -128,7 +128,7 @@
         'polygon()': 'Defines a polygon.'
     };
     exports.units = {
-        'length': ['cap', 'ch', 'cm', 'cqb', 'cqh', 'cqi', 'cqmax', 'cqmin', 'cqw', 'dvb', 'dvh', 'dvi', 'dvw', 'em', 'ex', 'ic', 'in', 'lh', 'lvb', 'lvh', 'lvi', 'lvw', 'mm', 'pc', 'pt', 'px', 'q', 'rem', 'svb', 'svh', 'svi', 'svw', 'vb', 'vh', 'vi', 'vmax', 'vmin', 'vw'],
+        'length': ['cap', 'ch', 'cm', 'cqb', 'cqh', 'cqi', 'cqmax', 'cqmin', 'cqw', 'dvb', 'dvh', 'dvi', 'dvw', 'em', 'ex', 'ic', 'in', 'lh', 'lvb', 'lvh', 'lvi', 'lvw', 'mm', 'pc', 'pt', 'px', 'q', 'rcap', 'rch', 'rem', 'rex', 'ric', 'rlh', 'svb', 'svh', 'svi', 'svw', 'vb', 'vh', 'vi', 'vmax', 'vmin', 'vw'],
         'angle': ['deg', 'rad', 'grad', 'turn'],
         'time': ['ms', 's'],
         'frequency': ['Hz', 'kHz'],

package/lib/umd/languageFacts/colors.js

@@ -13,16 +13,133 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getColorValue = exports.hwbFromColor = exports.colorFromHWB = exports.hslFromColor = exports.colorFromHSL = exports.colorFrom256RGB = exports.colorFromHex = exports.hexDigit = exports.isColorValue = exports.isColorConstructor = exports.colorKeywords = exports.colors = exports.colorFunctions = void 0;
+    exports.getColorValue = exports.hwbFromColor = exports.colorFromHWB = exports.hslFromColor = exports.colorFromHSL = exports.colorFrom256RGB = exports.colorFromHex = exports.hexDigit = exports.isColorValue = exports.isColorString = exports.isColorConstructor = exports.colorKeywords = exports.colors = exports.colorFunctions = void 0;
     const nodes = require("../parser/cssNodes");
     const l10n = require("@vscode/l10n");
+    const hexColorRegExp = /(^#([0-9A-F]{3}){1,2}$)|(^#([0-9A-F]{4}){1,2}$)/i;
     exports.colorFunctions = [
-        { func: 'rgb($red, $green, $blue)', desc: l10n.t('Creates a Color from red, green, and blue values.') },
-        { func: 'rgba($red, $green, $blue, $alpha)', desc: l10n.t('Creates a Color from red, green, blue, and alpha values.') },
-        { func: 'hsl($hue, $saturation, $lightness)', desc: l10n.t('Creates a Color from hue, saturation, and lightness values.') },
-        { func: 'hsla($hue, $saturation, $lightness, $alpha)', desc: l10n.t('Creates a Color from hue, saturation, lightness, and alpha values.') },
-        { func: 'hwb($hue $white $black)', desc: l10n.t('Creates a Color from hue, white and black.') }
+        {
+            label: 'rgb',
+            func: 'rgb($red, $green, $blue)',
+            insertText: 'rgb(${1:red}, ${2:green}, ${3:blue})',
+            desc: l10n.t('Creates a Color from red, green, and blue values.')
+        },
+        {
+            label: 'rgba',
+            func: 'rgba($red, $green, $blue, $alpha)',
+            insertText: 'rgba(${1:red}, ${2:green}, ${3:blue}, ${4:alpha})',
+            desc: l10n.t('Creates a Color from red, green, blue, and alpha values.')
+        },
+        {
+            label: 'rgb relative',
+            func: 'rgb(from $color $red $green $blue)',
+            insertText: 'rgb(from ${1:color} ${2:r} ${3:g} ${4:b})',
+            desc: l10n.t('Creates a Color from the red, green, and blue values of another Color.')
+        },
+        {
+            label: 'hsl',
+            func: 'hsl($hue, $saturation, $lightness)',
+            insertText: 'hsl(${1:hue}, ${2:saturation}, ${3:lightness})',
+            desc: l10n.t('Creates a Color from hue, saturation, and lightness values.')
+        },
+        {
+            label: 'hsla',
+            func: 'hsla($hue, $saturation, $lightness, $alpha)',
+            insertText: 'hsla(${1:hue}, ${2:saturation}, ${3:lightness}, ${4:alpha})',
+            desc: l10n.t('Creates a Color from hue, saturation, lightness, and alpha values.')
+        },
+        {
+            label: 'hsl relative',
+            func: 'hsl(from $color $hue $saturation $lightness)',
+            insertText: 'hsl(from ${1:color} ${2:h} ${3:s} ${4:l})',
+            desc: l10n.t('Creates a Color from the hue, saturation, and lightness values of another Color.')
+        },
+        {
+            label: 'hwb',
+            func: 'hwb($hue $white $black)',
+            insertText: 'hwb(${1:hue} ${2:white} ${3:black})',
+            desc: l10n.t('Creates a Color from hue, white, and black values.')
+        },
+        {
+            label: 'hwb relative',
+            func: 'hwb(from $color $hue $white $black)',
+            insertText: 'hwb(from ${1:color} ${2:h} ${3:w} ${4:b})',
+            desc: l10n.t('Creates a Color from the hue, white, and black values of another Color.')
+        },
+        {
+            label: 'lab',
+            func: 'lab($lightness $a $b)',
+            insertText: 'lab(${1:lightness} ${2:a} ${3:b})',
+            desc: l10n.t('Creates a Color from lightness, a, and b values.')
+        },
+        {
+            label: 'lab relative',
+            func: 'lab(from $color $lightness $a $b)',
+            insertText: 'lab(from ${1:color} ${2:l} ${3:a} ${4:b})',
+            desc: l10n.t('Creates a Color from the lightness, a, and b values of another Color.')
+        },
+        {
+            label: 'oklab',
+            func: 'oklab($lightness $a $b)',
+            insertText: 'oklab(${1:lightness} ${2:a} ${3:b})',
+            desc: l10n.t('Creates a Color from lightness, a, and b values.')
+        },
+        {
+            label: 'oklab relative',
+            func: 'oklab(from $color $lightness $a $b)',
+            insertText: 'oklab(from ${1:color} ${2:l} ${3:a} ${4:b})',
+            desc: l10n.t('Creates a Color from the lightness, a, and b values of another Color.')
+        },
+        {
+            label: 'lch',
+            func: 'lch($lightness $chroma $hue)',
+            insertText: 'lch(${1:lightness} ${2:chroma} ${3:hue})',
+            desc: l10n.t('Creates a Color from lightness, chroma, and hue values.')
+        },
+        {
+            label: 'lch relative',
+            func: 'lch(from $color $lightness $chroma $hue)',
+            insertText: 'lch(from ${1:color} ${2:l} ${3:c} ${4:h})',
+            desc: l10n.t('Creates a Color from the lightness, chroma, and hue values of another Color.')
+        },
+        {
+            label: 'oklch',
+            func: 'oklch($lightness $chroma $hue)',
+            insertText: 'oklch(${1:lightness} ${2:chroma} ${3:hue})',
+            desc: l10n.t('Creates a Color from lightness, chroma, and hue values.')
+        },
+        {
+            label: 'oklch relative',
+            func: 'oklch(from $color $lightness $chroma $hue)',
+            insertText: 'oklch(from ${1:color} ${2:l} ${3:c} ${4:h})',
+            desc: l10n.t('Creates a Color from the lightness, chroma, and hue values of another Color.')
+        },
+        {
+            label: 'color',
+            func: 'color($color-space $red $green $blue)',
+            insertText: 'color(${1|srgb,srgb-linear,display-p3,a98-rgb,prophoto-rgb,rec2020,xyx,xyz-d50,xyz-d65|} ${2:red} ${3:green} ${4:blue})',
+            desc: l10n.t('Creates a Color in a specific color space from red, green, and blue values.')
+        },
+        {
+            label: 'color relative',
+            func: 'color(from $color $color-space $red $green $blue)',
+            insertText: 'color(from ${1:color} ${2|srgb,srgb-linear,display-p3,a98-rgb,prophoto-rgb,rec2020,xyx,xyz-d50,xyz-d65|} ${3:r} ${4:g} ${5:b})',
+            desc: l10n.t('Creates a Color in a specific color space from the red, green, and blue values of another Color.')
+        },
+        {
+            label: 'color-mix',
+            func: 'color-mix(in $color-space, $color $percentage, $color $percentage)',
+            insertText: 'color-mix(in ${1|srgb,srgb-linear,lab,oklab,xyz,xyz-d50,xyz-d65|}, ${3:color} ${4:percentage}, ${5:color} ${6:percentage})',
+            desc: l10n.t('Mix two colors together in a rectangular color space.')
+        },
+        {
+            label: 'color-mix hue',
+            func: 'color-mix(in $color-space $interpolation-method hue, $color $percentage, $color $percentage)',
+            insertText: 'color-mix(in ${1|hsl,hwb,lch,oklch|} ${2|shorter hue,longer hue,increasing hue,decreasing hue|}, ${3:color} ${4:percentage}, ${5:color} ${6:percentage})',
+            desc: l10n.t('Mix two colors together in a polar color space.')
+        },
     ];
+    const colorFunctionNameRegExp = /^(rgb|rgba|hsl|hsla|hwb)$/i;
     exports.colors = {
         aliceblue: '#f0f8ff',
         antiquewhite: '#faebd7',
@@ -173,10 +290,12 @@
         yellow: '#ffff00',
         yellowgreen: '#9acd32'
     };
+    const colorsRegExp = new RegExp(`^(${Object.keys(exports.colors).join('|')})$`, "i");
     exports.colorKeywords = {
         'currentColor': 'The value of the \'color\' property. The computed value of the \'currentColor\' keyword is the computed value of the \'color\' property. If the \'currentColor\' keyword is set on the \'color\' property itself, it is treated as \'color:inherit\' at parse time.',
         'transparent': 'Fully transparent. This keyword can be considered a shorthand for rgba(0,0,0,0) which is its computed value.',
     };
+    const colorKeywordsRegExp = new RegExp(`^(${Object.keys(exports.colorKeywords).join('|')})$`, "i");
     function getNumericValue(node, factor) {
         const val = node.getText();
         const m = val.match(/^([-+]?[0-9]*\.?[0-9]+)(%?)$/);
@@ -217,9 +336,13 @@
         if (!name) {
             return false;
         }
-        return /^(rgb|rgba|hsl|hsla|hwb)$/gi.test(name);
+        return colorFunctionNameRegExp.test(name);
     }
     exports.isColorConstructor = isColorConstructor;
+    function isColorString(s) {
+        return hexColorRegExp.test(s) || colorsRegExp.test(s) || colorKeywordsRegExp.test(s);
+    }
+    exports.isColorString = isColorString;
     /**
      * Returns true if the node is a color value - either
      * defined a hex number, as rgb or rgba function, or

package/lib/umd/parser/cssNodes.js

@@ -1273,7 +1273,7 @@
             super(offset, length);
         }
         get type() {
-            return NodeType.MixinContentReference;
+            return NodeType.MixinContentDeclaration;
         }
         getParameters() {
             if (!this.parameters) {

package/lib/umd/parser/cssParser.js

@@ -282,7 +282,7 @@
                 || this._parseFontFace()
                 || this._parseKeyframe()
                 || this._parseSupports(isNested)
-                || this._parseLayer()
+                || this._parseLayer(isNested)
                 || this._parsePropertyAtRule()
                 || this._parseViewPort()
                 || this._parseNamespace()
@@ -317,14 +317,20 @@
             return this._parseBody(node, this._parseRuleSetDeclaration.bind(this));
         }
         _parseRuleSetDeclarationAtStatement() {
-            return this._parseUnknownAtRule();
+            return this._parseMedia(true)
+                || this._parseSupports(true)
+                || this._parseLayer(true)
+                || this._parseUnknownAtRule();
         }
         _parseRuleSetDeclaration() {
             // https://www.w3.org/TR/css-syntax-3/#consume-a-list-of-declarations
             if (this.peek(cssScanner_1.TokenType.AtKeyword)) {
                 return this._parseRuleSetDeclarationAtStatement();
             }
-            return this._parseDeclaration();
+            if (!this.peek(cssScanner_1.TokenType.Ident)) {
+                return this._parseRuleset(true);
+            }
+            return this._tryParseRuleset(true) || this._parseDeclaration();
         }
         _needsSemicolonAfter(node) {
             switch (node.type) {
@@ -406,9 +412,9 @@
             return hasContent ? this.finish(node) : null;
         }
         _parseDeclaration(stopTokens) {
-            const custonProperty = this._tryParseCustomPropertyDeclaration(stopTokens);
-            if (custonProperty) {
-                return custonProperty;
+            const customProperty = this._tryParseCustomPropertyDeclaration(stopTokens);
+            if (customProperty) {
+                return customProperty;
             }
             const node = this.create(nodes.Declaration);
             if (!node.setProperty(this._parseProperty())) {
@@ -743,7 +749,7 @@
             }
             return this._parseBody(node, this._parseDeclaration.bind(this));
         }
-        _parseLayer() {
+        _parseLayer(isNested = false) {
             // @layer layer-name {rules}
             // @layer layer-name;
             // @layer layer-name, layer-name, layer-name;
@@ -758,13 +764,22 @@
                 node.setNames(names);
             }
             if ((!names || names.getChildren().length === 1) && this.peek(cssScanner_1.TokenType.CurlyL)) {
-                return this._parseBody(node, this._parseStylesheetStatement.bind(this));
+                return this._parseBody(node, this._parseLayerDeclaration.bind(this, isNested));
             }
             if (!this.accept(cssScanner_1.TokenType.SemiColon)) {
                 return this.finish(node, cssErrors_1.ParseError.SemiColonExpected);
             }
             return this.finish(node);
         }
+        _parseLayerDeclaration(isNested = false) {
+            if (isNested) {
+                // if nested, the body can contain rulesets, but also declarations
+                return this._tryParseRuleset(true)
+                    || this._tryToParseDeclaration()
+                    || this._parseStylesheetStatement(true);
+            }
+            return this._parseStylesheetStatement(false);
+        }
         _parseLayerNameList() {
             const node = this.createNode(nodes.NodeType.LayerNameList);
             if (!node.addChild(this._parseLayerName())) {
@@ -1262,7 +1277,7 @@
             //  : element_name [ HASH | class | attrib | pseudo ]* | [ HASH | class | attrib | pseudo ]+ ;
             const node = this.create(nodes.SimpleSelector);
             let c = 0;
-            if (node.addChild(this._parseElementName())) {
+            if (node.addChild(this._parseElementName() || this._parseNestingSelector())) {
                 c++;
             }
             while ((c === 0 || !this.hasWhitespace()) && node.addChild(this._parseSimpleSelectorBody())) {
@@ -1270,6 +1285,14 @@
             }
             return c > 0 ? this.finish(node) : null;
         }
+        _parseNestingSelector() {
+            if (this.peekDelim('&')) {
+                const node = this.createNode(nodes.NodeType.SelectorCombinator);
+                this.consumeToken();
+                return this.finish(node);
+            }
+            return null;
+        }
         _parseSimpleSelectorBody() {
             return this._parsePseudo() || this._parseHash() || this._parseClass() || this._parseAttrib();
         }

package/lib/umd/parser/lessParser.js

@@ -287,14 +287,14 @@
                     || this._parsePropertyAtRule() // @property
                     || this._parseDetachedRuleSetMixin() // less detached ruleset mixin
                     || this._parseVariableDeclaration() // Variable declarations
-                    || super._parseRuleSetDeclarationAtStatement();
+                    || this._parseRuleSetDeclarationAtStatement();
             }
             return this._tryParseMixinDeclaration()
                 || this._tryParseRuleset(true) // nested ruleset
                 || this._tryParseMixinReference() // less mixin reference
                 || this._parseFunction()
                 || this._parseExtend() // less extend declaration
-                || super._parseRuleSetDeclaration(); // try css ruleset declaration as the last option
+                || this._parseDeclaration(); // try css ruleset declaration as the last option
         }
         _parseKeyframeIdent() {
             return this._parseIdent([nodes.ReferenceType.Keyframe]) || this._parseVariable();
@@ -303,9 +303,9 @@
             return this._parseDetachedRuleSetMixin() // less detached ruleset mixin
                 || super._parseKeyframeSelector();
         }
-        _parseSimpleSelectorBody() {
-            return this._parseSelectorCombinator() || super._parseSimpleSelectorBody();
-        }
+        // public _parseSimpleSelectorBody(): nodes.Node | null {
+        // 	return this._parseNestingSelector() || super._parseSimpleSelectorBody();
+        // }
         _parseSelector(isNested) {
             // CSS Guards
             const node = this.create(nodes.Selector);
@@ -325,7 +325,7 @@
             }
             return hasContent ? this.finish(node) : null;
         }
-        _parseSelectorCombinator() {
+        _parseNestingSelector() {
             if (this.peekDelim('&')) {
                 const node = this.createNode(nodes.NodeType.SelectorCombinator);
                 this.consumeToken();

package/lib/umd/parser/scssParser.js

@@ -172,7 +172,7 @@
         _parseTermExpression() {
             return this._parseModuleMember() ||
                 this._parseVariable() ||
-                this._parseSelectorCombinator() ||
+                this._parseNestingSelector() ||
                 //this._tryParsePrio() ||
                 super._parseTermExpression();
         }
@@ -180,7 +180,7 @@
             if (this.peek(scssScanner.InterpolationFunction)) {
                 const node = this.create(nodes.Interpolation);
                 this.consumeToken();
-                if (!node.addChild(this._parseExpr()) && !this._parseSelectorCombinator()) {
+                if (!node.addChild(this._parseExpr()) && !this._parseNestingSelector()) {
                     if (this.accept(cssScanner_1.TokenType.CurlyR)) {
                         return this.finish(node);
                     }
@@ -230,11 +230,11 @@
                     || this._parseSupports(true) // @supports
                     || this._parseLayer() // @layer
                     || this._parsePropertyAtRule() // @property
-                    || super._parseRuleSetDeclarationAtStatement();
+                    || this._parseRuleSetDeclarationAtStatement();
             }
             return this._parseVariableDeclaration() // variable declaration
                 || this._tryParseRuleset(true) // nested ruleset
-                || super._parseRuleSetDeclaration(); // try css ruleset declaration as last so in the error case, the ast will contain a declaration
+                || this._parseDeclaration(); // try css ruleset declaration as last so in the error case, the ast will contain a declaration
         }
         _parseDeclaration(stopTokens) {
             const custonProperty = this._tryParseCustomPropertyDeclaration(stopTokens);
@@ -293,9 +293,9 @@
             return null;
         }
         _parseSimpleSelectorBody() {
-            return this._parseSelectorCombinator() || this._parseSelectorPlaceholder() || super._parseSimpleSelectorBody();
+            return this._parseSelectorPlaceholder() || super._parseSimpleSelectorBody();
         }
-        _parseSelectorCombinator() {
+        _parseNestingSelector() {
             if (this.peekDelim('&')) {
                 const node = this.createNode(nodes.NodeType.SelectorCombinator);
                 this.consumeToken();

package/lib/umd/services/cssCompletion.js

@@ -415,7 +415,7 @@
                     kind: cssLanguageTypes_1.CompletionItemKind.Variable,
                     sortText: SortTexts.Variable
                 };
-                if (typeof completionItem.documentation === 'string' && isColorString(completionItem.documentation)) {
+                if (typeof completionItem.documentation === 'string' && languageFacts.isColorString(completionItem.documentation)) {
                     completionItem.kind = cssLanguageTypes_1.CompletionItemKind.Color;
                 }
                 if (symbol.node.type === nodes.NodeType.FunctionParameter) {
@@ -440,7 +440,7 @@
                         textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(null), symbol.name),
                         kind: cssLanguageTypes_1.CompletionItemKind.Variable
                     };
-                    if (typeof completionItem.documentation === 'string' && isColorString(completionItem.documentation)) {
+                    if (typeof completionItem.documentation === 'string' && languageFacts.isColorString(completionItem.documentation)) {
                         completionItem.kind = cssLanguageTypes_1.CompletionItemKind.Color;
                     }
                     result.items.push(completionItem);
@@ -528,14 +528,11 @@
                 });
             }
             for (const p of languageFacts.colorFunctions) {
-                let tabStop = 1;
-                const replaceFunction = (_match, p1) => '${' + tabStop++ + ':' + p1 + '}';
-                const insertText = p.func.replace(/\[?\$(\w+)\]?/g, replaceFunction);
                 result.items.push({
-                    label: p.func.substr(0, p.func.indexOf('(')),
+                    label: p.label,
                     detail: p.func,
                     documentation: p.desc,
-                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), insertText),
+                    textEdit: cssLanguageTypes_1.TextEdit.replace(this.getCompletionRange(existingNode), p.insertText),
                     insertTextFormat: SnippetFormat,
                     kind: cssLanguageTypes_1.CompletionItemKind.Function
                 });
@@ -1069,8 +1066,4 @@
         }
         return text.substring(i + 1, offset);
     }
-    function isColorString(s) {
-        // From https://stackoverflow.com/questions/8027423/how-to-check-if-a-string-is-a-valid-hex-color-representation/8027444
-        return (s.toLowerCase() in languageFacts.colors) || /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(s);
-    }
 });

package/lib/umd/services/cssNavigation.js

@@ -184,7 +184,7 @@
             const addSymbolInformation = (name, kind, symbolNodeOrRange) => {
                 const range = symbolNodeOrRange instanceof nodes.Node ? getRange(symbolNodeOrRange, document) : symbolNodeOrRange;
                 const entry = {
-                    name,
+                    name: name || l10n.t('<undefined>'),
                     kind,
                     location: cssLanguageTypes_1.Location.create(document.uri, range)
                 };
@@ -198,9 +198,12 @@
             const parents = [];
             const addDocumentSymbol = (name, kind, symbolNodeOrRange, nameNodeOrRange, bodyNode) => {
                 const range = symbolNodeOrRange instanceof nodes.Node ? getRange(symbolNodeOrRange, document) : symbolNodeOrRange;
-                const selectionRange = (nameNodeOrRange instanceof nodes.Node ? getRange(nameNodeOrRange, document) : nameNodeOrRange) ?? cssLanguageTypes_1.Range.create(range.start, range.start);
+                let selectionRange = nameNodeOrRange instanceof nodes.Node ? getRange(nameNodeOrRange, document) : nameNodeOrRange;
+                if (!selectionRange || !containsRange(range, selectionRange)) {
+                    selectionRange = cssLanguageTypes_1.Range.create(range.start, range.start);
+                }
                 const entry = {
-                    name,
+                    name: name || l10n.t('<undefined>'),
                     kind,
                     range,
                     selectionRange

package/lib/umd/services/lessCompletion.js

@@ -55,7 +55,6 @@
             return super.getCompletionsForDeclarationProperty(declaration, result);
         }
     }
-    exports.LESSCompletion = LESSCompletion;
     LESSCompletion.builtInProposals = [
         // Boolean functions
         {
@@ -387,4 +386,5 @@
             'example': 'negation(@color1, @color2);'
         }
     ];
+    exports.LESSCompletion = LESSCompletion;
 });

package/lib/umd/services/lint.js

@@ -569,9 +569,9 @@
             return true;
         }
     }
-    exports.LintVisitor = LintVisitor;
     LintVisitor.prefixes = [
         '-ms-', '-moz-', '-o-', '-webkit-', // Quite common
         //		'-xv-', '-atsc-', '-wap-', '-khtml-', 'mso-', 'prince-', '-ah-', '-hp-', '-ro-', '-rim-', '-tc-' // Quite un-common
     ];
+    exports.LintVisitor = LintVisitor;
 });

package/lib/umd/services/scssCompletion.js

@@ -118,7 +118,6 @@
             return result;
         }
     }
-    exports.SCSSCompletion = SCSSCompletion;
     SCSSCompletion.variableDefaults = {
         '$red': '1',
         '$green': '2',
@@ -345,6 +344,7 @@
             references: [{ name: sassDocumentationName, url: 'https://sass-lang.com/documentation/modules/meta' }]
         },
     ];
+    exports.SCSSCompletion = SCSSCompletion;
     /**
      * Todo @Pine: Remove this and do it through custom data
      */

package/lib/umd/services/selectorPrinting.js

@@ -417,8 +417,7 @@
                 return specificity;
             };
             const specificity = calculateScore(node);
-            ;
-            return l10n.t("[Selector Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity): ({0}, {1}, {2})", specificity.id, specificity.attr, specificity.tag);
+            return `[${l10n.t("Selector Specificity")}](https://developer.mozilla.org/docs/Web/CSS/Specificity): (${specificity.id}, ${specificity.attr}, ${specificity.tag})`;
         }
     }
     exports.SelectorPrinting = SelectorPrinting;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vscode-css-languageservice",
-  "version": "6.2.4",
+  "version": "6.2.6",
   "description": "Language service for CSS, LESS and SCSS",
   "main": "./lib/umd/cssLanguageService.js",
   "typings": "./lib/umd/cssLanguageService",
@@ -17,18 +17,18 @@
   "devDependencies": {
     "@types/mocha": "^10.0.1",
     "@types/node": "16.x",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
-    "@vscode/web-custom-data": "^0.4.5",
-    "eslint": "^8.34.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
+    "@vscode/web-custom-data": "^0.4.6",
+    "eslint": "^8.41.0",
     "js-beautify": "^1.14.7",
     "mocha": "^10.2.0",
-    "rimraf": "^4.1.2",
+    "rimraf": "^5.0.1",
     "source-map-support": "^0.5.21",
-    "typescript": "^4.9.5"
+    "typescript": "^5.0.4"
   },
   "dependencies": {
-    "@vscode/l10n": "^0.0.11",
+    "@vscode/l10n": "^0.0.14",
     "vscode-languageserver-textdocument": "^1.0.8",
     "vscode-languageserver-types": "^3.17.3",
     "vscode-uri": "^3.0.7"