@seyuna/postcss 1.0.0-canary.25 → 1.0.0-canary.26

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.0.0-canary.26](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.25...v1.0.0-canary.26) (2026-01-11)
+
+
+### Features
+
+* trigger major release\n\nBREAKING CHANGE: rename and prefix all custom CSS functions with Seyuna to avoid conflicts with native CSS functions. ([3a50bca](https://github.com/seyuna-corp/seyuna-postcss/commit/3a50bcafa89d0c3e21e2b9d1acc879458d9b25aa))
+
 # [1.0.0-canary.25](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.24...v1.0.0-canary.25) (2026-01-10)
 
 

package/dist/functions/color.d.ts

@@ -1,7 +1,7 @@
 import { PluginContext } from "../types.js";
-export declare function sc(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
-export declare function fc(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
-export declare function alpha(context: PluginContext, color: string, value: string): string;
-export declare function lighten(context: PluginContext, color: string, amount: string): string;
-export declare function darken(context: PluginContext, color: string, amount: string): string;
-export declare function contrast(context: PluginContext, color: string): string;
+export declare function SeyunaStandardColor(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
+export declare function SeyunaFixedColor(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
+export declare function SeyunaAlpha(context: PluginContext, color: string, value: string): string;
+export declare function SeyunaLighten(context: PluginContext, color: string, amount: string): string;
+export declare function SeyunaDarken(context: PluginContext, color: string, amount: string): string;
+export declare function SeyunaContrast(context: PluginContext, color: string): string;

package/dist/functions/color.js

@@ -31,33 +31,33 @@ function getColorVariables(context, color, type) {
     }
     throw new Error(`Color '${color}' not found in seyuna.json`);
 }
-export function sc(context, name, alpha, lightness, chroma) {
+export function SeyunaStandardColor(context, name, alpha, lightness, chroma) {
     const vars = getColorVariables(context, name, 'sc');
     const a = alpha && alpha !== "null" ? alpha : "1";
     const l = lightness && lightness !== "null" ? lightness : vars.l;
     const c = chroma && chroma !== "null" ? chroma : vars.c;
     return `oklch(${l} ${c} ${vars.h} / ${a})`;
 }
-export function fc(context, name, alpha, lightness, chroma) {
+export function SeyunaFixedColor(context, name, alpha, lightness, chroma) {
     const vars = getColorVariables(context, name, 'fc');
     const a = alpha && alpha !== "null" ? alpha : "1";
     const l = lightness && lightness !== "null" ? lightness : vars.l;
     const c = chroma && chroma !== "null" ? chroma : vars.c;
     return `oklch(${l} ${c} ${vars.h} / ${a})`;
 }
-export function alpha(context, color, value) {
+export function SeyunaAlpha(context, color, value) {
     const { l, c, h } = getColorVariables(context, color);
     return `oklch(${l} ${c} ${h} / ${value})`;
 }
-export function lighten(context, color, amount) {
+export function SeyunaLighten(context, color, amount) {
     const { l, c, h } = getColorVariables(context, color);
     return `oklch(calc(${l} + ${amount}) ${c} ${h} / 1)`;
 }
-export function darken(context, color, amount) {
+export function SeyunaDarken(context, color, amount) {
     const { l, c, h } = getColorVariables(context, color);
     return `oklch(calc(${l} - ${amount}) ${c} ${h} / 1)`;
 }
-export function contrast(context, color) {
+export function SeyunaContrast(context, color) {
     const { l } = getColorVariables(context, color);
     return `oklch(calc((${l} - 0.6) * -1000) 0 0)`;
 }

package/dist/functions/index.js

@@ -1,11 +1,11 @@
-import { sc, fc, alpha, lighten, darken, contrast } from "./color.js";
-import { theme } from "./theme.js";
+import { SeyunaStandardColor, SeyunaFixedColor, SeyunaAlpha, SeyunaLighten, SeyunaDarken, SeyunaContrast, } from "./color.js";
+import { SeyunaTheme } from "./theme.js";
 export const functions = {
-    sc,
-    fc,
-    alpha,
-    lighten,
-    darken,
-    contrast,
-    theme,
+    SeyunaStandardColor,
+    SeyunaFixedColor,
+    SeyunaAlpha,
+    SeyunaLighten,
+    SeyunaDarken,
+    SeyunaContrast,
+    SeyunaTheme,
 };

package/dist/functions/theme.d.ts

@@ -3,4 +3,4 @@ import { PluginContext } from "../types.js";
  * Accesses values from the Seyuna configuration using dot notation
  * Example: theme(ui.theme.breakpoints.tablet)
  */
-export declare function theme(context: PluginContext, path: string): string;
+export declare function SeyunaTheme(context: PluginContext, path: string): string;

package/dist/functions/theme.js

@@ -2,7 +2,7 @@
  * Accesses values from the Seyuna configuration using dot notation
  * Example: theme(ui.theme.breakpoints.tablet)
  */
-export function theme(context, path) {
+export function SeyunaTheme(context, path) {
     const parts = path.split('.');
     let current = context.config;
     for (const part of parts) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "1.0.0-canary.25",
+  "version": "1.0.0-canary.26",
   "description": "Seyuna UI's postcss plugin",
   "type": "module",
   "main": "dist/index.js",

package/src/functions/color.ts

@@ -39,7 +39,7 @@ function getColorVariables(context: PluginContext, color: string, type?: 'sc' |
   throw new Error(`Color '${color}' not found in seyuna.json`);
 }
 
-export function sc(
+export function SeyunaStandardColor(
   context: PluginContext,
   name: string,
   alpha?: string,
@@ -54,7 +54,7 @@ export function sc(
   return `oklch(${l} ${c} ${vars.h} / ${a})`;
 }
 
-export function fc(
+export function SeyunaFixedColor(
   context: PluginContext,
   name: string,
   alpha?: string,
@@ -69,22 +69,22 @@ export function fc(
   return `oklch(${l} ${c} ${vars.h} / ${a})`;
 }
 
-export function alpha(context: PluginContext, color: string, value: string) {
+export function SeyunaAlpha(context: PluginContext, color: string, value: string) {
   const { l, c, h } = getColorVariables(context, color);
   return `oklch(${l} ${c} ${h} / ${value})`;
 }
 
-export function lighten(context: PluginContext, color: string, amount: string) {
+export function SeyunaLighten(context: PluginContext, color: string, amount: string) {
   const { l, c, h } = getColorVariables(context, color);
   return `oklch(calc(${l} + ${amount}) ${c} ${h} / 1)`;
 }
 
-export function darken(context: PluginContext, color: string, amount: string) {
+export function SeyunaDarken(context: PluginContext, color: string, amount: string) {
   const { l, c, h } = getColorVariables(context, color);
   return `oklch(calc(${l} - ${amount}) ${c} ${h} / 1)`;
 }
 
-export function contrast(context: PluginContext, color: string) {
+export function SeyunaContrast(context: PluginContext, color: string) {
   const { l } = getColorVariables(context, color);
   return `oklch(calc((${l} - 0.6) * -1000) 0 0)`;
 }

package/src/functions/index.ts

@@ -1,15 +1,22 @@
-import { sc, fc, alpha, lighten, darken, contrast } from "./color.js";
-import { theme } from "./theme.js";
+import {
+  SeyunaStandardColor,
+  SeyunaFixedColor,
+  SeyunaAlpha,
+  SeyunaLighten,
+  SeyunaDarken,
+  SeyunaContrast,
+} from "./color.js";
+import { SeyunaTheme } from "./theme.js";
 import { PluginContext } from "../types.js";
 
 export type FnHandler = (context: PluginContext, ...args: string[]) => string;
 
 export const functions: Record<string, FnHandler> = {
-  sc,
-  fc,
-  alpha,
-  lighten,
-  darken,
-  contrast,
-  theme,
+  SeyunaStandardColor,
+  SeyunaFixedColor,
+  SeyunaAlpha,
+  SeyunaLighten,
+  SeyunaDarken,
+  SeyunaContrast,
+  SeyunaTheme,
 };

package/src/functions/theme.ts

@@ -4,7 +4,7 @@ import { PluginContext } from "../types.js";
  * Accesses values from the Seyuna configuration using dot notation
  * Example: theme(ui.theme.breakpoints.tablet)
  */
-export function theme(context: PluginContext, path: string): string {
+export function SeyunaTheme(context: PluginContext, path: string): string {
   const parts = path.split('.');
   let current: any = context.config;
 

package/tests/plugin.test.ts

@@ -38,44 +38,44 @@ async function run(input: string, opts: any = {}) {
 }
 
 describe('Seyuna PostCSS Plugin', () => {
-  it('processes sc() function', async () => {
-    const input = '.test { color: sc(primary); }';
+  it('processes SeyunaStandardColor() function', async () => {
+    const input = '.test { color: SeyunaStandardColor(primary); }';
     const output = '.test { color: oklch(var(--lightness) var(--chroma) var(--primary-hue) / 1)';
     const result = await run(input);
     expect(result.css).toContain(output);
   });
 
-  it('processes sc() with alpha', async () => {
-    const input = '.test { color: sc(primary, 0.5); }';
+  it('processes SeyunaStandardColor() with alpha', async () => {
+    const input = '.test { color: SeyunaStandardColor(primary, 0.5); }';
     const output = '.test { color: oklch(var(--lightness) var(--chroma) var(--primary-hue) / 0.5)';
     const result = await run(input);
     expect(result.css).toContain(output);
   });
 
-  it('processes alpha() function with color name', async () => {
-    const input = '.test { color: alpha(primary, 0.5); }';
+  it('processes SeyunaAlpha() function with color name', async () => {
+    const input = '.test { color: SeyunaAlpha(primary, 0.5); }';
     const output = 'color: oklch(var(--lightness) var(--chroma) var(--primary-hue) / 0.5)';
     const result = await run(input);
     expect(result.css).toContain(output);
   });
 
-  it('processes lighten() function with color name', async () => {
-    const input = '.test { color: lighten(primary, 0.1); }';
+  it('processes SeyunaLighten() function with color name', async () => {
+    const input = '.test { color: SeyunaLighten(primary, 0.1); }';
     const output = 'color: oklch(calc(var(--lightness) + 0.1) var(--chroma) var(--primary-hue) / 1)';
     const result = await run(input);
     expect(result.css).toContain(output);
   });
 
-  it('processes darken() function with color name', async () => {
-    const input = '.test { color: darken(primary, 0.1); }';
+  it('processes SeyunaDarken() function with color name', async () => {
+    const input = '.test { color: SeyunaDarken(primary, 0.1); }';
     const output = 'color: oklch(calc(var(--lightness) - 0.1) var(--chroma) var(--primary-hue) / 1)';
     const result = await run(input);
     expect(result.css).toContain(output);
   });
 
-  it('processes theme() function', async () => {
+  it('processes SeyunaTheme() function', async () => {
     // We pass the config via opts for testing
-    const input = '.test { border-radius: theme(ui.theme.breakpoints.tablet); }';
+    const input = '.test { border-radius: SeyunaTheme(ui.theme.breakpoints.tablet); }';
     const result = await run(input, { config: mockConfig });
     expect(result.css).toContain('.test { border-radius: 48rem');
   });
@@ -95,48 +95,48 @@ describe('Seyuna PostCSS Plugin', () => {
     expect(result.css).toContain('[data-mode="light"] &');
   });
 
-  it('processes alpha() with standard color', async () => {
-    const input = '.test { color: alpha(primary, 0.5); }';
+  it('processes SeyunaAlpha() with standard color', async () => {
+    const input = '.test { color: SeyunaAlpha(primary, 0.5); }';
     const output = 'color: oklch(var(--lightness) var(--chroma) var(--primary-hue) / 0.5)';
     const result = await run(input, { config: mockConfig });
     expect(result.css).toContain(output);
   });
 
-  it('processes alpha() with fixed color', async () => {
-    const input = '.test { color: alpha(surface, 0.5); }';
+  it('processes SeyunaAlpha() with fixed color', async () => {
+    const input = '.test { color: SeyunaAlpha(surface, 0.5); }';
     const output = 'color: oklch(var(--surface-lightness) var(--surface-chroma) var(--surface-hue) / 0.5)';
     const result = await run(input, { config: mockConfig });
     expect(result.css).toContain(output);
   });
 
-  it('processes contrast() with fixed color', async () => {
-    const input = '.test { color: contrast(surface); }';
+  it('processes SeyunaContrast() with fixed color', async () => {
+    const input = '.test { color: SeyunaContrast(surface); }';
     const output = 'color: oklch(calc((var(--surface-lightness) - 0.6) * -1000) 0 0)';
     const result = await run(input, { config: mockConfig });
     expect(result.css).toContain(output);
   });
 
-  it('processes contrast() with standard color', async () => {
-    const input = '.test { color: contrast(primary); }';
+  it('processes SeyunaContrast() with standard color', async () => {
+    const input = '.test { color: SeyunaContrast(primary); }';
     const output = 'color: oklch(calc((var(--lightness) - 0.6) * -1000) 0 0)';
     const result = await run(input, { config: mockConfig });
     expect(result.css).toContain(output);
   });
 
   it('throws error for unknown standard color in strict mode', async () => {
-    const input = '.test { color: sc(unknown); }';
+    const input = '.test { color: SeyunaStandardColor(unknown); }';
     await expect(run(input, { config: mockConfig, strict: true }))
       .rejects.toThrow(/Standard color 'unknown' not found/);
   });
 
   it('throws error for unknown fixed color in strict mode', async () => {
-    const input = '.test { color: fc(unknown); }';
+    const input = '.test { color: SeyunaFixedColor(unknown); }';
     await expect(run(input, { config: mockConfig, strict: true }))
       .rejects.toThrow(/Fixed color 'unknown' not found/);
   });
 
-  it('throws error for unknown color in alpha() in strict mode', async () => {
-    const input = '.test { color: alpha(unknown, 0.5); }';
+  it('throws error for unknown color in SeyunaAlpha() in strict mode', async () => {
+    const input = '.test { color: SeyunaAlpha(unknown, 0.5); }';
     await expect(run(input, { config: mockConfig, strict: true }))
       .rejects.toThrow(/Color 'unknown' not found in seyuna.json/);
   });