@ripple-ts/prettier-plugin 0.2.166 → 0.2.168

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ripple-ts/prettier-plugin",
-  "version": "0.2.166",
+  "version": "0.2.168",
   "description": "Ripple plugin for Prettier",
   "type": "module",
   "module": "src/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "prettier": "^3.6.2",
-    "ripple": "0.2.166"
+    "ripple": "0.2.168"
   },
   "dependencies": {},
   "files": [

package/src/index.js

@@ -1966,6 +1966,14 @@ function printRippleNode(node, path, options, print, args) {
 			nodeContent = printCSSNestingSelector(node, path, options, print);
 			break;
 
+		case 'PseudoClassSelector':
+			nodeContent = printCSSPseudoClassSelector(node, path, options, print);
+			break;
+
+		case 'PseudoElementSelector':
+			nodeContent = printCSSPseudoElementSelector(node, path, options, print);
+			break;
+
 		case 'Block':
 			nodeContent = printCSSBlock(node, path, options, print);
 			break;
@@ -4481,6 +4489,30 @@ function printCSSNestingSelector(node, path, options, print) {
 	return '&';
 }
 
+function printCSSPseudoClassSelector(node, path, options, print) {
+	// PseudoClassSelector for :hover, :global(), etc.
+	const parts = [':', node.name || ''];
+
+	// If it has args (like :global(.classname)), print them
+	if (node.args !== null && node.args !== undefined) {
+		parts.push('(', node.args, ')');
+	}
+
+	return concat(parts);
+}
+
+function printCSSPseudoElementSelector(node, path, options, print) {
+	// PseudoElementSelector for ::before, ::after, etc.
+	const parts = ['::', node.name || ''];
+
+	// If it has args (like ::slotted(span)), print them
+	if (node.args !== null && node.args !== undefined) {
+		parts.push('(', node.args, ')');
+	}
+
+	return concat(parts);
+}
+
 function printCSSBlock(node, path, options, print) {
 	// CSS Block contains declarations
 	if (node.children && node.children.length > 0) {