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

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/dist/plugin.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamicFunctionsPlugin = void 0;
 const functions_1 = require("./functions");
+const at_rules_1 = require("./at-rules");
 const dynamicFunctionsPlugin = (opts = {}) => {
     const fnMap = { ...functions_1.functions, ...opts.functions };
     return {
@@ -19,6 +20,9 @@ const dynamicFunctionsPlugin = (opts = {}) => {
             }
             decl.value = value;
         },
+        AtRule: {
+            ...at_rules_1.atRuleHandlers,
+        },
     };
 };
 exports.dynamicFunctionsPlugin = dynamicFunctionsPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.7",
+  "version": "0.0.1-dev.9",
   "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);
 }

package/src/plugin.ts

@@ -1,15 +1,19 @@
 import { PluginCreator } from "postcss";
 import { functions } from "./functions";
+import { atRuleHandlers } from "./at-rules";
 
 export interface PluginOptions {
   functions?: Record<string, (...args: string[]) => string>;
 }
 
-export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {}) => {
+export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (
+  opts = {}
+) => {
   const fnMap = { ...functions, ...opts.functions };
 
   return {
     postcssPlugin: "postcss-dynamic-functions",
+
     Declaration(decl) {
       let value = decl.value;
 
@@ -26,6 +30,10 @@ export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {})
 
       decl.value = value;
     },
+
+    AtRule: {
+      ...atRuleHandlers,
+    },
   };
 };