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

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,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = dark;
+function dark(atRule) {
+    const nestRule = atRule.clone({
+        name: "nest",
+        params: `[data-mode="dark"] &`,
+    });
+    atRule.replaceWith(nestRule);
+}

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,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = light;
+function light(atRule) {
+    const nestRule = atRule.clone({
+        name: "nest",
+        params: `[data-mode="light"] &`,
+    });
+    atRule.replaceWith(nestRule);
+}

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/dist/index.d.ts

@@ -1,2 +1,5 @@
-export { dynamicFunctionsPlugin as default } from "./plugin";
-export { functions } from "./functions";
+declare const _default: import("postcss").PluginCreator<import("./plugin").PluginOptions> & {
+    postcss: boolean;
+    functions: Record<string, import("./functions").FnHandler>;
+};
+export = _default;

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.functions = exports.default = void 0;
-var plugin_1 = require("./plugin");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return plugin_1.dynamicFunctionsPlugin; } });
-var functions_1 = require("./functions");
-Object.defineProperty(exports, "functions", { enumerable: true, get: function () { return functions_1.functions; } });
+const plugin_1 = require("./plugin");
+const functions_1 = require("./functions");
+module.exports = Object.assign(plugin_1.dynamicFunctionsPlugin, {
+    postcss: true,
+    functions: functions_1.functions
+});

package/dist/plugin.d.ts

@@ -1,6 +1,5 @@
 import { PluginCreator } from "postcss";
-interface PluginOptions {
+export interface PluginOptions {
     functions?: Record<string, (...args: string[]) => string>;
 }
 export declare const dynamicFunctionsPlugin: PluginCreator<PluginOptions>;
-export {};

package/package.json

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

package/src/at-rules/dark.ts

@@ -0,0 +1,9 @@
+import type { AtRule } from "postcss";
+
+export default function dark(atRule: AtRule) {
+  const nestRule = atRule.clone({
+    name: "nest",
+    params: `[data-mode="dark"] &`,
+  });
+  atRule.replaceWith(nestRule);
+}

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,9 @@
+import type { AtRule } from "postcss";
+
+export default function light(atRule: AtRule) {
+  const nestRule = atRule.clone({
+    name: "nest",
+    params: `[data-mode="light"] &`,
+  });
+  atRule.replaceWith(nestRule);
+}

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`;
-};
+}

package/src/index.ts

@@ -1,2 +1,8 @@
-export { dynamicFunctionsPlugin as default } from "./plugin";
-export { functions } from "./functions";
+import { dynamicFunctionsPlugin } from './plugin';
+import { functions } from './functions';
+
+// CommonJS-friendly export
+export = Object.assign(dynamicFunctionsPlugin, {
+  postcss: true,
+  functions
+});

package/src/plugin.ts

@@ -1,7 +1,7 @@
 import { PluginCreator } from "postcss";
 import { functions } from "./functions";
 
-interface PluginOptions {
+export interface PluginOptions {
   functions?: Record<string, (...args: string[]) => string>;
 }