purgetss 3.1.3 → 3.2.0

package/lib/build-tailwind.js

@@ -84,6 +84,7 @@ if (!fs.existsSync('./dist')) {
 	convertedStyles += helpers.dropShadow();
 	convertedStyles += helpers.dropShadowColor(combinedColors);
 	convertedStyles += helpers.editable();
+	convertedStyles += helpers.elevation(combinedSpacing);
 	convertedStyles += helpers.ellipsize();
 	convertedStyles += helpers.enableCopy();
 	convertedStyles += helpers.enableReturnKey();
@@ -128,6 +129,7 @@ if (!fs.existsSync('./dist')) {
 	convertedStyles += helpers.loginKeyboardType();
 	convertedStyles += helpers.loginReturnKeyType();
 	convertedStyles += helpers.margin(combinedSpacing);
+	convertedStyles += helpers.maxElevation(combinedSpacing);
 	convertedStyles += helpers.modal();
 	convertedStyles += helpers.navBarHidden();
 	convertedStyles += helpers.navTintColor(combinedColors);
@@ -147,6 +149,7 @@ if (!fs.existsSync('./dist')) {
 	convertedStyles += helpers.pickerType();
 	convertedStyles += helpers.placeholderColor(combinedColors);
 	convertedStyles += helpers.placement();
+	convertedStyles += helpers.preventCornerOverlap();
 	convertedStyles += helpers.preventDefaultImage();
 	convertedStyles += helpers.radialGradient();
 	convertedStyles += helpers.repeat();
@@ -166,6 +169,7 @@ if (!fs.existsSync('./dist')) {
 	convertedStyles += helpers.statusBar();
 	convertedStyles += helpers.sustainedPerformanceMode();
 	convertedStyles += helpers.swipeToClose();
+	convertedStyles += helpers.useCompatPadding();
 	convertedStyles += helpers.tabBarHidden();
 	convertedStyles += helpers.tabGroupStyle();
 	convertedStyles += helpers.tabsBackgroundColor(combinedColors);
@@ -178,8 +182,8 @@ if (!fs.existsSync('./dist')) {
 	convertedStyles += helpers.titleColor(combinedColors);
 	convertedStyles += helpers.touchFeedbackColor(combinedColors);
 	convertedStyles += helpers.transition();
-	convertedStyles += helpers.transitionDelay({ ...{ '0': '0ms', '25': '25ms', '50': '50ms', '2000': '2000ms', '3000': '3000ms', '4000': '4000ms', '5000': '5000ms' }, ...defaultTheme.transitionDelay });
-	convertedStyles += helpers.transitionDuration({ ...{ 0: '0ms', 25: '25ms', 50: '50ms' }, ...defaultTheme.transitionDuration });
+	convertedStyles += helpers.transitionDelay({ ...{ '0': '0ms', '25': '25ms', '50': '50ms', '250': '250ms', '350': '350ms', '400': '400ms', '450': '450ms', '600': '600ms', '800': '800ms', '900': '900ms', '2000': '2000ms', '3000': '3000ms', '4000': '4000ms', '5000': '5000ms' }, ...defaultTheme.transitionDelay });
+	convertedStyles += helpers.transitionDuration({ ...{ '0': '0ms', '25': '25ms', '50': '50ms', '250': '250ms', '350': '350ms', '400': '400ms', '450': '450ms', '600': '600ms', '800': '800ms', '900': '900ms', '2000': '2000ms', '3000': '3000ms', '4000': '4000ms', '5000': '5000ms' }, ...defaultTheme.transitionDuration });
 	convertedStyles += helpers.translucent();
 	convertedStyles += helpers.useSpinner();
 	convertedStyles += helpers.verticalAlignment();

package/lib/helpers.js

@@ -65,40 +65,57 @@ function barColor(modifiersAndValues) {
 }
 exports.barColor = barColor;
 
-function shadow(shadowValue = '#59000000') {
-	let convertedStyles = processComments({ 'prop': 'viewShadowOffset, viewShadowRadius, viewShadowColor - Box Shadow in Tailwind', 'component': 'Ti.UI.View' });
-	convertedStyles += `'.shadow-xs': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-sm': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 1, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 2, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-md': { viewShadowOffset: { x: 0, y: 3 }, viewShadowRadius: 3, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-lg': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 4, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-xl': { viewShadowOffset: { x: 0, y: 6 }, viewShadowRadius: 6, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-2xl': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 8, viewShadowColor: '${shadowValue}' }\n`;
-
-	convertedStyles += `'.shadow-inner': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }\n`;
-	convertedStyles += `'.shadow-outline': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 2, viewShadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.shadow-none': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }\n`;
+function shadow(shadowValue = '#80000000') {
+	let convertedStyles = processComments({ 'prop': 'viewShadowOffset, viewShadowRadius, viewShadowColor - Box Shadow Effect in Tailwind - iOS Only', 'component': 'Ti.UI.View' });
+	convertedStyles += `'.shadow-xs[platform=ios]': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 1, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-sm[platform=ios]': { viewShadowOffset: { x: 0, y: 1 }, viewShadowRadius: 2, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow[platform=ios]': { viewShadowOffset: { x: 0, y: 2 }, viewShadowRadius: 4, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-md[platform=ios]': { viewShadowOffset: { x: 0, y: 3 }, viewShadowRadius: 6, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-lg[platform=ios]': { viewShadowOffset: { x: 0, y: 4 }, viewShadowRadius: 8, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-xl[platform=ios]': { viewShadowOffset: { x: 0, y: 6 }, viewShadowRadius: 12, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-2xl[platform=ios]': { viewShadowOffset: { x: 0, y: 8 }, viewShadowRadius: 14, viewShadowColor: '${shadowValue}' }\n`;
+
+	convertedStyles += `'.shadow-inner[platform=ios]': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }\n`;
+	convertedStyles += `'.shadow-outline[platform=ios]': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: 4, viewShadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.shadow-none[platform=ios]': { viewShadowOffset: { x: 0, y: 0 }, viewShadowRadius: null, viewShadowColor: null }\n`;
+
+	convertedStyles += processComments({ 'prop': 'elevation - Box Shadow Effect in Tailwind - Android Only', 'component': 'Ti.UI.Android.CardView, Ti.UI.Animation, Ti.UI.View' });
+	convertedStyles += `'.shadow-xs[platform=android]': { elevation: 4 }\n`;
+	convertedStyles += `'.shadow-sm[platform=android]': { elevation: 8 }\n`;
+	convertedStyles += `'.shadow[platform=android]': { elevation: 16 }\n`;
+	convertedStyles += `'.shadow-md[platform=android]': { elevation: 24 }\n`;
+	convertedStyles += `'.shadow-lg[platform=android]': { elevation: 26 }\n`;
+	convertedStyles += `'.shadow-xl[platform=android]': { elevation: 34 }\n`;
+	convertedStyles += `'.shadow-2xl[platform=android]': { elevation: 38 }\n`;
+
+	convertedStyles += `'.shadow-inner[platform=android]': { elevation: 0 }\n`;
+	convertedStyles += `'.shadow-outline[platform=android]': { elevation: 16 }\n`;
+	convertedStyles += `'.shadow-none[platform=android]': { elevation: 0 }\n`;
 
 	return convertedStyles;
 }
 exports.shadow = shadow;
 
 function shadowColor(modifiersAndValues) {
-	return processProperties({ 'prop': 'viewShadowColor - Box Shadow in Tailwind', 'component': 'Ti.UI.View' }, {
-		'shadow': '{ viewShadowColor: {value} }',
-	}, modifiersAndValues);
+	return processProperties({ 'prop': 'viewShadowColor - Box Shadow Color in Tailwind - iOS Only', 'component': 'Ti.UI.View' }, {
+		'default': '{ viewShadowColor: {value} }',
+	}, {
+		'shadow': {
+			'ios': modifiersAndValues
+		}
+	});
 }
 exports.shadowColor = shadowColor;
 
-function dropShadow(shadowValue = '#59000000') {
+function dropShadow(shadowValue = '#80000000') {
 	let convertedStyles = processComments({ 'prop': 'shadowOffset, shadowRadius, shadowColor - Drop Shadow in Tailwind', 'component': 'Ti.UI.Button, Ti.UI.Label' });
 	convertedStyles += `'.drop-shadow-xs': { shadowOffset: { x: 0, y: 0 }, shadowRadius: 1, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow-sm': { shadowOffset: { x: 0, y: 1 }, shadowRadius: 1, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow': { shadowOffset: { x: 0, y: 2 }, shadowRadius: 2, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow-md': { shadowOffset: { x: 0, y: 3 }, shadowRadius: 3, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow-lg': { shadowOffset: { x: 0, y: 4 }, shadowRadius: 4, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow-xl': { shadowOffset: { x: 0, y: 6 }, shadowRadius: 6, shadowColor: '${shadowValue}' }\n`;
-	convertedStyles += `'.drop-shadow-2xl': { shadowOffset: { x: 0, y: 8 }, shadowRadius: 8, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow-sm': { shadowOffset: { x: 0, y: 1 }, shadowRadius: 2, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow': { shadowOffset: { x: 0, y: 2 }, shadowRadius: 4, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow-md': { shadowOffset: { x: 0, y: 3 }, shadowRadius: 6, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow-lg': { shadowOffset: { x: 0, y: 4 }, shadowRadius: 8, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow-xl': { shadowOffset: { x: 0, y: 6 }, shadowRadius: 12, shadowColor: '${shadowValue}' }\n`;
+	convertedStyles += `'.drop-shadow-2xl': { shadowOffset: { x: 0, y: 8 }, shadowRadius: 14, shadowColor: '${shadowValue}' }\n`;
 	convertedStyles += `'.drop-shadow-none': { shadowOffset: { x: 0, y: 0 }, shadowRadius: null, shadowColor: null }\n`;
 
 	return convertedStyles;
@@ -112,16 +129,16 @@ function dropShadowColor(modifiersAndValues) {
 }
 exports.dropShadowColor = dropShadowColor;
 
-function barTitleShadow(shadowValue = '#59000000') {
+function barTitleShadow(shadowValue = '#80000000') {
 
 	let convertedStyles = processComments({ 'prop': 'titleAttributes: shadow, offset, blurRadius - Bar Title Shadow', 'component': 'Ti.UI.TabGroup, Ti.UI.Window' });
 	convertedStyles += `'.bar-shadow-xs': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 0 }, blurRadius: 1 } } }\n`;
-	convertedStyles += `'.bar-shadow-sm': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 1 }, blurRadius: 1 } } }\n`;
-	convertedStyles += `'.bar-shadow': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 2 }, blurRadius: 2 } } }\n`;
-	convertedStyles += `'.bar-shadow-md': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 3 }, blurRadius: 3 } } }\n`;
-	convertedStyles += `'.bar-shadow-lg': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 4 }, blurRadius: 4 } } }\n`;
-	convertedStyles += `'.bar-shadow-xl': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 6 }, blurRadius: 6 } } }\n`;
-	convertedStyles += `'.bar-shadow-2xl': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 8 }, blurRadius: 8 } } }\n`;
+	convertedStyles += `'.bar-shadow-sm': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 1 }, blurRadius: 2 } } }\n`;
+	convertedStyles += `'.bar-shadow': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 2 }, blurRadius: 4 } } }\n`;
+	convertedStyles += `'.bar-shadow-md': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 3 }, blurRadius: 6 } } }\n`;
+	convertedStyles += `'.bar-shadow-lg': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 4 }, blurRadius: 8 } } }\n`;
+	convertedStyles += `'.bar-shadow-xl': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 6 }, blurRadius: 12 } } }\n`;
+	convertedStyles += `'.bar-shadow-2xl': { titleAttributes: { shadow: { color: '${shadowValue}', offset: { width: 0, height: 8 }, blurRadius: 14 } } }\n`;
 	convertedStyles += `'.bar-shadow-none': { titleAttributes: { shadow: { color: null, offset: { width: 0, height: 0 }, blurRadius: null } } }\n`;
 
 	return convertedStyles;
@@ -143,8 +160,8 @@ function barTitleColor(modifiersAndValues) {
 	return processProperties({ 'prop': 'titleAttributes', 'component': 'Ti.UI.TabGroup, Ti.UI.Window' }, {
 		'bar': '{ titleAttributes: { color: {value} } }'
 	}, {
-		title: {
-			ios: { ...modifiersAndValues }
+		'title': {
+			'ios': { ...modifiersAndValues }
 		}
 	});
 }
@@ -287,6 +304,58 @@ function borderRadiusExtraStyles({ ...modifiersAndValues }) {
 }
 exports.borderRadiusExtraStyles = borderRadiusExtraStyles;
 
+function elevation({ ...modifiersAndValues }) {
+	// SOME CLEANUP... SOME VALUES NOT NEEDED HERE!.
+	delete modifiersAndValues[0];
+	delete modifiersAndValues.auto;
+	delete modifiersAndValues.full;
+	delete modifiersAndValues.screen;
+
+	_.each(modifiersAndValues, (value, key) => {
+		if (key.includes('/')) {
+			delete modifiersAndValues[key];
+		} else if (['sm', 'md', 'lg', 'xl', '2xl', '3xl', 'px', 'DEFAULT'].includes(key)) {
+		} else {
+			modifiersAndValues[key] = 8 * parseFloat(value);
+		}
+	});
+
+	return processProperties({ 'prop': 'elevation - Android Only', 'component': 'Ti.UI.Android.CardView, Ti.UI.Animation, Ti.UI.View' }, {
+		'default': '{ elevation: {value} }',
+	}, {
+		'elevation': {
+			'android': modifiersAndValues
+		}
+	});
+}
+exports.elevation = elevation;
+
+function maxElevation({ ...modifiersAndValues }) {
+	// SOME CLEANUP... SOME VALUES NOT NEEDED HERE!.
+	delete modifiersAndValues[0];
+	delete modifiersAndValues.auto;
+	delete modifiersAndValues.full;
+	delete modifiersAndValues.screen;
+
+	_.each(modifiersAndValues, (value, key) => {
+		if (key.includes('/')) {
+			delete modifiersAndValues[key];
+		} else if (['sm', 'md', 'lg', 'xl', '2xl', '3xl', 'px', 'DEFAULT'].includes(key)) {
+		} else {
+			modifiersAndValues[key] = 8 * parseFloat(value);
+		}
+	});
+
+	return processProperties({ 'prop': 'maxElevation - Android Only', 'component': 'Ti.UI.Android.CardView' }, {
+		'max': '{ maxElevation: {value} }',
+	}, {
+		'elevation': {
+			'android': modifiersAndValues
+		}
+	});
+}
+exports.maxElevation = maxElevation;
+
 function borderWidth({ ...modifiersAndValues }) {
 	_.each(modifiersAndValues, (value, key) => {
 		modifiersAndValues[key] = parseInt(value);
@@ -299,7 +368,8 @@ function borderWidth({ ...modifiersAndValues }) {
 exports.borderWidth = borderWidth;
 
 function scale(modifiersAndValues) {
-	return processProperties({ 'prop': 'scale', 'component': 'Ti.UI.ScrollView' }, {
+	modifiersAndValues[1] = '.01';
+	return processProperties({ 'prop': 'scale', 'component': 'Ti.UI.ScrollView, MatrixCreationDict' }, {
 		'scale': '{ scale: \'{value}\' }'
 	}, modifiersAndValues);
 }
@@ -346,17 +416,6 @@ function gap({ ...modifiersAndValues }) {
 }
 exports.gap = gap;
 
-function transitionDuration(modifiersAndValues) {
-	modifiersAndValues[0] = '0ms';
-	modifiersAndValues[25] = '25ms';
-	modifiersAndValues[50] = '50ms';
-
-	return processProperties({ 'prop': 'duration', 'component': 'Ti.UI.Animation' }, {
-		'duration': '{ duration: {value} }'
-	}, modifiersAndValues);
-}
-exports.transitionDuration = transitionDuration;
-
 function transitionDelay(modifiersAndValues) {
 	return processProperties({ 'prop': 'delay', 'component': 'Ti.UI.Animation' }, {
 		'delay': '{ delay: {value} }'
@@ -364,6 +423,13 @@ function transitionDelay(modifiersAndValues) {
 }
 exports.transitionDelay = transitionDelay;
 
+function transitionDuration(modifiersAndValues) {
+	return processProperties({ 'prop': 'duration', 'component': 'Ti.UI.Animation' }, {
+		'duration': '{ duration: {value} }'
+	}, modifiersAndValues);
+}
+exports.transitionDuration = transitionDuration;
+
 function pagingControlTimeout(modifiersAndValues) {
 	return processProperties({ 'prop': 'pagingControlTimeout', 'component': 'Ti.UI.ScrollableView' }, {
 		'paging-timeout': '{ pagingControlTimeout: {value} }'
@@ -727,6 +793,26 @@ function extendSafeArea() {
 }
 exports.extendSafeArea = extendSafeArea;
 
+function preventCornerOverlap() {
+	return processProperties({ 'prop': 'preventCornerOverlap - Android Only', 'component': 'Ti.UI.Android.CardView' }, {
+		'default': '{ preventCornerOverlap: {value} }'
+	}, {
+		'prevent-corner-overlap[platform=android]': true,
+		'dont-prevent-corner-overlap[platform=android]': false,
+	});
+}
+exports.preventCornerOverlap = preventCornerOverlap;
+
+function useCompatPadding() {
+	return processProperties({ 'prop': 'useCompatPadding - Android Only', 'component': 'Ti.UI.Android.CardView' }, {
+		'default': '{ useCompatPadding: {value} }'
+	}, {
+		'use-compat-padding[platform=android]': true,
+		'dont-use-compat-padding[platform=android]': false,
+	});
+}
+exports.useCompatPadding = useCompatPadding;
+
 function flagSecure() {
 	return processProperties({ 'prop': 'flagSecure', 'component': 'Ti.UI.Window' }, {
 		'default': '{ flagSecure: {value} }'
@@ -1216,6 +1302,20 @@ function tiMedia() {
 		'contain': 'Ti.Media.IMAGE_SCALING_ASPECT_FIT'
 	});
 
+	convertedStyles += processProperties({
+		'prop': 'scalingMode',
+		'component': 'Ti.UI.ImageView',
+		'description': 'Object Fit for compatibility with Tailwind classes'
+	}, {
+		'object': '{ scalingMode: {value} }'
+	}, {
+		'auto': 'Ti.Media.IMAGE_SCALING_AUTO',
+		'fill': 'Ti.Media.IMAGE_SCALING_FILL',
+		'none': 'Ti.Media.IMAGE_SCALING_NONE',
+		'cover': 'Ti.Media.IMAGE_SCALING_ASPECT_FILL',
+		'contain': 'Ti.Media.IMAGE_SCALING_ASPECT_FIT',
+	});
+
 	convertedStyles += processProperties({
 		'prop': 'scalingMode',
 		'component': 'Ti.UI.ImageView',
@@ -2515,8 +2615,8 @@ function processProperties(info, selectorAndDeclarationBlock, selectorsAndValues
 								_.each(__value, (___value, fourthSelector) => {
 									let valores = _.replace(declarationBlock, new RegExp("{value}", "g"), parseValue(___value, minusSigns));
 									convertedStyles += (mainSelector === 'default') ?
-										`'.${selectorSign}${setModifier(secondSelector)}${setModifier(thirdSelector)}${setModifier(fourthSelector)}${setModifier(modifier)}': ${valores} \n` :
-										`'.${selectorSign}${mainSelector}-${secondSelector}${setModifier(thirdSelector)}${setModifier(fourthSelector)}${setModifier(modifier)}': ${valores} \n`;
+										`'.${selectorSign}${secondSelector}${setModifier(thirdSelector)}${setModifier(fourthSelector)}${setModifier(modifier)}': ${valores}\n` :
+										`'.${selectorSign}${mainSelector}-${secondSelector}${setModifier(thirdSelector)}${setModifier(fourthSelector)}${setModifier(modifier)}': ${valores}\n`;
 								});
 							} else {
 								let valores = _.replace(declarationBlock, new RegExp("{value}", "g"), parseValue(__value, minusSigns));
@@ -2790,6 +2890,7 @@ const arbitraryValuesTable = {
 	'delay': 'delay: {value}',
 	'drop-shadow': 'shadowColor: {value} }',
 	'duration': 'duration: {value}',
+	'elevation': 'elevation: {value}',
 	'feedback': 'touchFeedback: true, touchFeedbackColor: {value}',
 	'font': 'font: { fontWeight: {value} }',
 	'from': 'backgroundGradient: { colors: [ {value1}, {value} ] }',
@@ -2799,6 +2900,7 @@ const arbitraryValuesTable = {
 	'indicator': 'indicatorColor: {value}',
 	'left': 'left: {value}',
 	'm': 'top: {value}, right: {value}, bottom: {value}, left: {value}',
+	'max-elevation': 'maxElevation: {value}',
 	'max-scale': 'maxZoomScale: {value}',
 	'mb': 'bottom: {value}',
 	'min-scale': 'minZoomScale: {value}',

package/lib/templates/custom-icon-fonts/reset.tss

@@ -0,0 +1,2 @@
+// Font Icons
+// To use your Custom Icon Fonts in Buttons AND Labels each class sets 'text' and 'title' properties

package/lib/templates/custom-icon-fonts/template.js

@@ -0,0 +1,3 @@
+/**
+ * Custom Icon Fonts
+*/

package/lib/templates/custom-icon-fonts/template.tss

@@ -0,0 +1 @@
+// Custom Icon Fonts

package/lib/templates/fontawesome/beta-reset.tss

@@ -6,6 +6,12 @@
 '.far': { font: { fontFamily: 'FontAwesome6Pro-Regular' } }
 '.fab': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
 
+'.fa-thin': { font: { fontFamily: 'FontAwesome6Pro-Thin' } }
+'.fa-solid': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fa-light': { font: { fontFamily: 'FontAwesome6Pro-Light' } }
+'.fa-regular': { font: { fontFamily: 'FontAwesome6Pro-Regular' } }
+'.fa-brands': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
+
 '.fontawesome': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
 '.fontawesome-thin': { font: { fontFamily: 'FontAwesome6Pro-Thin' } }
 '.fontawesome-solid': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }

package/lib/templates/fontawesome/free-reset.tss

@@ -1,13 +1,17 @@
 // Font Families
-'.fa':{ font: { fontFamily: 'FontAwesome5Free-Solid' } }
-'.fas': { font: { fontFamily: 'FontAwesome5Free-Solid' } }
-'.far': { font: { fontFamily: 'FontAwesome5Free-Regular' } }
-'.fab': { font: { fontFamily: 'FontAwesome5Brands-Regular' } }
+'.fa':{ font: { fontFamily: 'FontAwesome6Free-Solid' } }
+'.fas': { font: { fontFamily: 'FontAwesome6Free-Solid' } }
+'.far': { font: { fontFamily: 'FontAwesome6Free-Regular' } }
+'.fab': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
 
-'.fontawesome': { font: { fontFamily: 'FontAwesome5Free-Solid' } }
-'.fontawesome-solid': { font: { fontFamily: 'FontAwesome5Free-Solid' } }
-'.fontawesome-regular': { font: { fontFamily: 'FontAwesome5Free-Regular' } }
-'.fontawesome-brands': { font: { fontFamily: 'FontAwesome5Brands-Regular' } }
+'.fa-solid': { font: { fontFamily: 'FontAwesome6Free-Solid' } }
+'.fa-regular': { font: { fontFamily: 'FontAwesome6Free-Regular' } }
+'.fa-brands': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
+
+'.fontawesome': { font: { fontFamily: 'FontAwesome6Free-Solid' } }
+'.fontawesome-solid': { font: { fontFamily: 'FontAwesome6Free-Solid' } }
+'.fontawesome-regular': { font: { fontFamily: 'FontAwesome6Free-Regular' } }
+'.fontawesome-brands': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
 
 // Font Sizes
 '.fa-lg': { font: { fontSize: 21 } }

package/lib/templates/fontawesome/free-template.js

@@ -1,4 +1,4 @@
 /**
- * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

package/lib/templates/fontawesome/free-template.tss

@@ -1,4 +1,4 @@
-// Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
+// Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 // License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 
 // Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons

package/lib/templates/fontawesome/pro-reset.tss

@@ -1,15 +1,23 @@
-// Font Families Pro 5.15.4
-'.fa':{ font: { fontFamily: 'FontAwesome5Pro-Solid' } }
-'.fas': { font: { fontFamily: 'FontAwesome5Pro-Solid' } }
-'.fal': { font: { fontFamily: 'FontAwesome5Pro-Light' } }
-'.far': { font: { fontFamily: 'FontAwesome5Pro-Regular' } }
-'.fab': { font: { fontFamily: 'FontAwesome5Brands-Regular' } }
+// Font Families Pro 6.0.0
+'.fa':{ font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fat': { font: { fontFamily: 'FontAwesome6Pro-Thin' } }
+'.fas': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fal': { font: { fontFamily: 'FontAwesome6Pro-Light' } }
+'.far': { font: { fontFamily: 'FontAwesome6Pro-Regular' } }
+'.fab': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
 
-'.fontawesome': { font: { fontFamily: 'FontAwesome5Pro-Solid' } }
-'.fontawesome-solid': { font: { fontFamily: 'FontAwesome5Pro-Solid' } }
-'.fontawesome-light': { font: { fontFamily: 'FontAwesome5Pro-Light' } }
-'.fontawesome-regular': { font: { fontFamily: 'FontAwesome5Pro-Regular' } }
-'.fontawesome-brands': { font: { fontFamily: 'FontAwesome5Brands-Regular' } }
+'.fa-thin': { font: { fontFamily: 'FontAwesome6Pro-Thin' } }
+'.fa-solid': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fa-light': { font: { fontFamily: 'FontAwesome6Pro-Light' } }
+'.fa-regular': { font: { fontFamily: 'FontAwesome6Pro-Regular' } }
+'.fa-brands': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
+
+'.fontawesome': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fontawesome-thin': { font: { fontFamily: 'FontAwesome6Pro-Thin' } }
+'.fontawesome-solid': { font: { fontFamily: 'FontAwesome6Pro-Solid' } }
+'.fontawesome-light': { font: { fontFamily: 'FontAwesome6Pro-Light' } }
+'.fontawesome-regular': { font: { fontFamily: 'FontAwesome6Pro-Regular' } }
+'.fontawesome-brands': { font: { fontFamily: 'FontAwesome6Brands-Regular' } }
 
 // Font Sizes
 '.fa-lg': { font: { fontSize: 21 } }

package/lib/templates/fontawesome/pro-template.js

@@ -1,4 +1,4 @@
 /**
- * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

package/lib/templates/fontawesome/pro-template.tss

@@ -1,4 +1,4 @@
-// Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
+// Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com
 // License - https://fontawesome.com/license (Commercial License)
 
 // Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons

package/lib/templates/tailwind/template.tss

@@ -1,2 +1,2 @@
-// Tailwind CSS v3.0.18: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
+// Tailwind CSS v3.0.22: A utility-first CSS framework for rapidly building custom designs. ( https://tailwindcss.com )
 // Created by Adam Wathan ( https://twitter.com/adamwathan ).

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "purgetss",
-	"version": "3.1.3",
+	"version": "3.2.0",
 	"description": "An extension for Titanium SDK that generates a set of Tailwind-like classes and values to easily and quickly create beautifully designed mobile apps.",
 	"main": "index.js",
 	"bin": {
@@ -48,14 +48,13 @@
 	},
 	"homepage": "https://github.com/macCesar/purgeTSS#readme",
 	"dependencies": {
-		"@fortawesome/fontawesome-free": "^5.15.4",
+		"@fortawesome/fontawesome-free": "^6.0.0",
 		"@tabler/icons": "^1.53.0",
-		"arg": "^5.0.1",
-		"autoprefixer": "^10.4.2",
 		"boxicons": "^2.1.1",
 		"caporal": "^1.4.0",
 		"chalk": "^4.1.2",
 		"command-exists": "^1.2.9",
+		"fontname": "^1.0.0",
 		"framework7-icons": "^5.0.5",
 		"glob": "^7.2.0",
 		"junk": "3.1.0",
@@ -63,7 +62,7 @@
 		"path": "^0.12.7",
 		"prompts": "^2.4.2",
 		"read-css": "^0.3.0",
-		"tailwindcss": "^3.0.18",
+		"tailwindcss": "^3.0.22",
 		"traverse": "^0.6.6",
 		"update-notifier": "^5.1.0",
 		"xml-js": "^1.6.11"