stylable - npm Package Compare versions

Comparing version 5.3.1 to 5.3.2

dist/src/pseudo-states.js

@@ -164,3 +164,3 @@ "use strict";
     var currentSymbol = symbol;
-    if (symbol !== originSymbol) {
+    if (originSymbol && symbol !== originSymbol) {
         current = origin;
@@ -167,0 +167,0 @@ currentSymbol = originSymbol;

dist/tests/stylable-transformer/scoping.spec.js

@@ -202,2 +202,33 @@ "use strict";
         });
+        it('resolve aliased pseudo-element (with @custom-selector )', function () {
+            var result = generate_test_util_1.generateStylableRoot({
+                entry: "/entry.st.css",
+                files: {
+                    '/entry.st.css': {
+                        namespace: 'entry',
+                        content: "\n                            :import {\n                                -st-from: \"./inner.st.css\";\n                                -st-default: Inner;\n                            }\n                            .root {\n                                -st-extends: Inner;\n                            }\n                            .root::option:hovered {\n                                z-index: 1;\n                            }\n                            .root::optionY:hovered {\n                                z-index: 2;\n                            }\n                        "
+                    },
+                    '/inner.st.css': {
+                        namespace: 'Inner',
+                        content: "\n                            @custom-selector :--option .root::x;\n                            @custom-selector :--optionY .root::x::y;\n                            :import {\n                                -st-from: \"./deep.st.css\";\n                                -st-default: Deep;\n                            }\n                            .root {\n                                -st-extends: Deep;\n                            }\n                        "
+                    },
+                    '/deep.st.css': {
+                        namespace: 'Deep',
+                        content: "\n                        :import {\n                            -st-from: \"./comp.st.css\";\n                            -st-default: Comp;\n                        }\n                        .x{\n                            -st-extends: Comp;\n                        }\n                    "
+                    },
+                    '/comp.st.css': {
+                        namespace: 'Comp',
+                        content: "\n                        :import {\n                            -st-from: \"./y.st.css\";\n                            -st-default: Y;\n                        }\n                        .root {\n                            -st-states:hovered;\n                        }\n                        .y {\n                            -st-extends: Y;\n                        }\n                        "
+                    },
+                    '/y.st.css': {
+                        namespace: 'Y',
+                        content: "\n                        .root {\n                            -st-states:hovered;\n                        }\n                        "
+                    }
+                }
+            });
+            chai_1.expect(result.nodes[1].selector)
+                .to.equal('.entry--root.Inner--root .Deep--x[data-comp-hovered]');
+            chai_1.expect(result.nodes[2].selector)
+                .to.equal('.entry--root.Inner--root .Deep--x .Comp--y[data-y-hovered]');
+        });
     });
@@ -204,0 +235,0 @@ describe('scoped classes', function () {

package.json

 {
   "name": "stylable",
-  "version": "5.3.1",
+  "version": "5.3.2",
   "description": "CSS for Components",
@@ -5,0 +5,0 @@ "license": "BSD-3-Clause",

src/pseudo-states.ts

@@ -246,3 +246,3 @@ import * as postcss from 'postcss';
 
-    if (symbol !== originSymbol) {
+    if (originSymbol && symbol !== originSymbol) {
         current = origin;
@@ -249,0 +249,0 @@ currentSymbol = originSymbol;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1116169

increased by0.35%

Lines of code

15320

increased by0.2%

No dependency changes