purgetss 3.0.3 → 3.1.1

package/.editorconfig

@@ -2,7 +2,7 @@ root = true
 
 [*]
 indent_style = tab
-indent_size = 4
+indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

package/README.md

@@ -19,20 +19,21 @@
 ------
 
 ## Some key features of PurgeTSS
-- Provides more than 6000 [Tailwind-like utility classes](https://tailwindcss.com/) ready to use in your projects.
+- Provides more than 8400 [Tailwind-like utility classes](https://tailwindcss.com/) ready to use in your projects.
 - Creates a clean `app.tss` file with only the classes used in your project by parsing all your XML files.
 - You can customize any of the default classes through a simple configuration file, or you can create new *just-in-time* classes with arbitrary values within the `Views`.
-- You can easily use Font Awesome, Material Design, Lineicons, Boxicons and Framework7-Icons fonts in `Buttons` and `Labels`.
+- You can easily use Font Awesome, Material Design, Lineicons, Boxicons, Tabler Icons and Framework7-Icons fonts in `Buttons` and `Labels`.
 - Includes an Animation module to apply a 2D Matrix animation or transformation to any element or to an `Array` of elements.
 - Includes a simple two-dimensional Grid System to align and distribute elements in your views.
 
 ## List of available classes
 - [tailwind.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/tailwind.tss)
-- [lineicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/lineicons.tss)
 - [boxicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/boxicons.tss)
 - [fontawesome.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/fontawesome.tss)
 - [framework7icons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/framework7icons.tss)
+- [lineicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/lineicons.tss)
 - [materialdesignicons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/materialdesignicons.tss)
+- [tablericons.tss](https://github.com/macCesar/purgeTSS/blob/master/dist/tablericons.tss)
 - [Your own custom styles](https://github.com/macCesar/purgeTSS/blob/master/docs/configuring-guide.md)
 
 # IMPORTANT NOTICE!!!
@@ -205,6 +206,7 @@ You can customize the following properties:
 - Opacity
 - Padding
 - Placeholder Colors
+- Shadow Colors
 - Text Colors
 - Tint Color
 - Width scale
@@ -268,10 +270,10 @@ Use **`purgetss module`** command to install the `purgetss.ui.js` module in your
 If you want to create a new Alloy Project with `purgetss` ready to go, use the `create` command.
 
 ```bash
-> purgetss create 'Name of the Project' [--vendor="fontawesome, materialdesign, lineicons, boxicons, framework7"]
+> purgetss create 'Name of the Project' [--vendor="fontawesome, materialdesign, lineicons, boxicons, framework7, tablericons"]
 
 # alias:
-> purgetss c 'Name of the Project' [-v=fa,md,li,bx,f7]
+> purgetss c 'Name of the Project' [-v=fa,md,li,bx,f7,ti]
 ```
 
 You need to have `app.idprefix` and `app.idprefix` already configured in `ti config`.
@@ -298,7 +300,7 @@ When you run `purgetss create 'Name of the Project'` it will execute the followi
 - **`alloy new`** To convert it to an Alloy Project.
 - **`purgetss w`** To autorun `purgetss` every time you compile your project.
 - **`purgetss b`** To build a new `./purgetss/tailwind.tss` and `./purgetss/config.js` files.
-- **`[-v=fa,md,li,bx,f7]`** Set the `--vendor` argument to copy the selected fonts into your project. Including the CommonJS module into `./app/lib/` folder.
+- **`[-v=fa,md,li,bx,f7,ti]`** Set the `--vendor` argument to copy the selected fonts into your project. Including the CommonJS module into `./app/lib/` folder.
 - **`code .`**, **`subl .`** or **`open .`** It will use either one of these commands to open `VS Code`, `Sublime Text` or the project’s folder in that order.
 
 ## fonts
@@ -309,7 +311,7 @@ When you run `purgetss create 'Name of the Project'` it will execute the followi
 > purgetss f
 ```
 
-Use this command to copy the free versions of [Font Awesome](https://github.com/FortAwesome/Font-Awesome/tree/master/js-packages/%40fortawesome/fontawesome-free/webfonts), [Material Design Icons](https://github.com/google/material-design-icons), [LineIcons](https://lineicons.com/icons/?type=free), [Boxicons](https://boxicons.com) and [Framework7 Icons](https://framework7.io/icons/) fonts into your `app/assets/fonts` folder. With their names fixed to work in iOS or Android.
+Use this command to copy the free versions of [Boxicons](https://boxicons.com), [Font Awesome](https://github.com/FortAwesome/Font-Awesome/tree/master/js-packages/%40fortawesome/fontawesome-free/webfonts), [Framework7 Icons](https://framework7.io/icons/), [LineIcons](https://lineicons.com/icons/?type=free), [Material Design Icons](https://github.com/google/material-design-icons) and [Tabler Icons](https://tabler-icons.io) Fonts into your `app/assets/fonts` folder. With their names fixed to work in iOS or Android.
 
 > boxicons.ttf
 >
@@ -323,6 +325,8 @@ Use this command to copy the free versions of [Font Awesome](https://github.com/
 >
 > LineIcons.ttf
 >
+> tablericons.ttf
+>
 > MaterialIcons-Regular.ttf
 >
 > MaterialIconsOutlined-Regular.otf
@@ -373,6 +377,11 @@ After copying the desired fonts, you can use them in Buttons and Labels, just se
       <Label class="mt-2 text-gray-700" text="Framework7-Icons" />
       <Label class="text-xl text-blue-500 f7 f7-house" />
       <Button class="w-10 h-10 my-1 text-xl text-white bg-blue-500 rounded f7 f7-house" />
+
+      <!-- Tabler-Icons -->
+      <Label class="mt-2 text-gray-700" text="Tabler-Icons" />
+      <Label class="text-xl text-blue-500 ti ti-home" />
+      <Button class="w-10 h-10 my-1 text-xl text-white bg-blue-500 rounded ti ti-home" />
     </View>
   </Window>
 </Alloy>
@@ -418,19 +427,23 @@ After copying the desired fonts, you can use them in Buttons and Labels, just se
 // Framework7 styles
 '.f7': { font: { fontFamily: 'Framework7-Icons' } }
 '.f7-house': { text: 'house', title: 'house' }
+
+// Tabler Icons styles
+'.ti': { font: { fontFamily: 'tabler-icons' } }
+'.ti-home': { text: '\ueac1', title: '\ueac1' }
 ```
 
 ## Result
-<img src="https://raw.githubusercontent.com/macCesar/purgeTSS/master/assets/images/icon-fonts.png" width="375" alt="iOS Screen - Icon Fonts">
+<img src="https://raw.githubusercontent.com/macCesar/purgeTSS/master/assets/images/icon-fonts-tabler.png" width="375" alt="iOS Screen - Icon Fonts">
 
 ### Copying specific font vendors
 Use any of the following arguments to copy specific vendors:
 
 ```bash
-> purgetss fonts --vendor="fontawesome, materialdesign, lineicons, boxicons, framework7"
+> purgetss fonts --vendor="fontawesome, materialdesign, lineicons, boxicons, framework7, tablericons"
 
 # alias:
-> purgetss f -v=fa,md,li,bx,f7
+> purgetss f -v=fa,md,li,bx,f7,ti
 ```
 
 Available aliases:
@@ -439,17 +452,18 @@ Available aliases:
 - fa, font, fontawesome = Font Awesome Icons
 - md, material, materialdesign = Material Design Icons
 - f7, framework, framework7 = Framework7 Icons
+- ti, tablericons, tabler = Tabler Icons
 
 ### Copying corresponding CommonJS Modules
 You can use the `--modules` flag to copy the corresponding CommonJS modules into `./app/lib/` folder.
 
 ```bash
 > purgetss fonts --modules
-> purgetss fonts --modules --vendor="fontawesome, materialdesign, lineicons, boxicons, framework7"
+> purgetss fonts --modules --vendor="fontawesome, materialdesign, lineicons, boxicons, framework7, tablericons"
 
 # alias:
 > purgetss f -m
-> purgetss f -m -v=fa,md,li,bx,f7
+> purgetss f -m -v=fa,md,li,bx,f7,ti
 ```
 
 Each library contains a CommonJS module exposing the UniCode strings for Font Awesome icons, Material Design Icons, Line Icons Boxicons and Framework7-Icons fonts.
@@ -459,6 +473,7 @@ All prefixes are stripped out from their class names and are camelCased, for exa
 - **Line Icons**: `lni-flag` becomes `flag`
 - **Font Awesome**: `fa-flag` becomes `flag`
 - **Material Design Icons**: `md-flag` becomes `flag`
+- **Tabler Icons** `ti-flag` becomes `flag` or `ti-cloud-download` becomes `cloudDownload`.
 - **Framework7 Icons** `f7-alarm_fill` becomes `alarmFill` or `f7-clock_fill` becomes `clockFill`.
 - **boxicons** have three sets of icons in the same font file: Regular, Solid and Logos, so we need to keep their prefixes:
 

package/bin/purgetss

@@ -24,7 +24,7 @@ program
 program
 	.command('init')
 	.alias('i')
-	.description('Create a `config.js` file for your project')
+	.description('Create a `config.js` file for your project.')
 	.help('Creates a minimal `./purgetss/config.js` file at the root of your project.')
 	.action((args, options, logger) => {
 		purgetss.init();
@@ -35,7 +35,8 @@ program
 	.alias('c')
 	.description('Creates a new Alloy Project with `purgetss` already configured.')
 	.help('Creates a new Alloy Project with `purgetss` already configured.')
-	.option('-v, --vendor <arguments>', 'Use any of the following arguments to copy specific vendors:\n   fa = Font Awesome Icons\n   md = Material Design Icons\n   li = LineIcons\n   bx = Boxicons\n   f7 = Framework7 Icons')
+	.option('-t, --tailwind', 'To install Tailwind CSS in your project to work with `Tailwind CSS Intellisense`.')
+	.option('-v, --vendor <arguments>', 'Use any of the following arguments to copy specific vendors:\n   fa = Font Awesome Icons\n   md = Material Design Icons\n   li = LineIcons\n   bx = Boxicons\n   f7 = Framework7 Icons\n   ti = Tabler Icons')
 	.argument('<name>', 'The name of the project')
 	.action((args, options, logger) => {
 		purgetss.create(args, options);
@@ -44,7 +45,7 @@ program
 program
 	.command('build')
 	.alias('b')
-	.description('Build a custom `tailwind.tss` file')
+	.description('Build a custom `tailwind.tss` file.')
 	.help('It will generate a new custom `tailwind.tss` file based on the attributes defined in `./purgetss/config.js`.')
 	.action((args, options, logger) => {
 		purgetss.buildCustom();
@@ -53,7 +54,7 @@ program
 program
 	.command('watch')
 	.alias('w')
-	.description('Autorun `purgetss` every time you compile your project')
+	.description('Autorun `purgetss` every time you compile your project.')
 	.help('Use this command if you want `purgetss` to autorun every time you compile your project. This is very useful in combination with `LiveView` because it will purge all your files every time you make a change, for example when adding or deleting styles in your Views.')
 	.option('-o, --off', 'To turn off watch mode.')
 	.action((args, options, logger) => {
@@ -63,9 +64,9 @@ program
 program
 	.command('fonts')
 	.alias('f')
-	.description('Copy Font Awesome icons, Material Design Icons, LineIcons, Boxicons and Framework7-Icons Font files into your project')
-	.help('Command to copy the Free versions of:\n\n   • Font Awesome Icons ( Brands, Regular, Solid )\n   • Material Design Icons\n   • LineIcons\n   • Boxicons\n   • Framework7 Icons\n\nInto your projects’s app/assets/fonts/ folder.\n\nWith their names fixed to work with your app whether it is for iOS or for Android.')
-	.option('-v, --vendor <arguments>', 'Use any of the following arguments to copy specific vendors:\n   fa = Font Awesome Icons\n   md = Material Design Icons\n   li = LineIcons\n   bx = Boxicons\n   f7 = Framework7 Icons')
+	.description('Copy Font Awesome icons, Material Design Icons, LineIcons, Boxicons and Framework7-Icons Font files into your project.')
+	.help('Command to copy the Free versions of:\n\n   • Font Awesome Icons ( Brands, Regular, Solid )\n   • Material Design Icons\n   • LineIcons\n   • Boxicons\n   • Framework7 Icons\n   • Tabler Icons\n\nInto your projects’s app/assets/fonts/ folder.\n\nWith their names fixed to work with your app whether it is for iOS or for Android.')
+	.option('-v, --vendor <arguments>', 'Use any of the following arguments to copy specific vendors:\n   fa = Font Awesome Icons\n   md = Material Design Icons\n   li = LineIcons\n   bx = Boxicons\n   f7 = Framework7 Icons\n   ti = Tabler Icons')
 	.option('-m, --modules', 'Use the `--modules` option to also copy the corresponding CommonJS module into `./app/lib/` folder.')
 	.action((args, options, logger) => {
 		purgetss.copyFonts(options);
@@ -83,7 +84,7 @@ program
 program
 	.command('update')
 	.alias('u')
-	.description('Update PurgeTSS to the latest version')
+	.description('Update PurgeTSS to the latest version.')
 	.help('Run auto-update regularly!\n\nWe constantly update PurgeTSS to add new features, to include the latest versions of Tailwind and for bug fixes.')
 	.action((args, options, logger) => {
 		logger.info(`${purgetss.colores.purgeLabel} Updating PurgeTSS to the latest version...`);

package/dist/boxicons.tss

@@ -3,6 +3,7 @@
 
 // Font Families
 '.bx': { font: { fontFamily: 'boxicons' } }
+'.bxi': { font: { fontFamily: 'boxicons' } }
 '.boxicons': { font: { fontFamily: 'boxicons' } }
 
 // Font Sizes

package/dist/framework7icons.tss

@@ -3,7 +3,7 @@
 
 // Font Families
 '.f7': { font: { fontFamily: 'Framework7-Icons' } }
-'.f7-icons': { font: { fontFamily: 'Framework7-Icons' } }
+'.f7i': { font: { fontFamily: 'Framework7-Icons' } }
 '.framework7': { font: { fontFamily: 'Framework7-Icons' } }
 
 // Font Sizes

package/dist/lineicons.tss

@@ -2,6 +2,7 @@
 // License - https://lineicons.com/license/
 
 // Font Families
+'.li': { font: { fontFamily: 'LineIcons' } }
 '.lni': { font: { fontFamily: 'LineIcons' } }
 '.lineicons': { font: { fontFamily: 'LineIcons' } }