AUI: Added support for pseudo selectors in part conditions (#226)

Author: bheston

change/@adaptive-web-adaptive-ui-e52e477e-a9f7-4340-9a72-a1d7ee8c16c5.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "AUI: Added support for pseudo selectors in part conditions",
+  "packageName": "@adaptive-web/adaptive-ui",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/adaptive-ui/src/core/modules/selector.ts

@@ -71,11 +71,13 @@ export function makeSelector(params: StyleModuleEvaluateParameters, state: Inter
     // Add the part selector
     if (params.part) {
         if (params.part === "*") {
-            selectors.push("*");
+            selectors.push(" *");
+        } else if (params.part.startsWith("::")) {
+            selectors.push(params.part);
         } else {
-            selectors.push(`${params.part}${params.partCondition || ""}${params.stateOnContext !== true ? stateSelector : ""}`);
+            selectors.push(` ${params.part}${params.partCondition || ""}${params.stateOnContext !== true ? stateSelector : ""}`);
         }
     }
 
-    return selectors.join(" ");
+    return selectors.join("");
 }