tailwind-to-style 2.10.4 → 2.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -35
- package/dist/index.browser.js +31 -31
- package/dist/index.cjs +31 -31
- package/dist/index.esm.js +31 -31
- package/dist/index.min.js.map +1 -1
- package/dist/react.cjs.js +21 -21
- package/dist/react.esm.js +21 -21
- package/package.json +1 -1
package/dist/react.cjs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* tailwind-to-style v2.10.
|
|
2
|
+
* tailwind-to-style v2.10.5
|
|
3
3
|
* Convert tailwind classes to inline style
|
|
4
4
|
*
|
|
5
5
|
* @author Bigetion
|
|
@@ -7923,10 +7923,10 @@ function parseCustomClassWithPatterns(className) {
|
|
|
7923
7923
|
return null;
|
|
7924
7924
|
}
|
|
7925
7925
|
|
|
7926
|
-
/**
|
|
7927
|
-
* Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
|
|
7928
|
-
* @param {string} cssString
|
|
7929
|
-
* @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
|
|
7926
|
+
/**
|
|
7927
|
+
* Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
|
|
7928
|
+
* @param {string} cssString
|
|
7929
|
+
* @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
|
|
7930
7930
|
*/
|
|
7931
7931
|
function resolveCssToClearCss(cssString) {
|
|
7932
7932
|
const customVars = {};
|
|
@@ -8190,11 +8190,11 @@ function separateAndResolveCSS(arr) {
|
|
|
8190
8190
|
}
|
|
8191
8191
|
}
|
|
8192
8192
|
|
|
8193
|
-
/**
|
|
8194
|
-
* Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
|
|
8195
|
-
* @param {string} className - Class name with potential opacity modifier
|
|
8196
|
-
* @param {string} cssDeclaration - CSS declaration to modify
|
|
8197
|
-
* @returns {string} Modified CSS declaration with opacity applied
|
|
8193
|
+
/**
|
|
8194
|
+
* Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
|
|
8195
|
+
* @param {string} className - Class name with potential opacity modifier
|
|
8196
|
+
* @param {string} cssDeclaration - CSS declaration to modify
|
|
8197
|
+
* @returns {string} Modified CSS declaration with opacity applied
|
|
8198
8198
|
*/
|
|
8199
8199
|
function processOpacityModifier(className, cssDeclaration) {
|
|
8200
8200
|
const opacityMatch = className.match(/\/(\d+)$/);
|
|
@@ -8255,11 +8255,11 @@ function processOpacityModifier(className, cssDeclaration) {
|
|
|
8255
8255
|
return modifiedDeclaration;
|
|
8256
8256
|
}
|
|
8257
8257
|
|
|
8258
|
-
/**
|
|
8259
|
-
* Convert Tailwind class string to inline CSS styles or JSON object
|
|
8260
|
-
* @param {string} classNames - String containing Tailwind classes to convert
|
|
8261
|
-
* @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
|
|
8262
|
-
* @returns {string|Object} Inline CSS string or style JSON object
|
|
8258
|
+
/**
|
|
8259
|
+
* Convert Tailwind class string to inline CSS styles or JSON object
|
|
8260
|
+
* @param {string} classNames - String containing Tailwind classes to convert
|
|
8261
|
+
* @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
|
|
8262
|
+
* @returns {string|Object} Inline CSS string or style JSON object
|
|
8263
8263
|
*/
|
|
8264
8264
|
function tws(classNames, convertToJson) {
|
|
8265
8265
|
const totalMarker = performanceMonitor.start("tws:total");
|
|
@@ -8703,12 +8703,12 @@ function generateCssString(styles) {
|
|
|
8703
8703
|
return cssString.trim();
|
|
8704
8704
|
}
|
|
8705
8705
|
|
|
8706
|
-
/**
|
|
8707
|
-
* Generate CSS string from style object with SCSS-like syntax
|
|
8708
|
-
* Supports nested selectors, state variants, responsive variants, and @css directives
|
|
8709
|
-
* @param {Object} obj - Object with SCSS-like style format
|
|
8710
|
-
* @param {Object} [options] - Additional options, e.g. { inject: true/false }
|
|
8711
|
-
* @returns {string} Generated CSS string
|
|
8706
|
+
/**
|
|
8707
|
+
* Generate CSS string from style object with SCSS-like syntax
|
|
8708
|
+
* Supports nested selectors, state variants, responsive variants, and @css directives
|
|
8709
|
+
* @param {Object} obj - Object with SCSS-like style format
|
|
8710
|
+
* @param {Object} [options] - Additional options, e.g. { inject: true/false }
|
|
8711
|
+
* @returns {string} Generated CSS string
|
|
8712
8712
|
*/
|
|
8713
8713
|
function twsx(obj) {
|
|
8714
8714
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
package/dist/react.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* tailwind-to-style v2.10.
|
|
2
|
+
* tailwind-to-style v2.10.5
|
|
3
3
|
* Convert tailwind classes to inline style
|
|
4
4
|
*
|
|
5
5
|
* @author Bigetion
|
|
@@ -7919,10 +7919,10 @@ function parseCustomClassWithPatterns(className) {
|
|
|
7919
7919
|
return null;
|
|
7920
7920
|
}
|
|
7921
7921
|
|
|
7922
|
-
/**
|
|
7923
|
-
* Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
|
|
7924
|
-
* @param {string} cssString
|
|
7925
|
-
* @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
|
|
7922
|
+
/**
|
|
7923
|
+
* Resolve all CSS custom properties (var) in a CSS string and output only clear CSS (no custom property)
|
|
7924
|
+
* @param {string} cssString
|
|
7925
|
+
* @returns {string} e.g. 'color: rgba(255,255,255,1); background: #fff;'
|
|
7926
7926
|
*/
|
|
7927
7927
|
function resolveCssToClearCss(cssString) {
|
|
7928
7928
|
const customVars = {};
|
|
@@ -8186,11 +8186,11 @@ function separateAndResolveCSS(arr) {
|
|
|
8186
8186
|
}
|
|
8187
8187
|
}
|
|
8188
8188
|
|
|
8189
|
-
/**
|
|
8190
|
-
* Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
|
|
8191
|
-
* @param {string} className - Class name with potential opacity modifier
|
|
8192
|
-
* @param {string} cssDeclaration - CSS declaration to modify
|
|
8193
|
-
* @returns {string} Modified CSS declaration with opacity applied
|
|
8189
|
+
/**
|
|
8190
|
+
* Process opacity modifier from class name (e.g., text-red-500/50 -> 50% opacity)
|
|
8191
|
+
* @param {string} className - Class name with potential opacity modifier
|
|
8192
|
+
* @param {string} cssDeclaration - CSS declaration to modify
|
|
8193
|
+
* @returns {string} Modified CSS declaration with opacity applied
|
|
8194
8194
|
*/
|
|
8195
8195
|
function processOpacityModifier(className, cssDeclaration) {
|
|
8196
8196
|
const opacityMatch = className.match(/\/(\d+)$/);
|
|
@@ -8251,11 +8251,11 @@ function processOpacityModifier(className, cssDeclaration) {
|
|
|
8251
8251
|
return modifiedDeclaration;
|
|
8252
8252
|
}
|
|
8253
8253
|
|
|
8254
|
-
/**
|
|
8255
|
-
* Convert Tailwind class string to inline CSS styles or JSON object
|
|
8256
|
-
* @param {string} classNames - String containing Tailwind classes to convert
|
|
8257
|
-
* @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
|
|
8258
|
-
* @returns {string|Object} Inline CSS string or style JSON object
|
|
8254
|
+
/**
|
|
8255
|
+
* Convert Tailwind class string to inline CSS styles or JSON object
|
|
8256
|
+
* @param {string} classNames - String containing Tailwind classes to convert
|
|
8257
|
+
* @param {boolean} convertToJson - If true, result will be JSON object, if false becomes CSS string
|
|
8258
|
+
* @returns {string|Object} Inline CSS string or style JSON object
|
|
8259
8259
|
*/
|
|
8260
8260
|
function tws(classNames, convertToJson) {
|
|
8261
8261
|
const totalMarker = performanceMonitor.start("tws:total");
|
|
@@ -8699,12 +8699,12 @@ function generateCssString(styles) {
|
|
|
8699
8699
|
return cssString.trim();
|
|
8700
8700
|
}
|
|
8701
8701
|
|
|
8702
|
-
/**
|
|
8703
|
-
* Generate CSS string from style object with SCSS-like syntax
|
|
8704
|
-
* Supports nested selectors, state variants, responsive variants, and @css directives
|
|
8705
|
-
* @param {Object} obj - Object with SCSS-like style format
|
|
8706
|
-
* @param {Object} [options] - Additional options, e.g. { inject: true/false }
|
|
8707
|
-
* @returns {string} Generated CSS string
|
|
8702
|
+
/**
|
|
8703
|
+
* Generate CSS string from style object with SCSS-like syntax
|
|
8704
|
+
* Supports nested selectors, state variants, responsive variants, and @css directives
|
|
8705
|
+
* @param {Object} obj - Object with SCSS-like style format
|
|
8706
|
+
* @param {Object} [options] - Additional options, e.g. { inject: true/false }
|
|
8707
|
+
* @returns {string} Generated CSS string
|
|
8708
8708
|
*/
|
|
8709
8709
|
function twsx(obj) {
|
|
8710
8710
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|