purgetss
Version:
A package that simplifies mobile app creation for Titanium developers.
192 lines (174 loc) • 8.43 kB
Markdown
# What's new in v2.6.0
- [What's new in v2.6.0](#whats-new-in-v260)
- [Reduced purge time](#reduced-purge-time)
- [Several new properties](#several-new-properties)
- [Tab/TabGroup Properties](#tabtabgroup-properties)
- [titleColor](#titlecolor)
- [activeTintColor](#activetintcolor)
- [activeTitleColor](#activetitlecolor)
- [tabsBackgroundColor](#tabsbackgroundcolor)
- [EmailDialog, Toolbar, SearchBar, TabGroup and Window Property](#emaildialog-toolbar-searchbar-tabgroup-and-window-property)
- [barColor](#barcolor)
- [Ti.Media Properties](#timedia-properties)
- [audioType](#audiotype)
- [audioSessionCategory](#audiosessioncategory)
- [SearchBar, TextArea and TextField Property](#searchbar-textarea-and-textfield-property)
- [autocapitalization](#autocapitalization)
- [AlertDialog, SearchBar, TextArea and TextField Properties](#alertdialog-searchbar-textarea-and-textfield-properties)
- [keyboardType](#keyboardtype)
- [keyboardAppearance](#keyboardappearance)
- [VideoPlayer and ImageView Property](#videoplayer-and-imageview-property)
- [scalingMode](#scalingmode)
- [SearchBar Property](#searchbar-property)
- [showCancel](#showcancel)
## Reduced purge time
Up to 4 times faster than before. On a project with more than 100 XML files, purging time was reduced from 1200 ms down to 300 ms.
## Several new properties
### Tab/TabGroup Properties
#### titleColor
```css
// Component(s): Ti.UI.Tab, Ti.UI.TabGroup
// Property(ies): titleColor
'.title-transparent': { titleColor: 'transparent' }
'.title-black': { titleColor: '#000000' }
'.title-white': { titleColor: '#ffffff' }
'.title-slate-50': { titleColor: '#f8fafc' }
'.title-slate-100': { titleColor: '#f1f5f9' }
// ...
```
#### activeTintColor
```css
// Component(s): Ti.UI.Tab, Ti.UI.TabGroup
// Property(ies): activeTintColor
'.active-tint-transparent': { activeTintColor: 'transparent' }
'.active-tint-black': { activeTintColor: '#000000' }
'.active-tint-white': { activeTintColor: '#ffffff' }
'.active-tint-slate-50': { activeTintColor: '#f8fafc' }
'.active-tint-slate-100': { activeTintColor: '#f1f5f9' }
// ...
```
#### activeTitleColor
```css
// Component(s): Ti.UI.Tab, Ti.UI.TabGroup
// Property(ies): activeTitleColor
'.active-title-transparent': { activeTitleColor: 'transparent' }
'.active-title-black': { activeTitleColor: '#000000' }
'.active-title-white': { activeTitleColor: '#ffffff' }
'.active-title-slate-50': { activeTitleColor: '#f8fafc' }
'.active-title-slate-100': { activeTitleColor: '#f1f5f9' }
// ...
```
#### tabsBackgroundColor
```css
// Component(s): Ti.UI.TabGroup
// Property(ies): tabsBackgroundColor
'.tabs-bg-transparent': { tabsBackgroundColor: 'transparent' }
'.tabs-bg-black': { tabsBackgroundColor: '#000000' }
'.tabs-bg-white': { tabsBackgroundColor: '#ffffff' }
'.tabs-bg-slate-50': { tabsBackgroundColor: '#f8fafc' }
'.tabs-bg-slate-100': { tabsBackgroundColor: '#f1f5f9' }
// ...
```
### EmailDialog, Toolbar, SearchBar, TabGroup and Window Property
#### barColor
```css
// Component(s): Ti.UI.EmailDialog, Ti.UI.SearchBar, Ti.UI.TabGroup, Ti.UI.Toolbar, Ti.UI.Window
// Property(ies): barColor
'.bar-transparent': { barColor: 'transparent' }
'.bar-black': { barColor: '#000000' }
'.bar-white': { barColor: '#ffffff' }
'.bar-slate-50': { barColor: '#f8fafc' }
'.bar-slate-100': { barColor: '#f1f5f9' }
// ...
```
### Ti.Media Properties
#### audioType
```css
// Component(s): Ti.Media.AudioPlayer[android], Ti.Media.Sound[android]
// Property(ies): audioType
'.audio-type-ring[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_RING }
'.audio-type-alarm[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_ALARM }
'.audio-type-media[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_MEDIA }
'.audio-type-voice[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_VOICE }
'.audio-type-signalling[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_SIGNALLING }
'.audio-type-notification[platform=android]': { audioType: Ti.Media.Sound.AUDIO_TYPE_NOTIFICATION }
```
#### audioSessionCategory
```css
// Component(s): Ti.Media
// Property(ies): audioSessionCategory - iOS Only
'.audio-session-record[platform=ios]': { audioSessionCategory: Ti.Media.AUDIO_SESSION_CATEGORY_RECORD }
'.audio-session-ambient[platform=ios]': { audioSessionCategory: Ti.Media.AUDIO_SESSION_CATEGORY_AMBIENT }
'.audio-session-playback[platform=ios]': { audioSessionCategory: Ti.Media.AUDIO_SESSION_CATEGORY_PLAYBACK }
'.audio-session-solo-ambient[platform=ios]': { audioSessionCategory: Ti.Media.AUDIO_SESSION_CATEGORY_SOLO_AMBIENT }
'.audio-session-play-record[platform=ios]': { audioSessionCategory: Ti.Media.AUDIO_SESSION_CATEGORY_PLAY_AND_RECORD }
```
### SearchBar, TextArea and TextField Property
#### autocapitalization
```css
// Component(s): Ti.UI.SearchBar, Ti.UI.TextArea, Ti.UI.TextField
// Property(ies): autocapitalization
'.uppercase': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_ALL }
'.normal-case': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_NONE }
'.capitalize': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_WORDS }
'.sentences': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_SENTENCES }
```
### AlertDialog, SearchBar, TextArea and TextField Properties
#### keyboardType
```css
// Component(s): Ti.UI.AlertDialog, Ti.UI.SearchBar, Ti.UI.TextArea, Ti.UI.TextField
// Property(ies): keyboardType
'.keyboard-type': { keyboardType: Ti.UI.KEYBOARD_TYPE_DEFAULT }
'.keyboard-type-ascii': { keyboardType: Ti.UI.KEYBOARD_TYPE_ASCII }
'.keyboard-type-decimal-pad': { keyboardType: Ti.UI.KEYBOARD_TYPE_DECIMAL_PAD }
'.keyboard-type-email': { keyboardType: Ti.UI.KEYBOARD_TYPE_EMAIL }
'.keyboard-type-namephone-pad': { keyboardType: Ti.UI.KEYBOARD_TYPE_NAMEPHONE_PAD }
'.keyboard-type-number-pad': { keyboardType: Ti.UI.KEYBOARD_TYPE_NUMBER_PAD }
'.keyboard-type-numbers-punctuation': { keyboardType: Ti.UI.KEYBOARD_TYPE_NUMBERS_PUNCTUATION }
'.keyboard-type-phone-pad': { keyboardType: Ti.UI.KEYBOARD_TYPE_PHONE_PAD }
'.keyboard-type-url': { keyboardType: Ti.UI.KEYBOARD_TYPE_URL }
'.keyboard-type-appearance[platform=ios]': { keyboardType: Ti.UI.KEYBOARD_APPEARANCE_DEFAULT }
'.keyboard-type-appearance-dark[platform=ios]': { keyboardType: Ti.UI.KEYBOARD_APPEARANCE_DARK }
'.keyboard-type-appearance-light[platform=ios]': { keyboardType: Ti.UI.KEYBOARD_APPEARANCE_LIGHT }
'.keyboard-type-twitter[platform=ios]': { keyboardType: Ti.UI.KEYBOARD_TYPE_TWITTER }
'.keyboard-type-websearch[platform=ios]': { keyboardType: Ti.UI.KEYBOARD_TYPE_WEBSEARCH }
```
#### keyboardAppearance
```css
// Component(s): Ti.UI.AlertDialog, Ti.UI.SearchBar, Ti.UI.TextArea, Ti.UI.TextField
// Property(ies): keyboardAppearance - iOS Only
'.keyboard-appearance[platform=ios]': { keyboardAppearance: Ti.UI.KEYBOARD_APPEARANCE_DEFAULT }
'.keyboard-appearance-dark[platform=ios]': { keyboardAppearance: Ti.UI.KEYBOARD_APPEARANCE_DARK }
'.keyboard-appearance-light[platform=ios]': { keyboardAppearance: Ti.UI.KEYBOARD_APPEARANCE_LIGHT }
```
### VideoPlayer and ImageView Property
#### scalingMode
```css
// Property(ies): scalingMode
// Description: Background Size for compatibility with Tailwind classes
'.bg-auto': { scalingMode: Ti.Media.IMAGE_SCALING_NONE }
'.bg-cover': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FILL }
'.bg-contain': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FIT }
// Component(s): Ti.UI.ImageView
// Property(ies): scalingMode
// Description: Image Scaling Mode
'.image-scaling-auto': { scalingMode: Ti.Media.IMAGE_SCALING_AUTO }
'.image-scaling-none': { scalingMode: Ti.Media.IMAGE_SCALING_NONE }
'.image-scaling-fill': { scalingMode: Ti.Media.IMAGE_SCALING_FILL }
'.image-scaling-cover': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FILL }
'.image-scaling-contain': { scalingMode: Ti.Media.IMAGE_SCALING_ASPECT_FIT }
// Component(s): Ti.Media.VideoPlayer
// Property(ies): scalingMode
// Description: Video Scaling Mode
'.video-scaling-resize': { scalingMode: Ti.Media.VIDEO_SCALING_RESIZE }
'.video-scaling-contain': { scalingMode: Ti.Media.VIDEO_SCALING_RESIZE_ASPECT }
'.video-scaling-cover': { scalingMode: Ti.Media.VIDEO_SCALING_RESIZE_ASPECT_FILL }
```
### SearchBar Property
#### showCancel
```css
// Component(s): Ti.UI.SearchBar
// Property(ies): showCancel
'.show-cancel': { showCancel: true }
'.hide-cancel': { showCancel: false }
```