purgetss 6.2.27 → 6.2.28

package/README.md

@@ -10,12 +10,13 @@
 
 </div>
 
-**PurgeTSS** is a package that helps **[Titanium developers](https://tidev.io/)** create visually appealing mobile apps more easily, with features including highly customizable utility classes, icon fonts support, a basic Animation module, a simple grid system, and a shades command for creating custom colors.
+**PurgeTSS** serves as a valuable toolkit tailored to streamline the mobile app development journey for **[Titanium developers](https://tidev.io/)**. By offering a range of user-friendly functionalities, including the ability to fine-tune utility classes, seamless integration of icon fonts, a foundational Animation module, a straightforward grid system, and the innovative 'shades' command for personalized color palettes, PurgeTSS aims to simplify the creation of visually captivating mobile applications.
 
 ---
 
-# Key features of PurgeTSS
-- Provides more than 19,000 **[Tailwind-like](https://tailwindcss.com/)** utility classes ready to use in your projects.
+Now, let's delve into the key features that make **PurgeTSS** a game-changer for developers:
+
+- Provides more than 21,000 **[Tailwind-like](https://tailwindcss.com/)** utility classes 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 via a simple configuration file, or create **just-in-time** classes with **arbitrary values** within your Views.
 - You can easily use icon fonts from **Font Awesome**, **Material Icons**, **Material Symbols**, and **Framework7-Icons** on Buttons and Labels.

package/dist/glossary/constantProperties/anchorPoint.md

@@ -0,0 +1,24 @@
+```scss
+// Property(ies): anchorPoint
+// Component(s): Ti.UI.Animation, Ti.UI.View
+'.origin-center': { anchorPoint: { x: 0.5, y: 0.5 } }
+'.origin-top': { anchorPoint: { x: 0.5, y: 0 } }
+'.origin-top-right': { anchorPoint: { x: 1, y: 0 } }
+'.origin-right': { anchorPoint: { x: 0.5, y: 1 } }
+'.origin-bottom-right': { anchorPoint: { x: 1, y: 1 } }
+'.origin-bottom': { anchorPoint: { x: 0.5, y: 1 } }
+'.origin-bottom-left': { anchorPoint: { x: 0, y: 1 } }
+'.origin-left': { anchorPoint: { x: 0, y: 0.5 } }
+'.origin-top-left': { anchorPoint: { x: 0, y: 0 } }
+
+// anchor-point-{position} variant
+'.anchor-point-center': { anchorPoint: { x: 0.5, y: 0.5 } }
+'.anchor-point-top': { anchorPoint: { x: 0.5, y: 0 } }
+'.anchor-point-top-right': { anchorPoint: { x: 1, y: 0 } }
+'.anchor-point-right': { anchorPoint: { x: 0.5, y: 1 } }
+'.anchor-point-bottom-right': { anchorPoint: { x: 1, y: 1 } }
+'.anchor-point-bottom': { anchorPoint: { x: 0.5, y: 1 } }
+'.anchor-point-bottom-left': { anchorPoint: { x: 0, y: 1 } }
+'.anchor-point-left': { anchorPoint: { x: 0, y: 0.5 } }
+'.anchor-point-top-left': { anchorPoint: { x: 0, y: 0 } }
+```

package/dist/glossary/constantProperties/autocapitalization-alternative.md

@@ -0,0 +1,8 @@
+```scss
+// Property(ies): autocapitalization
+// Component(s): Ti.UI.SearchBar, Ti.UI.TextArea, Ti.UI.TextField
+'.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 }
+```

package/dist/glossary/constantProperties/backgroundGradient-linear.md

@@ -0,0 +1,25 @@
+```scss
+// Property(ies): backgroundGradient - Linear
+// Component(s): Ti.UI.MaskedImage
+'.bg-linear': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '50%', y: '100%' }, endPoint: { x: '50%', y: '0%' } } }
+'.bg-linear-to-t': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } }
+'.bg-linear-to-tr': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } }
+'.bg-linear-to-r': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '0%' } } }
+'.bg-linear-to-br': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '0%', y: '0%' } } }
+'.bg-linear-to-b': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-linear-to-bl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-linear-to-l': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-linear-to-tl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '100%' } } }
+
+// Property(ies): backgroundGradient - Gradient
+// Component(s): Ti.UI.MaskedImage
+'.bg-gradient': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '50%', y: '100%' }, endPoint: { x: '50%', y: '0%' } } }
+'.bg-gradient-to-t': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } }
+'.bg-gradient-to-tr': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '100%' } } }
+'.bg-gradient-to-r': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '0%' }, endPoint: { x: '0%', y: '0%' } } }
+'.bg-gradient-to-br': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '0%', y: '0%' } } }
+'.bg-gradient-to-b': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '100%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-gradient-to-bl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '100%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-gradient-to-l': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-gradient-to-tl': { backgroundGradient: { type: 'linear', backfillStart: true, startPoint: { x: '0%', y: '0%' }, endPoint: { x: '100%', y: '100%' } } }
+```

package/dist/glossary/constantProperties/backgroundGradient-radial.md

@@ -0,0 +1,13 @@
+```scss
+// Property(ies): backgroundGradient: type, startRadius, endRadius, backfillStart, backfillEnd - iOS Only
+// Component(s): Ti.UI.ListItem, Ti.UI.View
+'.bg-radial': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '125%', endRadius: '0%' } }
+'.bg-radial-to-b': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '50%', y: '0%' }, endPoint: { x: '50%', y: '0%' } } }
+'.bg-radial-to-bl': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '100%', y: '0%' }, endPoint: { x: '100%', y: '0%' } } }
+'.bg-radial-to-l': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '100%', y: '50%' }, endPoint: { x: '100%', y: '50%' } } }
+'.bg-radial-to-tl': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '100%', y: '100%' }, endPoint: { x: '100%', y: '100%' } } }
+'.bg-radial-to-t': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '50%', y: '100%' }, endPoint: { x: '50%', y: '100%' } } }
+'.bg-radial-to-tr': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '0%', y: '100%' }, endPoint: { x: '0%', y: '100%' } } }
+'.bg-radial-to-r': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '0%', y: '50%' }, endPoint: { x: '0%', y: '50%' } } }
+'.bg-radial-to-br': { backgroundGradient: { type: 'radial', backfillStart: true, backfillEnd: true, startRadius: '150%', endRadius: '0%', startPoint: { x: '0%', y: '0%' }, endPoint: { x: '0%', y: '0%' } } }
+```

package/dist/glossary/constantProperties/backgroundGradient.md

@@ -0,0 +1,497 @@
+```scss
+// Property(ies): backgroundGradient: colors - From Color
+// Component(s): Ti.UI.ListItem, Ti.UI.View
+'.from-transparent': { backgroundGradient: { colors: [ 'transparent', 'transparent' ] } }
+'.from-black': { backgroundGradient: { colors: [ '#00000000', '#000000' ] } }
+'.from-white': { backgroundGradient: { colors: [ '#00ffffff', '#ffffff' ] } }
+'.from-slate-50': { backgroundGradient: { colors: [ '#00f8fafc', '#f8fafc' ] } }
+'.from-slate-100': { backgroundGradient: { colors: [ '#00f1f5f9', '#f1f5f9' ] } }
+'.from-slate-200': { backgroundGradient: { colors: [ '#00e2e8f0', '#e2e8f0' ] } }
+'.from-slate-300': { backgroundGradient: { colors: [ '#00cbd5e1', '#cbd5e1' ] } }
+'.from-slate-400': { backgroundGradient: { colors: [ '#0094a3b8', '#94a3b8' ] } }
+'.from-slate-500': { backgroundGradient: { colors: [ '#0064748b', '#64748b' ] } }
+'.from-slate-600': { backgroundGradient: { colors: [ '#00475569', '#475569' ] } }
+'.from-slate-700': { backgroundGradient: { colors: [ '#00334155', '#334155' ] } }
+'.from-slate-800': { backgroundGradient: { colors: [ '#001e293b', '#1e293b' ] } }
+'.from-slate-900': { backgroundGradient: { colors: [ '#000f172a', '#0f172a' ] } }
+'.from-slate-950': { backgroundGradient: { colors: [ '#00020617', '#020617' ] } }
+'.from-gray-50': { backgroundGradient: { colors: [ '#00f9fafb', '#f9fafb' ] } }
+'.from-gray-100': { backgroundGradient: { colors: [ '#00f3f4f6', '#f3f4f6' ] } }
+'.from-gray-200': { backgroundGradient: { colors: [ '#00e5e7eb', '#e5e7eb' ] } }
+'.from-gray-300': { backgroundGradient: { colors: [ '#00d1d5db', '#d1d5db' ] } }
+'.from-gray-400': { backgroundGradient: { colors: [ '#009ca3af', '#9ca3af' ] } }
+'.from-gray-500': { backgroundGradient: { colors: [ '#006b7280', '#6b7280' ] } }
+'.from-gray-600': { backgroundGradient: { colors: [ '#004b5563', '#4b5563' ] } }
+'.from-gray-700': { backgroundGradient: { colors: [ '#00374151', '#374151' ] } }
+'.from-gray-800': { backgroundGradient: { colors: [ '#001f2937', '#1f2937' ] } }
+'.from-gray-900': { backgroundGradient: { colors: [ '#00111827', '#111827' ] } }
+'.from-gray-950': { backgroundGradient: { colors: [ '#00030712', '#030712' ] } }
+'.from-zinc-50': { backgroundGradient: { colors: [ '#00fafafa', '#fafafa' ] } }
+'.from-zinc-100': { backgroundGradient: { colors: [ '#00f4f4f5', '#f4f4f5' ] } }
+'.from-zinc-200': { backgroundGradient: { colors: [ '#00e4e4e7', '#e4e4e7' ] } }
+'.from-zinc-300': { backgroundGradient: { colors: [ '#00d4d4d8', '#d4d4d8' ] } }
+'.from-zinc-400': { backgroundGradient: { colors: [ '#00a1a1aa', '#a1a1aa' ] } }
+'.from-zinc-500': { backgroundGradient: { colors: [ '#0071717a', '#71717a' ] } }
+'.from-zinc-600': { backgroundGradient: { colors: [ '#0052525b', '#52525b' ] } }
+'.from-zinc-700': { backgroundGradient: { colors: [ '#003f3f46', '#3f3f46' ] } }
+'.from-zinc-800': { backgroundGradient: { colors: [ '#0027272a', '#27272a' ] } }
+'.from-zinc-900': { backgroundGradient: { colors: [ '#0018181b', '#18181b' ] } }
+'.from-zinc-950': { backgroundGradient: { colors: [ '#0009090b', '#09090b' ] } }
+'.from-neutral-50': { backgroundGradient: { colors: [ '#00fafafa', '#fafafa' ] } }
+'.from-neutral-100': { backgroundGradient: { colors: [ '#00f5f5f5', '#f5f5f5' ] } }
+'.from-neutral-200': { backgroundGradient: { colors: [ '#00e5e5e5', '#e5e5e5' ] } }
+'.from-neutral-300': { backgroundGradient: { colors: [ '#00d4d4d4', '#d4d4d4' ] } }
+'.from-neutral-400': { backgroundGradient: { colors: [ '#00a3a3a3', '#a3a3a3' ] } }
+'.from-neutral-500': { backgroundGradient: { colors: [ '#00737373', '#737373' ] } }
+'.from-neutral-600': { backgroundGradient: { colors: [ '#00525252', '#525252' ] } }
+'.from-neutral-700': { backgroundGradient: { colors: [ '#00404040', '#404040' ] } }
+'.from-neutral-800': { backgroundGradient: { colors: [ '#00262626', '#262626' ] } }
+'.from-neutral-900': { backgroundGradient: { colors: [ '#00171717', '#171717' ] } }
+'.from-neutral-950': { backgroundGradient: { colors: [ '#000a0a0a', '#0a0a0a' ] } }
+'.from-stone-50': { backgroundGradient: { colors: [ '#00fafaf9', '#fafaf9' ] } }
+'.from-stone-100': { backgroundGradient: { colors: [ '#00f5f5f4', '#f5f5f4' ] } }
+'.from-stone-200': { backgroundGradient: { colors: [ '#00e7e5e4', '#e7e5e4' ] } }
+'.from-stone-300': { backgroundGradient: { colors: [ '#00d6d3d1', '#d6d3d1' ] } }
+'.from-stone-400': { backgroundGradient: { colors: [ '#00a8a29e', '#a8a29e' ] } }
+'.from-stone-500': { backgroundGradient: { colors: [ '#0078716c', '#78716c' ] } }
+'.from-stone-600': { backgroundGradient: { colors: [ '#0057534e', '#57534e' ] } }
+'.from-stone-700': { backgroundGradient: { colors: [ '#0044403c', '#44403c' ] } }
+'.from-stone-800': { backgroundGradient: { colors: [ '#00292524', '#292524' ] } }
+'.from-stone-900': { backgroundGradient: { colors: [ '#001c1917', '#1c1917' ] } }
+'.from-stone-950': { backgroundGradient: { colors: [ '#000c0a09', '#0c0a09' ] } }
+'.from-red-50': { backgroundGradient: { colors: [ '#00fef2f2', '#fef2f2' ] } }
+'.from-red-100': { backgroundGradient: { colors: [ '#00fee2e2', '#fee2e2' ] } }
+'.from-red-200': { backgroundGradient: { colors: [ '#00fecaca', '#fecaca' ] } }
+'.from-red-300': { backgroundGradient: { colors: [ '#00fca5a5', '#fca5a5' ] } }
+'.from-red-400': { backgroundGradient: { colors: [ '#00f87171', '#f87171' ] } }
+'.from-red-500': { backgroundGradient: { colors: [ '#00ef4444', '#ef4444' ] } }
+'.from-red-600': { backgroundGradient: { colors: [ '#00dc2626', '#dc2626' ] } }
+'.from-red-700': { backgroundGradient: { colors: [ '#00b91c1c', '#b91c1c' ] } }
+'.from-red-800': { backgroundGradient: { colors: [ '#00991b1b', '#991b1b' ] } }
+'.from-red-900': { backgroundGradient: { colors: [ '#007f1d1d', '#7f1d1d' ] } }
+'.from-red-950': { backgroundGradient: { colors: [ '#00450a0a', '#450a0a' ] } }
+'.from-orange-50': { backgroundGradient: { colors: [ '#00fff7ed', '#fff7ed' ] } }
+'.from-orange-100': { backgroundGradient: { colors: [ '#00ffedd5', '#ffedd5' ] } }
+'.from-orange-200': { backgroundGradient: { colors: [ '#00fed7aa', '#fed7aa' ] } }
+'.from-orange-300': { backgroundGradient: { colors: [ '#00fdba74', '#fdba74' ] } }
+'.from-orange-400': { backgroundGradient: { colors: [ '#00fb923c', '#fb923c' ] } }
+'.from-orange-500': { backgroundGradient: { colors: [ '#00f97316', '#f97316' ] } }
+'.from-orange-600': { backgroundGradient: { colors: [ '#00ea580c', '#ea580c' ] } }
+'.from-orange-700': { backgroundGradient: { colors: [ '#00c2410c', '#c2410c' ] } }
+'.from-orange-800': { backgroundGradient: { colors: [ '#009a3412', '#9a3412' ] } }
+'.from-orange-900': { backgroundGradient: { colors: [ '#007c2d12', '#7c2d12' ] } }
+'.from-orange-950': { backgroundGradient: { colors: [ '#00431407', '#431407' ] } }
+'.from-amber-50': { backgroundGradient: { colors: [ '#00fffbeb', '#fffbeb' ] } }
+'.from-amber-100': { backgroundGradient: { colors: [ '#00fef3c7', '#fef3c7' ] } }
+'.from-amber-200': { backgroundGradient: { colors: [ '#00fde68a', '#fde68a' ] } }
+'.from-amber-300': { backgroundGradient: { colors: [ '#00fcd34d', '#fcd34d' ] } }
+'.from-amber-400': { backgroundGradient: { colors: [ '#00fbbf24', '#fbbf24' ] } }
+'.from-amber-500': { backgroundGradient: { colors: [ '#00f59e0b', '#f59e0b' ] } }
+'.from-amber-600': { backgroundGradient: { colors: [ '#00d97706', '#d97706' ] } }
+'.from-amber-700': { backgroundGradient: { colors: [ '#00b45309', '#b45309' ] } }
+'.from-amber-800': { backgroundGradient: { colors: [ '#0092400e', '#92400e' ] } }
+'.from-amber-900': { backgroundGradient: { colors: [ '#0078350f', '#78350f' ] } }
+'.from-amber-950': { backgroundGradient: { colors: [ '#00451a03', '#451a03' ] } }
+'.from-yellow-50': { backgroundGradient: { colors: [ '#00fefce8', '#fefce8' ] } }
+'.from-yellow-100': { backgroundGradient: { colors: [ '#00fef9c3', '#fef9c3' ] } }
+'.from-yellow-200': { backgroundGradient: { colors: [ '#00fef08a', '#fef08a' ] } }
+'.from-yellow-300': { backgroundGradient: { colors: [ '#00fde047', '#fde047' ] } }
+'.from-yellow-400': { backgroundGradient: { colors: [ '#00facc15', '#facc15' ] } }
+'.from-yellow-500': { backgroundGradient: { colors: [ '#00eab308', '#eab308' ] } }
+'.from-yellow-600': { backgroundGradient: { colors: [ '#00ca8a04', '#ca8a04' ] } }
+'.from-yellow-700': { backgroundGradient: { colors: [ '#00a16207', '#a16207' ] } }
+'.from-yellow-800': { backgroundGradient: { colors: [ '#00854d0e', '#854d0e' ] } }
+'.from-yellow-900': { backgroundGradient: { colors: [ '#00713f12', '#713f12' ] } }
+'.from-yellow-950': { backgroundGradient: { colors: [ '#00422006', '#422006' ] } }
+'.from-lime-50': { backgroundGradient: { colors: [ '#00f7fee7', '#f7fee7' ] } }
+'.from-lime-100': { backgroundGradient: { colors: [ '#00ecfccb', '#ecfccb' ] } }
+'.from-lime-200': { backgroundGradient: { colors: [ '#00d9f99d', '#d9f99d' ] } }
+'.from-lime-300': { backgroundGradient: { colors: [ '#00bef264', '#bef264' ] } }
+'.from-lime-400': { backgroundGradient: { colors: [ '#00a3e635', '#a3e635' ] } }
+'.from-lime-500': { backgroundGradient: { colors: [ '#0084cc16', '#84cc16' ] } }
+'.from-lime-600': { backgroundGradient: { colors: [ '#0065a30d', '#65a30d' ] } }
+'.from-lime-700': { backgroundGradient: { colors: [ '#004d7c0f', '#4d7c0f' ] } }
+'.from-lime-800': { backgroundGradient: { colors: [ '#003f6212', '#3f6212' ] } }
+'.from-lime-900': { backgroundGradient: { colors: [ '#00365314', '#365314' ] } }
+'.from-lime-950': { backgroundGradient: { colors: [ '#001a2e05', '#1a2e05' ] } }
+'.from-green-50': { backgroundGradient: { colors: [ '#00f0fdf4', '#f0fdf4' ] } }
+'.from-green-100': { backgroundGradient: { colors: [ '#00dcfce7', '#dcfce7' ] } }
+'.from-green-200': { backgroundGradient: { colors: [ '#00bbf7d0', '#bbf7d0' ] } }
+'.from-green-300': { backgroundGradient: { colors: [ '#0086efac', '#86efac' ] } }
+'.from-green-400': { backgroundGradient: { colors: [ '#004ade80', '#4ade80' ] } }
+'.from-green-500': { backgroundGradient: { colors: [ '#0022c55e', '#22c55e' ] } }
+'.from-green-600': { backgroundGradient: { colors: [ '#0016a34a', '#16a34a' ] } }
+'.from-green-700': { backgroundGradient: { colors: [ '#0015803d', '#15803d' ] } }
+'.from-green-800': { backgroundGradient: { colors: [ '#00166534', '#166534' ] } }
+'.from-green-900': { backgroundGradient: { colors: [ '#0014532d', '#14532d' ] } }
+'.from-green-950': { backgroundGradient: { colors: [ '#00052e16', '#052e16' ] } }
+'.from-emerald-50': { backgroundGradient: { colors: [ '#00ecfdf5', '#ecfdf5' ] } }
+'.from-emerald-100': { backgroundGradient: { colors: [ '#00d1fae5', '#d1fae5' ] } }
+'.from-emerald-200': { backgroundGradient: { colors: [ '#00a7f3d0', '#a7f3d0' ] } }
+'.from-emerald-300': { backgroundGradient: { colors: [ '#006ee7b7', '#6ee7b7' ] } }
+'.from-emerald-400': { backgroundGradient: { colors: [ '#0034d399', '#34d399' ] } }
+'.from-emerald-500': { backgroundGradient: { colors: [ '#0010b981', '#10b981' ] } }
+'.from-emerald-600': { backgroundGradient: { colors: [ '#00059669', '#059669' ] } }
+'.from-emerald-700': { backgroundGradient: { colors: [ '#00047857', '#047857' ] } }
+'.from-emerald-800': { backgroundGradient: { colors: [ '#00065f46', '#065f46' ] } }
+'.from-emerald-900': { backgroundGradient: { colors: [ '#00064e3b', '#064e3b' ] } }
+'.from-emerald-950': { backgroundGradient: { colors: [ '#00022c22', '#022c22' ] } }
+'.from-teal-50': { backgroundGradient: { colors: [ '#00f0fdfa', '#f0fdfa' ] } }
+'.from-teal-100': { backgroundGradient: { colors: [ '#00ccfbf1', '#ccfbf1' ] } }
+'.from-teal-200': { backgroundGradient: { colors: [ '#0099f6e4', '#99f6e4' ] } }
+'.from-teal-300': { backgroundGradient: { colors: [ '#005eead4', '#5eead4' ] } }
+'.from-teal-400': { backgroundGradient: { colors: [ '#002dd4bf', '#2dd4bf' ] } }
+'.from-teal-500': { backgroundGradient: { colors: [ '#0014b8a6', '#14b8a6' ] } }
+'.from-teal-600': { backgroundGradient: { colors: [ '#000d9488', '#0d9488' ] } }
+'.from-teal-700': { backgroundGradient: { colors: [ '#000f766e', '#0f766e' ] } }
+'.from-teal-800': { backgroundGradient: { colors: [ '#00115e59', '#115e59' ] } }
+'.from-teal-900': { backgroundGradient: { colors: [ '#00134e4a', '#134e4a' ] } }
+'.from-teal-950': { backgroundGradient: { colors: [ '#00042f2e', '#042f2e' ] } }
+'.from-cyan-50': { backgroundGradient: { colors: [ '#00ecfeff', '#ecfeff' ] } }
+'.from-cyan-100': { backgroundGradient: { colors: [ '#00cffafe', '#cffafe' ] } }
+'.from-cyan-200': { backgroundGradient: { colors: [ '#00a5f3fc', '#a5f3fc' ] } }
+'.from-cyan-300': { backgroundGradient: { colors: [ '#0067e8f9', '#67e8f9' ] } }
+'.from-cyan-400': { backgroundGradient: { colors: [ '#0022d3ee', '#22d3ee' ] } }
+'.from-cyan-500': { backgroundGradient: { colors: [ '#0006b6d4', '#06b6d4' ] } }
+'.from-cyan-600': { backgroundGradient: { colors: [ '#000891b2', '#0891b2' ] } }
+'.from-cyan-700': { backgroundGradient: { colors: [ '#000e7490', '#0e7490' ] } }
+'.from-cyan-800': { backgroundGradient: { colors: [ '#00155e75', '#155e75' ] } }
+'.from-cyan-900': { backgroundGradient: { colors: [ '#00164e63', '#164e63' ] } }
+'.from-cyan-950': { backgroundGradient: { colors: [ '#00083344', '#083344' ] } }
+'.from-sky-50': { backgroundGradient: { colors: [ '#00f0f9ff', '#f0f9ff' ] } }
+'.from-sky-100': { backgroundGradient: { colors: [ '#00e0f2fe', '#e0f2fe' ] } }
+'.from-sky-200': { backgroundGradient: { colors: [ '#00bae6fd', '#bae6fd' ] } }
+'.from-sky-300': { backgroundGradient: { colors: [ '#007dd3fc', '#7dd3fc' ] } }
+'.from-sky-400': { backgroundGradient: { colors: [ '#0038bdf8', '#38bdf8' ] } }
+'.from-sky-500': { backgroundGradient: { colors: [ '#000ea5e9', '#0ea5e9' ] } }
+'.from-sky-600': { backgroundGradient: { colors: [ '#000284c7', '#0284c7' ] } }
+'.from-sky-700': { backgroundGradient: { colors: [ '#000369a1', '#0369a1' ] } }
+'.from-sky-800': { backgroundGradient: { colors: [ '#00075985', '#075985' ] } }
+'.from-sky-900': { backgroundGradient: { colors: [ '#000c4a6e', '#0c4a6e' ] } }
+'.from-sky-950': { backgroundGradient: { colors: [ '#00082f49', '#082f49' ] } }
+'.from-blue-50': { backgroundGradient: { colors: [ '#00eff6ff', '#eff6ff' ] } }
+'.from-blue-100': { backgroundGradient: { colors: [ '#00dbeafe', '#dbeafe' ] } }
+'.from-blue-200': { backgroundGradient: { colors: [ '#00bfdbfe', '#bfdbfe' ] } }
+'.from-blue-300': { backgroundGradient: { colors: [ '#0093c5fd', '#93c5fd' ] } }
+'.from-blue-400': { backgroundGradient: { colors: [ '#0060a5fa', '#60a5fa' ] } }
+'.from-blue-500': { backgroundGradient: { colors: [ '#003b82f6', '#3b82f6' ] } }
+'.from-blue-600': { backgroundGradient: { colors: [ '#002563eb', '#2563eb' ] } }
+'.from-blue-700': { backgroundGradient: { colors: [ '#001d4ed8', '#1d4ed8' ] } }
+'.from-blue-800': { backgroundGradient: { colors: [ '#001e40af', '#1e40af' ] } }
+'.from-blue-900': { backgroundGradient: { colors: [ '#001e3a8a', '#1e3a8a' ] } }
+'.from-blue-950': { backgroundGradient: { colors: [ '#00172554', '#172554' ] } }
+'.from-indigo-50': { backgroundGradient: { colors: [ '#00eef2ff', '#eef2ff' ] } }
+'.from-indigo-100': { backgroundGradient: { colors: [ '#00e0e7ff', '#e0e7ff' ] } }
+'.from-indigo-200': { backgroundGradient: { colors: [ '#00c7d2fe', '#c7d2fe' ] } }
+'.from-indigo-300': { backgroundGradient: { colors: [ '#00a5b4fc', '#a5b4fc' ] } }
+'.from-indigo-400': { backgroundGradient: { colors: [ '#00818cf8', '#818cf8' ] } }
+'.from-indigo-500': { backgroundGradient: { colors: [ '#006366f1', '#6366f1' ] } }
+'.from-indigo-600': { backgroundGradient: { colors: [ '#004f46e5', '#4f46e5' ] } }
+'.from-indigo-700': { backgroundGradient: { colors: [ '#004338ca', '#4338ca' ] } }
+'.from-indigo-800': { backgroundGradient: { colors: [ '#003730a3', '#3730a3' ] } }
+'.from-indigo-900': { backgroundGradient: { colors: [ '#00312e81', '#312e81' ] } }
+'.from-indigo-950': { backgroundGradient: { colors: [ '#001e1b4b', '#1e1b4b' ] } }
+'.from-violet-50': { backgroundGradient: { colors: [ '#00f5f3ff', '#f5f3ff' ] } }
+'.from-violet-100': { backgroundGradient: { colors: [ '#00ede9fe', '#ede9fe' ] } }
+'.from-violet-200': { backgroundGradient: { colors: [ '#00ddd6fe', '#ddd6fe' ] } }
+'.from-violet-300': { backgroundGradient: { colors: [ '#00c4b5fd', '#c4b5fd' ] } }
+'.from-violet-400': { backgroundGradient: { colors: [ '#00a78bfa', '#a78bfa' ] } }
+'.from-violet-500': { backgroundGradient: { colors: [ '#008b5cf6', '#8b5cf6' ] } }
+'.from-violet-600': { backgroundGradient: { colors: [ '#007c3aed', '#7c3aed' ] } }
+'.from-violet-700': { backgroundGradient: { colors: [ '#006d28d9', '#6d28d9' ] } }
+'.from-violet-800': { backgroundGradient: { colors: [ '#005b21b6', '#5b21b6' ] } }
+'.from-violet-900': { backgroundGradient: { colors: [ '#004c1d95', '#4c1d95' ] } }
+'.from-violet-950': { backgroundGradient: { colors: [ '#002e1065', '#2e1065' ] } }
+'.from-purple-50': { backgroundGradient: { colors: [ '#00faf5ff', '#faf5ff' ] } }
+'.from-purple-100': { backgroundGradient: { colors: [ '#00f3e8ff', '#f3e8ff' ] } }
+'.from-purple-200': { backgroundGradient: { colors: [ '#00e9d5ff', '#e9d5ff' ] } }
+'.from-purple-300': { backgroundGradient: { colors: [ '#00d8b4fe', '#d8b4fe' ] } }
+'.from-purple-400': { backgroundGradient: { colors: [ '#00c084fc', '#c084fc' ] } }
+'.from-purple-500': { backgroundGradient: { colors: [ '#00a855f7', '#a855f7' ] } }
+'.from-purple-600': { backgroundGradient: { colors: [ '#009333ea', '#9333ea' ] } }
+'.from-purple-700': { backgroundGradient: { colors: [ '#007e22ce', '#7e22ce' ] } }
+'.from-purple-800': { backgroundGradient: { colors: [ '#006b21a8', '#6b21a8' ] } }
+'.from-purple-900': { backgroundGradient: { colors: [ '#00581c87', '#581c87' ] } }
+'.from-purple-950': { backgroundGradient: { colors: [ '#003b0764', '#3b0764' ] } }
+'.from-fuchsia-50': { backgroundGradient: { colors: [ '#00fdf4ff', '#fdf4ff' ] } }
+'.from-fuchsia-100': { backgroundGradient: { colors: [ '#00fae8ff', '#fae8ff' ] } }
+'.from-fuchsia-200': { backgroundGradient: { colors: [ '#00f5d0fe', '#f5d0fe' ] } }
+'.from-fuchsia-300': { backgroundGradient: { colors: [ '#00f0abfc', '#f0abfc' ] } }
+'.from-fuchsia-400': { backgroundGradient: { colors: [ '#00e879f9', '#e879f9' ] } }
+'.from-fuchsia-500': { backgroundGradient: { colors: [ '#00d946ef', '#d946ef' ] } }
+'.from-fuchsia-600': { backgroundGradient: { colors: [ '#00c026d3', '#c026d3' ] } }
+'.from-fuchsia-700': { backgroundGradient: { colors: [ '#00a21caf', '#a21caf' ] } }
+'.from-fuchsia-800': { backgroundGradient: { colors: [ '#0086198f', '#86198f' ] } }
+'.from-fuchsia-900': { backgroundGradient: { colors: [ '#00701a75', '#701a75' ] } }
+'.from-fuchsia-950': { backgroundGradient: { colors: [ '#004a044e', '#4a044e' ] } }
+'.from-pink-50': { backgroundGradient: { colors: [ '#00fdf2f8', '#fdf2f8' ] } }
+'.from-pink-100': { backgroundGradient: { colors: [ '#00fce7f3', '#fce7f3' ] } }
+'.from-pink-200': { backgroundGradient: { colors: [ '#00fbcfe8', '#fbcfe8' ] } }
+'.from-pink-300': { backgroundGradient: { colors: [ '#00f9a8d4', '#f9a8d4' ] } }
+'.from-pink-400': { backgroundGradient: { colors: [ '#00f472b6', '#f472b6' ] } }
+'.from-pink-500': { backgroundGradient: { colors: [ '#00ec4899', '#ec4899' ] } }
+'.from-pink-600': { backgroundGradient: { colors: [ '#00db2777', '#db2777' ] } }
+'.from-pink-700': { backgroundGradient: { colors: [ '#00be185d', '#be185d' ] } }
+'.from-pink-800': { backgroundGradient: { colors: [ '#009d174d', '#9d174d' ] } }
+'.from-pink-900': { backgroundGradient: { colors: [ '#00831843', '#831843' ] } }
+'.from-pink-950': { backgroundGradient: { colors: [ '#00500724', '#500724' ] } }
+'.from-rose-50': { backgroundGradient: { colors: [ '#00fff1f2', '#fff1f2' ] } }
+'.from-rose-100': { backgroundGradient: { colors: [ '#00ffe4e6', '#ffe4e6' ] } }
+'.from-rose-200': { backgroundGradient: { colors: [ '#00fecdd3', '#fecdd3' ] } }
+'.from-rose-300': { backgroundGradient: { colors: [ '#00fda4af', '#fda4af' ] } }
+'.from-rose-400': { backgroundGradient: { colors: [ '#00fb7185', '#fb7185' ] } }
+'.from-rose-500': { backgroundGradient: { colors: [ '#00f43f5e', '#f43f5e' ] } }
+'.from-rose-600': { backgroundGradient: { colors: [ '#00e11d48', '#e11d48' ] } }
+'.from-rose-700': { backgroundGradient: { colors: [ '#00be123c', '#be123c' ] } }
+'.from-rose-800': { backgroundGradient: { colors: [ '#009f1239', '#9f1239' ] } }
+'.from-rose-900': { backgroundGradient: { colors: [ '#00881337', '#881337' ] } }
+'.from-rose-950': { backgroundGradient: { colors: [ '#004c0519', '#4c0519' ] } }
+
+// Property(ies): backgroundGradient: colors - To Color
+// Component(s): Ti.UI.ListItem, Ti.UI.View
+'.to-transparent': { backgroundGradient: { colors: [ 'transparent' ] } }
+'.to-black': { backgroundGradient: { colors: [ '#000000' ] } }
+'.to-white': { backgroundGradient: { colors: [ '#ffffff' ] } }
+'.to-slate-50': { backgroundGradient: { colors: [ '#f8fafc' ] } }
+'.to-slate-100': { backgroundGradient: { colors: [ '#f1f5f9' ] } }
+'.to-slate-200': { backgroundGradient: { colors: [ '#e2e8f0' ] } }
+'.to-slate-300': { backgroundGradient: { colors: [ '#cbd5e1' ] } }
+'.to-slate-400': { backgroundGradient: { colors: [ '#94a3b8' ] } }
+'.to-slate-500': { backgroundGradient: { colors: [ '#64748b' ] } }
+'.to-slate-600': { backgroundGradient: { colors: [ '#475569' ] } }
+'.to-slate-700': { backgroundGradient: { colors: [ '#334155' ] } }
+'.to-slate-800': { backgroundGradient: { colors: [ '#1e293b' ] } }
+'.to-slate-900': { backgroundGradient: { colors: [ '#0f172a' ] } }
+'.to-slate-950': { backgroundGradient: { colors: [ '#020617' ] } }
+'.to-gray-50': { backgroundGradient: { colors: [ '#f9fafb' ] } }
+'.to-gray-100': { backgroundGradient: { colors: [ '#f3f4f6' ] } }
+'.to-gray-200': { backgroundGradient: { colors: [ '#e5e7eb' ] } }
+'.to-gray-300': { backgroundGradient: { colors: [ '#d1d5db' ] } }
+'.to-gray-400': { backgroundGradient: { colors: [ '#9ca3af' ] } }
+'.to-gray-500': { backgroundGradient: { colors: [ '#6b7280' ] } }
+'.to-gray-600': { backgroundGradient: { colors: [ '#4b5563' ] } }
+'.to-gray-700': { backgroundGradient: { colors: [ '#374151' ] } }
+'.to-gray-800': { backgroundGradient: { colors: [ '#1f2937' ] } }
+'.to-gray-900': { backgroundGradient: { colors: [ '#111827' ] } }
+'.to-gray-950': { backgroundGradient: { colors: [ '#030712' ] } }
+'.to-zinc-50': { backgroundGradient: { colors: [ '#fafafa' ] } }
+'.to-zinc-100': { backgroundGradient: { colors: [ '#f4f4f5' ] } }
+'.to-zinc-200': { backgroundGradient: { colors: [ '#e4e4e7' ] } }
+'.to-zinc-300': { backgroundGradient: { colors: [ '#d4d4d8' ] } }
+'.to-zinc-400': { backgroundGradient: { colors: [ '#a1a1aa' ] } }
+'.to-zinc-500': { backgroundGradient: { colors: [ '#71717a' ] } }
+'.to-zinc-600': { backgroundGradient: { colors: [ '#52525b' ] } }
+'.to-zinc-700': { backgroundGradient: { colors: [ '#3f3f46' ] } }
+'.to-zinc-800': { backgroundGradient: { colors: [ '#27272a' ] } }
+'.to-zinc-900': { backgroundGradient: { colors: [ '#18181b' ] } }
+'.to-zinc-950': { backgroundGradient: { colors: [ '#09090b' ] } }
+'.to-neutral-50': { backgroundGradient: { colors: [ '#fafafa' ] } }
+'.to-neutral-100': { backgroundGradient: { colors: [ '#f5f5f5' ] } }
+'.to-neutral-200': { backgroundGradient: { colors: [ '#e5e5e5' ] } }
+'.to-neutral-300': { backgroundGradient: { colors: [ '#d4d4d4' ] } }
+'.to-neutral-400': { backgroundGradient: { colors: [ '#a3a3a3' ] } }
+'.to-neutral-500': { backgroundGradient: { colors: [ '#737373' ] } }
+'.to-neutral-600': { backgroundGradient: { colors: [ '#525252' ] } }
+'.to-neutral-700': { backgroundGradient: { colors: [ '#404040' ] } }
+'.to-neutral-800': { backgroundGradient: { colors: [ '#262626' ] } }
+'.to-neutral-900': { backgroundGradient: { colors: [ '#171717' ] } }
+'.to-neutral-950': { backgroundGradient: { colors: [ '#0a0a0a' ] } }
+'.to-stone-50': { backgroundGradient: { colors: [ '#fafaf9' ] } }
+'.to-stone-100': { backgroundGradient: { colors: [ '#f5f5f4' ] } }
+'.to-stone-200': { backgroundGradient: { colors: [ '#e7e5e4' ] } }
+'.to-stone-300': { backgroundGradient: { colors: [ '#d6d3d1' ] } }
+'.to-stone-400': { backgroundGradient: { colors: [ '#a8a29e' ] } }
+'.to-stone-500': { backgroundGradient: { colors: [ '#78716c' ] } }
+'.to-stone-600': { backgroundGradient: { colors: [ '#57534e' ] } }
+'.to-stone-700': { backgroundGradient: { colors: [ '#44403c' ] } }
+'.to-stone-800': { backgroundGradient: { colors: [ '#292524' ] } }
+'.to-stone-900': { backgroundGradient: { colors: [ '#1c1917' ] } }
+'.to-stone-950': { backgroundGradient: { colors: [ '#0c0a09' ] } }
+'.to-red-50': { backgroundGradient: { colors: [ '#fef2f2' ] } }
+'.to-red-100': { backgroundGradient: { colors: [ '#fee2e2' ] } }
+'.to-red-200': { backgroundGradient: { colors: [ '#fecaca' ] } }
+'.to-red-300': { backgroundGradient: { colors: [ '#fca5a5' ] } }
+'.to-red-400': { backgroundGradient: { colors: [ '#f87171' ] } }
+'.to-red-500': { backgroundGradient: { colors: [ '#ef4444' ] } }
+'.to-red-600': { backgroundGradient: { colors: [ '#dc2626' ] } }
+'.to-red-700': { backgroundGradient: { colors: [ '#b91c1c' ] } }
+'.to-red-800': { backgroundGradient: { colors: [ '#991b1b' ] } }
+'.to-red-900': { backgroundGradient: { colors: [ '#7f1d1d' ] } }
+'.to-red-950': { backgroundGradient: { colors: [ '#450a0a' ] } }
+'.to-orange-50': { backgroundGradient: { colors: [ '#fff7ed' ] } }
+'.to-orange-100': { backgroundGradient: { colors: [ '#ffedd5' ] } }
+'.to-orange-200': { backgroundGradient: { colors: [ '#fed7aa' ] } }
+'.to-orange-300': { backgroundGradient: { colors: [ '#fdba74' ] } }
+'.to-orange-400': { backgroundGradient: { colors: [ '#fb923c' ] } }
+'.to-orange-500': { backgroundGradient: { colors: [ '#f97316' ] } }
+'.to-orange-600': { backgroundGradient: { colors: [ '#ea580c' ] } }
+'.to-orange-700': { backgroundGradient: { colors: [ '#c2410c' ] } }
+'.to-orange-800': { backgroundGradient: { colors: [ '#9a3412' ] } }
+'.to-orange-900': { backgroundGradient: { colors: [ '#7c2d12' ] } }
+'.to-orange-950': { backgroundGradient: { colors: [ '#431407' ] } }
+'.to-amber-50': { backgroundGradient: { colors: [ '#fffbeb' ] } }
+'.to-amber-100': { backgroundGradient: { colors: [ '#fef3c7' ] } }
+'.to-amber-200': { backgroundGradient: { colors: [ '#fde68a' ] } }
+'.to-amber-300': { backgroundGradient: { colors: [ '#fcd34d' ] } }
+'.to-amber-400': { backgroundGradient: { colors: [ '#fbbf24' ] } }
+'.to-amber-500': { backgroundGradient: { colors: [ '#f59e0b' ] } }
+'.to-amber-600': { backgroundGradient: { colors: [ '#d97706' ] } }
+'.to-amber-700': { backgroundGradient: { colors: [ '#b45309' ] } }
+'.to-amber-800': { backgroundGradient: { colors: [ '#92400e' ] } }
+'.to-amber-900': { backgroundGradient: { colors: [ '#78350f' ] } }
+'.to-amber-950': { backgroundGradient: { colors: [ '#451a03' ] } }
+'.to-yellow-50': { backgroundGradient: { colors: [ '#fefce8' ] } }
+'.to-yellow-100': { backgroundGradient: { colors: [ '#fef9c3' ] } }
+'.to-yellow-200': { backgroundGradient: { colors: [ '#fef08a' ] } }
+'.to-yellow-300': { backgroundGradient: { colors: [ '#fde047' ] } }
+'.to-yellow-400': { backgroundGradient: { colors: [ '#facc15' ] } }
+'.to-yellow-500': { backgroundGradient: { colors: [ '#eab308' ] } }
+'.to-yellow-600': { backgroundGradient: { colors: [ '#ca8a04' ] } }
+'.to-yellow-700': { backgroundGradient: { colors: [ '#a16207' ] } }
+'.to-yellow-800': { backgroundGradient: { colors: [ '#854d0e' ] } }
+'.to-yellow-900': { backgroundGradient: { colors: [ '#713f12' ] } }
+'.to-yellow-950': { backgroundGradient: { colors: [ '#422006' ] } }
+'.to-lime-50': { backgroundGradient: { colors: [ '#f7fee7' ] } }
+'.to-lime-100': { backgroundGradient: { colors: [ '#ecfccb' ] } }
+'.to-lime-200': { backgroundGradient: { colors: [ '#d9f99d' ] } }
+'.to-lime-300': { backgroundGradient: { colors: [ '#bef264' ] } }
+'.to-lime-400': { backgroundGradient: { colors: [ '#a3e635' ] } }
+'.to-lime-500': { backgroundGradient: { colors: [ '#84cc16' ] } }
+'.to-lime-600': { backgroundGradient: { colors: [ '#65a30d' ] } }
+'.to-lime-700': { backgroundGradient: { colors: [ '#4d7c0f' ] } }
+'.to-lime-800': { backgroundGradient: { colors: [ '#3f6212' ] } }
+'.to-lime-900': { backgroundGradient: { colors: [ '#365314' ] } }
+'.to-lime-950': { backgroundGradient: { colors: [ '#1a2e05' ] } }
+'.to-green-50': { backgroundGradient: { colors: [ '#f0fdf4' ] } }
+'.to-green-100': { backgroundGradient: { colors: [ '#dcfce7' ] } }
+'.to-green-200': { backgroundGradient: { colors: [ '#bbf7d0' ] } }
+'.to-green-300': { backgroundGradient: { colors: [ '#86efac' ] } }
+'.to-green-400': { backgroundGradient: { colors: [ '#4ade80' ] } }
+'.to-green-500': { backgroundGradient: { colors: [ '#22c55e' ] } }
+'.to-green-600': { backgroundGradient: { colors: [ '#16a34a' ] } }
+'.to-green-700': { backgroundGradient: { colors: [ '#15803d' ] } }
+'.to-green-800': { backgroundGradient: { colors: [ '#166534' ] } }
+'.to-green-900': { backgroundGradient: { colors: [ '#14532d' ] } }
+'.to-green-950': { backgroundGradient: { colors: [ '#052e16' ] } }
+'.to-emerald-50': { backgroundGradient: { colors: [ '#ecfdf5' ] } }
+'.to-emerald-100': { backgroundGradient: { colors: [ '#d1fae5' ] } }
+'.to-emerald-200': { backgroundGradient: { colors: [ '#a7f3d0' ] } }
+'.to-emerald-300': { backgroundGradient: { colors: [ '#6ee7b7' ] } }
+'.to-emerald-400': { backgroundGradient: { colors: [ '#34d399' ] } }
+'.to-emerald-500': { backgroundGradient: { colors: [ '#10b981' ] } }
+'.to-emerald-600': { backgroundGradient: { colors: [ '#059669' ] } }
+'.to-emerald-700': { backgroundGradient: { colors: [ '#047857' ] } }
+'.to-emerald-800': { backgroundGradient: { colors: [ '#065f46' ] } }
+'.to-emerald-900': { backgroundGradient: { colors: [ '#064e3b' ] } }
+'.to-emerald-950': { backgroundGradient: { colors: [ '#022c22' ] } }
+'.to-teal-50': { backgroundGradient: { colors: [ '#f0fdfa' ] } }
+'.to-teal-100': { backgroundGradient: { colors: [ '#ccfbf1' ] } }
+'.to-teal-200': { backgroundGradient: { colors: [ '#99f6e4' ] } }
+'.to-teal-300': { backgroundGradient: { colors: [ '#5eead4' ] } }
+'.to-teal-400': { backgroundGradient: { colors: [ '#2dd4bf' ] } }
+'.to-teal-500': { backgroundGradient: { colors: [ '#14b8a6' ] } }
+'.to-teal-600': { backgroundGradient: { colors: [ '#0d9488' ] } }
+'.to-teal-700': { backgroundGradient: { colors: [ '#0f766e' ] } }
+'.to-teal-800': { backgroundGradient: { colors: [ '#115e59' ] } }
+'.to-teal-900': { backgroundGradient: { colors: [ '#134e4a' ] } }
+'.to-teal-950': { backgroundGradient: { colors: [ '#042f2e' ] } }
+'.to-cyan-50': { backgroundGradient: { colors: [ '#ecfeff' ] } }
+'.to-cyan-100': { backgroundGradient: { colors: [ '#cffafe' ] } }
+'.to-cyan-200': { backgroundGradient: { colors: [ '#a5f3fc' ] } }
+'.to-cyan-300': { backgroundGradient: { colors: [ '#67e8f9' ] } }
+'.to-cyan-400': { backgroundGradient: { colors: [ '#22d3ee' ] } }
+'.to-cyan-500': { backgroundGradient: { colors: [ '#06b6d4' ] } }
+'.to-cyan-600': { backgroundGradient: { colors: [ '#0891b2' ] } }
+'.to-cyan-700': { backgroundGradient: { colors: [ '#0e7490' ] } }
+'.to-cyan-800': { backgroundGradient: { colors: [ '#155e75' ] } }
+'.to-cyan-900': { backgroundGradient: { colors: [ '#164e63' ] } }
+'.to-cyan-950': { backgroundGradient: { colors: [ '#083344' ] } }
+'.to-sky-50': { backgroundGradient: { colors: [ '#f0f9ff' ] } }
+'.to-sky-100': { backgroundGradient: { colors: [ '#e0f2fe' ] } }
+'.to-sky-200': { backgroundGradient: { colors: [ '#bae6fd' ] } }
+'.to-sky-300': { backgroundGradient: { colors: [ '#7dd3fc' ] } }
+'.to-sky-400': { backgroundGradient: { colors: [ '#38bdf8' ] } }
+'.to-sky-500': { backgroundGradient: { colors: [ '#0ea5e9' ] } }
+'.to-sky-600': { backgroundGradient: { colors: [ '#0284c7' ] } }
+'.to-sky-700': { backgroundGradient: { colors: [ '#0369a1' ] } }
+'.to-sky-800': { backgroundGradient: { colors: [ '#075985' ] } }
+'.to-sky-900': { backgroundGradient: { colors: [ '#0c4a6e' ] } }
+'.to-sky-950': { backgroundGradient: { colors: [ '#082f49' ] } }
+'.to-blue-50': { backgroundGradient: { colors: [ '#eff6ff' ] } }
+'.to-blue-100': { backgroundGradient: { colors: [ '#dbeafe' ] } }
+'.to-blue-200': { backgroundGradient: { colors: [ '#bfdbfe' ] } }
+'.to-blue-300': { backgroundGradient: { colors: [ '#93c5fd' ] } }
+'.to-blue-400': { backgroundGradient: { colors: [ '#60a5fa' ] } }
+'.to-blue-500': { backgroundGradient: { colors: [ '#3b82f6' ] } }
+'.to-blue-600': { backgroundGradient: { colors: [ '#2563eb' ] } }
+'.to-blue-700': { backgroundGradient: { colors: [ '#1d4ed8' ] } }
+'.to-blue-800': { backgroundGradient: { colors: [ '#1e40af' ] } }
+'.to-blue-900': { backgroundGradient: { colors: [ '#1e3a8a' ] } }
+'.to-blue-950': { backgroundGradient: { colors: [ '#172554' ] } }
+'.to-indigo-50': { backgroundGradient: { colors: [ '#eef2ff' ] } }
+'.to-indigo-100': { backgroundGradient: { colors: [ '#e0e7ff' ] } }
+'.to-indigo-200': { backgroundGradient: { colors: [ '#c7d2fe' ] } }
+'.to-indigo-300': { backgroundGradient: { colors: [ '#a5b4fc' ] } }
+'.to-indigo-400': { backgroundGradient: { colors: [ '#818cf8' ] } }
+'.to-indigo-500': { backgroundGradient: { colors: [ '#6366f1' ] } }
+'.to-indigo-600': { backgroundGradient: { colors: [ '#4f46e5' ] } }
+'.to-indigo-700': { backgroundGradient: { colors: [ '#4338ca' ] } }
+'.to-indigo-800': { backgroundGradient: { colors: [ '#3730a3' ] } }
+'.to-indigo-900': { backgroundGradient: { colors: [ '#312e81' ] } }
+'.to-indigo-950': { backgroundGradient: { colors: [ '#1e1b4b' ] } }
+'.to-violet-50': { backgroundGradient: { colors: [ '#f5f3ff' ] } }
+'.to-violet-100': { backgroundGradient: { colors: [ '#ede9fe' ] } }
+'.to-violet-200': { backgroundGradient: { colors: [ '#ddd6fe' ] } }
+'.to-violet-300': { backgroundGradient: { colors: [ '#c4b5fd' ] } }
+'.to-violet-400': { backgroundGradient: { colors: [ '#a78bfa' ] } }
+'.to-violet-500': { backgroundGradient: { colors: [ '#8b5cf6' ] } }
+'.to-violet-600': { backgroundGradient: { colors: [ '#7c3aed' ] } }
+'.to-violet-700': { backgroundGradient: { colors: [ '#6d28d9' ] } }
+'.to-violet-800': { backgroundGradient: { colors: [ '#5b21b6' ] } }
+'.to-violet-900': { backgroundGradient: { colors: [ '#4c1d95' ] } }
+'.to-violet-950': { backgroundGradient: { colors: [ '#2e1065' ] } }
+'.to-purple-50': { backgroundGradient: { colors: [ '#faf5ff' ] } }
+'.to-purple-100': { backgroundGradient: { colors: [ '#f3e8ff' ] } }
+'.to-purple-200': { backgroundGradient: { colors: [ '#e9d5ff' ] } }
+'.to-purple-300': { backgroundGradient: { colors: [ '#d8b4fe' ] } }
+'.to-purple-400': { backgroundGradient: { colors: [ '#c084fc' ] } }
+'.to-purple-500': { backgroundGradient: { colors: [ '#a855f7' ] } }
+'.to-purple-600': { backgroundGradient: { colors: [ '#9333ea' ] } }
+'.to-purple-700': { backgroundGradient: { colors: [ '#7e22ce' ] } }
+'.to-purple-800': { backgroundGradient: { colors: [ '#6b21a8' ] } }
+'.to-purple-900': { backgroundGradient: { colors: [ '#581c87' ] } }
+'.to-purple-950': { backgroundGradient: { colors: [ '#3b0764' ] } }
+'.to-fuchsia-50': { backgroundGradient: { colors: [ '#fdf4ff' ] } }
+'.to-fuchsia-100': { backgroundGradient: { colors: [ '#fae8ff' ] } }
+'.to-fuchsia-200': { backgroundGradient: { colors: [ '#f5d0fe' ] } }
+'.to-fuchsia-300': { backgroundGradient: { colors: [ '#f0abfc' ] } }
+'.to-fuchsia-400': { backgroundGradient: { colors: [ '#e879f9' ] } }
+'.to-fuchsia-500': { backgroundGradient: { colors: [ '#d946ef' ] } }
+'.to-fuchsia-600': { backgroundGradient: { colors: [ '#c026d3' ] } }
+'.to-fuchsia-700': { backgroundGradient: { colors: [ '#a21caf' ] } }
+'.to-fuchsia-800': { backgroundGradient: { colors: [ '#86198f' ] } }
+'.to-fuchsia-900': { backgroundGradient: { colors: [ '#701a75' ] } }
+'.to-fuchsia-950': { backgroundGradient: { colors: [ '#4a044e' ] } }
+'.to-pink-50': { backgroundGradient: { colors: [ '#fdf2f8' ] } }
+'.to-pink-100': { backgroundGradient: { colors: [ '#fce7f3' ] } }
+'.to-pink-200': { backgroundGradient: { colors: [ '#fbcfe8' ] } }
+'.to-pink-300': { backgroundGradient: { colors: [ '#f9a8d4' ] } }
+'.to-pink-400': { backgroundGradient: { colors: [ '#f472b6' ] } }
+'.to-pink-500': { backgroundGradient: { colors: [ '#ec4899' ] } }
+'.to-pink-600': { backgroundGradient: { colors: [ '#db2777' ] } }
+'.to-pink-700': { backgroundGradient: { colors: [ '#be185d' ] } }
+'.to-pink-800': { backgroundGradient: { colors: [ '#9d174d' ] } }
+'.to-pink-900': { backgroundGradient: { colors: [ '#831843' ] } }
+'.to-pink-950': { backgroundGradient: { colors: [ '#500724' ] } }
+'.to-rose-50': { backgroundGradient: { colors: [ '#fff1f2' ] } }
+'.to-rose-100': { backgroundGradient: { colors: [ '#ffe4e6' ] } }
+'.to-rose-200': { backgroundGradient: { colors: [ '#fecdd3' ] } }
+'.to-rose-300': { backgroundGradient: { colors: [ '#fda4af' ] } }
+'.to-rose-400': { backgroundGradient: { colors: [ '#fb7185' ] } }
+'.to-rose-500': { backgroundGradient: { colors: [ '#f43f5e' ] } }
+'.to-rose-600': { backgroundGradient: { colors: [ '#e11d48' ] } }
+'.to-rose-700': { backgroundGradient: { colors: [ '#be123c' ] } }
+'.to-rose-800': { backgroundGradient: { colors: [ '#9f1239' ] } }
+'.to-rose-900': { backgroundGradient: { colors: [ '#881337' ] } }
+'.to-rose-950': { backgroundGradient: { colors: [ '#4c0519' ] } }
+```