tailwind-clamp 2.2.0 → 2.2.2

package/README.md

@@ -127,7 +127,7 @@ export default {
 | **`[options.maxViewportWidth]`** | `{number}`            | Viewport size, where the clamp stops.      | `1440`        |
 | **`[options.unit]`**             | `{'px'\|'rem'\|'em'}` | Unit that should be used in the css value. | `rem`         |
 
-Al values are expected in pixels and will be converted to `[options.unit]`.
+All values are expected in pixels and will be converted to `[options.unit]`.
 
 ## Supported properties
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-clamp",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Tailwind CSS plugin to use CSS clamp in your projects",
   "main": "src/index.js",
   "type": "module",

package/src/clamp.js

@@ -6,7 +6,7 @@ export const clamp = (
   _minvw = { number: 375, unit: 'px' },
   _maxvw = { number: 1440, unit: 'px' }
 ) => {
-  const unit = _start.unit;
+  const unit = _start.unit === 'zero' ? _end.unit : _start.unit;
   const isPx = unit === 'px';
 
   let start = _start.number;

package/src/index.js

@@ -2,14 +2,14 @@ import plugin from 'tailwindcss/plugin';
 import { resolveProperty } from './resolve-property.js';
 import { log } from './log.js';
 import { parseValue, parseFontSizeValue, checkValues } from './parse-value.js';
-import { clamp, clampValue } from './clamp.js';
+import { clamp, clampValue as cv } from './clamp.js';
 
 const defaultOptions = {
   minViewportWidth: 375,
   maxViewportWidth: 1440,
 };
 
-export const clampValue = clampValue;
+export const clampValue = cv;
 
 export default plugin.withOptions(function (options = defaultOptions) {
   return function ({ matchUtilities, theme, config }) {