@less/test-data 4.6.7 → 4.7.0

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "4.6.7",
+	"version": "4.7.0",
 	"description": "Less files and CSS results",
 	"author": "Alexis Sellier <self@cloudhead.net>",
 	"contributors": [

package/tests-config/at-rules-compressed-evaluation/at-rules-compressed-evaluation.less

@@ -25,7 +25,7 @@
 
 // Test eval with value evaluation and keywordList conversion
 @breakpoint: screen;
-@media @breakpoint, print {
+@media @{breakpoint}, print {
   body {
     margin: 0;
   }

package/tests-unit/at-rule-variable-deprecated/at-rule-variable-deprecated.css

@@ -0,0 +1,45 @@
+@media only screen and (max-width: 200px) {
+  .body {
+    width: 480px;
+  }
+}
+@media all and (tv) {
+  .all-and-tv {
+    var: yes;
+  }
+}
+@media screen, print {
+  .list {
+    margin: 0;
+  }
+}
+@container foo (min-width: 400px) {
+  .sticky-child {
+    font-size: 75%;
+  }
+}
+@supports (display: flex) {
+  .flex {
+    display: flex;
+  }
+}
+@supports (display: grid) and (gap: 1rem) {
+  .grid {
+    display: grid;
+  }
+}
+@keyframes enlarger {
+  from {
+    font-size: 12px;
+  }
+  to {
+    font-size: 15px;
+  }
+}
+@namespace less "http://lesscss.org";
+@namespace svgns "http://www.w3.org/2000/svg";
+@layer base {
+  .layered {
+    color: red;
+  }
+}

package/tests-unit/at-rule-variable-deprecated/at-rule-variable-deprecated.less

@@ -0,0 +1,76 @@
+// Backward-compatibility coverage for the deprecated bare `@variable`
+// reference in non-value positions (at-rule preludes, names, and identifiers).
+// These still resolve, but emit a `variable-in-at-rule-prelude` deprecation
+// warning at parse time. New code should use `@{variable}` interpolation
+// instead (see media.less / variables-in-at-rules.less).
+
+// --- nestable at-rule preludes ---
+@smartphone: ~"only screen and (max-width: 200px)";
+@media @smartphone {
+  .body {
+    width: 480px;
+  }
+}
+
+@all: ~"all";
+@tv: ~"(tv)";
+@media @all and @tv {
+  .all-and-tv {
+    var: yes;
+  }
+}
+
+@breakpoint: screen;
+@media @breakpoint, print {
+  .list {
+    margin: 0;
+  }
+}
+
+@varfoo: foo;
+@threshold: 400px;
+@container @varfoo (min-width: @threshold) {
+  .sticky-child {
+    font-size: 75%;
+  }
+}
+
+// --- unknown at-rule prelude (structural bare variable — deprecated) ---
+@supported: ~"(display: flex)";
+@supports @supported {
+  .flex {
+    display: flex;
+  }
+}
+
+// A bare @variable in a *nested declaration value* (inside `(...)`) is NOT a
+// structural position — it is a declaration value and remains valid without a
+// deprecation warning, mirroring `@media (min-width: @var)`.
+@disp: grid;
+@supports (display: @disp) and (gap: 1rem) {
+  .grid {
+    display: grid;
+  }
+}
+
+// --- at-rule identifiers / names ---
+@anim: enlarger;
+@keyframes @anim {
+  from { font-size: 12px; }
+  to   { font-size: 15px; }
+}
+
+@ns: less;
+@namespace @ns "http://lesscss.org";
+
+// indirect (variable-variable) prefix — also a deprecated bare reference
+@ns-ref: svg;
+@svg: svgns;
+@namespace @@ns-ref "http://www.w3.org/2000/svg";
+
+@layer-name: base;
+@layer @layer-name {
+  .layered {
+    color: red;
+  }
+}

package/tests-unit/container/container.css

@@ -336,3 +336,18 @@
     display: none;
   }
 }
+@container style(var(--n) = 3) {
+  .style-query-eq {
+    color: red;
+  }
+}
+@container style(calc(6 / 2) = var(--n)) {
+  .style-query-calc-eq {
+    color: blue;
+  }
+}
+@container style(var(--size) > 1lh) {
+  .style-query-gt {
+    color: green;
+  }
+}

package/tests-unit/container/container.less

@@ -375,7 +375,7 @@
 
 @varfoo: foo;
 @threshold: 400px;
-@container @varfoo (min-width: @threshold) {
+@container @{varfoo} (min-width: @threshold) {
     #sticky-child {
       font-size: 75%;
     }
@@ -387,7 +387,7 @@
 @issue-width: 125px;
 
 .container-query-mixin(@container-name; @bp) {
-    @container @container-name (width < @bp) {
+    @container @{container-name} (width < @bp) {
         display: none;
     }
 }
@@ -404,3 +404,22 @@
 .header-test {
     .container-query-mixin(header, 800px);
 }
+
+// Range/comparison syntax in @container style() queries (issue #4460)
+@container style(var(--n) = 3) {
+    .style-query-eq {
+        color: red;
+    }
+}
+
+@container style(calc(6 / 2) = var(--n)) {
+    .style-query-calc-eq {
+        color: blue;
+    }
+}
+
+@container style(var(--size) > 1lh) {
+    .style-query-gt {
+        color: green;
+    }
+}

package/tests-unit/import/import/import-reference.less

@@ -73,11 +73,11 @@
   }
 }
 .mixin-with-directives(@keyframeName) {
-  @keyframes @keyframeName {
+  @keyframes @{keyframeName} {
     @rules1();
   }
   @supports (animation-name: test) {
-    @keyframes @keyframeName {
+    @keyframes @{keyframeName} {
       @rules2();
     }
     .selector {

package/tests-unit/layer/layer.less

@@ -18,7 +18,7 @@
 
 @layer-name: primevue;
 
-@layer @layer-name {
+@layer @{layer-name} {
     .test {
         foo: bar;
     }

package/tests-unit/media/media.less

@@ -107,7 +107,7 @@
   .mediaMixin();
 }
 @smartphone: ~"only screen and (max-width: 200px)";
-@media @smartphone {
+@media @{smartphone} {
   .body {
     width: 480px;
   }
@@ -226,7 +226,7 @@
 }
 @all: ~"all";
 @tv: ~"(tv)";
-@media @all and @tv {
+@media @{all} and @{tv} {
   .all-and-tv-variables {
     var: all-and-tv;
   }

package/tests-unit/permissive-parse/permissive-parse.less

@@ -38,13 +38,13 @@
 
 @size: 640px;
 @tablet: (min-width: @size);
-@media @tablet {
+@media @{tablet} {
   .holy-crap {
     this: works;
   }
 }
 @tablet: (min-width: @{size});
-@media @tablet {
+@media @{tablet} {
   .with-curly {
     this: works;
   }

package/tests-unit/variables-in-at-rules/variables-in-at-rules.less

@@ -2,17 +2,17 @@
 @charset "UTF-@{Eight}";
 
 @ns: less;
-@namespace @ns "http://lesscss.org";
+@namespace @{ns} "http://lesscss.org";
 
 @name: enlarger;
-@keyframes @name {
+@keyframes @{name} {
     from {font-size: 12px;}
     to   {font-size: 15px;}
 }
 
 .m(reducer);
 .m(@name) {
-    @-webkit-keyframes @name {
+    @-webkit-keyframes @{name} {
         from {font-size: 13px;}
         to   {font-size: 10px;}
     }