purgetss/docs/glossary.md

A package that simplifies mobile app creation for Titanium developers.

# Properties and class names
The following is a list of all the properties and their repective class name.

- [Properties and class names](#properties-and-class-names)
  - [autocapitalization Property](#autocapitalization-property)
  - [autofillType Property](#autofilltype-property)
  - [autoreverse Property](#autoreverse-property)
  - [backgroundColor Property](#backgroundcolor-property)
  - [backgroundSelectedColor Property](#backgroundselectedcolor-property)
  - [barColor Property](#barcolor-property)
  - [borderColor Property](#bordercolor-property)
  - [borderRadius - ( With Extra Styles ) Property](#borderradius----with-extra-styles--property)
  - [borderStyle Property](#borderstyle-property)
  - [borderWidth Property](#borderwidth-property)
  - [disableBounce Property](#disablebounce-property)
  - [displayCaps Property](#displaycaps-property)
  - [clipMode Property](#clipmode-property)
  - [currentPageIndicatorColor Property](#currentpageindicatorcolor-property)
  - [preventDefaultImage Property](#preventdefaultimage-property)
  - [Display](#display)
  - [Constraint Property](#constraint-property)
  - [draggingType Property](#draggingtype-property)
  - [editable Property](#editable-property)
  - [ellipsize Property](#ellipsize-property)
  - [ellipsize Property ( for Labels )](#ellipsize-property--for-labels-)
  - [enableCopy Property](#enablecopy-property)
  - [enableReturnKey Property](#enablereturnkey-property)
  - [exitOnClose Property](#exitonclose-property)
  - [extendBackground Property](#extendbackground-property)
  - [Flip Property](#flip-property)
  - [Font Properties](#font-properties)
    - [fontSize Property](#fontsize-property)
    - [fontStyle Property](#fontstyle-property)
    - [fontWeight Property](#fontweight-property)
  - [Gradient Color Stops](#gradient-color-stops)
    - [From Color](#from-color)
    - [To Color](#to-color)
    - [Linear backgroundGradient Property](#linear-backgroundgradient-property)
    - [Radial backgroundGradient Property [iOS]](#radial-backgroundgradient-property-ios)
  - [Grid System](#grid-system)
    - [Grid Column Start / End Property](#grid-column-start--end-property)
    - [Grid Row Start / End Property](#grid-row-start--end-property)
    - [grid and gridFlow Property](#grid-and-gridflow-property)
    - [Grid Template Columns Property](#grid-template-columns-property)
    - [Grid Template Rows Property](#grid-template-rows-property)
    - [Gap Between elements](#gap-between-elements)
  - [height Property](#height-property)
  - [touchEnabled Property](#touchenabled-property)
  - [items Property](#items-property)
  - [keepScreenOn Property](#keepscreenon-property)
  - [keyboardAppearance Property](#keyboardappearance-property)
  - [keyboardType Property](#keyboardtype-property)
  - [layout Property](#layout-property)
  - [Margin Property](#margin-property)
  - [Negative Margins Property](#negative-margins-property)
  - [opacity Property](#opacity-property)
  - [anchorPoint Properties](#anchorpoint-properties)
  - [overlayEnabled Property](#overlayenabled-property)
  - [padding Property](#padding-property)
  - [ScrollableView Properties](#scrollableview-properties)
    - [pageIndicatorColor Property](#pageindicatorcolor-property)
    - [showPagingControl Property](#showpagingcontrol-property)
    - [pagingControlAlpha Property](#pagingcontrolalpha-property)
    - [pagingControlColor Property](#pagingcontrolcolor-property)
    - [pagingControlHeight Property](#pagingcontrolheight-property)
    - [pagingControlOnTop Property](#pagingcontrolontop-property)
    - [pagingControlTimeout Property](#pagingcontroltimeout-property)
  - [hintTextColor Property](#hinttextcolor-property)
  - [Top / Right / Bottom / Left](#top--right--bottom--left)
  - [repeat Property](#repeat-property)
  - [returnKeyType Property](#returnkeytype-property)
  - [rotate Property](#rotate-property)
  - [scale Property](#scale-property)
  - [Scroll Indicators ( for ScrollViews )](#scroll-indicators--for-scrollviews-)
  - [scrollType Property](#scrolltype-property)
  - [contentWidth & contentHeight ( for ScrollViews )](#contentwidth--contentheight--for-scrollviews-)
  - [scrollingEnabled Property](#scrollingenabled-property)
  - [Box Shadow](#box-shadow)
  - [Box Shadow Color](#box-shadow-color)
  - [showCancel Property](#showcancel-property)
  - [TabGroup/Tab Properties](#tabgrouptab-properties)
    - [activeTintColor Property](#activetintcolor-property)
    - [activeTitleColor Property](#activetitlecolor-property)
    - [tabsBackgroundColor Property](#tabsbackgroundcolor-property)
    - [titleColor Property](#titlecolor-property)
  - [textAlign Property](#textalign-property)
  - [color Property](#color-property)
  - [Ti.Media](#timedia)
  - [audioSessionCategory Property](#audiosessioncategory-property)
  - [audioType Property](#audiotype-property)
  - [Background Size ( for compatibility with Tailwind’s classes ) Property](#background-size--for-compatibility-with-tailwinds-classes--property)
  - [Image Scaling Mode Property](#image-scaling-mode-property)
  - [Video Scaling Mode Property](#video-scaling-mode-property)
  - [tintColor Property](#tintcolor-property)
  - [touchFeedbackColor Property](#touchfeedbackcolor-property)
  - [curve Property](#curve-property)
  - [Debug Mode Property](#debug-mode-property)
  - [delay Property](#delay-property)
  - [duration Property](#duration-property)
  - [verticalAlign Property](#verticalalign-property)
  - [width Property](#width-property)
  - [zIndex Property](#zindex-property)

## autocapitalization Property
```css
'.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 }
```

## autofillType Property
```css
'.autofill-type-url': { autofillType: Ti.UI.AUTOFILL_TYPE_URL }
'.autofill-type-name': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME }
'.autofill-type-phone': { autofillType: Ti.UI.AUTOFILL_TYPE_PHONE }
'.autofill-type-email': { autofillType: Ti.UI.AUTOFILL_TYPE_EMAIL }
'.autofill-type-address': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS }
'.autofill-type-username': { autofillType: Ti.UI.AUTOFILL_TYPE_USERNAME }
'.autofill-type-password': { autofillType: Ti.UI.AUTOFILL_TYPE_PASSWORD }
'.autofill-type-nickname': { autofillType: Ti.UI.AUTOFILL_TYPE_NICKNAME }
'.autofill-type-location': { autofillType: Ti.UI.AUTOFILL_TYPE_LOCATION }
'.autofill-type-job-title': { autofillType: Ti.UI.AUTOFILL_TYPE_JOB_TITLE }
'.autofill-type-given-name': { autofillType: Ti.UI.AUTOFILL_TYPE_GIVEN_NAME }
'.autofill-type-name-prefix': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME_PREFIX }
'.autofill-type-middle-name': { autofillType: Ti.UI.AUTOFILL_TYPE_MIDDLE_NAME }
'.autofill-type-family-name': { autofillType: Ti.UI.AUTOFILL_TYPE_FAMILY_NAME }
'.autofill-type-name-suffix': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME_SUFFIX }
'.autofill-type-sublocality': { autofillType: Ti.UI.AUTOFILL_TYPE_SUBLOCALITY }
'.autofill-type-postal-code': { autofillType: Ti.UI.AUTOFILL_TYPE_POSTAL_CODE }
'.autofill-type-card-number': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_NUMBER }
'.autofill-type-address-city': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_CITY }
'.autofill-type-country-name': { autofillType: Ti.UI.AUTOFILL_TYPE_COUNTRY_NAME }
'.autofill-type-new-password': { autofillType: Ti.UI.AUTOFILL_TYPE_NEW_PASSWORD }
'.autofill-type-address-line1': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_LINE1 }
'.autofill-type-address-line2': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_LINE2 }
'.autofill-type-address-state': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_STATE }
'.autofill-type-one-time-code': { autofillType: Ti.UI.AUTOFILL_TYPE_ONE_TIME_CODE }
'.autofill-type-organization-name': { autofillType: Ti.UI.AUTOFILL_TYPE_ORGANIZATION_NAME }
'.autofill-type-address-city-state': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_CITY_STATE }
'.autofill-type-card-security-code': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_SECURITY_CODE }
'.autofill-type-card-expiration-day': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_DAY }
'.autofill-type-card-expiration-date': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_DATE }
'.autofill-type-card-expiration-year': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_YEAR }
'.autofill-type-card-expiration-month': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_MONTH }
```

## autoreverse Property
```css
'.autoreverse': { autoreverse: true }
'.no-autoreverse': { autoreverse: false }
```

## backgroundColor Property
```css
'.bg-transparent': { backgroundColor: 'transparent' }
'.bg-black': { backgroundColor: '#000000' }
'.bg-white': { backgroundColor: '#ffffff' }
'.bg-rose-50': { backgroundColor: '#fff1f2' }
'.bg-rose-100': { backgroundColor: '#ffe4e6' }
'.bg-rose-200': { backgroundColor: '#fecdd3' }
'.bg-rose-300': { backgroundColor: '#fda4af' }
'.bg-rose-400': { backgroundColor: '#fb7185' }
'.bg-rose-500': { backgroundColor: '#f43f5e' }
'.bg-rose-600': { backgroundColor: '#e11d48' }
'.bg-rose-700': { backgroundColor: '#be123c' }
'.bg-rose-800': { backgroundColor: '#9f1239' }
'.bg-rose-900': { backgroundColor: '#881337' }
'.bg-pink-50': { backgroundColor: '#fdf2f8' }
'.bg-pink-100': { backgroundColor: '#fce7f3' }
'.bg-pink-200': { backgroundColor: '#fbcfe8' }
'.bg-pink-300': { backgroundColor: '#f9a8d4' }
'.bg-pink-400': { backgroundColor: '#f472b6' }
'.bg-pink-500': { backgroundColor: '#ec4899' }
'.bg-pink-600': { backgroundColor: '#db2777' }
'.bg-pink-700': { backgroundColor: '#be185d' }
'.bg-pink-800': { backgroundColor: '#9d174d' }
'.bg-pink-900': { backgroundColor: '#831843' }
'.bg-fuchsia-50': { backgroundColor: '#fdf4ff' }
'.bg-fuchsia-100': { backgroundColor: '#fae8ff' }
'.bg-fuchsia-200': { backgroundColor: '#f5d0fe' }
'.bg-fuchsia-300': { backgroundColor: '#f0abfc' }
'.bg-fuchsia-400': { backgroundColor: '#e879f9' }
'.bg-fuchsia-500': { backgroundColor: '#d946ef' }
'.bg-fuchsia-600': { backgroundColor: '#c026d3' }
'.bg-fuchsia-700': { backgroundColor: '#a21caf' }
'.bg-fuchsia-800': { backgroundColor: '#86198f' }
'.bg-fuchsia-900': { backgroundColor: '#701a75' }
'.bg-purple-50': { backgroundColor: '#faf5ff' }
'.bg-purple-100': { backgroundColor: '#f3e8ff' }
'.bg-purple-200': { backgroundColor: '#e9d5ff' }
'.bg-purple-300': { backgroundColor: '#d8b4fe' }
'.bg-purple-400': { backgroundColor: '#c084fc' }
'.bg-purple-500': { backgroundColor: '#a855f7' }
'.bg-purple-600': { backgroundColor: '#9333ea' }
'.bg-purple-700': { backgroundColor: '#7e22ce' }
'.bg-purple-800': { backgroundColor: '#6b21a8' }
'.bg-purple-900': { backgroundColor: '#581c87' }
'.bg-violet-50': { backgroundColor: '#f5f3ff' }
'.bg-violet-100': { backgroundColor: '#ede9fe' }
'.bg-violet-200': { backgroundColor: '#ddd6fe' }
'.bg-violet-300': { backgroundColor: '#c4b5fd' }
'.bg-violet-400': { backgroundColor: '#a78bfa' }
'.bg-violet-500': { backgroundColor: '#8b5cf6' }
'.bg-violet-600': { backgroundColor: '#7c3aed' }
'.bg-violet-700': { backgroundColor: '#6d28d9' }
'.bg-violet-800': { backgroundColor: '#5b21b6' }
'.bg-violet-900': { backgroundColor: '#4c1d95' }
'.bg-indigo-50': { backgroundColor: '#eef2ff' }
'.bg-indigo-100': { backgroundColor: '#e0e7ff' }
'.bg-indigo-200': { backgroundColor: '#c7d2fe' }
'.bg-indigo-300': { backgroundColor: '#a5b4fc' }
'.bg-indigo-400': { backgroundColor: '#818cf8' }
'.bg-indigo-500': { backgroundColor: '#6366f1' }
'.bg-indigo-600': { backgroundColor: '#4f46e5' }
'.bg-indigo-700': { backgroundColor: '#4338ca' }
'.bg-indigo-800': { backgroundColor: '#3730a3' }
'.bg-indigo-900': { backgroundColor: '#312e81' }
'.bg-blue-50': { backgroundColor: '#eff6ff' }
'.bg-blue-100': { backgroundColor: '#dbeafe' }
'.bg-blue-200': { backgroundColor: '#bfdbfe' }
'.bg-blue-300': { backgroundColor: '#93c5fd' }
'.bg-blue-400': { backgroundColor: '#60a5fa' }
'.bg-blue-500': { backgroundColor: '#3b82f6' }
'.bg-blue-600': { backgroundColor: '#2563eb' }
'.bg-blue-700': { backgroundColor: '#1d4ed8' }
'.bg-blue-800': { backgroundColor: '#1e40af' }
'.bg-blue-900': { backgroundColor: '#1e3a8a' }
'.bg-sky-50': { backgroundColor: '#f0f9ff' }
'.bg-sky-100': { backgroundColor: '#e0f2fe' }
'.bg-sky-200': { backgroundColor: '#bae6fd' }
'.bg-sky-300': { backgroundColor: '#7dd3fc' }
'.bg-sky-400': { backgroundColor: '#38bdf8' }
'.bg-sky-500': { backgroundColor: '#0ea5e9' }
'.bg-sky-600': { backgroundColor: '#0284c7' }
'.bg-sky-700': { backgroundColor: '#0369a1' }
'.bg-sky-800': { backgroundColor: '#075985' }
'.bg-sky-900': { backgroundColor: '#0c4a6e' }
'.bg-cyan-50': { backgroundColor: '#ecfeff' }
'.bg-cyan-100': { backgroundColor: '#cffafe' }
'.bg-cyan-200': { backgroundColor: '#a5f3fc' }
'.bg-cyan-300': { backgroundColor: '#67e8f9' }
'.bg-cyan-400': { backgroundColor: '#22d3ee' }
'.bg-cyan-500': { backgroundColor: '#06b6d4' }
'.bg-cyan-600': { backgroundColor: '#0891b2' }
'.bg-cyan-700': { backgroundColor: '#0e7490' }
'.bg-cyan-800': { backgroundColor: '#155e75' }
'.bg-cyan-900': { backgroundColor: '#164e63' }
'.bg-teal-50': { backgroundColor: '#f0fdfa' }
'.bg-teal-100': { backgroundColor: '#ccfbf1' }
'.bg-teal-200': { backgroundColor: '#99f6e4' }
'.bg-teal-300': { backgroundColor: '#5eead4' }
'.bg-teal-400': { backgroundColor: '#2dd4bf' }
'.bg-teal-500': { backgroundColor: '#14b8a6' }
'.bg-teal-600': { backgroundColor: '#0d9488' }
'.bg-teal-700': { backgroundColor: '#0f766e' }
'.bg-teal-800': { backgroundColor: '#115e59' }
'.bg-teal-900': { backgroundColor: '#134e4a' }
'.bg-emerald-50': { backgroundColor: '#ecfdf5' }
'.bg-emerald-100': { backgroundColor: '#d1fae5' }
'.bg-emerald-200': { backgroundColor: '#a7f3d0' }
'.bg-emerald-300': { backgroundColor: '#6ee7b7' }
'.bg-emerald-400': { backgroundColor: '#34d399' }
'.bg-emerald-500': { backgroundColor: '#10b981' }
'.bg-emerald-600': { backgroundColor: '#059669' }
'.bg-emerald-700': { backgroundColor: '#047857' }
'.bg-emerald-800': { backgroundColor: '#065f46' }
'.bg-emerald-900': { backgroundColor: '#064e3b' }
'.bg-green-50': { backgroundColor: '#f0fdf4' }
'.bg-green-100': { backgroundColor: '#dcfce7' }
'.bg-green-200': { backgroundColor: '#bbf7d0' }
'.bg-green-300': { backgroundColor: '#86efac' }
'.bg-green-400': { backgroundColor: '#4ade80' }
'.bg-green-500': { backgroundColor: '#22c55e' }
'.bg-green-600': { backgroundColor: '#16a34a' }
'.bg-green-700': { backgroundColor: '#15803d' }
'.bg-green-800': { backgroundColor: '#166534' }
'.bg-green-900': { backgroundColor: '#14532d' }
'.bg-lime-50': { backgroundColor: '#f7fee7' }
'.bg-lime-100': { backgroundColor: '#ecfccb' }
'.bg-lime-200': { backgroundColor: '#d9f99d' }
'.bg-lime-300': { backgroundColor: '#bef264' }
'.bg-lime-400': { backgroundColor: '#a3e635' }
'.bg-lime-500': { backgroundColor: '#84cc16' }
'.bg-lime-600': { backgroundColor: '#65a30d' }
'.bg-lime-700': { backgroundColor: '#4d7c0f' }
'.bg-lime-800': { backgroundColor: '#3f6212' }
'.bg-lime-900': { backgroundColor: '#365314' }
'.bg-yellow-50': { backgroundColor: '#fefce8' }
'.bg-yellow-100': { backgroundColor: '#fef9c3' }
'.bg-yellow-200': { backgroundColor: '#fef08a' }
'.bg-yellow-300': { backgroundColor: '#fde047' }
'.bg-yellow-400': { backgroundColor: '#facc15' }
'.bg-yellow-500': { backgroundColor: '#eab308' }
'.bg-yellow-600': { backgroundColor: '#ca8a04' }
'.bg-yellow-700': { backgroundColor: '#a16207' }
'.bg-yellow-800': { backgroundColor: '#854d0e' }
'.bg-yellow-900': { backgroundColor: '#713f12' }
'.bg-amber-50': { backgroundColor: '#fffbeb' }
'.bg-amber-100': { backgroundColor: '#fef3c7' }
'.bg-amber-200': { backgroundColor: '#fde68a' }
'.bg-amber-300': { backgroundColor: '#fcd34d' }
'.bg-amber-400': { backgroundColor: '#fbbf24' }
'.bg-amber-500': { backgroundColor: '#f59e0b' }
'.bg-amber-600': { backgroundColor: '#d97706' }
'.bg-amber-700': { backgroundColor: '#b45309' }
'.bg-amber-800': { backgroundColor: '#92400e' }
'.bg-amber-900': { backgroundColor: '#78350f' }
'.bg-orange-50': { backgroundColor: '#fff7ed' }
'.bg-orange-100': { backgroundColor: '#ffedd5' }
'.bg-orange-200': { backgroundColor: '#fed7aa' }
'.bg-orange-300': { backgroundColor: '#fdba74' }
'.bg-orange-400': { backgroundColor: '#fb923c' }
'.bg-orange-500': { backgroundColor: '#f97316' }
'.bg-orange-600': { backgroundColor: '#ea580c' }
'.bg-orange-700': { backgroundColor: '#c2410c' }
'.bg-orange-800': { backgroundColor: '#9a3412' }
'.bg-orange-900': { backgroundColor: '#7c2d12' }
'.bg-red-50': { backgroundColor: '#fef2f2' }
'.bg-red-100': { backgroundColor: '#fee2e2' }
'.bg-red-200': { backgroundColor: '#fecaca' }
'.bg-red-300': { backgroundColor: '#fca5a5' }
'.bg-red-400': { backgroundColor: '#f87171' }
'.bg-red-500': { backgroundColor: '#ef4444' }
'.bg-red-600': { backgroundColor: '#dc2626' }
'.bg-red-700': { backgroundColor: '#b91c1c' }
'.bg-red-800': { backgroundColor: '#991b1b' }
'.bg-red-900': { backgroundColor: '#7f1d1d' }
'.bg-warmGray-50': { backgroundColor: '#fafaf9' }
'.bg-warmGray-100': { backgroundColor: '#f5f5f4' }
'.bg-warmGray-200': { backgroundColor: '#e7e5e4' }
'.bg-warmGray-300': { backgroundColor: '#d6d3d1' }
'.bg-warmGray-400': { backgroundColor: '#a8a29e' }
'.bg-warmGray-500': { backgroundColor: '#78716c' }
'.bg-warmGray-600': { backgroundColor: '#57534e' }
'.bg-warmGray-700': { backgroundColor: '#44403c' }
'.bg-warmGray-800': { backgroundColor: '#292524' }
'.bg-warmGray-900': { backgroundColor: '#1c1917' }
'.bg-trueGray-50': { backgroundColor: '#fafafa' }
'.bg-trueGray-100': { backgroundColor: '#f5f5f5' }
'.bg-trueGray-200': { backgroundColor: '#e5e5e5' }
'.bg-trueGray-300': { backgroundColor: '#d4d4d4' }
'.bg-trueGray-400': { backgroundColor: '#a3a3a3' }
'.bg-trueGray-500': { backgroundColor: '#737373' }
'.bg-trueGray-600': { backgroundColor: '#525252' }
'.bg-trueGray-700': { backgroundColor: '#404040' }
'.bg-trueGray-800': { backgroundColor: '#262626' }
'.bg-trueGray-900': { backgroundColor: '#171717' }
'.bg-gray-50': { backgroundColor: '#fafafa' }
'.bg-gray-100': { backgroundColor: '#f4f4f5' }
'.bg-gray-200': { backgroundColor: '#e4e4e7' }
'.bg-gray-300': { backgroundColor: '#d4d4d8' }
'.bg-gray-400': { backgroundColor: '#a1a1aa' }
'.bg-gray-500': { backgroundColor: '#71717a' }
'.bg-gray-600': { backgroundColor: '#52525b' }
'.bg-gray-700': { backgroundColor: '#3f3f46' }
'.bg-gray-800': { backgroundColor: '#27272a' }
'.bg-gray-900': { backgroundColor: '#18181b' }
'.bg-coolGray-50': { backgroundColor: '#f9fafb' }
'.bg-coolGray-100': { backgroundColor: '#f3f4f6' }
'.bg-coolGray-200': { backgroundColor: '#e5e7eb' }
'.bg-coolGray-300': { backgroundColor: '#d1d5db' }
'.bg-coolGray-400': { backgroundColor: '#9ca3af' }
'.bg-coolGray-500': { backgroundColor: '#6b7280' }
'.bg-coolGray-600': { backgroundColor: '#4b5563' }
'.bg-coolGray-700': { backgroundColor: '#374151' }
'.bg-coolGray-800': { backgroundColor: '#1f2937' }
'.bg-coolGray-900': { backgroundColor: '#111827' }
'.bg-blueGray-50': { backgroundColor: '#f8fafc' }
'.bg-blueGray-100': { backgroundColor: '#f1f5f9' }
'.bg-blueGray-200': { backgroundColor: '#e2e8f0' }
'.bg-blueGray-300': { backgroundColor: '#cbd5e1' }
'.bg-blueGray-400': { backgroundColor: '#94a3b8' }
'.bg-blueGray-500': { backgroundColor: '#64748b' }
'.bg-blueGray-600': { backgroundColor: '#475569' }
'.bg-blueGray-700': { backgroundColor: '#334155' }
'.bg-blueGray-800': { backgroundColor: '#1e293b' }
'.bg-blueGray-900': { backgroundColor: '#0f172a' }
```

## backgroundSelectedColor Property
```css
'.bg-selected-transparent': { backgroundSelectedColor: 'transparent' }
'.bg-selected-black': { backgroundSelectedColor: '#000000' }
'.bg-selected-white': { backgroundSelectedColor: '#ffffff' }
'.bg-selected-rose-50': { backgroundSelectedColor: '#fff1f2' }
'.bg-selected-rose-100': { backgroundSelectedColor: '#ffe4e6' }
'.bg-selected-rose-200': { backgroundSelectedColor: '#fecdd3' }
'.bg-selected-rose-300': { backgroundSelectedColor: '#fda4af' }
'.bg-selected-rose-400': { backgroundSelectedColor: '#fb7185' }
'.bg-selected-rose-500': { backgroundSelectedColor: '#f43f5e' }
'.bg-selected-rose-600': { backgroundSelectedColor: '#e11d48' }
'.bg-selected-rose-700': { backgroundSelectedColor: '#be123c' }
'.bg-selected-rose-800': { backgroundSelectedColor: '#9f1239' }
'.bg-selected-rose-900': { backgroundSelectedColor: '#881337' }
'.bg-selected-pink-50': { backgroundSelectedColor: '#fdf2f8' }
'.bg-selected-pink-100': { backgroundSelectedColor: '#fce7f3' }
'.bg-selected-pink-200': { backgroundSelectedColor: '#fbcfe8' }
'.bg-selected-pink-300': { backgroundSelectedColor: '#f9a8d4' }
'.bg-selected-pink-400': { backgroundSelectedColor: '#f472b6' }
'.bg-selected-pink-500': { backgroundSelectedColor: '#ec4899' }
'.bg-selected-pink-600': { backgroundSelectedColor: '#db2777' }
'.bg-selected-pink-700': { backgroundSelectedColor: '#be185d' }
'.bg-selected-pink-800': { backgroundSelectedColor: '#9d174d' }
'.bg-selected-pink-900': { backgroundSelectedColor: '#831843' }
'.bg-selected-fuchsia-50': { backgroundSelectedColor: '#fdf4ff' }
'.bg-selected-fuchsia-100': { backgroundSelectedColor: '#fae8ff' }
'.bg-selected-fuchsia-200': { backgroundSelectedColor: '#f5d0fe' }
'.bg-selected-fuchsia-300': { backgroundSelectedColor: '#f0abfc' }
'.bg-selected-fuchsia-400': { backgroundSelectedColor: '#e879f9' }
'.bg-selected-fuchsia-500': { backgroundSelectedColor: '#d946ef' }
'.bg-selected-fuchsia-600': { backgroundSelectedColor: '#c026d3' }
'.bg-selected-fuchsia-700': { backgroundSelectedColor: '#a21caf' }
'.bg-selected-fuchsia-800': { backgroundSelectedColor: '#86198f' }
'.bg-selected-fuchsia-900': { backgroundSelectedColor: '#701a75' }
'.bg-selected-purple-50': { backgroundSelectedColor: '#faf5ff' }
'.bg-selected-purple-100': { backgroundSelectedColor: '#f3e8ff' }
'.bg-selected-purple-200': { backgroundSelectedColor: '#e9d5ff' }
'.bg-selected-purple-300': { backgroundSelectedColor: '#d8b4fe' }
'.bg-selected-purple-400': { backgroundSelectedColor: '#c084fc' }
'.bg-selected-purple-500': { backgroundSelectedColor: '#a855f7' }
'.bg-selected-purple-600': { backgroundSelectedColor: '#9333ea' }
'.bg-selected-purple-700': { backgroundSelectedColor: '#7e22ce' }
'.bg-selected-purple-800': { backgroundSelectedColor: '#6b21a8' }
'.bg-selected-purple-900': { backgroundSelectedColor: '#581c87' }
'.bg-selected-violet-50': { backgroundSelectedColor: '#f5f3ff' }
'.bg-selected-violet-100': { backgroundSelectedColor: '#ede9fe' }
'.bg-selected-violet-200': { backgroundSelectedColor: '#ddd6fe' }
'.bg-selected-violet-300': { backgroundSelectedColor: '#c4b5fd' }
'.bg-selected-violet-400': { backgroundSelectedColor: '#a78bfa' }
'.bg-selected-violet-500': { backgroundSelectedColor: '#8b5cf6' }
'.bg-selected-violet-600': { backgroundSelectedColor: '#7c3aed' }
'.bg-selected-violet-700': { backgroundSelectedColor: '#6d28d9' }
'.bg-selected-violet-800': { backgroundSelectedColor: '#5b21b6' }
'.bg-selected-violet-900': { backgroundSelectedColor: '#4c1d95' }
'.bg-selected-indigo-50': { backgroundSelectedColor: '#eef2ff' }
'.bg-selected-indigo-100': { backgroundSelectedColor: '#e0e7ff' }
'.bg-selected-indigo-200': { backgroundSelectedColor: '#c7d2fe' }
'.bg-selected-indigo-300': { backgroundSelectedColor: '#a5b4fc' }
'.bg-selected-indigo-400': { backgroundSelectedColor: '#818cf8' }
'.bg-selected-indigo-500': { backgroundSelectedColor: '#6366f1' }
'.bg-selected-indigo-600': { backgroundSelectedColor: '#4f46e5' }
'.bg-selected-indigo-700': { backgroundSelectedColor: '#4338ca' }
'.bg-selected-indigo-800': { backgroundSelectedColor: '#3730a3' }
'.bg-selected-indigo-900': { backgroundSelectedColor: '#312e81' }
'.bg-selected-blue-50': { backgroundSelectedColor: '#eff6ff' }
'.bg-selected-blue-100': { backgroundSelectedColor: '#dbeafe' }
'.bg-selected-blue-200': { backgroundSelectedColor: '#bfdbfe' }
'.bg-selected-blue-300': { backgroundSelectedColor: '#93c5fd' }
'.bg-selected-blue-400': { backgroundSelectedColor: '#60a5fa' }
'.bg-selected-blue-500': { backgroundSelectedColor: '#3b82f6' }
'.bg-selected-blue-600': { backgroundSelectedColor: '#2563eb' }
'.bg-selected-blue-700': { backgroundSelectedColor: '#1d4ed8' }
'.bg-selected-blue-800': { backgroundSelectedColor: '#1e40af' }
'.bg-selected-blue-900': { backgroundSelectedColor: '#1e3a8a' }
'.bg-selected-sky-50': { backgroundSelectedColor: '#f0f9ff' }
'.bg-selected-sky-100': { backgroundSelectedColor: '#e0f2fe' }
'.bg-selected-sky-200': { backgroundSelectedColor: '#bae6fd' }
'.bg-selected-sky-300': { backgroundSelectedColor: '#7dd3fc' }
'.bg-selected-sky-400': { backgroundSelectedColor: '#38bdf8' }
'.bg-selected-sky-500': { backgroundSelectedColor: '#0ea5e9' }
'.bg-selected-sky-600': { backgroundSelectedColor: '#0284c7' }
'.bg-selected-sky-700': { backgroundSelectedColor: '#0369a1' }
'.bg-selected-sky-800': { backgroundSelectedColor: '#075985' }
'.bg-selected-sky-900': { backgroundSelectedColor: '#0c4a6e' }
'.bg-selected-cyan-50': { backgroundSelectedColor: '#ecfeff' }
'.bg-selected-cyan-100': { backgroundSelectedColor: '#cffafe' }
'.bg-selected-cyan-200': { backgroundSelectedColor: '#a5f3fc' }
'.bg-selected-cyan-300': { backgroundSelectedColor: '#67e8f9' }
'.bg-selected-cyan-400': { backgroundSelectedColor: '#22d3ee' }
'.bg-selected-cyan-500': { backgroundSelectedColor: '#06b6d4' }
'.bg-selected-cyan-600': { backgroundSelectedColor: '#0891b2' }
'.bg-selected-cyan-700': { backgroundSelectedColor: '#0e7490' }
'.bg-selected-cyan-800': { backgroundSelectedColor: '#155e75' }
'.bg-selected-cyan-900': { backgroundSelectedColor: '#164e63' }
'.bg-selected-teal-50': { backgroundSelectedColor: '#f0fdfa' }
'.bg-selected-teal-100': { backgroundSelectedColor: '#ccfbf1' }
'.bg-selected-teal-200': { backgroundSelectedColor: '#99f6e4' }
'.bg-selected-teal-300': { backgroundSelectedColor: '#5eead4' }
'.bg-selected-teal-400': { backgroundSelectedColor: '#2dd4bf' }
'.bg-selected-teal-500': { backgroundSelectedColor: '#14b8a6' }
'.bg-selected-teal-600': { backgroundSelectedColor: '#0d9488' }
'.bg-selected-teal-700': { backgroundSelectedColor: '#0f766e' }
'.bg-selected-teal-800': { backgroundSelectedColor: '#115e59' }
'.bg-selected-teal-900': { backgroundSelectedColor: '#134e4a' }
'.bg-selected-emerald-50': { backgroundSelectedColor: '#ecfdf5' }
'.bg-selected-emerald-100': { backgroundSelectedColor: '#d1fae5' }
'.bg-selected-emerald-200': { backgroundSelectedColor: '#a7f3d0' }
'.bg-selected-emerald-300': { backgroundSelectedColor: '#6ee7b7' }
'.bg-selected-emerald-400': { backgroundSelectedColor: '#34d399' }
'.bg-selected-emerald-500': { backgroundSelectedColor: '#10b981' }
'.bg-selected-emerald-600': { backgroundSelectedColor: '#059669' }
'.bg-selected-emerald-700': { backgroundSelectedColor: '#047857' }
'.bg-selected-emerald-800': { backgroundSelectedColor: '#065f46' }
'.bg-selected-emerald-900': { backgroundSelectedColor: '#064e3b' }
'.bg-selected-green-50': { backgroundSelectedColor: '#f0fdf4' }
'.bg-selected-green-100': { backgroundSelectedColor: '#dcfce7' }
'.bg-selected-green-200': { backgroundSelectedColor: '#bbf7d0' }
'.bg-selected-green-300': { backgroundSelectedColor: '#86efac' }
'.bg-selected-green-400': { backgroundSelectedColor: '#4ade80' }
'.bg-selected-green-500': { backgroundSelectedColor: '#22c55e' }
'.bg-selected-green-600': { backgroundSelectedColor: '#16a34a' }
'.bg-selected-green-700': { backgroundSelectedColor: '#15803d' }
'.bg-selected-green-800': { backgroundSelectedColor: '#166534' }
'.bg-selected-green-900': { backgroundSelectedColor: '#14532d' }
'.bg-selected-lime-50': { backgroundSelectedColor: '#f7fee7' }
'.bg-selected-lime-100': { backgroundSelectedColor: '#ecfccb' }
'.bg-selected-lime-200': { backgroundSelectedColor: '#d9f99d' }
'.bg-selected-lime-300': { backgroundSelectedColor: '#bef264' }
'.bg-selected-lime-400': { backgroundSelectedColor: '#a3e635' }
'.bg-selected-lime-500': { backgroundSelectedColor: '#84cc16' }
'.bg-selected-lime-600': { backgroundSelectedColor: '#65a30d' }
'.bg-selected-lime-700': { backgroundSelectedColor: '#4d7c0f' }
'.bg-selected-lime-800': { backgroundSelectedColor: '#3f6212' }
'.bg-selected-lime-900': { backgroundSelectedColor: '#365314' }
'.bg-selected-yellow-50': { backgroundSelectedColor: '#fefce8' }
'.bg-selected-yellow-100': { backgroundSelectedColor: '#fef9c3' }
'.bg-selected-yellow-200': { backgroundSelectedColor: '#fef08a' }
'.bg-selected-yellow-300': { backgroundSelectedColor: '#fde047' }
'.bg-selected-yellow-400': { backgroundSelectedColor: '#facc15' }
'.bg-selected-yellow-500': { backgroundSelectedColor: '#eab308' }
'.bg-selected-yellow-600': { backgroundSelectedColor: '#ca8a04' }
'.bg-selected-yellow-700': { backgroundSelectedColor: '#a16207' }
'.bg-selected-yellow-800': { backgroundSelectedColor: '#854d0e' }
'.bg-selected-yellow-900': { backgroundSelectedColor: '#713f12' }
'.bg-selected-amber-50': { backgroundSelectedColor: '#fffbeb' }
'.bg-selected-amber-100': { backgroundSelectedColor: '#fef3c7' }
'.bg-selected-amber-200': { backgroundSelectedColor: '#fde68a' }
'.bg-selected-amber-300': { backgroundSelectedColor: '#fcd34d' }
'.bg-selected-amber-400': { backgroundSelectedColor: '#fbbf24' }
'.bg-selected-amber-500': { backgroundSelectedColor: '#f59e0b' }
'.bg-selected-amber-600': { backgroundSelectedColor: '#d97706' }
'.bg-selected-amber-700': { backgroundSelectedColor: '#b45309' }
'.bg-selected-amber-800': { backgroundSelectedColor: '#92400e' }
'.bg-selected-amber-900': { backgroundSelectedColor: '#78350f' }
'.bg-selected-orange-50': { backgroundSelectedColor: '#fff7ed' }
'.bg-selected-orange-100': { backgroundSelectedColor: '#ffedd5' }
'.bg-selected-orange-200': { backgroundSelectedColor: '#fed7aa' }
'.bg-selected-orange-300': { backgroundSelectedColor: '#fdba74' }
'.bg-selected-orange-400': { backgroundSelectedColor: '#fb923c' }
'.bg-selected-orange-500': { backgroundSelectedColor: '#f97316' }
'.bg-selected-orange-600': { backgroundSelectedColor: '#ea580c' }
'.bg-selected-orange-700': { backgroundSelectedColor: '#c2410c' }
'.bg-selected-orange-800': { backgroundSelectedColor: '#9a3412' }
'.bg-selected-orange-900': { backgroundSelectedColor: '#7c2d12' }
'.bg-selected-red-50': { backgroundSelectedColor: '#fef2f2' }
'.bg-selected-red-100': { backgroundSelectedColor: '#fee2e2' }
'.bg-selected-red-200': { backgroundSelectedColor: '#fecaca' }
'.bg-selected-red-300': { backgroundSelectedColor: '#fca5a5' }
'.bg-selected-red-400': { backgroundSelectedColor: '#f87171' }
'.bg-selected-red-500': { backgroundSelectedColor: '#ef4444' }
'.bg-selected-red-600': { backgroundSelectedColor: '#dc2626' }
'.bg-selected-red-700': { backgroundSelectedColor: '#b91c1c' }
'.bg-selected-red-800': { backgroundSelectedColor: '#991b1b' }
'.bg-selected-red-900': { backgroundSelectedColor: '#7f1d1d' }
'.bg-selected-warmGray-50': { backgroundSelectedColor: '#fafaf9' }
'.bg-selected-warmGray-100': { backgroundSelectedColor: '#f5f5f4' }
'.bg-selected-warmGray-200': { backgroundSelectedColor: '#e7e5e4' }
'.bg-selected-warmGray-300': { backgroundSelectedColor: '#d6d3d1' }
'.bg-selected-warmGray-400': { backgroundSelectedColor: '#a8a29e' }
'.bg-selected-warmGray-500': { backgroundSelectedColor: '#78716c' }
'.bg-selected-warmGray-600': { backgroundSelectedColor: '#57534e' }
'.bg-selected-warmGray-700': { backgroundSelectedColor: '#44403c' }
'.bg-selected-warmGray-800': { backgroundSelectedColor: '#292524' }
'.bg-selected-warmGray-900': { backgroundSelectedColor: '#1c1917' }
'.bg-selected-trueGray-50': { backgroundSelectedColor: '#fafafa' }
'.bg-selected-trueGray-100': { backgroundSelectedColor: '#f5f5f5' }
'.bg-selected-trueGray-200': { backgroundSelectedColor: '#e5e5e5' }
'.bg-selected-trueGray-300': { backgroundSelectedColor: '#d4d4d4' }
'.bg-selected-trueGray-400': { backgroundSelectedColor: '#a3a3a3' }
'.bg-selected-trueGray-500': { backgroundSelectedColor: '#737373' }
'.bg-selected-trueGray-600': { backgroundSelectedColor: '#525252' }
'.bg-selected-trueGray-700': { backgroundSelectedColor: '#404040' }
'.bg-selected-trueGray-800': { backgroundSelectedColor: '#262626' }
'.bg-selected-trueGray-900': { backgroundSelectedColor: '#171717' }
'.bg-selected-gray-50': { backgroundSelectedColor: '#fafafa' }
'.bg-selected-gray-100': { backgroundSelectedColor: '#f4f4f5' }
'.bg-selected-gray-200': { backgroundSelectedColor: '#e4e4e7' }
'.bg-selected-gray-300': { backgroundSelectedColor: '#d4d4d8' }
'.bg-selected-gray-400': { backgroundSelectedColor: '#a1a1aa' }
'.bg-selected-gray-500': { backgroundSelectedColor: '#71717a' }
'.bg-selected-gray-600': { backgroundSelectedColor: '#52525b' }
'.bg-selected-gray-700': { backgroundSelectedColor: '#3f3f46' }
'.bg-selected-gray-800': { backgroundSelectedColor: '#27272a' }
'.bg-selected-gray-900': { backgroundSelectedColor: '#18181b' }
'.bg-selected-coolGray-50': { backgroundSelectedColor: '#f9fafb' }
'.bg-selected-coolGray-100': { backgroundSelectedColor: '#f3f4f6' }
'.bg-selected-coolGray-200': { backgroundSelectedColor: '#e5e7eb' }
'.bg-selected-coolGray-300': { backgroundSelectedColor: '#d1d5db' }
'.bg-selected-coolGray-400': { backgroundSelectedColor: '#9ca3af' }
'.bg-selected-coolGray-500': { backgroundSelectedColor: '#6b7280' }
'.bg-selected-coolGray-600': { backgroundSelectedColor: '#4b5563' }
'.bg-selected-coolGray-700': { backgroundSelectedColor: '#374151' }
'.bg-selected-coolGray-800': { backgroundSelectedColor: '#1f2937' }
'.bg-selected-coolGray-900': { backgroundSelectedColor: '#111827' }
'.bg-selected-blueGray-50': { backgroundSelectedColor: '#f8fafc' }
'.bg-selected-blueGray-100': { backgroundSelectedColor: '#f1f5f9' }
'.bg-selected-blueGray-200': { backgroundSelectedColor: '#e2e8f0' }
'.bg-selected-blueGray-300': { backgroundSelectedColor: '#cbd5e1' }
'.bg-selected-blueGray-400': { backgroundSelectedColor: '#94a3b8' }
'.bg-selected-blueGray-500': { backgroundSelectedColor: '#64748b' }
'.bg-selected-blueGray-600': { backgroundSelectedColor: '#475569' }
'.bg-selected-blueGray-700': { backgroundSelectedColor: '#334155' }
'.bg-selected-blueGray-800': { backgroundSelectedColor: '#1e293b' }
'.bg-selected-blueGray-900': { backgroundSelectedColor: '#0f172a' }
```

## barColor Property
```css
'.bar-transparent': { barColor: 'transparent' }
'.bar-black': { barColor: '#000000' }
'.bar-white': { barColor: '#ffffff' }
'.bar-rose-50': { barColor: '#fff1f2' }
'.bar-rose-100': { barColor: '#ffe4e6' }
'.bar-rose-200': { barColor: '#fecdd3' }
'.bar-rose-300': { barColor: '#fda4af' }
'.bar-rose-400': { barColor: '#fb7185' }
'.bar-rose-500': { barColor: '#f43f5e' }
'.bar-rose-600': { barColor: '#e11d48' }
'.bar-rose-700': { barColor: '#be123c' }
'.bar-rose-800': { barColor: '#9f1239' }
'.bar-rose-900': { barColor: '#881337' }
'.bar-pink-50': { barColor: '#fdf2f8' }
'.bar-pink-100': { barColor: '#fce7f3' }
'.bar-pink-200': { barColor: '#fbcfe8' }
'.bar-pink-300': { barColor: '#f9a8d4' }
'.bar-pink-400': { barColor: '#f472b6' }
'.bar-pink-500': { barColor: '#ec4899' }
'.bar-pink-600': { barColor: '#db2777' }
'.bar-pink-700': { barColor: '#be185d' }
'.bar-pink-800': { barColor: '#9d174d' }
'.bar-pink-900': { barColor: '#831843' }
'.bar-fuchsia-50': { barColor: '#fdf4ff' }
'.bar-fuchsia-100': { barColor: '#fae8ff' }
'.bar-fuchsia-200': { barColor: '#f5d0fe' }
'.bar-fuchsia-300': { barColor: '#f0abfc' }
'.bar-fuchsia-400': { barColor: '#e879f9' }
'.bar-fuchsia-500': { barColor: '#d946ef' }
'.bar-fuchsia-600': { barColor: '#c026d3' }
'.bar-fuchsia-700': { barColor: '#a21caf' }
'.bar-fuchsia-800': { barColor: '#86198f' }
'.bar-fuchsia-900': { barColor: '#701a75' }
'.bar-purple-50': { barColor: '#faf5ff' }
'.bar-purple-100': { barColor: '#f3e8ff' }
'.bar-purple-200': { barColor: '#e9d5ff' }
'.bar-purple-300': { barColor: '#d8b4fe' }
'.bar-purple-400': { barColor: '#c084fc' }
'.bar-purple-500': { barColor: '#a855f7' }
'.bar-purple-600': { barColor: '#9333ea' }
'.bar-purple-700': { barColor: '#7e22ce' }
'.bar-purple-800': { barColor: '#6b21a8' }
'.bar-purple-900': { barColor: '#581c87' }
'.bar-violet-50': { barColor: '#f5f3ff' }
'.bar-violet-100': { barColor: '#ede9fe' }
'.bar-violet-200': { barColor: '#ddd6fe' }
'.bar-violet-300': { barColor: '#c4b5fd' }
'.bar-violet-400': { barColor: '#a78bfa' }
'.bar-violet-500': { barColor: '#8b5cf6' }
'.bar-violet-600': { barColor: '#7c3aed' }
'.bar-violet-700': { barColor: '#6d28d9' }
'.bar-violet-800': { barColor: '#5b21b6' }
'.bar-violet-900': { barColor: '#4c1d95' }
'.bar-indigo-50': { barColor: '#eef2ff' }
'.bar-indigo-100': { barColor: '#e0e7ff' }
'.bar-indigo-200': { barColor: '#c7d2fe' }
'.bar-indigo-300': { barColor: '#a5b4fc' }
'.bar-indigo-400': { barColor: '#818cf8' }
'.bar-indigo-500': { barColor: '#6366f1' }
'.bar-indigo-600': { barColor: '#4f46e5' }
'.bar-indigo-700': { barColor: '#4338ca' }
'.bar-indigo-800': { barColor: '#3730a3' }
'.bar-indigo-900': { barColor: '#312e81' }
'.bar-blue-50': { barColor: '#eff6ff' }
'.bar-blue-100': { barColor: '#dbeafe' }
'.bar-blue-200': { barColor: '#bfdbfe' }
'.bar-blue-300': { barColor: '#93c5fd' }
'.bar-blue-400': { barColor: '#60a5fa' }
'.bar-blue-500': { barColor: '#3b82f6' }
'.bar-blue-600': { barColor: '#2563eb' }
'.bar-blue-700': { barColor: '#1d4ed8' }
'.bar-blue-800': { barColor: '#1e40af' }
'.bar-blue-900': { barColor: '#1e3a8a' }
'.bar-sky-50': { barColor: '#f0f9ff' }
'.bar-sky-100': { barColor: '#e0f2fe' }
'.bar-sky-200': { barColor: '#bae6fd' }
'.bar-sky-300': { barColor: '#7dd3fc' }
'.bar-sky-400': { barColor: '#38bdf8' }
'.bar-sky-500': { barColor: '#0ea5e9' }
'.bar-sky-600': { barColor: '#0284c7' }
'.bar-sky-700': { barColor: '#0369a1' }
'.bar-sky-800': { barColor: '#075985' }
'.bar-sky-900': { barColor: '#0c4a6e' }
'.bar-cyan-50': { barColor: '#ecfeff' }
'.bar-cyan-100': { barColor: '#cffafe' }
'.bar-cyan-200': { barColor: '#a5f3fc' }
'.bar-cyan-300': { barColor: '#67e8f9' }
'.bar-cyan-400': { barColor: '#22d3ee' }
'.bar-cyan-500': { barColor: '#06b6d4' }
'.bar-cyan-600': { barColor: '#0891b2' }
'.bar-cyan-700': { barColor: '#0e7490' }
'.bar-cyan-800': { barColor: '#155e75' }
'.bar-cyan-900': { barColor: '#164e63' }
'.bar-teal-50': { barColor: '#f0fdfa' }
'.bar-teal-100': { barColor: '#ccfbf1' }
'.bar-teal-200': { barColor: '#99f6e4' }
'.bar-teal-300': { barColor: '#5eead4' }
'.bar-teal-400': { barColor: '#2dd4bf' }
'.bar-teal-500': { barColor: '#14b8a6' }
'.bar-teal-600': { barColor: '#0d9488' }
'.bar-teal-700': { barColor: '#0f766e' }
'.bar-teal-800': { barColor: '#115e59' }
'.bar-teal-900': { barColor: '#134e4a' }
'.bar-emerald-50': { barColor: '#ecfdf5' }
'.bar-emerald-100': { barColor: '#d1fae5' }
'.bar-emerald-200': { barColor: '#a7f3d0' }
'.bar-emerald-300': { barColor: '#6ee7b7' }
'.bar-emerald-400': { barColor: '#34d399' }
'.bar-emerald-500': { barColor: '#10b981' }
'.bar-emerald-600': { barColor: '#059669' }
'.bar-emerald-700': { barColor: '#047857' }
'.bar-emerald-800': { barColor: '#065f46' }
'.bar-emerald-900': { barColor: '#064e3b' }
'.bar-green-50': { barColor: '#f0fdf4' }
'.bar-green-100': { barColor: '#dcfce7' }
'.bar-green-200': { barColor: '#bbf7d0' }
'.bar-green-300': { barColor: '#86efac' }
'.bar-green-400': { barColor: '#4ade80' }
'.bar-green-500': { barColor: '#22c55e' }
'.bar-green-600': { barColor: '#16a34a' }
'.bar-green-700': { barColor: '#15803d' }
'.bar-green-800': { barColor: '#166534' }
'.bar-green-900': { barColor: '#14532d' }
'.bar-lime-50': { barColor: '#f7fee7' }
'.bar-lime-100': { barColor: '#ecfccb' }
'.bar-lime-200': { barColor: '#d9f99d' }
'.bar-lime-300': { barColor: '#bef264' }
'.bar-lime-400': { barColor: '#a3e635' }
'.bar-lime-500': { barColor: '#84cc16' }
'.bar-lime-600': { barColor: '#65a30d' }
'.bar-lime-700': { barColor: '#4d7c0f' }
'.bar-lime-800': { barColor: '#3f6212' }
'.bar-lime-900': { barColor: '#365314' }
'.bar-yellow-50': { barColor: '#fefce8' }
'.bar-yellow-100': { barColor: '#fef9c3' }
'.bar-yellow-200': { barColor: '#fef08a' }
'.bar-yellow-300': { barColor: '#fde047' }
'.bar-yellow-400': { barColor: '#facc15' }
'.bar-yellow-500': { barColor: '#eab308' }
'.bar-yellow-600': { barColor: '#ca8a04' }
'.bar-yellow-700': { barColor: '#a16207' }
'.bar-yellow-800': { barColor: '#854d0e' }
'.bar-yellow-900': { barColor: '#713f12' }
'.bar-amber-50': { barColor: '#fffbeb' }
'.bar-amber-100': { barColor: '#fef3c7' }
'.bar-amber-200': { barColor: '#fde68a' }
'.bar-amber-300': { barColor: '#fcd34d' }
'.bar-amber-400': { barColor: '#fbbf24' }
'.bar-amber-500': { barColor: '#f59e0b' }
'.bar-amber-600': { barColor: '#d97706' }
'.bar-amber-700': { barColor: '#b45309' }
'.bar-amber-800': { barColor: '#92400e' }
'.bar-amber-900': { barColor: '#78350f' }
'.bar-orange-50': { barColor: '#fff7ed' }
'.bar-orange-100': { barColor: '#ffedd5' }
'.bar-orange-200': { barColor: '#fed7aa' }
'.bar-orange-300': { barColor: '#fdba74' }
'.bar-orange-400': { barColor: '#fb923c' }
'.bar-orange-500': { barColor: '#f97316' }
'.bar-orange-600': { barColor: '#ea580c' }
'.bar-orange-700': { barColor: '#c2410c' }
'.bar-orange-800': { barColor: '#9a3412' }
'.bar-orange-900': { barColor: '#7c2d12' }
'.bar-red-50': { barColor: '#fef2f2' }
'.bar-red-100': { barColor: '#fee2e2' }
'.bar-red-200': { barColor: '#fecaca' }
'.bar-red-300': { barColor: '#fca5a5' }
'.bar-red-400': { barColor: '#f87171' }
'.bar-red-500': { barColor: '#ef4444' }
'.bar-red-600': { barColor: '#dc2626' }
'.bar-red-700': { barColor: '#b91c1c' }
'.bar-red-800': { barColor: '#991b1b' }
'.bar-red-900': { barColor: '#7f1d1d' }
'.bar-warmGray-50': { barColor: '#fafaf9' }
'.bar-warmGray-100': { barColor: '#f5f5f4' }
'.bar-warmGray-200': { barColor: '#e7e5e4' }
'.bar-warmGray-300': { barColor: '#d6d3d1' }
'.bar-warmGray-400': { barColor: '#a8a29e' }
'.bar-warmGray-500': { barColor: '#78716c' }
'.bar-warmGray-600': { barColor: '#57534e' }
'.bar-warmGray-700': { barColor: '#44403c' }
'.bar-warmGray-800': { barColor: '#292524' }
'.bar-warmGray-900': { barColor: '#1c1917' }
'.bar-trueGray-50': { barColor: '#fafafa' }
'.bar-trueGray-100': { barColor: '#f5f5f5' }
'.bar-trueGray-200': { barColor: '#e5e5e5' }
'.bar-trueGray-300': { barColor: '#d4d4d4' }
'.bar-trueGray-400': { barColor: '#a3a3a3' }
'.bar-trueGray-500': { barColor: '#737373' }
'.bar-trueGray-600': { barColor: '#525252' }
'.bar-trueGray-700': { barColor: '#404040' }
'.bar-trueGray-800': { barColor: '#262626' }
'.bar-trueGray-900': { barColor: '#171717' }
'.bar-gray-50': { barColor: '#fafafa' }
'.bar-gray-100': { barColor: '#f4f4f5' }
'.bar-gray-200': { barColor: '#e4e4e7' }
'.bar-gray-300': { barColor: '#d4d4d8' }
'.bar-gray-400': { barColor: '#a1a1aa' }
'.bar-gray-500': { barColor: '#71717a' }
'.bar-gray-600': { barColor: '#52525b' }
'.bar-gray-700': { barColor: '#3f3f46' }
'.bar-gray-800': { barColor: '#27272a' }
'.bar-gray-900': { barColor: '#18181b' }
'.bar-coolGray-50': { barColor: '#f9fafb' }
'.bar-coolGray-100': { barColor: '#f3f4f6' }
'.bar-coolGray-200': { barColor: '#e5e7eb' }
'.bar-coolGray-300': { barColor: '#d1d5db' }
'.bar-coolGray-400': { barColor: '#9ca3af' }
'.bar-coolGray-500': { barColor: '#6b7280' }
'.bar-coolGray-600': { barColor: '#4b5563' }
'.bar-coolGray-700': { barColor: '#374151' }
'.bar-coolGray-800': { barColor: '#1f2937' }
'.bar-coolGray-900': { barColor: '#111827' }
'.bar-blueGray-50': { barColor: '#f8fafc' }
'.bar-blueGray-100': { barColor: '#f1f5f9' }
'.bar-blueGray-200': { barColor: '#e2e8f0' }
'.bar-blueGray-300': { barColor: '#cbd5e1' }
'.bar-blueGray-400': { barColor: '#94a3b8' }
'.bar-blueGray-500': { barColor: '#64748b' }
'.bar-blueGray-600': { barColor: '#475569' }
'.bar-blueGray-700': { barColor: '#334155' }
'.bar-blueGray-800': { barColor: '#1e293b' }
'.bar-blueGray-900': { barColor: '#0f172a' }
```

## borderColor Property
```css
'.border-transparent': { borderColor: 'transparent' }
'.border-black': { borderColor: '#000000' }
'.border-white': { borderColor: '#ffffff' }
'.border-rose-50': { borderColor: '#fff1f2' }
'.border-rose-100': { borderColor: '#ffe4e6' }
'.border-rose-200': { borderColor: '#fecdd3' }
'.border-rose-300': { borderColor: '#fda4af' }
'.border-rose-400': { borderColor: '#fb7185' }
'.border-rose-500': { borderColor: '#f43f5e' }
'.border-rose-600': { borderColor: '#e11d48' }
'.border-rose-700': { borderColor: '#be123c' }
'.border-rose-800': { borderColor: '#9f1239' }
'.border-rose-900': { borderColor: '#881337' }
'.border-pink-50': { borderColor: '#fdf2f8' }
'.border-pink-100': { borderColor: '#fce7f3' }
'.border-pink-200': { borderColor: '#fbcfe8' }
'.border-pink-300': { borderColor: '#f9a8d4' }
'.border-pink-400': { borderColor: '#f472b6' }
'.border-pink-500': { borderColor: '#ec4899' }
'.border-pink-600': { borderColor: '#db2777' }
'.border-pink-700': { borderColor: '#be185d' }
'.border-pink-800': { borderColor: '#9d174d' }
'.border-pink-900': { borderColor: '#831843' }
'.border-fuchsia-50': { borderColor: '#fdf4ff' }
'.border-fuchsia-100': { borderColor: '#fae8ff' }
'.border-fuchsia-200': { borderColor: '#f5d0fe' }
'.border-fuchsia-300': { borderColor: '#f0abfc' }
'.border-fuchsia-400': { borderColor: '#e879f9' }
'.border-fuchsia-500': { borderColor: '#d946ef' }
'.border-fuchsia-600': { borderColor: '#c026d3' }
'.border-fuchsia-700': { borderColor: '#a21caf' }
'.border-fuchsia-800': { borderColor: '#86198f' }
'.border-fuchsia-900': { borderColor: '#701a75' }
'.border-purple-50': { borderColor: '#faf5ff' }
'.border-purple-100': { borderColor: '#f3e8ff' }
'.border-purple-200': { borderColor: '#e9d5ff' }
'.border-purple-300': { borderColor: '#d8b4fe' }
'.border-purple-400': { borderColor: '#c084fc' }
'.border-purple-500': { borderColor: '#a855f7' }
'.border-purple-600': { borderColor: '#9333ea' }
'.border-purple-700': { borderColor: '#7e22ce' }
'.border-purple-800': { borderColor: '#6b21a8' }
'.border-purple-900': { borderColor: '#581c87' }
'.border-violet-50': { borderColor: '#f5f3ff' }
'.border-violet-100': { borderColor: '#ede9fe' }
'.border-violet-200': { borderColor: '#ddd6fe' }
'.border-violet-300': { borderColor: '#c4b5fd' }
'.border-violet-400': { borderColor: '#a78bfa' }
'.border-violet-500': { borderColor: '#8b5cf6' }
'.border-violet-600': { borderColor: '#7c3aed' }
'.border-violet-700': { borderColor: '#6d28d9' }
'.border-violet-800': { borderColor: '#5b21b6' }
'.border-violet-900': { borderColor: '#4c1d95' }
'.border-indigo-50': { borderColor: '#eef2ff' }
'.border-indigo-100': { borderColor: '#e0e7ff' }
'.border-indigo-200': { borderColor: '#c7d2fe' }
'.border-indigo-300': { borderColor: '#a5b4fc' }
'.border-indigo-400': { borderColor: '#818cf8' }
'.border-indigo-500': { borderColor: '#6366f1' }
'.border-indigo-600': { borderColor: '#4f46e5' }
'.border-indigo-700': { borderColor: '#4338ca' }
'.border-indigo-800': { borderColor: '#3730a3' }
'.border-indigo-900': { borderColor: '#312e81' }
'.border-blue-50': { borderColor: '#eff6ff' }
'.border-blue-100': { borderColor: '#dbeafe' }
'.border-blue-200': { borderColor: '#bfdbfe' }
'.border-blue-300': { borderColor: '#93c5fd' }
'.border-blue-400': { borderColor: '#60a5fa' }
'.border-blue-500': { borderColor: '#3b82f6' }
'.border-blue-600': { borderColor: '#2563eb' }
'.border-blue-700': { borderColor: '#1d4ed8' }
'.border-blue-800': { borderColor: '#1e40af' }
'.border-blue-900': { borderColor: '#1e3a8a' }
'.border-sky-50': { borderColor: '#f0f9ff' }
'.border-sky-100': { borderColor: '#e0f2fe' }
'.border-sky-200': { borderColor: '#bae6fd' }
'.border-sky-300': { borderColor: '#7dd3fc' }
'.border-sky-400': { borderColor: '#38bdf8' }
'.border-sky-500': { borderColor: '#0ea5e9' }
'.border-sky-600': { borderColor: '#0284c7' }
'.border-sky-700': { borderColor: '#0369a1' }
'.border-sky-800': { borderColor: '#075985' }
'.border-sky-900': { borderColor: '#0c4a6e' }
'.border-cyan-50': { borderColor: '#ecfeff' }
'.border-cyan-100': { borderColor: '#cffafe' }
'.border-cyan-200': { borderColor: '#a5f3fc' }
'.border-cyan-300': { borderColor: '#67e8f9' }
'.border-cyan-400': { borderColor: '#22d3ee' }
'.border-cyan-500': { borderColor: '#06b6d4' }
'.border-cyan-600': { borderColor: '#0891b2' }
'.border-cyan-700': { borderColor: '#0e7490' }
'.border-cyan-800': { borderColor: '#155e75' }
'.border-cyan-900': { borderColor: '#164e63' }
'.border-teal-50': { borderColor: '#f0fdfa' }
'.border-teal-100': { borderColor: '#ccfbf1' }
'.border-teal-200': { borderColor: '#99f6e4' }
'.border-teal-300': { borderColor: '#5eead4' }
'.border-teal-400': { borderColor: '#2dd4bf' }
'.border-teal-500': { borderColor: '#14b8a6' }
'.border-teal-600': { borderColor: '#0d9488' }
'.border-teal-700': { borderColor: '#0f766e' }
'.border-teal-800': { borderColor: '#115e59' }
'.border-teal-900': { borderColor: '#134e4a' }
'.border-emerald-50': { borderColor: '#ecfdf5' }
'.border-emerald-100': { borderColor: '#d1fae5' }
'.border-emerald-200': { borderColor: '#a7f3d0' }
'.border-emerald-300': { borderColor: '#6ee7b7' }
'.border-emerald-400': { borderColor: '#34d399' }
'.border-emerald-500': { borderColor: '#10b981' }
'.border-emerald-600': { borderColor: '#059669' }
'.border-emerald-700': { borderColor: '#047857' }
'.border-emerald-800': { borderColor: '#065f46' }
'.border-emerald-900': { borderColor: '#064e3b' }
'.border-green-50': { borderColor: '#f0fdf4' }
'.border-green-100': { borderColor: '#dcfce7' }
'.border-green-200': { borderColor: '#bbf7d0' }
'.border-green-300': { borderColor: '#86efac' }
'.border-green-400': { borderColor: '#4ade80' }
'.border-green-500': { borderColor: '#22c55e' }
'.border-green-600': { borderColor: '#16a34a' }
'.border-green-700': { borderColor: '#15803d' }
'.border-green-800': { borderColor: '#166534' }
'.border-green-900': { borderColor: '#14532d' }
'.border-lime-50': { borderColor: '#f7fee7' }
'.border-lime-100': { borderColor: '#ecfccb' }
'.border-lime-200': { borderColor: '#d9f99d' }
'.border-lime-300': { borderColor: '#bef264' }
'.border-lime-400': { borderColor: '#a3e635' }
'.border-lime-500': { borderColor: '#84cc16' }
'.border-lime-600': { borderColor: '#65a30d' }
'.border-lime-700': { borderColor: '#4d7c0f' }
'.border-lime-800': { borderColor: '#3f6212' }
'.border-lime-900': { borderColor: '#365314' }
'.border-yellow-50': { borderColor: '#fefce8' }
'.bo