@seyuna/postcss 1.0.0-canary.34 → 1.0.0-canary.35

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.0.0-canary.35](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.34...v1.0.0-canary.35) (2026-01-22)
+
+
+### Bug Fixes
+
+* ensure styles are copied to dist and all reset nodes are injected ([fad1482](https://github.com/seyuna-corp/seyuna-postcss/commit/fad14823c9abe6f3c482989e96970fdd5c7aed45))
+
 # [1.0.0-canary.34](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.33...v1.0.0-canary.34) (2026-01-22)
 
 

package/dist/at-rules/import.js

@@ -32,14 +32,10 @@ export function handleImport(atRule, context) {
             const globalStylesPath = path.resolve(__dirname, "../styles/seyuna-global.css");
             if (fs.existsSync(globalStylesPath)) {
                 const globalCss = fs.readFileSync(globalStylesPath, "utf-8");
-                const cleanCss = globalCss.split("$")[0].trim();
-                const parsed = postcss.parse(cleanCss);
-                // Only keep layers and reset styles, avoid re-injecting variables
-                parsed.each((node) => {
-                    if (node.type === "atrule" &&
-                        (node.name === "layer" || node.name === "media")) {
-                        nodes.push(node.clone());
-                    }
+                const parsed = postcss.parse(globalCss);
+                // Push all nodes from the global styles (reset, layers, etc.)
+                parsed.nodes.forEach((node) => {
+                    nodes.push(node.clone());
                 });
             }
             else {

package/dist/styles/seyuna-global.css

@@ -0,0 +1,94 @@
+@layer reset, base, components, utilities;
+
+@layer reset {
+  /* 
+  Reset all elements to a zeroed baseline to ensure consistency in all browsers.
+*/
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    line-height: 2;
+    font-family: inherit;
+  }
+
+  /* 
+  Prevent automatic font size adjustments on mobile devices to keep text rendering consistent across platforms.
+*/
+  html {
+    -moz-text-size-adjust: none; /* Firefox */
+    -webkit-text-size-adjust: none; /* Safari / older WebKit browsers */
+    text-size-adjust: none; /* Modern spec-compliant browsers */
+    color: var(--text);
+    background-color: var(--background);
+    font-size: max(1rem, 0.833vw);
+  }
+
+  /* 
+  Remove default list styling from unordered and ordered lists that 
+  explicitly use role="list".
+*/
+  ul[role="list"],
+  ol[role="list"] {
+    list-style: none;
+  }
+
+  /* 
+  Ensure the body element always fills at least the full height of the viewport
+  so short pages don't collapse. Improve text rendering across browsers by
+  enabling smoother grayscale antialiasing. Set the body as a container
+  (queryable by its inline size) for use with CSS container queries, and
+  enable smooth scrolling for anchor links and programmatic scroll actions.
+*/
+  body {
+    min-height: 100vh;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    container-type: inline-size;
+    scroll-behavior: smooth;
+  }
+
+  /* 
+  Improve heading readability by evenly distributing words across lines.
+  This prevents awkward line breaks and creates more balanced, aesthetic headings.
+*/
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    text-wrap: balance;
+  }
+
+  /* 
+  Reset all link styles to inherit from parent elements.
+  This removes default colors, underlines, and visited/hover states.
+*/
+  a {
+    all: unset;
+    color: inherit;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  /* 
+  Ensure images and <picture> elements scale within their container,
+  preventing overflow and maintaining layout integrity on any screen size.
+*/
+  img,
+  picture {
+    max-width: 100%;
+    display: block;
+  }
+
+  /* 
+  Add extra scroll margin above and below elements targeted via anchors.
+  This prevents the element from hugging the top edge of the viewport when navigated to.
+*/
+  :target {
+    scroll-margin-block: 1rem;
+  }
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@seyuna/postcss",
-  "version": "1.0.0-canary.34",
+  "version": "1.0.0-canary.35",
   "description": "Seyuna UI's postcss plugin",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && mkdir -p dist/styles && cp src/styles/* dist/styles/",
     "dev": "tsc -w",
     "test": "vitest",
     "test:run": "vitest run"

package/src/at-rules/import.ts

@@ -41,17 +41,11 @@ export function handleImport(atRule: any, context: PluginContext) {
       );
       if (fs.existsSync(globalStylesPath)) {
         const globalCss = fs.readFileSync(globalStylesPath, "utf-8");
-        const cleanCss = globalCss.split("$")[0].trim();
-        const parsed = postcss.parse(cleanCss);
-
-        // Only keep layers and reset styles, avoid re-injecting variables
-        parsed.each((node) => {
-          if (
-            node.type === "atrule" &&
-            (node.name === "layer" || node.name === "media")
-          ) {
-            nodes.push(node.clone());
-          }
+        const parsed = postcss.parse(globalCss);
+
+        // Push all nodes from the global styles (reset, layers, etc.)
+        parsed.nodes.forEach((node) => {
+          nodes.push(node.clone());
         });
       } else {
         nodes.push(