postcss-clampwind 0.0.1 → 0.0.3

package/README.md

@@ -1,4 +1,4 @@
-# clampwind
+# postcss-clampwind
 
 A PostCSS plugin that transforms any two‑argument `clamp()` call into a fully fluid value, seamlessly integrating with Tailwind CSS utilities. Made for Tailwind v4.
 
@@ -26,7 +26,7 @@ The supplied values are used to generate the expression inside the `clamp()` fun
 Install the plugin from npm:
 
 ```sh
-npm install -D clampwind
+npm install -D postcss-clampwind
 ```
 
 ### PostCSS setup
@@ -36,7 +36,7 @@ Add the plugin to your `postcss.config.js` file:
 ```js
 // postcss.config.mjs
 import tailwindcss from "@tailwindcss/postcss"
-import clampwind from "clampwind"
+import clampwind from "postcss-clampwind"
 
 export default {
   plugins: [
@@ -55,7 +55,7 @@ If you are using CommonJS-based build tools like Webpack, you will need to use t
 module.exports = { 
   plugins: { 
     require("@tailwindcss/postcss"),
-    require('clampwind').default
+    require("postcss-clampwind").default
   } 
 };
 ```
@@ -66,7 +66,7 @@ If you are using Vite, you are probably using Tailwind with `@tailwindcss/vite`.
 
 ```js
 // postcss.config.js
-import clampwind from 'clampwind';
+import clampwind from "postcss-clampwind";
 
 export default { 
   plugins: [ 
@@ -187,7 +187,7 @@ This will generate the following css:
 
 ### Clamp from one breakpoint
 
-If you want to define a clamp value from a single breakpoint, clampwind will automatically generate the calculation from the defined breakpoint to the smallest or largest breakpoint depending on the direction, for example:
+If you want to define a clamp value from a single breakpoint, postcss-clampwind will automatically generate the calculation from the defined breakpoint to the smallest or largest breakpoint depending on the direction, for example:
 
 ```html
 <div class="md:text-[clamp(16px,50px)]"></div>
@@ -273,7 +273,7 @@ But this won't work when using two custom properties directly in the CSS with `@
 
 ### Clamp container queries
 
-Clampwind supports container queries, just by using the normal Tailwind container query syntax, for example:
+Postcss-clampwind supports container queries, just by using the normal Tailwind container query syntax, for example:
 
 ```html
 <div class="@md:text-[clamp(16px,50px)]"></div>
@@ -291,7 +291,7 @@ This will generate the following css:
 
 ## Configuration
 
-Tailwind v4 introduced the new CSS-based configuration and clampwind embraces it.
+Tailwind v4 introduced the new CSS-based configuration and postcss-clampwind embraces it.
 
 ### Add custom breakpoints
 

package/dist/clampwind.cjs.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/clampwind.js
@@ -32,7 +22,6 @@ __export(clampwind_exports, {
   default: () => clampwind_default
 });
 module.exports = __toCommonJS(clampwind_exports);
-var import_postcss = __toESM(require("postcss"), 1);
 
 // src/screens.js
 var defaultScreens = {
@@ -176,7 +165,7 @@ var clampwind = (opts = {}) => {
     postcssPlugin: "clampwind",
     prepare() {
       let rootFontSize = 16;
-      let spacingSize = "1px";
+      let spacingSize = "0.25rem";
       let customProperties = {};
       let screens = defaultScreens || {};
       let containerScreens = defaultContainerScreens || {};

package/dist/clampwind.esm.js

@@ -1,6 +1,3 @@
-// src/clampwind.js
-import postcss from "postcss";
-
 // src/screens.js
 var defaultScreens = {
   sm: "40rem",
@@ -143,7 +140,7 @@ var clampwind = (opts = {}) => {
     postcssPlugin: "clampwind",
     prepare() {
       let rootFontSize = 16;
-      let spacingSize = "1px";
+      let spacingSize = "0.25rem";
       let customProperties = {};
       let screens = defaultScreens || {};
       let containerScreens = defaultContainerScreens || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-clampwind",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A PostCSS plugin to create fluid clamp values for any Tailwind CSS utility",
   "license": "Apache-2.0",
     "keywords": [
@@ -34,9 +34,6 @@
   "devDependencies": {
     "esbuild": "^0.25.6"
   },
-  "peerDependencies": {
-    "postcss": "^8.4.39"
-  },
   "scripts": {
     "dev": "node scripts/build.js --watch",
     "build": "node scripts/build.js"