@less/test-data 3.12.2 → 4.2.0

package/less/_main/mixins-guards-default-func.less

@@ -158,7 +158,7 @@ guard-default-multi-4 {
     .m(2);
 }
 
-guard-default-not-ambiguos-2 {
+guard-default-not-ambiguous-2 {
     .m(@x)                     {case:         1}
     .m(@x) when (default())    {default:     @x}
     .m(@x) when not(default()) {not-default: @x}
@@ -166,7 +166,7 @@ guard-default-not-ambiguos-2 {
     .m(2);
 }
 
-guard-default-not-ambiguos-3 {
+guard-default-not-ambiguous-3 {
     .m(@x)                     {case:           1}
     .m(@x) when not(default()) {not-default-1: @x}
     .m(@x) when not(default()) {not-default-2: @x}
@@ -177,9 +177,9 @@ guard-default-not-ambiguos-3 {
 // default & scope
 
 guard-default-scopes {
-    .s1() {.m(@v)                  {1: no condition}}
-    .s2() {.m(@v) when (@v)        {2: when true}}
-    .s3() {.m(@v) when (default()) {3: when default}}
+    .s1() {.m(@v)                  {one: no condition}}
+    .s2() {.m(@v) when (@v)        {two: when true}}
+    .s3() {.m(@v) when (default()) {three: when default}}
 
     &-3 {
         .s2();

package/less/_main/mixins-guards.less

@@ -60,7 +60,7 @@
 .default (@a: inherit) when (@a = inherit) {
   content: default;
 }
-.default1 { .default }
+.default1 { .default() }
 
 // true & false keywords
 .test-rule (@a) when (@a) {
@@ -94,7 +94,7 @@
 .bool () when not (true) and not (true)                      { content: not true and not true }
 .bool () when not (false) and (false), not (false)           { content: not false and false, not false }
 
-.bool1 { .bool }
+.bool1 { .bool() }
 
 .equality-unit-test(@num) when (@num = 1%) {
   test: fail;

package/less/_main/mixins-important.less

@@ -20,7 +20,7 @@
   .mixin(3);
   .mixin(4) !important;
   .mixin(5);
-  .mixin !important;
+  .mixin() !important;
   .mixin(9);
 }
 .size(@aaa: auto) {

package/less/_main/mixins-interpolated.less

@@ -25,9 +25,9 @@
 }
 
 mi-test-a {
-    .123;
-    .foo;
-    #foo;
+    .123();
+    .foo();
+    #foo();
 }
 
 .b .bb {
@@ -39,7 +39,7 @@ mi-test-a {
 }
 
 mi-test-b {
-    .b.bb.foo-xxx.yyy-foo#foo.foo.bbb;
+    .b.bb.foo-xxx.yyy-foo#foo.foo.bbb();
 }
 
 @c1: @a1;
@@ -55,9 +55,9 @@ mi-test-b {
 }
 
 mi-test-c {
-    &-1 {#foo-foo;}
-    &-2 {#foo-foo > .bar;}
-    &-3 {#foo-foo > .bar.baz;}
+    &-1 {#foo-foo();}
+    &-2 {#foo-foo > .bar();}
+    &-3 {#foo-foo > .bar.baz();}
 }
 
 .Person(@name, @gender_) {

package/less/_main/mixins.less

@@ -21,30 +21,30 @@
 }
 #container {
   color: black;
-  .mixin;
-  .mixout;
-  #theme > .mixin;
+  .mixin();
+  .mixout();
+  #theme > .mixin();
 }
 
 #header {
   .milk {
     color: inherit;
-    .mixin;
-    #theme > .mixin;
+    .mixin();
+    #theme > .mixin();
   }
   #cookie {
     .chips {
-      #namespace .borders;
+      #namespace .borders();
       .calories {
-        #container;
+        #container();
       }
     }
-    .borders;
+    .borders();
   }
 }
-.secure-zone { #namespace .biohazard .man; }
+.secure-zone { #namespace .biohazard .man(); }
 .direct {
-  #namespace > .borders;
+  #namespace > .borders();
 }
 
 .bo, .bar {
@@ -71,11 +71,11 @@
     }
 }
 .extended {
-    .bo;
-    .jo.ki;
-    .amp.support;
-    .amp.support.higher;
-    .amp.support.deeper;
+    .bo();
+    .jo.ki();
+    .amp.support();
+    .amp.support.higher();
+    .amp.support.deeper();
 }
 .do .re .mi .fa {
     .sol .la {
@@ -85,10 +85,10 @@
     }
 }
 .mutli-selector-parents {
-    .do.re.mi.fa.sol.la.si;
+    .do.re.mi.fa.sol.la.si();
 }
 .foo .bar {
-  .bar;
+  .bar();
 }
 .has_parents() {
   & .underParents {

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/scope.less

@@ -9,7 +9,7 @@
 @mix: blue;
 .tiny-scope {
   color: @mix; // #989
-  .mixin;
+  .mixin();
 }
 
 .scope1 {
@@ -57,7 +57,7 @@
 }
 .importRuleset();
 .testImported {
-  .imported;
+  .imported();
 }
 
 @parameterDefault: 'top level';

package/less/_main/selectors.less

@@ -132,20 +132,38 @@ a {
   &:nth-child(odd):not(:nth-child(3)) {
     color: #ff0000;
   }
- }
+}
+@prop: p;
 [prop],
 [prop=10%],
-[prop="value@{num}"],
+[prop|="value@{num}"],
 [prop*="val@{num}"],
 [|prop~="val@{num}"],
 [*|prop$="val@{num}"],
 [ns|prop^="val@{num}"],
-[@{num}^="val@{num}"],
-[@{num}=@{num}],
-[@{num}] {
+[@{prop}^="val@{num}"],
+[@{prop}=@{num}],
+[@{prop}] {
   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

package/less/_main/urls.less

@@ -39,8 +39,8 @@
 @import "import/import-and-relative-paths-test";
 
 #relative-url-import {
-    .unquoted-relative-path-bg;
-    .quoted-relative-path-border-image;
+    .unquoted-relative-path-bg();
+    .quoted-relative-path-border-image();
 }
 
 #data-uri {

package/less/import-redirect/import-redirect.less

@@ -0,0 +1,3 @@
+@import "https://example.com/redirect.less";
+
+h1 { color: red; }

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/mixins-args.less

@@ -19,7 +19,7 @@
 }
 
 #hidden {
-  .hidden;
+  .hidden();
 }
 
 #hidden1 {
@@ -36,10 +36,6 @@
   .mixin(3px);
 }
 
-.no-parens {
-  .mixin;
-}
-
 .no-args {
   .mixin();
 }
@@ -98,7 +94,7 @@ body {
     @var: 10px;
     width: @var;
 }
-#var-inside { .var-inside; }
+#var-inside { .var-inside(); }
 
 .mixin-arguments (@width: 0px, ...) {
     border: @arguments;
@@ -112,7 +108,7 @@ body {
     .mixin-arguments();
 }
 .arguments3 {
-    .mixin-arguments;
+    .mixin-arguments();
 }
 
 .mixin-arguments2 (@width, @rest...) {

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/mixins-args.less

@@ -19,7 +19,7 @@
 }
 
 #hidden {
-  .hidden;
+  .hidden();
 }
 
 #hidden1 {
@@ -36,10 +36,6 @@
   .mixin(3px);
 }
 
-.no-parens {
-  .mixin;
-}
-
 .no-args {
   .mixin();
 }
@@ -98,7 +94,7 @@ body {
     @var: 10px;
     width: @var;
 }
-#var-inside { .var-inside; }
+#var-inside { .var-inside(); }
 
 .mixin-arguments (@width: 0px, ...) {
     border: @arguments;
@@ -112,7 +108,7 @@ body {
     .mixin-arguments();
 }
 .arguments3 {
-    .mixin-arguments;
+    .mixin-arguments();
 }
 
 .mixin-arguments2 (@width, @rest...) {

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/namespacing/namespacing-3.less

@@ -34,7 +34,7 @@
     ten: 10px;
 }
 .cell {
-  margin: @margins[zero] @margins[ten]/2 !important;
+  margin: @margins[zero] (@margins[ten]/2) !important;
 }
 
 .mixin(@color: black; @margin: 10px; @padding: 20px) {

package/less/namespacing/namespacing-4.less

@@ -26,7 +26,7 @@
 }
 
 .foo {
-  .colors() { #library.core.colors; }
+  .colors() { #library.core.colors(); }
   width: .alias[@a];
   background: .colors[primary];
   color: .colors[foreground];

package/less/namespacing/namespacing-8.less

@@ -0,0 +1,31 @@
+// see: https://github.com/less/less.js/issues/3368
+@vars: {
+  background-color: black;
+  color: contrast($background-color, #000, #fff);
+}
+  
+:root {
+  each(@vars, {
+    --@{key}: @value;
+  });
+}
+
+div {
+  display: inline-block;
+  padding: 1rem;
+  background-color: var(--background-color);
+  color: var(--color);
+}
+
+// see: https://github.com/less/less.js/issues/3339
+// still fails - move to 4.0
+// @components: {
+//   columns: true;
+//   ratios: false;
+// };
+
+// each(@components, {
+//   & when (@value = true) {
+//       @import (optional) "components/@{key}.less";
+//   }
+// });

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

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.12.2",
+  "version": "4.2.0",
   "description": "Less files and CSS results",
   "author": {
     "name": "Alexis Sellier",
@@ -13,5 +13,5 @@
     "The Core Less Team"
   ],
   "license": "Apache-2.0",
-  "gitHead": "185762a999519708fd914c9fad99b61720f34281"
+  "gitHead": "1df9072ee9ebdadc791bf35dfb1dbc3ef9f1948f"
 }