@less/test-data 4.1.0 → 4.2.2

package/css/_main/container.css

@@ -0,0 +1,243 @@
+.widget.discoverresults,
+.widget.repositoriesresults {
+  container-type: inline-size;
+}
+@container (max-width: 350px) {
+  .widget.discoverresults .cite .wdr-authors,
+  .widget.repositoriesresults .cite .wdr-authors {
+    display: none;
+  }
+}
+@container (min-width: 700px) {
+  .card h2 {
+    font-size: 2em;
+  }
+}
+@container sidebar (min-width: 700px) {
+  .card {
+    font-size: 2em;
+  }
+}
+@container (min-width: 60ch) {
+  .container:nth-child(odd) > article {
+    border: 1px solid grey;
+  }
+}
+@container size(min-width: 60ch) {
+  .article--post header {
+    grid-template-areas: "avatar name" "avatar headline";
+    align-items: start;
+  }
+  .article--post {
+    grid-template-areas: "header header" ". stats" ". content";
+    grid-auto-columns: 5rem 1fr;
+    column-gap: 1rem;
+  }
+  .article--post__title {
+    font-size: 1.75rem;
+  }
+}
+.card h2 {
+  container-type: inline-size;
+  margin: 0;
+  padding: 10px;
+}
+@container (min-width: 500px) {
+  .card h2 .card-content {
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: auto 1fr;
+    align-items: start;
+    column-gap: 20px;
+  }
+  .card h2 .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width >= 500px) and (height >= 500px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width > 760px) not (height > 670px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container not (height <= 1080px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) {
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (inline-size >= 0px) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container my-page-layout (width < 500px) or (height < 500px) and (block-size > 12em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (aspect-ratio: 3/2) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (orientation: portrait) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container card (inline-size > 30em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container card (inline-size > 30em) and style(--responsive: true) {
+  .card-content {
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: auto 1fr;
+    align-items: start;
+    column-gap: 20px;
+  }
+  .card-content h2 {
+    padding: 0;
+    margin: 0.5em 0 0 0;
+  }
+}
+@container (width < 500px) or (height < 500px) and (orientation: portrait) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+@container my-page-layout (width < 500px) or (height < 500px) and (block-size > 12em) {
+  .card-content p {
+    padding: 0;
+  }
+  .card-content p h2 {
+    margin: 0.5em 0 0 0;
+  }
+}
+.wrapper {
+  container-name: wrapper;
+  container-type: size;
+}
+@container wrapper (height < 100) {
+  a {
+    max-height: 100;
+  }
+}
+@container wrapper (height < 200) {
+  a {
+    max-height: 200;
+  }
+}
+@container wrapper (height < 300) {
+  a {
+    max-height: 300;
+  }
+}
+@media only screen and (min-width: 768px) {
+  @container (min-width: 500px) {
+    .primary-content {
+      font-size: 1rem;
+    }
+  }
+}
+@media only screen and (min-width: 768px) {
+  .media-1 {
+    font-size: 1.5rem;
+  }
+  @container (min-width: 500px) {
+    .primary-content {
+      font-size: 1rem;
+    }
+  }
+}
+@media only screen and (min-width: 768px) {
+  .media-1 {
+    font-size: 1.5rem;
+  }
+  @container (min-width: 500px) {
+    .primary-content {
+      font-size: 1rem;
+    }
+  }
+  .media-2 {
+    font-size: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .media-1 {
+    font-size: 1.5rem;
+  }
+  @container (min-width: 500px) {
+    .primary-content {
+      font-size: 1rem;
+    }
+    @media (hover: hover) {
+      font-size: 1.75rem;
+    }
+  }
+  .media-2 {
+    font-size: 2rem;
+  }
+}
+@media only screen and (min-width: 768px) {
+  .media-1 {
+    font-size: 1.5rem;
+  }
+  @container (min-width: 500px) {
+    .primary-content {
+      font-size: 1rem;
+    }
+    @media (hover: hover) {
+      font-size: 1.75rem;
+      @media not all and (hover: hover) {
+        color: limegreen;
+      }
+      .media-3 {
+        padding: 0.5rem;
+      }
+    }
+  }
+  .media-2 {
+    font-size: 2rem;
+  }
+}
+@container (min-width: 768px) {
+  @media only screen and (min-width: 768px) {
+    color: aliceblue;
+  }
+  .container-1 {
+    color: purple;
+  }
+}

package/css/_main/css-3.css

@@ -136,8 +136,6 @@ body > .shadow {
   symbols: ‣;
   suffix: " ";
 }
-@-ms-viewport {
-}
 @unknown foo 42 (bar) {
   x {
     y: z;

package/css/_main/functions.css

@@ -109,8 +109,14 @@
   min: 5;
   min: 1pt;
   min: 3mm;
+  min: min(1, 4ex, 2pt);
+  min: min(calc(1 + 1), 1);
+  min: min(var(--width), 802px);
   max: 3;
   max: 5em;
+  max: max(5m, 3em);
+  max: min(var(--body-max-width), calc(100vw - 20px));
+  max: max(1, calc(1 + 1));
   max-native: max(10vw, 100px);
   percentage: 20%;
   color-quoted-digit: #dda0dd;

package/css/_main/impor.css

@@ -0,0 +1 @@
+@impor "impor-typo-dont-parse-as-@import.less";

package/css/_main/media.css

@@ -221,3 +221,51 @@
     foo: bar;
   }
 }
+@media screen and (color), projection and (color) {
+  .selector {
+    color: #eee;
+  }
+}
+@media not (width <= -100px) {
+  body {
+    background: green;
+  }
+}
+@media (height > -100px) {
+  body {
+    background: green;
+  }
+}
+@media not (resolution: -300dpi) {
+  body {
+    background: green;
+  }
+}
+@media (example, all), speech {
+  body {
+    background: green;
+  }
+}
+@media (min-orientation: portrait) {
+  body {
+    background: green;
+  }
+}
+@media print and (min-resolution: 118dpcm) {
+  body {
+    background: green;
+  }
+}
+@media (200px <= width <= 500px) {
+  .test-range-syntax {
+    padding: 0;
+  }
+}
+.selector {
+  color: #eee;
+}
+@media (200px <= width <= 500px) {
+  .selector .test-range-syntax {
+    padding: 0;
+  }
+}

package/css/_main/permissive-parse.css

@@ -35,3 +35,12 @@ foo[attr="blah"] {
   --value: a /* { ; } */;
   --comment-within: ( /* okay?; comment; */ );
 }
+.test-no-trailing-semicolon {
+  --value: foo;
+}
+.test-no-trailing-semicolon2 {
+  --value: foo;
+}
+.test-no-trailing-semicolon3 {
+  --value: foo;
+}

package/css/_main/plugi.css

@@ -0,0 +1 @@
+@plugi "plugi-typo-dont-parse-as-@plugin";

package/css/_main/selectors.css

@@ -143,6 +143,21 @@ p a span {
 [p] {
   attributes: yes;
 }
+/**
+ * https://www.w3.org/TR/selectors-4/#attribute-case
+ */
+a[href*="insensitive" i] {
+  color: cyan;
+}
+a[href*="cAsE" s] {
+  color: pink;
+}
+a[href*="less" I] {
+  background-color: silver;
+}
+a[href*="less" S] {
+  background-color: red;
+}
 /*
 Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
 blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
@@ -168,3 +183,9 @@ blank blank blank blank blank blank blank blank blank blank blank blank blank bl
 .first-level .second-level.active2 {
   content: '\2661';
 }
+a:is(.b, :is(.c)) {
+  color: blue;
+}
+a:is(.b, :is(.c), :has(div)) {
+  color: red;
+}

package/css/_main/variables.css

@@ -69,3 +69,29 @@
   mul-px-2: 140px;
   mul-px-3: 140px;
 }
+*,
+::before,
+::after {
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+}
+.radio_checked {
+  border-color: #fff;
+}
+div#apple {
+  color: blue;
+}
+div#banana {
+  color: blue;
+}
+div#cherry {
+  color: blue;
+}
+div#carrot {
+  color: blue;
+}
+div#potato {
+  color: blue;
+}

package/css/math/parens-division/parens.css

@@ -1,3 +1,8 @@
+.parens-issues-3616 {
+  bar: 888 / 444;
+  bar2: 2;
+  bar3: 2;
+}
 .parens {
   border: 2px solid black;
   margin: 1px 3px 16 3;

package/css/math/strict/parens.css

@@ -1,3 +1,8 @@
+.parens-issues-3616 {
+  bar: 888 / 444;
+  bar2: 2;
+  bar3: 2;
+}
 .parens {
   border: 2px solid black;
   margin: 1px 3px 16 3;

package/errors/parse/parse-error-media-no-block-1.txt

@@ -1,3 +1,3 @@
-SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-1.less on line 1, column 24:
-1 @media (extra: bracket)) {
-2   body {
+SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-1.less on line 1, column 24:
+1 @media (extra: bracket)) {
+2   body {

package/errors/parse/parse-error-media-no-block-2.txt

@@ -1,2 +1,2 @@
-SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-2.less on line 1, column 7:
-1 @media
+SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-2.less on line 1, column 7:
+1 @media

package/errors/parse/parse-error-media-no-block-3.txt

@@ -1,3 +1,3 @@
-SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-3.less on line 4, column 4:
-3     font-size: 5000px;
-4   }
+SyntaxError: media definitions require block statements after any features in {path}parse-error-media-no-block-3.less on line 4, column 4:
+3     font-size: 5000px;
+4   }

package/less/_main/container.less

@@ -0,0 +1,291 @@
+.widget.discoverresults, .widget.repositoriesresults {
+    container-type: inline-size;
+
+    @container (max-width: 350px) {           
+        .cite {
+            .wdr-authors {
+                display: none;
+            }
+        }
+    }
+}
+
+@container (min-width: 700px) {
+    .card h2 {
+        font-size: 2em;
+    }
+}
+
+@container sidebar (min-width: 700px) {
+    .card {
+        font-size: 2em;
+    }
+}
+
+@container (min-width: 60ch) {
+    .container:nth-child(odd) > article {
+        border: 1px solid grey;
+    }
+}
+
+@container size(min-width: 60ch) {
+    .article--post header {
+        grid-template-areas:
+            "avatar name"
+            "avatar headline";
+        align-items: start;
+    }
+  
+    .article--post {
+        grid-template-areas: "header header" ". stats" ". content";
+        grid-auto-columns: 5rem 1fr;
+        column-gap: 1rem;
+    }
+  
+    .article--post__title {
+        font-size: 1.75rem;
+    }
+}
+
+.card h2 {
+    container-type: inline-size;
+    margin: 0;
+    padding: 10px;
+
+    @container (min-width: 500px) {
+        .card-content {
+            grid-template-columns: 1fr 2fr;
+            grid-template-rows: auto 1fr;
+            align-items: start;
+            column-gap: 20px;
+        }
+ 
+        .card-content h2 {
+            padding: 0;
+            margin: 0.5em 0 0 0;
+        } 
+    }
+}
+
+@container (width >= 500px) and (height >= 500px) {
+    .card-content h2 {
+        padding: 0;
+        margin: 0.5em 0 0 0;
+    } 
+}
+
+@container (width > 760px) not (height > 670px) {
+    .card-content h2 {
+        padding: 0;
+        margin: 0.5em 0 0 0;
+    } 
+}
+
+@container not (height <= 1080px) {
+    .card-content h2 {
+        padding: 0;
+        margin: 0.5em 0 0 0;
+    } 
+}
+
+@container (width < 500px) or (height < 500px) {
+    .card-content h2 {
+        padding: 0;
+        margin: 0.5em 0 0 0;
+    } 
+}
+
+@container (width < 500px) or (height < 500px) and (inline-size >= 0px) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+@container my-page-layout (width < 500px) or (height < 500px) and (block-size > 12em) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+@container (width < 500px) or (height < 500px) and (aspect-ratio: 3/2) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+@container (width < 500px) or (height < 500px) and (orientation: portrait) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+@container card (inline-size > 30em) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    }
+    
+    @container style(--responsive: true) {
+        .card-content {
+            grid-template-columns: 1fr 2fr;
+            grid-template-rows: auto 1fr;
+            align-items: start;
+            column-gap: 20px;
+        }
+ 
+        .card-content h2 {
+            padding: 0;
+            margin: 0.5em 0 0 0;
+        }
+    }
+}
+
+@container ( width < 500px ) or (height<500px) and (orientation: portrait) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+@container my-page-layout ( width< 500px) or ( height<500px) and ( block-size>12em ) {
+    .card-content p {
+        padding: 0;
+
+        h2 {
+            margin: 0.5em 0 0 0;
+        }
+    } 
+}
+
+.wrapper {
+    container-name: wrapper;
+    container-type: size;
+}
+  
+.my_mixin(@height) {
+    @container wrapper (height < @height) {
+        a {
+            max-height: @height;
+        }
+    }
+}
+  
+.my_mixin(100);
+.my_mixin(200);
+.my_mixin(300);
+
+@media only screen and (min-width: 768px) {
+    @container (min-width: 500px) {
+        .primary-content {
+            font-size: 1rem;
+        }
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .media-1 {
+        font-size: 1.5rem;
+    }
+
+    @container (min-width: 500px) {
+        .primary-content {
+            font-size: 1rem;
+        }
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .media-1 {
+        font-size: 1.5rem;
+    }
+    
+    @container (min-width: 500px) {
+        .primary-content {
+            font-size: 1rem;
+        }
+    }
+
+    .media-2 {
+        font-size: 2rem;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .media-1 {
+        font-size: 1.5rem;
+    }
+    
+    @container (min-width: 500px) {
+        .primary-content {
+            font-size: 1rem;
+        }
+
+        @media (hover: hover) {
+            font-size: 1.75rem;
+        }
+    }
+
+    .media-2 {
+        font-size: 2rem;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .media-1 {
+        font-size: 1.5rem;
+    }
+    
+    @container (min-width: 500px) {
+        .primary-content {
+            font-size: 1rem;
+        }
+
+        @media (hover: hover) {
+            font-size: 1.75rem;
+
+            @media not all and (hover: hover) {
+                color: limegreen;
+            }
+
+            .media-3 {
+                padding: 0.5rem;
+            }
+        }
+    }
+
+    .media-2 {
+        font-size: 2rem;
+    }
+}
+
+@container (min-width: 768px) {
+    @media only screen and (min-width: 768px) {
+        color: aliceblue;
+    }
+
+    .container-1 {
+        color: purple;
+    }
+}

package/less/_main/functions.less

@@ -116,8 +116,14 @@
   min: min(6, 5);
   min: min(1pt, 3pt);
   min: min(1cm, 3mm);
+  min: min(6em, 5, 4ex, 3, 2pt, 1);
+  min: min(calc(1 + 1), 1);
+  min: min(~'var(--width), 802px');
   max: max(1, 3);
   max: max(3em, 1em, 2em, 5em);
+  max: max(1px, 2, 3em, 4, 5m, 6);
+  max: min(var(--body-max-width), calc(100vw - 20px));
+  max: max(1, calc(1 + 1));
   max-native: max(10vw, 100px);
   percentage: percentage((10px / 50));
   color-quoted-digit: color("#dda0dd");
@@ -135,11 +141,11 @@
 
   fade-out: fadeout(red, 5%); // support fadeOut and fadeout
   fade-in: fadein(fadeout(red, 10%), 5%);
-  fade-out-relative: fadeout(red, 5%,relative); 
+  fade-out-relative: fadeout(red, 5%,relative);
   fade-in-relative: fadein(fadeout(red, 10%, relative), 5%, relative);
-  fade-out2:  fadeout(fadeout(red, 50%), 50%); 
+  fade-out2:  fadeout(fadeout(red, 50%), 50%);
   fade-out2-relative: fadeout(fadeout(red, 50%, relative), 50%, relative);
-  
+
   hsv: hsv(5, 50%, 30%);
   hsva: hsva(3, 50%, 30%, 0.2);
 
@@ -269,7 +275,7 @@ html {
   // see: https://github.com/less/less.js/issues/3371
   @some: foo;
   l: if((iscolor(@some)), darken(@some, 10%), black);
-  
+
 
   if((false), {g: 7}); /* results in void */
 

package/less/_main/impor.less

@@ -0,0 +1,5 @@
+// https://github.com/less/less.js/issues/3660
+// const dir = parserInput.$re(/^@import?\s+/);
+// correct regexp is /^@import\s+/
+// so follow code will change nothing, parse result is same with raw less code
+@impor "impor-typo-dont-parse-as-@import.less";

package/less/_main/import-reference-issues/comments-2991.less

@@ -0,0 +1,25 @@
+.referenced {
+	// This file should not output anything if referenced.
+    @media (hover) {
+        // This file should not output anything if referenced.
+    }
+	// This file should not output anything if referenced.
+    @media (hover) {
+		// This file should not output anything if referenced.
+    }
+	// This file should not output anything if referenced.
+    @media (hover) {
+        /* This file should not output anything if referenced. */
+    }
+	// This file should not output anything if referenced.
+    @media (hover) {
+        color: #000000;
+    }
+}
+// This file should not output anything if referenced.
+@media (hover) {
+	// This file should not output anything if referenced.
+}
+@media (hover) {
+	/* This file should not output anything if referenced. */
+}

package/less/_main/import-reference-issues.less

@@ -5,6 +5,7 @@
 // * #2716 - A file imported by reference and then normally - multiple imports should be independent
 // * #1968 - When using an @import (reference), mixins that contain an & selector get added to the compiled output improperly
 // * #2162 - Cannot put import by reference inside of a mixin (also doubles #1896)
+// * #2991 - Empty @media queries generated through line comments when compiling less file with (reference)
 
 // #1878: extend inside referenced file should not extend outside selectors
 @import (reference) "import-reference-issues/global-scope-import.less";
@@ -48,3 +49,5 @@ show-all-content {
 call-mixin-with-import-by-reference-inside {
   .mixin-with-import-by-reference-inside();
 }
+
+@import (reference) "import-reference-issues/comments-2991.less";

package/less/_main/media.less

@@ -238,4 +238,62 @@
   .selector {
     foo: bar;
   }
-}
+}
+
+@media screen and (color), projection and (color) {
+  .selector {
+    color: #eee;
+  }
+}
+
+@media not (width <= -100px) {
+  body { 
+    background: green; 
+  }
+}
+
+@media (height > -100px) {
+  body { 
+    background: green; 
+  }
+}
+
+@media not (resolution: -300dpi) {
+  body { 
+    background: green; 
+  }
+}
+
+@media (example, all,), speech { 
+  body { 
+    background: green; 
+  }
+}
+
+@media (min-orientation:portrait) {
+  body { 
+    background: green; 
+  }
+}
+
+@media print and (min-resolution: 118dpcm) {
+  body { 
+    background: green; 
+  }
+}
+
+@media (200px <= width <= 500px) {
+  .test-range-syntax {
+      padding: 0;
+  }
+}
+
+.selector {
+  color: #eee;
+
+  @media (200px <= width <= 500px) {
+    .test-range-syntax {
+        padding: 0;
+    }
+  }
+}

package/less/_main/permissive-parse.less

@@ -47,4 +47,9 @@
 .test-rule-comment {
   --value: a/* { ; } */;
   --comment-within: ( /* okay?; comment; */ );
-}
+}
+.test-no-trailing-semicolon {
+  --value: foo
+}
+.test-no-trailing-semicolon2 {--value: foo}
+.test-no-trailing-semicolon3 { --value: foo }

package/less/_main/plugi.less

@@ -0,0 +1,5 @@
+// https://github.com/less/less.js/issues/3660
+// const dir = parserInput.$re(/^@plugin?\s+/);
+// correct regexp is /^@plugin\s+/
+// so follow code will change nothing, parse result is same with raw less code
+@plugi "plugi-typo-dont-parse-as-@plugin";

package/less/_main/selectors.less

@@ -147,6 +147,23 @@ a {
   attributes: yes;
 }
 
+/**
+ * https://www.w3.org/TR/selectors-4/#attribute-case
+ */
+@pattern: less;
+a[href*="insensitive" i] {
+  color: cyan;
+}
+a[href*="cAsE" s] {
+  color: pink;
+}
+a[href*="@{pattern}" I] {
+  background-color: silver;
+}
+a[href*="@{pattern}" S] {
+  background-color: red;
+}
+
 /*
 Large comment means chunk will be emitted after } which means chunk will begin with whitespace...
 blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank
@@ -183,3 +200,11 @@ blank blank blank blank blank blank blank blank blank blank blank blank blank bl
     &.active2:extend(.extend-this) { }
   }
 }
+
+a:is(.b, :is(.c)) {
+  color: blue;
+}
+
+a:is(.b, :is(.c), :has(div)) {
+  color: red;
+}

package/less/_main/variables.less

@@ -125,3 +125,37 @@
     mul-px-3: ((@px * 1) * @cm);
   }
 }
+
+*, ::before, ::after {
+	--tw-pan-x:  ;
+	--tw-pan-y:  ;
+	--tw-pinch-zoom:  ;
+	--tw-scroll-snap-strictness: proximity;
+}
+
+@a1: 1px;
+@b2: 2px;
+@c3: @a1 + @b2;
+
+@radio-cls: radio;
+@radio-cls-checked: @{radio-cls}_checked;
+
+.@{radio-cls-checked} {
+  border-color: #fff;
+}
+
+@items:
+// Fruit
+    apple,
+    banana,
+    cherry,
+// Vegetables
+    carrot,
+    potato,
+;
+
+each(@items, {
+  div#@{value} {
+    color: blue;
+  }
+})

package/less/js-type-errors/js-type-error-2.txt

@@ -0,0 +1,4 @@
+SyntaxError: JavaScript evaluation error: 'TypeError: Cannot read properties of undefined (reading 'toJS')' in {path}js-type-error.less on line 2, column 8:
+1 .scope {
+2   var: `this.foo.toJS`;
+3 }

package/less/js-type-errors/js-type-error.less

@@ -0,0 +1,3 @@
+.scope {
+  var: `this.foo.toJS`;
+}

package/less/js-type-errors/js-type-error.txt

@@ -0,0 +1,4 @@
+SyntaxError: JavaScript evaluation error: 'TypeError: Cannot read property 'toJS' of undefined' in {path}js-type-error.less on line 2, column 8:
+1 .scope {
+2   var: `this.foo.toJS`;
+3 }

package/less/math/parens-division/media-math.less

@@ -1,4 +1,4 @@
-@var: 16;
+@var: 10 + 6;
 
 @media (min-width: @var + 1) {
   .foo { bar: 1; }

package/less/math/parens-division/parens.less

@@ -1,3 +1,9 @@
+.parens-issues-3616 {
+  bar: if(false, 666, 888 / 444);
+  bar2: if(false, 666, (666 / 333));
+  bar3: if(false, 666, ((444 / 222)));
+}
+
 .parens {
   @var: 1px;
   border: (@var * 2) solid black;

package/less/math/strict/parens.less

@@ -1,3 +1,9 @@
+.parens-issues-3616 {
+  bar: if(false, 666, 888 / 444);
+  bar2: if(false, 666, (666 / 333));
+  bar3: if(false, 666, ((444 / 222)));
+}
+
 .parens {
   @var: 1px;
   border: (@var * 2) solid black;

package/less/sourcemaps-variable-selector/basic.less

@@ -0,0 +1,5 @@
+@import (reference) "./vars.less";
+
+.@{hello}-class {
+    font-size: @font-size;
+}

package/less/sourcemaps-variable-selector/vars.less

@@ -0,0 +1,3 @@
+@foo: bar;
+@font-size: 12px;
+@hello: world;

package/package.json

@@ -1,16 +1,17 @@
-{
-  "name": "@less/test-data",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "4.1.0",
-  "description": "Less files and CSS results",
-  "author": {
-    "name": "Alexis Sellier",
-    "email": "self@cloudhead.net"
-  },
-  "contributors": [
-    "The Core Less Team"
-  ],
-  "license": "Apache-2.0"
-}
+{
+  "name": "@less/test-data",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "4.2.2",
+  "description": "Less files and CSS results",
+  "author": {
+    "name": "Alexis Sellier",
+    "email": "self@cloudhead.net"
+  },
+  "contributors": [
+    "The Core Less Team"
+  ],
+  "license": "Apache-2.0",
+  "gitHead": "1df9072ee9ebdadc791bf35dfb1dbc3ef9f1948f"
+}

package/errors/eval/javascript-error.less

@@ -1,3 +0,0 @@
-.scope {
-    var: `this.foo.toJS`;
-}

package/errors/eval/javascript-error.txt

@@ -1,4 +0,0 @@
-SyntaxError: JavaScript evaluation error: 'TypeError: Cannot read property 'toJS' of undefined' in {path}javascript-error.less on line 2, column 10:
-1 .scope {
-2     var: `this.foo.toJS`;
-3 }