@tbela99/css-parser 0.5.2 → 0.5.3

package/dist/index-umd-web.js

@@ -1481,7 +1481,7 @@
                 return val / 4.5;
             }
             return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
-        }).concat(a == null || a == 1 ? [] : [a]);
+        }).concat([] );
     }
     function lrec20202rec2020(r, g, b, a) {
         // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0
@@ -7264,7 +7264,8 @@
         for (const t of walkValues(tokens)) {
             if (t.value.typ == exports.EnumToken.LiteralTokenType) {
                 if (t.value.val == '&') {
-                    t.value.val = replace;
+                    const rule = splitRule(replace);
+                    t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
                 }
                 else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
                     t.value.val = replaceCompoundLiteral(t.value.val, replace);

package/dist/index.cjs

@@ -1479,7 +1479,7 @@ function rec20202lrec2020(r, g, b, a) {
             return val / 4.5;
         }
         return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
-    }).concat(a == null || a == 1 ? [] : [a]);
+    }).concat([] );
 }
 function lrec20202rec2020(r, g, b, a) {
     // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0
@@ -7262,7 +7262,8 @@ function replaceCompound(input, replace) {
     for (const t of walkValues(tokens)) {
         if (t.value.typ == exports.EnumToken.LiteralTokenType) {
             if (t.value.val == '&') {
-                t.value.val = replace;
+                const rule = splitRule(replace);
+                t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
             }
             else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
                 t.value.val = replaceCompoundLiteral(t.value.val, replace);

package/dist/lib/ast/expand.js

@@ -121,7 +121,8 @@ function replaceCompound(input, replace) {
     for (const t of walkValues(tokens)) {
         if (t.value.typ == EnumToken.LiteralTokenType) {
             if (t.value.val == '&') {
-                t.value.val = replace;
+                const rule = splitRule(replace);
+                t.value.val = rule.length > 1 ? ':is(' + replace + ')' : replace;
             }
             else if (t.value.val.length > 1 && t.value.val.charAt(0) == '&') {
                 t.value.val = replaceCompoundLiteral(t.value.val, replace);

package/dist/lib/renderer/color/rec2020.js

@@ -28,7 +28,7 @@ function rec20202lrec2020(r, g, b, a) {
             return val / 4.5;
         }
         return sign * (Math.pow((abs + α - 1) / α, 1 / 0.45));
-    }).concat(a == null || a == 1 ? [] : [a]);
+    }).concat([] );
 }
 function lrec20202rec2020(r, g, b, a) {
     // convert an array of linear-light rec2020 RGB  in the range 0.0-1.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "exports": {
     ".": "./dist/node/index.js",
     "./umd": "./dist/index-umd-web.js",

package/syntax.md

@@ -0,0 +1,62 @@
+
+- postfix (+|?|*)
+
+- Expression
+- Statement
+- Literals
+- Unary Expression
+- Binary Expressions
+- Parentheses
+
+Grammar
+
+```text
+expression     → literal
+                | unary
+                | binary
+                | grouping ;
+
+literal        → NUMBER | STRING | "true" | "false" | "nil" ;
+grouping       → "(" expression ")" ;
+unary          → ( "-" | "!" ) expression ;
+binary         → expression operator expression ;
+operator       → "==" | "!=" | "<" | "<=" | ">" | ">=" | "+"  | "-"  | "*" | "/" ;
+```
+
+Syntax tree
+
+```text
+// https://developer.mozilla.org/en-US/docs/Web/CSS/Value_definition_syntax#question_mark
+
+syntax: "keyword | <'property'> | <function>"
+syntax: "<angle> | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+syntax: "none | [ [<dashed-ident> || <try-tactic>] | inset-area( <'inset-area'> ) ]#"
+syntax: "snapInterval( <percentage>, <percentage> ) | snapList( <percentage># )"
+syntax: "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#"
+syntax: "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?
+syntax: "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]"
+syntax: "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar"
+syntax: "false | true"
+```
+
+||: at least one option must appear in any order each component appears at most once. example border property <'border-width'> || <'border-style'> || <'border-color'>
+
+|: exclusive options. at least one must be present
+
+&&: tokens appear in any order
+
+juxtaposition: space separated and exact order
+
+*: postfix. the entity appears 0 or many times
+
++: postfix. apppears at least once.
+
+{a,b}: postfix. appears at least A, at most B.
+
+#: postfix, repeated one or more times, separated by comma ','
+
+!: postfix. the group is required and must produce at least one value.
+
+
+| -> []
+| -> []