purgetss 5.2.1 → 5.3.2

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.
Files changed (13) hide show
  1. package/README.md +37 -1
  2. package/assets/images/class-completion-2.gif +0 -0
  3. package/bin/purgetss +1 -0
  4. package/dist/tailwind.tss +6654 -969
  5. package/docs/new-glossary.md +30 -28
  6. package/docs/whats-new/v5.2.1.md +12 -38
  7. package/docs/whats-new/v5.3.1.md +1850 -0
  8. package/index.js +291 -69
  9. package/lib/helpers.js +5013 -3216
  10. package/package.json +1 -1
  11. package/assets/images/class-completion.gif +0 -0
  12. package/old-index.js +0 -1980
  13. package/purgetss.config.js +0 -950
package/docs/new-glossary.md CHANGED
@@ -680,34 +680,36 @@ The following is a list of all the properties and their repective class name.
680
680
 
681
681
  ## blend mode Property ( Background Blend Mode ) Property
682
682
  ```css
683
- '.bg-blend-clear': { mode: Ti.UI.BLEND_MODE_CLEAR }
684
- '.bg-blend-copy': { mode: Ti.UI.BLEND_MODE_COPY }
685
- '.bg-blend-darken': { mode: Ti.UI.BLEND_MODE_DARKEN }
686
- '.bg-blend-destination-atop': { mode: Ti.UI.BLEND_MODE_DESTINATION_ATOP }
687
- '.bg-blend-destination-in': { mode: Ti.UI.BLEND_MODE_DESTINATION_IN }
688
- '.bg-blend-destination-out': { mode: Ti.UI.BLEND_MODE_DESTINATION_OUT }
689
- '.bg-blend-destination-over': { mode: Ti.UI.BLEND_MODE_DESTINATION_OVER }
690
- '.bg-blend-lighten': { mode: Ti.UI.BLEND_MODE_LIGHTEN }
691
- '.bg-blend-multiply': { mode: Ti.UI.BLEND_MODE_MULTIPLY }
692
- '.bg-blend-normal': { mode: Ti.UI.BLEND_MODE_NORMAL }
693
- '.bg-blend-overlay': { mode: Ti.UI.BLEND_MODE_OVERLAY }
694
- '.bg-blend-plus-lighter': { mode: Ti.UI.BLEND_MODE_PLUS_LIGHTER }
695
- '.bg-blend-screen': { mode: Ti.UI.BLEND_MODE_SCREEN }
696
- '.bg-blend-source-atop': { mode: Ti.UI.BLEND_MODE_SOURCE_ATOP }
697
- '.bg-blend-source-in': { mode: Ti.UI.BLEND_MODE_SOURCE_IN }
698
- '.bg-blend-source-out': { mode: Ti.UI.BLEND_MODE_SOURCE_OUT }
699
- '.bg-blend-xor': { mode: Ti.UI.BLEND_MODE_XOR }
700
- '.bg-blend-color[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR }
701
- '.bg-blend-color-burn[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_BURN }
702
- '.bg-blend-color-dodge[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_DODGE }
703
- '.bg-blend-diference[platform=ios]': { mode: Ti.UI.BLEND_MODE_DIFFERENCE }
704
- '.bg-blend-exclusion[platform=ios]': { mode: Ti.UI.BLEND_MODE_EXCLUSION }
705
- '.bg-blend-hard-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_HARD_LIGHT }
706
- '.bg-blend-hue[platform=ios]': { mode: Ti.UI.BLEND_MODE_HUE }
707
- '.bg-blend-luminosity[platform=ios]': { mode: Ti.UI.BLEND_MODE_LUMINOSITY }
708
- '.bg-blend-plus-darker[platform=ios]': { mode: Ti.UI.BLEND_MODE_PLUS_DARKER }
709
- '.bg-blend-saturation[platform=ios]': { mode: Ti.UI.BLEND_MODE_SATURATION }
710
- '.bg-blend-soft-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_SOFT_LIGHT }
683
+ // Component(s): Ti.UI.MaskedImage
684
+ // Property(ies): mode ( Background Blend Mode )
685
+ '.bg-blend-mode-clear': { mode: Ti.UI.BLEND_MODE_CLEAR }
686
+ '.bg-blend-mode-copy': { mode: Ti.UI.BLEND_MODE_COPY }
687
+ '.bg-blend-mode-darken': { mode: Ti.UI.BLEND_MODE_DARKEN }
688
+ '.bg-blend-mode-destination-atop': { mode: Ti.UI.BLEND_MODE_DESTINATION_ATOP }
689
+ '.bg-blend-mode-destination-in': { mode: Ti.UI.BLEND_MODE_DESTINATION_IN }
690
+ '.bg-blend-mode-destination-out': { mode: Ti.UI.BLEND_MODE_DESTINATION_OUT }
691
+ '.bg-blend-mode-destination-over': { mode: Ti.UI.BLEND_MODE_DESTINATION_OVER }
692
+ '.bg-blend-mode-lighten': { mode: Ti.UI.BLEND_MODE_LIGHTEN }
693
+ '.bg-blend-mode-multiply': { mode: Ti.UI.BLEND_MODE_MULTIPLY }
694
+ '.bg-blend-mode-normal': { mode: Ti.UI.BLEND_MODE_NORMAL }
695
+ '.bg-blend-mode-overlay': { mode: Ti.UI.BLEND_MODE_OVERLAY }
696
+ '.bg-blend-mode-plus-lighter': { mode: Ti.UI.BLEND_MODE_PLUS_LIGHTER }
697
+ '.bg-blend-mode-screen': { mode: Ti.UI.BLEND_MODE_SCREEN }
698
+ '.bg-blend-mode-source-atop': { mode: Ti.UI.BLEND_MODE_SOURCE_ATOP }
699
+ '.bg-blend-mode-source-in': { mode: Ti.UI.BLEND_MODE_SOURCE_IN }
700
+ '.bg-blend-mode-source-out': { mode: Ti.UI.BLEND_MODE_SOURCE_OUT }
701
+ '.bg-blend-mode-xor': { mode: Ti.UI.BLEND_MODE_XOR }
702
+ '.bg-blend-mode-color[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR }
703
+ '.bg-blend-mode-color-burn[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_BURN }
704
+ '.bg-blend-mode-color-dodge[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_DODGE }
705
+ '.bg-blend-mode-diference[platform=ios]': { mode: Ti.UI.BLEND_MODE_DIFFERENCE }
706
+ '.bg-blend-mode-exclusion[platform=ios]': { mode: Ti.UI.BLEND_MODE_EXCLUSION }
707
+ '.bg-blend-mode-hard-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_HARD_LIGHT }
708
+ '.bg-blend-mode-hue[platform=ios]': { mode: Ti.UI.BLEND_MODE_HUE }
709
+ '.bg-blend-mode-luminosity[platform=ios]': { mode: Ti.UI.BLEND_MODE_LUMINOSITY }
710
+ '.bg-blend-mode-plus-darker[platform=ios]': { mode: Ti.UI.BLEND_MODE_PLUS_DARKER }
711
+ '.bg-blend-mode-saturation[platform=ios]': { mode: Ti.UI.BLEND_MODE_SATURATION }
712
+ '.bg-blend-mode-soft-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_SOFT_LIGHT }
711
713
  ```
712
714
 
713
715
  ## backgroundColor Property
package/docs/whats-new/v5.2.1.md CHANGED
@@ -91,7 +91,7 @@ module.exports = {
91
91
  };
92
92
  ```
93
93
 
94
- If you also set the `widgets` option to true, you'll also get a list of missing classes in `widgets`.
94
+ If you set the `widgets` option to true, you'll also get a list of missing classes in `widgets`.
95
95
 
96
96
  ```css
97
97
  // Main styles
@@ -112,7 +112,7 @@ We've created a new `definitions.css` file, that includes ALL the classes from `
112
112
 
113
113
  ### “IntelliSense for CSS class names in HTML” VSCode extension
114
114
 
115
- <img src="../../assets/images/class-completion.gif" alt="Class Completion using IntelliSense for CSS class names in HTML">
115
+ <img src="https://raw.githubusercontent.com/macCesar/purgeTSS/master/assets/images/class-completion-2.gif" alt="Class Completion using IntelliSense for CSS class names in HTML">
116
116
 
117
117
  If you use **[Visual Studio Code](https://code.visualstudio.com)**, we recommend you to install the **[IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)** extension.
118
118
 
@@ -122,8 +122,10 @@ After installing the extension, add the following lines to your `.vscode/setting
122
122
 
123
123
  Mainly, you'll need to add the `xml` language to the `"HTMLLanguages"` setting and exclude any `css/html` files from the caching process by pointing `"excludeGlobPattern"` to the `./purgetss/fonts/` folder.
124
124
 
125
+ VS Code `settings.json`:
126
+
125
127
  ```json
126
- // settings.json
128
+
127
129
  {
128
130
  "html-css-class-completion.HTMLLanguages": [
129
131
  "html",
@@ -503,17 +505,18 @@ We've added most of the properties for TableView and ListView objects.
503
505
  ```css
504
506
  // Component(s): Ti.UI.ListView
505
507
  // Property(ies): separatorColor - iOS Only
506
- '.separatortransparent[platform=ios]': { separatorColor: 'transparent' }
507
- '.separatorblack[platform=ios]': { separatorColor: '#000000' }
508
- '.separatorwhite[platform=ios]': { separatorColor: '#ffffff' }
509
- '.separatorslate-50[platform=ios]': { separatorColor: '#f8fafc' }
510
- '.separatorslate-100[platform=ios]': { separatorColor: '#f1f5f9' }
508
+ '.separator-transparent[platform=ios]': { separatorColor: 'transparent' }
509
+ '.separator-black[platform=ios]': { separatorColor: '#000000' }
510
+ '.separator-white[platform=ios]': { separatorColor: '#ffffff' }
511
+ '.separator-slate-50[platform=ios]': { separatorColor: '#f8fafc' }
512
+ '.separator-slate-100[platform=ios]': { separatorColor: '#f1f5f9' }
513
+ // ...
511
514
  ```
512
515
 
513
516
  ### separatorHeight
514
517
  ```css
515
518
  // Component(s): Ti.UI.ListView
516
- // Property(ies): separatorHeight - Android Only { PENDING }
519
+ // Property(ies): separatorHeight - Android Only
517
520
  '.separator-h-0[platform=android]': { separatorHeight: 0 }
518
521
  '.separator-h-1[platform=android]': { separatorHeight: 4 }
519
522
  '.separator-h-2[platform=android]': { separatorHeight: 8 }
@@ -549,35 +552,6 @@ We've added most of the properties for TableView and ListView objects.
549
552
  '.separator-h-1.5[platform=android]': { separatorHeight: 6 }
550
553
  '.separator-h-2.5[platform=android]': { separatorHeight: 10 }
551
554
  '.separator-h-3.5[platform=android]': { separatorHeight: 14 }
552
- '.separator-h-auto[platform=android]': { separatorHeight: Ti.UI.SIZE }
553
- '.separator-h-1/2[platform=android]': { separatorHeight: '50%' }
554
- '.separator-h-1/3[platform=android]': { separatorHeight: '33.333334%' }
555
- '.separator-h-2/3[platform=android]': { separatorHeight: '66.666667%' }
556
- '.separator-h-1/4[platform=android]': { separatorHeight: '25%' }
557
- '.separator-h-2/4[platform=android]': { separatorHeight: '50%' }
558
- '.separator-h-3/4[platform=android]': { separatorHeight: '75%' }
559
- '.separator-h-1/5[platform=android]': { separatorHeight: '20%' }
560
- '.separator-h-2/5[platform=android]': { separatorHeight: '40%' }
561
- '.separator-h-3/5[platform=android]': { separatorHeight: '60%' }
562
- '.separator-h-4/5[platform=android]': { separatorHeight: '80%' }
563
- '.separator-h-1/6[platform=android]': { separatorHeight: '16.666667%' }
564
- '.separator-h-2/6[platform=android]': { separatorHeight: '33.333334%' }
565
- '.separator-h-3/6[platform=android]': { separatorHeight: '50%' }
566
- '.separator-h-4/6[platform=android]': { separatorHeight: '66.666667%' }
567
- '.separator-h-5/6[platform=android]': { separatorHeight: '83.333334%' }
568
- '.separator-h-1/12[platform=android]': { separatorHeight: '8.333334%' }
569
- '.separator-h-2/12[platform=android]': { separatorHeight: '16.666667%' }
570
- '.separator-h-3/12[platform=android]': { separatorHeight: '25%' }
571
- '.separator-h-4/12[platform=android]': { separatorHeight: '33.333334%' }
572
- '.separator-h-5/12[platform=android]': { separatorHeight: '41.666667%' }
573
- '.separator-h-6/12[platform=android]': { separatorHeight: '50%' }
574
- '.separator-h-7/12[platform=android]': { separatorHeight: '58.333334%' }
575
- '.separator-h-8/12[platform=android]': { separatorHeight: '66.666667%' }
576
- '.separator-h-9/12[platform=android]': { separatorHeight: '75%' }
577
- '.separator-h-10/12[platform=android]': { separatorHeight: '83.333334%' }
578
- '.separator-h-11/12[platform=android]': { separatorHeight: '91.666667%' }
579
- '.separator-h-full[platform=android]': { separatorHeight: '100%' }
580
- '.separator-h-screen[platform=android]': { separatorHeight: Ti.UI.FILL }
581
555
  ```
582
556
 
583
557
  ### showSelectionCheck