@seyuna/postcss 0.0.1-dev.6 → 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

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

package/dist/at-rules/dark.js

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

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

@@ -0,0 +1,3 @@
+import type { AtRule } from "postcss";
+export type AtRuleHandler = (atRule: AtRule) => void;
+export declare const atRuleHandlers: Record<string, AtRuleHandler>;

package/dist/at-rules/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.atRuleHandlers = void 0;
+const dark_1 = __importDefault(require("./dark"));
+const light_1 = __importDefault(require("./light"));
+exports.atRuleHandlers = {
+    light: light_1.default,
+    dark: dark_1.default,
+    // add more handlers here as needed
+};

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

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

package/dist/at-rules/light.js

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

package/dist/functions/color.d.ts

@@ -1 +1 @@
-export declare const color: (name: string, alpha?: string, lightness?: string, chroma?: string) => string;
+export default function color(name: string, alpha?: string, lightness?: string, chroma?: string): string;

package/dist/functions/color.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.color = void 0;
-const color = (name, alpha, lightness, chroma) => {
+exports.default = color;
+function color(name, alpha, lightness, chroma) {
     let a = "1";
     let l = "var(--lightness)";
     let c = "var(--chroma)";
@@ -15,5 +15,4 @@ const color = (name, alpha, lightness, chroma) => {
         c = chroma;
     }
     return `oklch(${l} ${c} var(--${name}) / ${a})`;
-};
-exports.color = color;
+}

package/dist/functions/index.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.functions = void 0;
-const color_1 = require("./color");
-const spacing_1 = require("./spacing");
+const color_1 = __importDefault(require("./color"));
+const spacing_1 = __importDefault(require("./spacing"));
 exports.functions = {
-    color: color_1.color,
-    spacing: spacing_1.spacing
+    color: color_1.default,
+    spacing: spacing_1.default,
 };

package/dist/functions/spacing.d.ts

@@ -1 +1 @@
-export declare const spacing: (multiplier: string) => string;
+export default function spacing(multiplier: string): string;

package/dist/functions/spacing.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.spacing = void 0;
-const spacing = (multiplier) => {
+exports.default = spacing;
+function spacing(multiplier) {
     return `${parseFloat(multiplier) * 1}rem`;
-};
-exports.spacing = spacing;
+}

package/package.json

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

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

package/src/at-rules/index.ts

@@ -0,0 +1,11 @@
+import dark from "./dark";
+import light from "./light";
+import type { AtRule } from "postcss";
+
+export type AtRuleHandler = (atRule: AtRule) => void;
+
+export const atRuleHandlers: Record<string, AtRuleHandler> = {
+  light,
+  dark,
+  // add more handlers here as needed
+};

package/src/at-rules/light.ts

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

package/src/functions/color.ts

@@ -1,4 +1,9 @@
-export const color = (name: string, alpha?: string, lightness?: string, chroma?: string) => {
+export default function color(
+  name: string,
+  alpha?: string,
+  lightness?: string,
+  chroma?: string
+) {
   let a: string = "1";
   let l: string = "var(--lightness)";
   let c: string = "var(--chroma)";
@@ -16,4 +21,4 @@ export const color = (name: string, alpha?: string, lightness?: string, chroma?:
   }
 
   return `oklch(${l} ${c} var(--${name}) / ${a})`;
-};
+}

package/src/functions/index.ts

@@ -1,9 +1,9 @@
-import { color } from "./color";
-import { spacing } from "./spacing";
+import color from "./color";
+import spacing from "./spacing";
 
 export type FnHandler = (...args: string[]) => string;
 
 export const functions: Record<string, FnHandler> = {
   color,
-  spacing
+  spacing,
 };

package/src/functions/spacing.ts

@@ -1,3 +1,3 @@
-export const spacing = (multiplier: string) => {
+export default function spacing(multiplier: string) {
   return `${parseFloat(multiplier) * 1}rem`;
-};
+}