@seyuna/postcss 0.0.1-dev.7 → 0.0.1-dev.8

package/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

package/dist/at-rules/dark.d.ts

@@ -1,2 +1,2 @@
-import type { AtRule } from "postcss";
+import { type AtRule } from "postcss";
 export default function dark(atRule: AtRule): void;

package/dist/at-rules/dark.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = dark;
+const postcss_1 = require("postcss");
 function dark(atRule) {
-    const nestRule = atRule.clone({
-        name: "nest",
-        params: `[data-mode="dark"] &`,
+    // Create a new nested rule: [data-mode="dark"] & { ... }
+    const nestedRule = new postcss_1.Rule({
+        selector: `[data-mode="dark"] &`,
+        nodes: atRule.nodes, // move children inside
     });
-    atRule.replaceWith(nestRule);
+    // Replace @dark atRule with the new nested rule
+    atRule.replaceWith(nestedRule);
 }

package/dist/at-rules/light.d.ts

@@ -1,2 +1,2 @@
-import type { AtRule } from "postcss";
+import { type AtRule } from "postcss";
 export default function light(atRule: AtRule): void;

package/dist/at-rules/light.js

@@ -1,10 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = light;
+const postcss_1 = require("postcss");
 function light(atRule) {
-    const nestRule = atRule.clone({
-        name: "nest",
-        params: `[data-mode="light"] &`,
+    // Create a new nested rule: [data-mode="light"] & { ... }
+    const nestedRule = new postcss_1.Rule({
+        selector: `[data-mode="light"] &`,
+        nodes: atRule.nodes, // move children inside
     });
-    atRule.replaceWith(nestRule);
+    // Replace @light atRule with the new nested rule
+    atRule.replaceWith(nestedRule);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.7",
+  "version": "0.0.1-dev.8",
   "description": "Seyuna UI's postcss plugin",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/at-rules/dark.ts

@@ -1,9 +1,12 @@
-import type { AtRule } from "postcss";
+import { Rule, type AtRule } from "postcss";
 
 export default function dark(atRule: AtRule) {
-  const nestRule = atRule.clone({
-    name: "nest",
-    params: `[data-mode="dark"] &`,
+  // Create a new nested rule: [data-mode="dark"] & { ... }
+  const nestedRule = new Rule({
+    selector: `[data-mode="dark"] &`,
+    nodes: atRule.nodes, // move children inside
   });
-  atRule.replaceWith(nestRule);
+
+  // Replace @dark atRule with the new nested rule
+  atRule.replaceWith(nestedRule);
 }

package/src/at-rules/light.ts

@@ -1,9 +1,12 @@
-import type { AtRule } from "postcss";
+import { Rule, type AtRule } from "postcss";
 
 export default function light(atRule: AtRule) {
-  const nestRule = atRule.clone({
-    name: "nest",
-    params: `[data-mode="light"] &`,
+  // Create a new nested rule: [data-mode="light"] & { ... }
+  const nestedRule = new Rule({
+    selector: `[data-mode="light"] &`,
+    nodes: atRule.nodes, // move children inside
   });
-  atRule.replaceWith(nestRule);
+
+  // Replace @light atRule with the new nested rule
+  atRule.replaceWith(nestedRule);
 }