native-variants
Version:
A library for handling variants in React Native components with theme support.
2,738 lines • 95.3 kB
TypeScript
/**
* Tailwind CSS color palette.
* Complete color system with all shades from 50 to 950.
* @see https://tailwindcss.com/docs/customizing-colors
*/
export declare const tailwindColors: {
/** @color transparent - Fully transparent */
readonly transparent: "transparent";
/** @color currentColor - Inherits current text color */
readonly current: "currentColor";
/** @color #000000 - Pure black */
readonly black: "#000000";
/** @color #FFFFFF - Pure white */
readonly white: "#FFFFFF";
/** @color #f8fafc - Slate 50 (lightest) */
readonly slate50: "#f8fafc";
/** @color #f1f5f9 - Slate 100 */
readonly slate100: "#f1f5f9";
/** @color #e2e8f0 - Slate 200 */
readonly slate200: "#e2e8f0";
/** @color #cbd5e1 - Slate 300 */
readonly slate300: "#cbd5e1";
/** @color #94a3b8 - Slate 400 */
readonly slate400: "#94a3b8";
/** @color #64748b - Slate 500 */
readonly slate500: "#64748b";
/** @color #475569 - Slate 600 */
readonly slate600: "#475569";
/** @color #334155 - Slate 700 */
readonly slate700: "#334155";
/** @color #1e293b - Slate 800 */
readonly slate800: "#1e293b";
/** @color #0f172a - Slate 900 */
readonly slate900: "#0f172a";
/** @color #020617 - Slate 950 (darkest) */
readonly slate950: "#020617";
/** @color #f9fafb - Gray 50 (lightest) */
readonly gray50: "#f9fafb";
/** @color #f3f4f6 - Gray 100 */
readonly gray100: "#f3f4f6";
/** @color #e5e7eb - Gray 200 */
readonly gray200: "#e5e7eb";
/** @color #d1d5db - Gray 300 */
readonly gray300: "#d1d5db";
/** @color #9ca3af - Gray 400 */
readonly gray400: "#9ca3af";
/** @color #6b7280 - Gray 500 */
readonly gray500: "#6b7280";
/** @color #4b5563 - Gray 600 */
readonly gray600: "#4b5563";
/** @color #374151 - Gray 700 */
readonly gray700: "#374151";
/** @color #1f2937 - Gray 800 */
readonly gray800: "#1f2937";
/** @color #111827 - Gray 900 */
readonly gray900: "#111827";
/** @color #030712 - Gray 950 (darkest) */
readonly gray950: "#030712";
/** @color #fafafa - Zinc 50 (lightest) */
readonly zinc50: "#fafafa";
/** @color #f4f4f5 - Zinc 100 */
readonly zinc100: "#f4f4f5";
/** @color #e4e4e7 - Zinc 200 */
readonly zinc200: "#e4e4e7";
/** @color #d4d4d8 - Zinc 300 */
readonly zinc300: "#d4d4d8";
/** @color #a1a1aa - Zinc 400 */
readonly zinc400: "#a1a1aa";
/** @color #71717a - Zinc 500 */
readonly zinc500: "#71717a";
/** @color #52525b - Zinc 600 */
readonly zinc600: "#52525b";
/** @color #3f3f46 - Zinc 700 */
readonly zinc700: "#3f3f46";
/** @color #27272a - Zinc 800 */
readonly zinc800: "#27272a";
/** @color #18181b - Zinc 900 */
readonly zinc900: "#18181b";
/** @color #09090b - Zinc 950 (darkest) */
readonly zinc950: "#09090b";
/** @color #fafafa - Neutral 50 (lightest) */
readonly neutral50: "#fafafa";
/** @color #f5f5f5 - Neutral 100 */
readonly neutral100: "#f5f5f5";
/** @color #e5e5e5 - Neutral 200 */
readonly neutral200: "#e5e5e5";
/** @color #d4d4d4 - Neutral 300 */
readonly neutral300: "#d4d4d4";
/** @color #a3a3a3 - Neutral 400 */
readonly neutral400: "#a3a3a3";
/** @color #737373 - Neutral 500 */
readonly neutral500: "#737373";
/** @color #525252 - Neutral 600 */
readonly neutral600: "#525252";
/** @color #404040 - Neutral 700 */
readonly neutral700: "#404040";
/** @color #262626 - Neutral 800 */
readonly neutral800: "#262626";
/** @color #171717 - Neutral 900 */
readonly neutral900: "#171717";
/** @color #0a0a0a - Neutral 950 (darkest) */
readonly neutral950: "#0a0a0a";
/** @color #fafaf9 - Stone 50 (lightest) */
readonly stone50: "#fafaf9";
/** @color #f5f5f4 - Stone 100 */
readonly stone100: "#f5f5f4";
/** @color #e7e5e4 - Stone 200 */
readonly stone200: "#e7e5e4";
/** @color #d6d3d1 - Stone 300 */
readonly stone300: "#d6d3d1";
/** @color #a8a29e - Stone 400 */
readonly stone400: "#a8a29e";
/** @color #78716c - Stone 500 */
readonly stone500: "#78716c";
/** @color #57534e - Stone 600 */
readonly stone600: "#57534e";
/** @color #44403c - Stone 700 */
readonly stone700: "#44403c";
/** @color #292524 - Stone 800 */
readonly stone800: "#292524";
/** @color #1c1917 - Stone 900 */
readonly stone900: "#1c1917";
/** @color #0c0a09 - Stone 950 (darkest) */
readonly stone950: "#0c0a09";
/** @color #fef2f2 - Red 50 (lightest) */
readonly red50: "#fef2f2";
/** @color #fee2e2 - Red 100 */
readonly red100: "#fee2e2";
/** @color #fecaca - Red 200 */
readonly red200: "#fecaca";
/** @color #fca5a5 - Red 300 */
readonly red300: "#fca5a5";
/** @color #f87171 - Red 400 */
readonly red400: "#f87171";
/** @color #ef4444 - Red 500 */
readonly red500: "#ef4444";
/** @color #dc2626 - Red 600 */
readonly red600: "#dc2626";
/** @color #b91c1c - Red 700 */
readonly red700: "#b91c1c";
/** @color #991b1b - Red 800 */
readonly red800: "#991b1b";
/** @color #7f1d1d - Red 900 */
readonly red900: "#7f1d1d";
/** @color #450a0a - Red 950 (darkest) */
readonly red950: "#450a0a";
/** @color #fff7ed - Orange 50 (lightest) */
readonly orange50: "#fff7ed";
/** @color #ffedd5 - Orange 100 */
readonly orange100: "#ffedd5";
/** @color #fed7aa - Orange 200 */
readonly orange200: "#fed7aa";
/** @color #fdba74 - Orange 300 */
readonly orange300: "#fdba74";
/** @color #fb923c - Orange 400 */
readonly orange400: "#fb923c";
/** @color #f97316 - Orange 500 */
readonly orange500: "#f97316";
/** @color #ea580c - Orange 600 */
readonly orange600: "#ea580c";
/** @color #c2410c - Orange 700 */
readonly orange700: "#c2410c";
/** @color #9a3412 - Orange 800 */
readonly orange800: "#9a3412";
/** @color #7c2d12 - Orange 900 */
readonly orange900: "#7c2d12";
/** @color #431407 - Orange 950 (darkest) */
readonly orange950: "#431407";
/** @color #fffbeb - Amber 50 (lightest) */
readonly amber50: "#fffbeb";
/** @color #fef3c7 - Amber 100 */
readonly amber100: "#fef3c7";
/** @color #fde68a - Amber 200 */
readonly amber200: "#fde68a";
/** @color #fcd34d - Amber 300 */
readonly amber300: "#fcd34d";
/** @color #fbbf24 - Amber 400 */
readonly amber400: "#fbbf24";
/** @color #f59e0b - Amber 500 */
readonly amber500: "#f59e0b";
/** @color #d97706 - Amber 600 */
readonly amber600: "#d97706";
/** @color #b45309 - Amber 700 */
readonly amber700: "#b45309";
/** @color #92400e - Amber 800 */
readonly amber800: "#92400e";
/** @color #78350f - Amber 900 */
readonly amber900: "#78350f";
/** @color #451a03 - Amber 950 (darkest) */
readonly amber950: "#451a03";
/** @color #fefce8 - Yellow 50 (lightest) */
readonly yellow50: "#fefce8";
/** @color #fef9c3 - Yellow 100 */
readonly yellow100: "#fef9c3";
/** @color #fef08a - Yellow 200 */
readonly yellow200: "#fef08a";
/** @color #fde047 - Yellow 300 */
readonly yellow300: "#fde047";
/** @color #facc15 - Yellow 400 */
readonly yellow400: "#facc15";
/** @color #eab308 - Yellow 500 */
readonly yellow500: "#eab308";
/** @color #ca8a04 - Yellow 600 */
readonly yellow600: "#ca8a04";
/** @color #a16207 - Yellow 700 */
readonly yellow700: "#a16207";
/** @color #854d0e - Yellow 800 */
readonly yellow800: "#854d0e";
/** @color #713f12 - Yellow 900 */
readonly yellow900: "#713f12";
/** @color #422006 - Yellow 950 (darkest) */
readonly yellow950: "#422006";
/** @color #f7fee7 - Lime 50 (lightest) */
readonly lime50: "#f7fee7";
/** @color #ecfccb - Lime 100 */
readonly lime100: "#ecfccb";
/** @color #d9f99d - Lime 200 */
readonly lime200: "#d9f99d";
/** @color #bef264 - Lime 300 */
readonly lime300: "#bef264";
/** @color #a3e635 - Lime 400 */
readonly lime400: "#a3e635";
/** @color #84cc16 - Lime 500 */
readonly lime500: "#84cc16";
/** @color #65a30d - Lime 600 */
readonly lime600: "#65a30d";
/** @color #4d7c0f - Lime 700 */
readonly lime700: "#4d7c0f";
/** @color #3f6212 - Lime 800 */
readonly lime800: "#3f6212";
/** @color #365314 - Lime 900 */
readonly lime900: "#365314";
/** @color #1a2e05 - Lime 950 (darkest) */
readonly lime950: "#1a2e05";
/** @color #f0fdf4 - Green 50 (lightest) */
readonly green50: "#f0fdf4";
/** @color #dcfce7 - Green 100 */
readonly green100: "#dcfce7";
/** @color #bbf7d0 - Green 200 */
readonly green200: "#bbf7d0";
/** @color #86efac - Green 300 */
readonly green300: "#86efac";
/** @color #4ade80 - Green 400 */
readonly green400: "#4ade80";
/** @color #22c55e - Green 500 */
readonly green500: "#22c55e";
/** @color #16a34a - Green 600 */
readonly green600: "#16a34a";
/** @color #15803d - Green 700 */
readonly green700: "#15803d";
/** @color #166534 - Green 800 */
readonly green800: "#166534";
/** @color #14532d - Green 900 */
readonly green900: "#14532d";
/** @color #052e16 - Green 950 (darkest) */
readonly green950: "#052e16";
/** @color #ecfdf5 - Emerald 50 (lightest) */
readonly emerald50: "#ecfdf5";
/** @color #d1fae5 - Emerald 100 */
readonly emerald100: "#d1fae5";
/** @color #a7f3d0 - Emerald 200 */
readonly emerald200: "#a7f3d0";
/** @color #6ee7b7 - Emerald 300 */
readonly emerald300: "#6ee7b7";
/** @color #34d399 - Emerald 400 */
readonly emerald400: "#34d399";
/** @color #10b981 - Emerald 500 */
readonly emerald500: "#10b981";
/** @color #059669 - Emerald 600 */
readonly emerald600: "#059669";
/** @color #047857 - Emerald 700 */
readonly emerald700: "#047857";
/** @color #065f46 - Emerald 800 */
readonly emerald800: "#065f46";
/** @color #064e3b - Emerald 900 */
readonly emerald900: "#064e3b";
/** @color #022c22 - Emerald 950 (darkest) */
readonly emerald950: "#022c22";
/** @color #f0fdfa - Teal 50 (lightest) */
readonly teal50: "#f0fdfa";
/** @color #ccfbf1 - Teal 100 */
readonly teal100: "#ccfbf1";
/** @color #99f6e4 - Teal 200 */
readonly teal200: "#99f6e4";
/** @color #5eead4 - Teal 300 */
readonly teal300: "#5eead4";
/** @color #2dd4bf - Teal 400 */
readonly teal400: "#2dd4bf";
/** @color #14b8a6 - Teal 500 */
readonly teal500: "#14b8a6";
/** @color #0d9488 - Teal 600 */
readonly teal600: "#0d9488";
/** @color #0f766e - Teal 700 */
readonly teal700: "#0f766e";
/** @color #115e59 - Teal 800 */
readonly teal800: "#115e59";
/** @color #134e4a - Teal 900 */
readonly teal900: "#134e4a";
/** @color #042f2e - Teal 950 (darkest) */
readonly teal950: "#042f2e";
/** @color #ecfeff - Cyan 50 (lightest) */
readonly cyan50: "#ecfeff";
/** @color #cffafe - Cyan 100 */
readonly cyan100: "#cffafe";
/** @color #a5f3fc - Cyan 200 */
readonly cyan200: "#a5f3fc";
/** @color #67e8f9 - Cyan 300 */
readonly cyan300: "#67e8f9";
/** @color #22d3ee - Cyan 400 */
readonly cyan400: "#22d3ee";
/** @color #06b6d4 - Cyan 500 */
readonly cyan500: "#06b6d4";
/** @color #0891b2 - Cyan 600 */
readonly cyan600: "#0891b2";
/** @color #0e7490 - Cyan 700 */
readonly cyan700: "#0e7490";
/** @color #155e75 - Cyan 800 */
readonly cyan800: "#155e75";
/** @color #164e63 - Cyan 900 */
readonly cyan900: "#164e63";
/** @color #083344 - Cyan 950 (darkest) */
readonly cyan950: "#083344";
/** @color #f0f9ff - Sky 50 (lightest) */
readonly sky50: "#f0f9ff";
/** @color #e0f2fe - Sky 100 */
readonly sky100: "#e0f2fe";
/** @color #bae6fd - Sky 200 */
readonly sky200: "#bae6fd";
/** @color #7dd3fc - Sky 300 */
readonly sky300: "#7dd3fc";
/** @color #38bdf8 - Sky 400 */
readonly sky400: "#38bdf8";
/** @color #0ea5e9 - Sky 500 */
readonly sky500: "#0ea5e9";
/** @color #0284c7 - Sky 600 */
readonly sky600: "#0284c7";
/** @color #0369a1 - Sky 700 */
readonly sky700: "#0369a1";
/** @color #075985 - Sky 800 */
readonly sky800: "#075985";
/** @color #0c4a6e - Sky 900 */
readonly sky900: "#0c4a6e";
/** @color #082f49 - Sky 950 (darkest) */
readonly sky950: "#082f49";
/** @color #eff6ff - Blue 50 (lightest) */
readonly blue50: "#eff6ff";
/** @color #dbeafe - Blue 100 */
readonly blue100: "#dbeafe";
/** @color #bfdbfe - Blue 200 */
readonly blue200: "#bfdbfe";
/** @color #93c5fd - Blue 300 */
readonly blue300: "#93c5fd";
/** @color #60a5fa - Blue 400 */
readonly blue400: "#60a5fa";
/** @color #3b82f6 - Blue 500 */
readonly blue500: "#3b82f6";
/** @color #2563eb - Blue 600 */
readonly blue600: "#2563eb";
/** @color #1d4ed8 - Blue 700 */
readonly blue700: "#1d4ed8";
/** @color #1e40af - Blue 800 */
readonly blue800: "#1e40af";
/** @color #1e3a8a - Blue 900 */
readonly blue900: "#1e3a8a";
/** @color #172554 - Blue 950 (darkest) */
readonly blue950: "#172554";
/** @color #eef2ff - Indigo 50 (lightest) */
readonly indigo50: "#eef2ff";
/** @color #e0e7ff - Indigo 100 */
readonly indigo100: "#e0e7ff";
/** @color #c7d2fe - Indigo 200 */
readonly indigo200: "#c7d2fe";
/** @color #a5b4fc - Indigo 300 */
readonly indigo300: "#a5b4fc";
/** @color #818cf8 - Indigo 400 */
readonly indigo400: "#818cf8";
/** @color #6366f1 - Indigo 500 */
readonly indigo500: "#6366f1";
/** @color #4f46e5 - Indigo 600 */
readonly indigo600: "#4f46e5";
/** @color #4338ca - Indigo 700 */
readonly indigo700: "#4338ca";
/** @color #3730a3 - Indigo 800 */
readonly indigo800: "#3730a3";
/** @color #312e81 - Indigo 900 */
readonly indigo900: "#312e81";
/** @color #1e1b4b - Indigo 950 (darkest) */
readonly indigo950: "#1e1b4b";
/** @color #f5f3ff - Violet 50 (lightest) */
readonly violet50: "#f5f3ff";
/** @color #ede9fe - Violet 100 */
readonly violet100: "#ede9fe";
/** @color #ddd6fe - Violet 200 */
readonly violet200: "#ddd6fe";
/** @color #c4b5fd - Violet 300 */
readonly violet300: "#c4b5fd";
/** @color #a78bfa - Violet 400 */
readonly violet400: "#a78bfa";
/** @color #8b5cf6 - Violet 500 */
readonly violet500: "#8b5cf6";
/** @color #7c3aed - Violet 600 */
readonly violet600: "#7c3aed";
/** @color #6d28d9 - Violet 700 */
readonly violet700: "#6d28d9";
/** @color #5b21b6 - Violet 800 */
readonly violet800: "#5b21b6";
/** @color #4c1d95 - Violet 900 */
readonly violet900: "#4c1d95";
/** @color #2e1065 - Violet 950 (darkest) */
readonly violet950: "#2e1065";
/** @color #faf5ff - Purple 50 (lightest) */
readonly purple50: "#faf5ff";
/** @color #f3e8ff - Purple 100 */
readonly purple100: "#f3e8ff";
/** @color #e9d5ff - Purple 200 */
readonly purple200: "#e9d5ff";
/** @color #d8b4fe - Purple 300 */
readonly purple300: "#d8b4fe";
/** @color #c084fc - Purple 400 */
readonly purple400: "#c084fc";
/** @color #a855f7 - Purple 500 */
readonly purple500: "#a855f7";
/** @color #9333ea - Purple 600 */
readonly purple600: "#9333ea";
/** @color #7e22ce - Purple 700 */
readonly purple700: "#7e22ce";
/** @color #6b21a8 - Purple 800 */
readonly purple800: "#6b21a8";
/** @color #581c87 - Purple 900 */
readonly purple900: "#581c87";
/** @color #3b0764 - Purple 950 (darkest) */
readonly purple950: "#3b0764";
/** @color #fdf4ff - Fuchsia 50 (lightest) */
readonly fuchsia50: "#fdf4ff";
/** @color #fae8ff - Fuchsia 100 */
readonly fuchsia100: "#fae8ff";
/** @color #f5d0fe - Fuchsia 200 */
readonly fuchsia200: "#f5d0fe";
/** @color #f0abfc - Fuchsia 300 */
readonly fuchsia300: "#f0abfc";
/** @color #e879f9 - Fuchsia 400 */
readonly fuchsia400: "#e879f9";
/** @color #d946ef - Fuchsia 500 */
readonly fuchsia500: "#d946ef";
/** @color #c026d3 - Fuchsia 600 */
readonly fuchsia600: "#c026d3";
/** @color #a21caf - Fuchsia 700 */
readonly fuchsia700: "#a21caf";
/** @color #86198f - Fuchsia 800 */
readonly fuchsia800: "#86198f";
/** @color #701a75 - Fuchsia 900 */
readonly fuchsia900: "#701a75";
/** @color #4a044e - Fuchsia 950 (darkest) */
readonly fuchsia950: "#4a044e";
/** @color #fdf2f8 - Pink 50 (lightest) */
readonly pink50: "#fdf2f8";
/** @color #fce7f3 - Pink 100 */
readonly pink100: "#fce7f3";
/** @color #fbcfe8 - Pink 200 */
readonly pink200: "#fbcfe8";
/** @color #f9a8d4 - Pink 300 */
readonly pink300: "#f9a8d4";
/** @color #f472b6 - Pink 400 */
readonly pink400: "#f472b6";
/** @color #ec4899 - Pink 500 */
readonly pink500: "#ec4899";
/** @color #db2777 - Pink 600 */
readonly pink600: "#db2777";
/** @color #be185d - Pink 700 */
readonly pink700: "#be185d";
/** @color #9d174d - Pink 800 */
readonly pink800: "#9d174d";
/** @color #831843 - Pink 900 */
readonly pink900: "#831843";
/** @color #500724 - Pink 950 (darkest) */
readonly pink950: "#500724";
/** @color #fff1f2 - Rose 50 (lightest) */
readonly rose50: "#fff1f2";
/** @color #ffe4e6 - Rose 100 */
readonly rose100: "#ffe4e6";
/** @color #fecdd3 - Rose 200 */
readonly rose200: "#fecdd3";
/** @color #fda4af - Rose 300 */
readonly rose300: "#fda4af";
/** @color #fb7185 - Rose 400 */
readonly rose400: "#fb7185";
/** @color #f43f5e - Rose 500 */
readonly rose500: "#f43f5e";
/** @color #e11d48 - Rose 600 */
readonly rose600: "#e11d48";
/** @color #be123c - Rose 700 */
readonly rose700: "#be123c";
/** @color #9f1239 - Rose 800 */
readonly rose800: "#9f1239";
/** @color #881337 - Rose 900 */
readonly rose900: "#881337";
/** @color #4c0519 - Rose 950 (darkest) */
readonly rose950: "#4c0519";
};
/**
* Tailwind CSS spacing scale.
* Values in pixels, following Tailwind's 4px base unit.
* @see https://tailwindcss.com/docs/customizing-spacing
*/
export declare const tailwindSpacing: {
/** @value 0px */
readonly "0": 0;
/** @value 1px */
readonly px: 1;
/** @value 2px (0.125rem) */
readonly "0.5": 2;
/** @value 4px (0.25rem) */
readonly "1": 4;
/** @value 6px (0.375rem) */
readonly "1.5": 6;
/** @value 8px (0.5rem) */
readonly "2": 8;
/** @value 10px (0.625rem) */
readonly "2.5": 10;
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 14px (0.875rem) */
readonly "3.5": 14;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 44px (2.75rem) */
readonly "11": 44;
/** @value 48px (3rem) */
readonly "12": 48;
/** @value 56px (3.5rem) */
readonly "14": 56;
/** @value 64px (4rem) */
readonly "16": 64;
/** @value 80px (5rem) */
readonly "20": 80;
/** @value 96px (6rem) */
readonly "24": 96;
/** @value 112px (7rem) */
readonly "28": 112;
/** @value 128px (8rem) */
readonly "32": 128;
/** @value 144px (9rem) */
readonly "36": 144;
/** @value 160px (10rem) */
readonly "40": 160;
/** @value 176px (11rem) */
readonly "44": 176;
/** @value 192px (12rem) */
readonly "48": 192;
/** @value 208px (13rem) */
readonly "52": 208;
/** @value 224px (14rem) */
readonly "56": 224;
/** @value 240px (15rem) */
readonly "60": 240;
/** @value 256px (16rem) */
readonly "64": 256;
/** @value 288px (18rem) */
readonly "72": 288;
/** @value 320px (20rem) */
readonly "80": 320;
/** @value 384px (24rem) */
readonly "96": 384;
};
/**
* Tailwind CSS font size scale.
* Values in pixels.
* @see https://tailwindcss.com/docs/font-size
*/
export declare const tailwindFontSizes: {
/** @value 12px (0.75rem) - Extra small text */
readonly xs: 12;
/** @value 14px (0.875rem) - Small text */
readonly sm: 14;
/** @value 16px (1rem) - Base/body text */
readonly base: 16;
/** @value 18px (1.125rem) - Large text */
readonly lg: 18;
/** @value 20px (1.25rem) - Extra large */
readonly xl: 20;
/** @value 24px (1.5rem) - Heading 4 */
readonly "2xl": 24;
/** @value 30px (1.875rem) - Heading 3 */
readonly "3xl": 30;
/** @value 36px (2.25rem) - Heading 2 */
readonly "4xl": 36;
/** @value 48px (3rem) - Heading 1 */
readonly "5xl": 48;
/** @value 60px (3.75rem) - Display */
readonly "6xl": 60;
/** @value 72px (4.5rem) - Large display */
readonly "7xl": 72;
/** @value 96px (6rem) - Hero */
readonly "8xl": 96;
/** @value 128px (8rem) - Massive hero */
readonly "9xl": 128;
};
/**
* Tailwind CSS border radius scale.
* Values in pixels.
* @see https://tailwindcss.com/docs/border-radius
*/
export declare const tailwindRadii: {
/** @value 0px - No border radius */
readonly none: 0;
/** @value 2px (0.125rem) - Small radius */
readonly sm: 2;
/** @value 4px (0.25rem) - Default radius */
readonly DEFAULT: 4;
/** @value 6px (0.375rem) - Medium radius */
readonly md: 6;
/** @value 8px (0.5rem) - Large radius */
readonly lg: 8;
/** @value 12px (0.75rem) - Extra large radius */
readonly xl: 12;
/** @value 16px (1rem) - 2x large radius */
readonly "2xl": 16;
/** @value 24px (1.5rem) - 3x large radius */
readonly "3xl": 24;
/** @value 9999px - Full/pill radius */
readonly full: 9999;
};
/**
* Tailwind CSS shadow definitions for React Native.
* Includes both iOS (shadow*) and Android (elevation) properties.
* @see https://tailwindcss.com/docs/box-shadow
*/
export declare const tailwindShadows: {
/** No shadow */
readonly none: {
readonly shadowColor: "transparent";
readonly shadowOffset: {
readonly width: 0;
readonly height: 0;
};
readonly shadowOpacity: 0;
readonly shadowRadius: 0;
readonly elevation: 0;
};
/** Small shadow - subtle depth */
readonly sm: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 2;
readonly elevation: 1;
};
/** Default shadow - light depth */
readonly DEFAULT: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 3;
readonly elevation: 3;
};
/** Medium shadow - moderate depth */
readonly md: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 4;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 6;
readonly elevation: 6;
};
/** Large shadow - significant depth */
readonly lg: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 10;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 15;
readonly elevation: 9;
};
/** Extra large shadow - heavy depth */
readonly xl: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 20;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 25;
readonly elevation: 12;
};
/** 2x large shadow - very heavy depth */
readonly "2xl": {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 25;
};
readonly shadowOpacity: 0.25;
readonly shadowRadius: 50;
readonly elevation: 16;
};
/** Inner shadow effect */
readonly inner: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 2;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 4;
readonly elevation: 0;
};
};
/**
* Tailwind CSS z-index scale.
* @see https://tailwindcss.com/docs/z-index
*/
export declare const tailwindZIndex: {
/** @value 0 - Base layer */
readonly "0": 0;
/** @value 10 - Above base */
readonly "10": 10;
/** @value 20 - Dropdowns */
readonly "20": 20;
/** @value 30 - Sticky elements */
readonly "30": 30;
/** @value 40 - Fixed elements */
readonly "40": 40;
/** @value 50 - Modals/overlays */
readonly "50": 50;
};
/**
* Tailwind CSS opacity scale.
* Values from 0 (transparent) to 1 (opaque).
* @see https://tailwindcss.com/docs/opacity
*/
export declare const tailwindOpacity: {
/** @value 0 - Fully transparent */
readonly "0": 0;
/** @value 0.05 - 5% opacity */
readonly "5": 0.05;
/** @value 0.1 - 10% opacity */
readonly "10": 0.1;
/** @value 0.15 - 15% opacity */
readonly "15": 0.15;
/** @value 0.2 - 20% opacity */
readonly "20": 0.2;
/** @value 0.25 - 25% opacity */
readonly "25": 0.25;
/** @value 0.3 - 30% opacity */
readonly "30": 0.3;
/** @value 0.35 - 35% opacity */
readonly "35": 0.35;
/** @value 0.4 - 40% opacity */
readonly "40": 0.4;
/** @value 0.45 - 45% opacity */
readonly "45": 0.45;
/** @value 0.5 - 50% opacity */
readonly "50": 0.5;
/** @value 0.55 - 55% opacity */
readonly "55": 0.55;
/** @value 0.6 - 60% opacity */
readonly "60": 0.6;
/** @value 0.65 - 65% opacity */
readonly "65": 0.65;
/** @value 0.7 - 70% opacity */
readonly "70": 0.7;
/** @value 0.75 - 75% opacity */
readonly "75": 0.75;
/** @value 0.8 - 80% opacity */
readonly "80": 0.8;
/** @value 0.85 - 85% opacity */
readonly "85": 0.85;
/** @value 0.9 - 90% opacity */
readonly "90": 0.9;
/** @value 0.95 - 95% opacity */
readonly "95": 0.95;
/** @value 1 - Fully opaque */
readonly "100": 1;
};
/**
* Tailwind CSS line height scale.
* Numeric values are in pixels, named values are multipliers.
* @see https://tailwindcss.com/docs/line-height
*/
export declare const tailwindLineHeights: {
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 1 - No line height */
readonly none: 1;
/** @value 1.25 - Tight spacing */
readonly tight: 1.25;
/** @value 1.375 - Snug spacing */
readonly snug: 1.375;
/** @value 1.5 - Normal spacing */
readonly normal: 1.5;
/** @value 1.625 - Relaxed spacing */
readonly relaxed: 1.625;
/** @value 2 - Loose spacing */
readonly loose: 2;
};
/**
* Tailwind CSS font weight scale.
* Values are strings to match React Native's fontWeight type.
* @see https://tailwindcss.com/docs/font-weight
*/
export declare const tailwindFontWeights: {
/** @value "100" - Thin */
readonly thin: "100";
/** @value "200" - Extra light */
readonly extralight: "200";
/** @value "300" - Light */
readonly light: "300";
/** @value "400" - Normal/Regular */
readonly normal: "400";
/** @value "500" - Medium */
readonly medium: "500";
/** @value "600" - Semi bold */
readonly semibold: "600";
/** @value "700" - Bold */
readonly bold: "700";
/** @value "800" - Extra bold */
readonly extrabold: "800";
/** @value "900" - Black/Heavy */
readonly black: "900";
};
/**
* Tailwind CSS letter spacing scale.
* Values in pixels.
* @see https://tailwindcss.com/docs/letter-spacing
*/
export declare const tailwindLetterSpacing: {
/** @value -0.8px - Tighter spacing */
readonly tighter: -0.8;
/** @value -0.4px - Tight spacing */
readonly tight: -0.4;
/** @value 0px - Normal spacing */
readonly normal: 0;
/** @value 0.4px - Wide spacing */
readonly wide: 0.4;
/** @value 0.8px - Wider spacing */
readonly wider: 0.8;
/** @value 1.6px - Widest spacing */
readonly widest: 1.6;
};
/**
* Tailwind CSS border width scale.
* Values in pixels.
* @see https://tailwindcss.com/docs/border-width
*/
export declare const tailwindBorderWidths: {
/** @value 0px - No border */
readonly "0": 0;
/** @value 1px - Default border */
readonly DEFAULT: 1;
/** @value 2px - Medium border */
readonly "2": 2;
/** @value 4px - Thick border */
readonly "4": 4;
/** @value 8px - Extra thick border */
readonly "8": 8;
};
/**
* Tailwind CSS max width scale.
* Values in pixels (except none and full).
* @see https://tailwindcss.com/docs/max-width
*/
export declare const tailwindMaxWidths: {
/** @value 0px */
readonly "0": 0;
/** @value "none" - No max width */
readonly none: "none";
/** @value 320px (20rem) */
readonly xs: 320;
/** @value 384px (24rem) */
readonly sm: 384;
/** @value 448px (28rem) */
readonly md: 448;
/** @value 512px (32rem) */
readonly lg: 512;
/** @value 576px (36rem) */
readonly xl: 576;
/** @value 672px (42rem) */
readonly "2xl": 672;
/** @value 768px (48rem) */
readonly "3xl": 768;
/** @value 896px (56rem) */
readonly "4xl": 896;
/** @value 1024px (64rem) */
readonly "5xl": 1024;
/** @value 1152px (72rem) */
readonly "6xl": 1152;
/** @value 1280px (80rem) */
readonly "7xl": 1280;
/** @value "100%" - Full width */
readonly full: "100%";
};
/**
* Tailwind CSS animation duration scale.
* Values in milliseconds.
* @see https://tailwindcss.com/docs/transition-duration
*/
export declare const tailwindDurations: {
/** @value 0ms - Instant */
readonly "0": 0;
/** @value 75ms - Very fast */
readonly "75": 75;
/** @value 100ms - Fast */
readonly "100": 100;
/** @value 150ms - Quick */
readonly "150": 150;
/** @value 200ms - Normal */
readonly "200": 200;
/** @value 300ms - Medium */
readonly "300": 300;
/** @value 500ms - Slow */
readonly "500": 500;
/** @value 700ms - Very slow */
readonly "700": 700;
/** @value 1000ms - Extra slow */
readonly "1000": 1000;
};
/**
* Complete default theme using Tailwind CSS design tokens.
* Use this as a starting point or extend it with your own tokens.
*
* @example
* ```ts
* import { createNVA, defaultTheme } from "native-variants";
*
* const { styled, theme } = createNVA({
* theme: defaultTheme,
* });
* ```
*/
export declare const defaultTheme: {
readonly colors: {
/** @color transparent - Fully transparent */
readonly transparent: "transparent";
/** @color currentColor - Inherits current text color */
readonly current: "currentColor";
/** @color #000000 - Pure black */
readonly black: "#000000";
/** @color #FFFFFF - Pure white */
readonly white: "#FFFFFF";
/** @color #f8fafc - Slate 50 (lightest) */
readonly slate50: "#f8fafc";
/** @color #f1f5f9 - Slate 100 */
readonly slate100: "#f1f5f9";
/** @color #e2e8f0 - Slate 200 */
readonly slate200: "#e2e8f0";
/** @color #cbd5e1 - Slate 300 */
readonly slate300: "#cbd5e1";
/** @color #94a3b8 - Slate 400 */
readonly slate400: "#94a3b8";
/** @color #64748b - Slate 500 */
readonly slate500: "#64748b";
/** @color #475569 - Slate 600 */
readonly slate600: "#475569";
/** @color #334155 - Slate 700 */
readonly slate700: "#334155";
/** @color #1e293b - Slate 800 */
readonly slate800: "#1e293b";
/** @color #0f172a - Slate 900 */
readonly slate900: "#0f172a";
/** @color #020617 - Slate 950 (darkest) */
readonly slate950: "#020617";
/** @color #f9fafb - Gray 50 (lightest) */
readonly gray50: "#f9fafb";
/** @color #f3f4f6 - Gray 100 */
readonly gray100: "#f3f4f6";
/** @color #e5e7eb - Gray 200 */
readonly gray200: "#e5e7eb";
/** @color #d1d5db - Gray 300 */
readonly gray300: "#d1d5db";
/** @color #9ca3af - Gray 400 */
readonly gray400: "#9ca3af";
/** @color #6b7280 - Gray 500 */
readonly gray500: "#6b7280";
/** @color #4b5563 - Gray 600 */
readonly gray600: "#4b5563";
/** @color #374151 - Gray 700 */
readonly gray700: "#374151";
/** @color #1f2937 - Gray 800 */
readonly gray800: "#1f2937";
/** @color #111827 - Gray 900 */
readonly gray900: "#111827";
/** @color #030712 - Gray 950 (darkest) */
readonly gray950: "#030712";
/** @color #fafafa - Zinc 50 (lightest) */
readonly zinc50: "#fafafa";
/** @color #f4f4f5 - Zinc 100 */
readonly zinc100: "#f4f4f5";
/** @color #e4e4e7 - Zinc 200 */
readonly zinc200: "#e4e4e7";
/** @color #d4d4d8 - Zinc 300 */
readonly zinc300: "#d4d4d8";
/** @color #a1a1aa - Zinc 400 */
readonly zinc400: "#a1a1aa";
/** @color #71717a - Zinc 500 */
readonly zinc500: "#71717a";
/** @color #52525b - Zinc 600 */
readonly zinc600: "#52525b";
/** @color #3f3f46 - Zinc 700 */
readonly zinc700: "#3f3f46";
/** @color #27272a - Zinc 800 */
readonly zinc800: "#27272a";
/** @color #18181b - Zinc 900 */
readonly zinc900: "#18181b";
/** @color #09090b - Zinc 950 (darkest) */
readonly zinc950: "#09090b";
/** @color #fafafa - Neutral 50 (lightest) */
readonly neutral50: "#fafafa";
/** @color #f5f5f5 - Neutral 100 */
readonly neutral100: "#f5f5f5";
/** @color #e5e5e5 - Neutral 200 */
readonly neutral200: "#e5e5e5";
/** @color #d4d4d4 - Neutral 300 */
readonly neutral300: "#d4d4d4";
/** @color #a3a3a3 - Neutral 400 */
readonly neutral400: "#a3a3a3";
/** @color #737373 - Neutral 500 */
readonly neutral500: "#737373";
/** @color #525252 - Neutral 600 */
readonly neutral600: "#525252";
/** @color #404040 - Neutral 700 */
readonly neutral700: "#404040";
/** @color #262626 - Neutral 800 */
readonly neutral800: "#262626";
/** @color #171717 - Neutral 900 */
readonly neutral900: "#171717";
/** @color #0a0a0a - Neutral 950 (darkest) */
readonly neutral950: "#0a0a0a";
/** @color #fafaf9 - Stone 50 (lightest) */
readonly stone50: "#fafaf9";
/** @color #f5f5f4 - Stone 100 */
readonly stone100: "#f5f5f4";
/** @color #e7e5e4 - Stone 200 */
readonly stone200: "#e7e5e4";
/** @color #d6d3d1 - Stone 300 */
readonly stone300: "#d6d3d1";
/** @color #a8a29e - Stone 400 */
readonly stone400: "#a8a29e";
/** @color #78716c - Stone 500 */
readonly stone500: "#78716c";
/** @color #57534e - Stone 600 */
readonly stone600: "#57534e";
/** @color #44403c - Stone 700 */
readonly stone700: "#44403c";
/** @color #292524 - Stone 800 */
readonly stone800: "#292524";
/** @color #1c1917 - Stone 900 */
readonly stone900: "#1c1917";
/** @color #0c0a09 - Stone 950 (darkest) */
readonly stone950: "#0c0a09";
/** @color #fef2f2 - Red 50 (lightest) */
readonly red50: "#fef2f2";
/** @color #fee2e2 - Red 100 */
readonly red100: "#fee2e2";
/** @color #fecaca - Red 200 */
readonly red200: "#fecaca";
/** @color #fca5a5 - Red 300 */
readonly red300: "#fca5a5";
/** @color #f87171 - Red 400 */
readonly red400: "#f87171";
/** @color #ef4444 - Red 500 */
readonly red500: "#ef4444";
/** @color #dc2626 - Red 600 */
readonly red600: "#dc2626";
/** @color #b91c1c - Red 700 */
readonly red700: "#b91c1c";
/** @color #991b1b - Red 800 */
readonly red800: "#991b1b";
/** @color #7f1d1d - Red 900 */
readonly red900: "#7f1d1d";
/** @color #450a0a - Red 950 (darkest) */
readonly red950: "#450a0a";
/** @color #fff7ed - Orange 50 (lightest) */
readonly orange50: "#fff7ed";
/** @color #ffedd5 - Orange 100 */
readonly orange100: "#ffedd5";
/** @color #fed7aa - Orange 200 */
readonly orange200: "#fed7aa";
/** @color #fdba74 - Orange 300 */
readonly orange300: "#fdba74";
/** @color #fb923c - Orange 400 */
readonly orange400: "#fb923c";
/** @color #f97316 - Orange 500 */
readonly orange500: "#f97316";
/** @color #ea580c - Orange 600 */
readonly orange600: "#ea580c";
/** @color #c2410c - Orange 700 */
readonly orange700: "#c2410c";
/** @color #9a3412 - Orange 800 */
readonly orange800: "#9a3412";
/** @color #7c2d12 - Orange 900 */
readonly orange900: "#7c2d12";
/** @color #431407 - Orange 950 (darkest) */
readonly orange950: "#431407";
/** @color #fffbeb - Amber 50 (lightest) */
readonly amber50: "#fffbeb";
/** @color #fef3c7 - Amber 100 */
readonly amber100: "#fef3c7";
/** @color #fde68a - Amber 200 */
readonly amber200: "#fde68a";
/** @color #fcd34d - Amber 300 */
readonly amber300: "#fcd34d";
/** @color #fbbf24 - Amber 400 */
readonly amber400: "#fbbf24";
/** @color #f59e0b - Amber 500 */
readonly amber500: "#f59e0b";
/** @color #d97706 - Amber 600 */
readonly amber600: "#d97706";
/** @color #b45309 - Amber 700 */
readonly amber700: "#b45309";
/** @color #92400e - Amber 800 */
readonly amber800: "#92400e";
/** @color #78350f - Amber 900 */
readonly amber900: "#78350f";
/** @color #451a03 - Amber 950 (darkest) */
readonly amber950: "#451a03";
/** @color #fefce8 - Yellow 50 (lightest) */
readonly yellow50: "#fefce8";
/** @color #fef9c3 - Yellow 100 */
readonly yellow100: "#fef9c3";
/** @color #fef08a - Yellow 200 */
readonly yellow200: "#fef08a";
/** @color #fde047 - Yellow 300 */
readonly yellow300: "#fde047";
/** @color #facc15 - Yellow 400 */
readonly yellow400: "#facc15";
/** @color #eab308 - Yellow 500 */
readonly yellow500: "#eab308";
/** @color #ca8a04 - Yellow 600 */
readonly yellow600: "#ca8a04";
/** @color #a16207 - Yellow 700 */
readonly yellow700: "#a16207";
/** @color #854d0e - Yellow 800 */
readonly yellow800: "#854d0e";
/** @color #713f12 - Yellow 900 */
readonly yellow900: "#713f12";
/** @color #422006 - Yellow 950 (darkest) */
readonly yellow950: "#422006";
/** @color #f7fee7 - Lime 50 (lightest) */
readonly lime50: "#f7fee7";
/** @color #ecfccb - Lime 100 */
readonly lime100: "#ecfccb";
/** @color #d9f99d - Lime 200 */
readonly lime200: "#d9f99d";
/** @color #bef264 - Lime 300 */
readonly lime300: "#bef264";
/** @color #a3e635 - Lime 400 */
readonly lime400: "#a3e635";
/** @color #84cc16 - Lime 500 */
readonly lime500: "#84cc16";
/** @color #65a30d - Lime 600 */
readonly lime600: "#65a30d";
/** @color #4d7c0f - Lime 700 */
readonly lime700: "#4d7c0f";
/** @color #3f6212 - Lime 800 */
readonly lime800: "#3f6212";
/** @color #365314 - Lime 900 */
readonly lime900: "#365314";
/** @color #1a2e05 - Lime 950 (darkest) */
readonly lime950: "#1a2e05";
/** @color #f0fdf4 - Green 50 (lightest) */
readonly green50: "#f0fdf4";
/** @color #dcfce7 - Green 100 */
readonly green100: "#dcfce7";
/** @color #bbf7d0 - Green 200 */
readonly green200: "#bbf7d0";
/** @color #86efac - Green 300 */
readonly green300: "#86efac";
/** @color #4ade80 - Green 400 */
readonly green400: "#4ade80";
/** @color #22c55e - Green 500 */
readonly green500: "#22c55e";
/** @color #16a34a - Green 600 */
readonly green600: "#16a34a";
/** @color #15803d - Green 700 */
readonly green700: "#15803d";
/** @color #166534 - Green 800 */
readonly green800: "#166534";
/** @color #14532d - Green 900 */
readonly green900: "#14532d";
/** @color #052e16 - Green 950 (darkest) */
readonly green950: "#052e16";
/** @color #ecfdf5 - Emerald 50 (lightest) */
readonly emerald50: "#ecfdf5";
/** @color #d1fae5 - Emerald 100 */
readonly emerald100: "#d1fae5";
/** @color #a7f3d0 - Emerald 200 */
readonly emerald200: "#a7f3d0";
/** @color #6ee7b7 - Emerald 300 */
readonly emerald300: "#6ee7b7";
/** @color #34d399 - Emerald 400 */
readonly emerald400: "#34d399";
/** @color #10b981 - Emerald 500 */
readonly emerald500: "#10b981";
/** @color #059669 - Emerald 600 */
readonly emerald600: "#059669";
/** @color #047857 - Emerald 700 */
readonly emerald700: "#047857";
/** @color #065f46 - Emerald 800 */
readonly emerald800: "#065f46";
/** @color #064e3b - Emerald 900 */
readonly emerald900: "#064e3b";
/** @color #022c22 - Emerald 950 (darkest) */
readonly emerald950: "#022c22";
/** @color #f0fdfa - Teal 50 (lightest) */
readonly teal50: "#f0fdfa";
/** @color #ccfbf1 - Teal 100 */
readonly teal100: "#ccfbf1";
/** @color #99f6e4 - Teal 200 */
readonly teal200: "#99f6e4";
/** @color #5eead4 - Teal 300 */
readonly teal300: "#5eead4";
/** @color #2dd4bf - Teal 400 */
readonly teal400: "#2dd4bf";
/** @color #14b8a6 - Teal 500 */
readonly teal500: "#14b8a6";
/** @color #0d9488 - Teal 600 */
readonly teal600: "#0d9488";
/** @color #0f766e - Teal 700 */
readonly teal700: "#0f766e";
/** @color #115e59 - Teal 800 */
readonly teal800: "#115e59";
/** @color #134e4a - Teal 900 */
readonly teal900: "#134e4a";
/** @color #042f2e - Teal 950 (darkest) */
readonly teal950: "#042f2e";
/** @color #ecfeff - Cyan 50 (lightest) */
readonly cyan50: "#ecfeff";
/** @color #cffafe - Cyan 100 */
readonly cyan100: "#cffafe";
/** @color #a5f3fc - Cyan 200 */
readonly cyan200: "#a5f3fc";
/** @color #67e8f9 - Cyan 300 */
readonly cyan300: "#67e8f9";
/** @color #22d3ee - Cyan 400 */
readonly cyan400: "#22d3ee";
/** @color #06b6d4 - Cyan 500 */
readonly cyan500: "#06b6d4";
/** @color #0891b2 - Cyan 600 */
readonly cyan600: "#0891b2";
/** @color #0e7490 - Cyan 700 */
readonly cyan700: "#0e7490";
/** @color #155e75 - Cyan 800 */
readonly cyan800: "#155e75";
/** @color #164e63 - Cyan 900 */
readonly cyan900: "#164e63";
/** @color #083344 - Cyan 950 (darkest) */
readonly cyan950: "#083344";
/** @color #f0f9ff - Sky 50 (lightest) */
readonly sky50: "#f0f9ff";
/** @color #e0f2fe - Sky 100 */
readonly sky100: "#e0f2fe";
/** @color #bae6fd - Sky 200 */
readonly sky200: "#bae6fd";
/** @color #7dd3fc - Sky 300 */
readonly sky300: "#7dd3fc";
/** @color #38bdf8 - Sky 400 */
readonly sky400: "#38bdf8";
/** @color #0ea5e9 - Sky 500 */
readonly sky500: "#0ea5e9";
/** @color #0284c7 - Sky 600 */
readonly sky600: "#0284c7";
/** @color #0369a1 - Sky 700 */
readonly sky700: "#0369a1";
/** @color #075985 - Sky 800 */
readonly sky800: "#075985";
/** @color #0c4a6e - Sky 900 */
readonly sky900: "#0c4a6e";
/** @color #082f49 - Sky 950 (darkest) */
readonly sky950: "#082f49";
/** @color #eff6ff - Blue 50 (lightest) */
readonly blue50: "#eff6ff";
/** @color #dbeafe - Blue 100 */
readonly blue100: "#dbeafe";
/** @color #bfdbfe - Blue 200 */
readonly blue200: "#bfdbfe";
/** @color #93c5fd - Blue 300 */
readonly blue300: "#93c5fd";
/** @color #60a5fa - Blue 400 */
readonly blue400: "#60a5fa";
/** @color #3b82f6 - Blue 500 */
readonly blue500: "#3b82f6";
/** @color #2563eb - Blue 600 */
readonly blue600: "#2563eb";
/** @color #1d4ed8 - Blue 700 */
readonly blue700: "#1d4ed8";
/** @color #1e40af - Blue 800 */
readonly blue800: "#1e40af";
/** @color #1e3a8a - Blue 900 */
readonly blue900: "#1e3a8a";
/** @color #172554 - Blue 950 (darkest) */
readonly blue950: "#172554";
/** @color #eef2ff - Indigo 50 (lightest) */
readonly indigo50: "#eef2ff";
/** @color #e0e7ff - Indigo 100 */
readonly indigo100: "#e0e7ff";
/** @color #c7d2fe - Indigo 200 */
readonly indigo200: "#c7d2fe";
/** @color #a5b4fc - Indigo 300 */
readonly indigo300: "#a5b4fc";
/** @color #818cf8 - Indigo 400 */
readonly indigo400: "#818cf8";
/** @color #6366f1 - Indigo 500 */
readonly indigo500: "#6366f1";
/** @color #4f46e5 - Indigo 600 */
readonly indigo600: "#4f46e5";
/** @color #4338ca - Indigo 700 */
readonly indigo700: "#4338ca";
/** @color #3730a3 - Indigo 800 */
readonly indigo800: "#3730a3";
/** @color #312e81 - Indigo 900 */
readonly indigo900: "#312e81";
/** @color #1e1b4b - Indigo 950 (darkest) */
readonly indigo950: "#1e1b4b";
/** @color #f5f3ff - Violet 50 (lightest) */
readonly violet50: "#f5f3ff";
/** @color #ede9fe - Violet 100 */
readonly violet100: "#ede9fe";
/** @color #ddd6fe - Violet 200 */
readonly violet200: "#ddd6fe";
/** @color #c4b5fd - Violet 300 */
readonly violet300: "#c4b5fd";
/** @color #a78bfa - Violet 400 */
readonly violet400: "#a78bfa";
/** @color #8b5cf6 - Violet 500 */
readonly violet500: "#8b5cf6";
/** @color #7c3aed - Violet 600 */
readonly violet600: "#7c3aed";
/** @color #6d28d9 - Violet 700 */
readonly violet700: "#6d28d9";
/** @color #5b21b6 - Violet 800 */
readonly violet800: "#5b21b6";
/** @color #4c1d95 - Violet 900 */
readonly violet900: "#4c1d95";
/** @color #2e1065 - Violet 950 (darkest) */
readonly violet950: "#2e1065";
/** @color #faf5ff - Purple 50 (lightest) */
readonly purple50: "#faf5ff";
/** @color #f3e8ff - Purple 100 */
readonly purple100: "#f3e8ff";
/** @color #e9d5ff - Purple 200 */
readonly purple200: "#e9d5ff";
/** @color #d8b4fe - Purple 300 */
readonly purple300: "#d8b4fe";
/** @color #c084fc - Purple 400 */
readonly purple400: "#c084fc";
/** @color #a855f7 - Purple 500 */
readonly purple500: "#a855f7";
/** @color #9333ea - Purple 600 */
readonly purple600: "#9333ea";
/** @color #7e22ce - Purple 700 */
readonly purple700: "#7e22ce";
/** @color #6b21a8 - Purple 800 */
readonly purple800: "#6b21a8";
/** @color #581c87 - Purple 900 */
readonly purple900: "#581c87";
/** @color #3b0764 - Purple 950 (darkest) */
readonly purple950: "#3b0764";
/** @color #fdf4ff - Fuchsia 50 (lightest) */
readonly fuchsia50: "#fdf4ff";
/** @color #fae8ff - Fuchsia 100 */
readonly fuchsia100: "#fae8ff";
/** @color #f5d0fe - Fuchsia 200 */
readonly fuchsia200: "#f5d0fe";
/** @color #f0abfc - Fuchsia 300 */
readonly fuchsia300: "#f0abfc";
/** @color #e879f9 - Fuchsia 400 */
readonly fuchsia400: "#e879f9";
/** @color #d946ef - Fuchsia 500 */
readonly fuchsia500: "#d946ef";
/** @color #c026d3 - Fuchsia 600 */
readonly fuchsia600: "#c026d3";
/** @color #a21caf - Fuchsia 700 */
readonly fuchsia700: "#a21caf";
/** @color #86198f - Fuchsia 800 */
readonly fuchsia800: "#86198f";
/** @color #701a75 - Fuchsia 900 */
readonly fuchsia900: "#701a75";
/** @color #4a044e - Fuchsia 950 (darkest) */
readonly fuchsia950: "#4a044e";
/** @color #fdf2f8 - Pink 50 (lightest) */
readonly pink50: "#fdf2f8";
/** @color #fce7f3 - Pink 100 */
readonly pink100: "#fce7f3";
/** @color #fbcfe8 - Pink 200 */
readonly pink200: "#fbcfe8";
/** @color #f9a8d4 - Pink 300 */
readonly pink300: "#f9a8d4";
/** @color #f472b6 - Pink 400 */
readonly pink400: "#f472b6";
/** @color #ec4899 - Pink 500 */
readonly pink500: "#ec4899";
/** @color #db2777 - Pink 600 */
readonly pink600: "#db2777";
/** @color #be185d - Pink 700 */
readonly pink700: "#be185d";
/** @color #9d174d - Pink 800 */
readonly pink800: "#9d174d";
/** @color #831843 - Pink 900 */
readonly pink900: "#831843";
/** @color #500724 - Pink 950 (darkest) */
readonly pink950: "#500724";
/** @color #fff1f2 - Rose 50 (lightest) */
readonly rose50: "#fff1f2";
/** @color #ffe4e6 - Rose 100 */
readonly rose100: "#ffe4e6";
/** @color #fecdd3 - Rose 200 */
readonly rose200: "#fecdd3";
/** @color #fda4af - Rose 300 */
readonly rose300: "#fda4af";
/** @color #fb7185 - Rose 400 */
readonly rose400: "#fb7185";
/** @color #f43f5e - Rose 500 */
readonly rose500: "#f43f5e";
/** @color #e11d48 - Rose 600 */
readonly rose600: "#e11d48";
/** @color #be123c - Rose 700 */
readonly rose700: "#be123c";
/** @color #9f1239 - Rose 800 */
readonly rose800: "#9f1239";
/** @color #881337 - Rose 900 */
readonly rose900: "#881337";
/** @color #4c0519 - Rose 950 (darkest) */
readonly rose950: "#4c0519";
};
readonly spacing: {
/** @value 0px */
readonly "0": 0;
/** @value 1px */
readonly px: 1;
/** @value 2px (0.125rem) */
readonly "0.5": 2;
/** @value 4px (0.25rem) */
readonly "1": 4;
/** @value 6px (0.375rem) */
readonly "1.5": 6;
/** @value 8px (0.5rem) */
readonly "2": 8;
/** @value 10px (0.625rem) */
readonly "2.5": 10;
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 14px (0.875rem) */
readonly "3.5": 14;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 44px (2.75rem) */
readonly "11": 44;
/** @value 48px (3rem) */
readonly "12": 48;
/** @value 56px (3.5rem) */
readonly "14": 56;
/** @value 64px (4rem) */
readonly "16": 64;
/** @value 80px (5rem) */
readonly "20": 80;
/** @value 96px (6rem) */
readonly "24": 96;
/** @value 112px (7rem) */
readonly "28": 112;
/** @value 128px (8rem) */
readonly "32": 128;
/** @value 144px (9rem) */
readonly "36": 144;
/** @value 160px (10rem) */
readonly "40": 160;
/** @value 176px (11rem) */
readonly "44": 176;
/** @value 192px (12rem) */
readonly "48": 192;
/** @value 208px (13rem) */
readonly "52": 208;
/** @value 224px (14rem) */
readonly "56": 224;
/** @value 240px (15rem) */
readonly "60": 240;
/** @value 256px (16rem) */
readonly "64": 256;
/** @value 288px (18rem) */
readonly "72": 288;
/** @value 320px (20rem) */
readonly "80": 320;
/** @value 384px (24rem) */
readonly "96": 384;
};
readonly fontSizes: {
/** @value 12px (0.75rem) - Extra small text */
readonly xs: 12;
/** @value 14px (0.875rem) - Small text */
readonly sm: 14;
/** @value 16px (1rem) - Base/body text */
readonly base: 16;
/** @value 18px (1.125rem) - Large text */
readonly lg: 18;
/** @value 20px (1.25rem) - Extra large */
readonly xl: 20;
/** @value 24px (1.5rem) - Heading 4 */
readonly "2xl": 24;
/** @value 30px (1.875rem) - Heading 3 */
readonly "3xl": 30;
/** @value 36px (2.25rem) - Heading 2 */
readonly "4xl": 36;
/** @value 48px (3rem) - Heading 1 */
readonly "5xl": 48;
/** @value 60px (3.75rem) - Display */
readonly "6xl": 60;
/** @value 72px (4.5rem) - Large display */
readonly "7xl": 72;
/** @value 96px (6rem) - Hero */
readonly "8xl": 96;
/** @value 128px (8rem) - Massive hero */
readonly "9xl": 128;
};
readonly radii: {
/** @value 0px - No border radius */
readonly none: 0;
/** @value 2px (0.125rem) - Small radius */
readonly sm: 2;
/** @value 4px (0.25rem) - Default radius */
readonly DEFAULT: 4;
/** @value 6px (0.375rem) - Medium radius */
readonly md: 6;
/** @value 8px (0.5rem) - Large radius */
readonly lg: 8;
/** @value 12px (0.75rem) - Extra large radius */
readonly xl: 12;
/** @value 16px (1rem) - 2x large radius */
readonly "2xl": 16;
/** @value 24px (1.5rem) - 3x large radius */
readonly "3xl": 24;
/** @value 9999px - Full/pill radius */
readonly full: 9999;
};
readonly shadows: {
/** No shadow */
readonly none: {
readonly shadowColor: "transparent";
readonly shadowOffset: {
readonly width: 0;
readonly height: 0;
};
readonly shadowOpacity: 0;
readonly shadowRadius: 0;
readonly elevation: 0;
};
/** Small shadow - subtle depth */
readonly sm: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 2;
readonly elevation: 1;
};
/** Default shadow - light depth */
readonly DEFAULT: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 3;
readonly elevation: 3;
};
/** Medium shadow - moderate depth */
readonly md: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 4;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 6;
readonly elevation: 6;
};
/** Large shadow - significant depth */
readonly lg: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 10;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 15;
readonly elevation: 9;
};
/** Extra large shadow - heavy depth */
readonly xl: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 20;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 25;
readonly elevation: 12;
};
/** 2x large shadow - very heavy depth */
readonly "2xl": {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 25;
};
readonly shadowOpacity: 0.25;
readonly shadowRadius: 50;
readonly elevation: 16;
};
/** Inner shadow effect */
readonly inner: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 2;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 4;
readonly elevation: 0;
};
};
readonly zIndex: {
/** @value 0 - Base layer */
readonly "0": 0;
/** @value 10 - Above base */
readonly "10": 10;
/** @value 20 - Dropdowns */
readonly "20": 20;
/** @value 30 - Sticky elements */
readonly "30": 30;
/** @value 40 - Fixed elements */
readonly "40": 40;
/** @value 50 - Modals/overlays */
readonly "50": 50;
};
readonly opacity: {
/** @value 0 - Fully transparent */
readonly "0": 0;
/** @value 0.05 - 5% opacity */
readonly "5": 0.05;
/** @value 0.1 - 10% opacity */
readonly "10": 0.1;
/** @value 0.15 - 15% opacity */
readonly "15": 0.15;
/** @value 0.2 - 20% opacity */
readonly "20": 0.2;
/** @value 0.25 - 25% opacity */
readonly "25": 0.25;
/** @value 0.3 - 30% opacity */
readonly "30": 0.3;
/** @value 0.35 - 35% opacity */
readonly "35": 0.35;
/** @value 0.4 - 40% opacity */
readonly "40": 0.4;
/** @value 0.45 - 45% opacity */
readonly "45": 0.45;
/** @value 0.5 - 50% opacity */
readonly "50": 0.5;
/** @value 0.55 - 55% opacity */
readonly "55": 0.55;
/** @value 0.6 - 60% opacity */
readonly "60": 0.6;
/** @value 0.65 - 65% opacity */
readonly "65": 0.65;
/** @value 0.7 - 70% opacity */
readonly "70": 0.7;
/** @value 0.75 - 75% opacity */
readonly "75": 0.75;
/** @value 0.8 - 80% opacity */
readonly "80": 0.8;
/** @value 0.85 - 85% opacity */
readonly "85": 0.85;
/** @value 0.9 - 90% opacity */
readonly "90": 0.9;
/** @value 0.95 - 95% opacity */
readonly "95": 0.95;
/** @value 1 - Fully opaque */
readonly "100": 1;
};
readonly lineHeights: {
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 1 - No line height */
readonly none: 1;
/** @value 1.25 - Tight spacing */
readonly tight: 1.25;
/** @value 1.375 - Snug spacing */
readonly snug: 1.375;
/** @value 1.5 - Normal spacing */
readonly normal: 1.5;
/** @value 1.625 - Relaxed spacing */
readonly relaxed: 1.625;
/** @value 2 - Loose spacing */
readonly loose: 2;
};
readonly fontWeights: {
/** @value "100" - Thin */
readonly thin: "100";
/** @value "200" - Extra light */
readonly extralight: "200";
/** @value "300" - Light */
readonly light: "300";
/** @value "400" - Normal/Regular */
readonly normal: "400";
/** @value "500" - Medium */
readonly medium: "500";
/** @value "600" - Semi bold */
readonly semibold: "600";
/** @value "700" - Bold */
readonly bold: "700";
/** @value "800" - Extra bold */
readonly extrabold: "800";
/** @value "900" - Black/Heavy */
readonly black: "900";
};
readonly letterSpacing: {
/** @value -0.8px - Tighter spacing */
readonly tighter: -0.8;
/** @value -0.4px - Tight spacing */
readonly tight: -0.4;
/** @value 0px - Normal spacing */
readonly normal: 0;
/** @value 0.4px - Wide spacing */
readonly wide: 0.4;
/** @value 0.8px - Wider spacing */
readonly wider: 0.8;
/** @value 1.6px - Widest spacing */
readonly widest: 1.6;
};
readonly borderWidths: {
/** @value 0px - No border */
readonly "0": 0;
/** @value 1px - Default border */
readonly DEFAULT: 1;
/** @value 2px - Medium border */
readonly "2": 2;
/** @value 4px - Thick border */
readonly "4": 4;
/** @value 8px - Extra thick border */
readonly "8": 8;
};
readonly maxWidths: {
/** @value 0px */
readonly "0": 0;
/** @value "none" - No max width */
readonly none: "none";
/** @value 320px (20rem) */
readonly xs: 320;
/** @value 384px (24rem) */
readonly sm: 384;
/** @value 448px (28rem) */
readonly md: 448;
/** @value 512px (32rem) */
readonly lg: 512;
/** @value 576px (36rem) */
readonly xl: 576;
/** @value 672px (42rem) */
readonly "2xl": 672;
/** @value 768px (48rem) */
readonly "3xl": 768;
/** @value 896px (56rem) */
readonly "4xl": 896;
/** @value 1024px (64rem) */
readonly "5xl": 1024;
/** @value 1152px (72rem) */
readonly "6xl": 1152;
/** @value 1280px (80rem) */
readonly "7xl": 1280;
/** @value "100%" - Full width */
readonly full: "100%";
};
readonly durations: {
/** @value 0ms - Instant */
readonly "0": 0;
/** @value 75ms - Very fast */
readonly "75": 75;
/** @value 100ms - Fast */
readonly "100": 100;
/** @value 150ms - Quick */
readonly "150": 150;
/** @value 200ms - Normal */
readonly "200": 200;
/** @value 300ms - Medium */
readonly "300": 300;
/** @value 500ms - Slow */
readonly "500": 500;
/** @value 700ms - Very slow */
readonly "700": 700;
/** @value 1000ms - Extra slow */
readonly "1000": 1000;
};
};
/** Type representing the default theme structure. */
export type DefaultTheme = typeof defaultTheme;
/** Type representing the Tailwind color palette. */
export type TailwindColors = typeof tailwindColors;
/** Type representing the Tailwind spacing scale. */
export type TailwindSpacing = typeof tailwindSpacing;
/** Type representing the Tailwind font size scale. */
export type TailwindFontSizes = typeof tailwindFontSizes;
/** Type representing the Tailwind border radius scale. */
export type TailwindRadii = typeof tailwindRadii;
/** Type representing the Tailwind shadow definitions. */
export type TailwindShadows = typeof tailwindShadows;
/** Type representing the Tailwind z-index scale. */
export type TailwindZIndex = typeof tailwindZIndex;
/** Type representing the Tailwind opacity scale. */
export type TailwindOpacity = typeof tailwindOpacity;
/** Type representing the Tailwind line height scale. */
export type TailwindLineHeights = typeof tailwindLineHeights;
/** Type representing the Tailwind font weight scale. */
export type TailwindFontWeights = typeof tailwindFontWeights;
/** Type representing the Tailwind letter spacing scale. */
export type TailwindLetterSpacing = typeof tailwindLetterSpacing;
/** Type representing the Tailwind border width scale. */
export type TailwindBorderWidths = typeof tailwindBorderWidths;
/** Type representing the Tailwind max width scale. */
export type TailwindMaxWidths = typeof tailwindMaxWidths;
/** Type representing the Tailwind animation duration scale. */
export type TailwindDurations = typeof tailwindDurations;
/**
* Helper function to create a custom theme by extending the default theme.
*
* @template T - Custom theme extension type
* @param customTheme - Partial theme object with custom values
* @returns A complete theme object with defaults and custom values merged
*
* @example
* ```ts
* const myTheme = extendTheme({
* colors: {
* ...tailwindColors,
* brand: "#FF6B6B",
* },
* });
* ```
*/
export declare function extendTheme<T extends Partial<DefaultTheme>>(customTheme: T): DefaultTheme & T;
export declare const defaultColors: {
/** @color transparent - Fully transparent */
readonly transparent: "transparent";
/** @color currentColor - Inherits current text color */
readonly current: "currentColor";
/** @color #000000 - Pure black */
readonly black: "#000000";
/** @color #FFFFFF - Pure white */
readonly white: "#FFFFFF";
/** @color #f8fafc - Slate 50 (lightest) */
readonly slate50: "#f8fafc";
/** @color #f1f5f9 - Slate 100 */
readonly slate100: "#f1f5f9";
/** @color #e2e8f0 - Slate 200 */
readonly slate200: "#e2e8f0";
/** @color #cbd5e1 - Slate 300 */
readonly slate300: "#cbd5e1";
/** @color #94a3b8 - Slate 400 */
readonly slate400: "#94a3b8";
/** @color #64748b - Slate 500 */
readonly slate500: "#64748b";
/** @color #475569 - Slate 600 */
readonly slate600: "#475569";
/** @color #334155 - Slate 700 */
readonly slate700: "#334155";
/** @color #1e293b - Slate 800 */
readonly slate800: "#1e293b";
/** @color #0f172a - Slate 900 */
readonly slate900: "#0f172a";
/** @color #020617 - Slate 950 (darkest) */
readonly slate950: "#020617";
/** @color #f9fafb - Gray 50 (lightest) */
readonly gray50: "#f9fafb";
/** @color #f3f4f6 - Gray 100 */
readonly gray100: "#f3f4f6";
/** @color #e5e7eb - Gray 200 */
readonly gray200: "#e5e7eb";
/** @color #d1d5db - Gray 300 */
readonly gray300: "#d1d5db";
/** @color #9ca3af - Gray 400 */
readonly gray400: "#9ca3af";
/** @color #6b7280 - Gray 500 */
readonly gray500: "#6b7280";
/** @color #4b5563 - Gray 600 */
readonly gray600: "#4b5563";
/** @color #374151 - Gray 700 */
readonly gray700: "#374151";
/** @color #1f2937 - Gray 800 */
readonly gray800: "#1f2937";
/** @color #111827 - Gray 900 */
readonly gray900: "#111827";
/** @color #030712 - Gray 950 (darkest) */
readonly gray950: "#030712";
/** @color #fafafa - Zinc 50 (lightest) */
readonly zinc50: "#fafafa";
/** @color #f4f4f5 - Zinc 100 */
readonly zinc100: "#f4f4f5";
/** @color #e4e4e7 - Zinc 200 */
readonly zinc200: "#e4e4e7";
/** @color #d4d4d8 - Zinc 300 */
readonly zinc300: "#d4d4d8";
/** @color #a1a1aa - Zinc 400 */
readonly zinc400: "#a1a1aa";
/** @color #71717a - Zinc 500 */
readonly zinc500: "#71717a";
/** @color #52525b - Zinc 600 */
readonly zinc600: "#52525b";
/** @color #3f3f46 - Zinc 700 */
readonly zinc700: "#3f3f46";
/** @color #27272a - Zinc 800 */
readonly zinc800: "#27272a";
/** @color #18181b - Zinc 900 */
readonly zinc900: "#18181b";
/** @color #09090b - Zinc 950 (darkest) */
readonly zinc950: "#09090b";
/** @color #fafafa - Neutral 50 (lightest) */
readonly neutral50: "#fafafa";
/** @color #f5f5f5 - Neutral 100 */
readonly neutral100: "#f5f5f5";
/** @color #e5e5e5 - Neutral 200 */
readonly neutral200: "#e5e5e5";
/** @color #d4d4d4 - Neutral 300 */
readonly neutral300: "#d4d4d4";
/** @color #a3a3a3 - Neutral 400 */
readonly neutral400: "#a3a3a3";
/** @color #737373 - Neutral 500 */
readonly neutral500: "#737373";
/** @color #525252 - Neutral 600 */
readonly neutral600: "#525252";
/** @color #404040 - Neutral 700 */
readonly neutral700: "#404040";
/** @color #262626 - Neutral 800 */
readonly neutral800: "#262626";
/** @color #171717 - Neutral 900 */
readonly neutral900: "#171717";
/** @color #0a0a0a - Neutral 950 (darkest) */
readonly neutral950: "#0a0a0a";
/** @color #fafaf9 - Stone 50 (lightest) */
readonly stone50: "#fafaf9";
/** @color #f5f5f4 - Stone 100 */
readonly stone100: "#f5f5f4";
/** @color #e7e5e4 - Stone 200 */
readonly stone200: "#e7e5e4";
/** @color #d6d3d1 - Stone 300 */
readonly stone300: "#d6d3d1";
/** @color #a8a29e - Stone 400 */
readonly stone400: "#a8a29e";
/** @color #78716c - Stone 500 */
readonly stone500: "#78716c";
/** @color #57534e - Stone 600 */
readonly stone600: "#57534e";
/** @color #44403c - Stone 700 */
readonly stone700: "#44403c";
/** @color #292524 - Stone 800 */
readonly stone800: "#292524";
/** @color #1c1917 - Stone 900 */
readonly stone900: "#1c1917";
/** @color #0c0a09 - Stone 950 (darkest) */
readonly stone950: "#0c0a09";
/** @color #fef2f2 - Red 50 (lightest) */
readonly red50: "#fef2f2";
/** @color #fee2e2 - Red 100 */
readonly red100: "#fee2e2";
/** @color #fecaca - Red 200 */
readonly red200: "#fecaca";
/** @color #fca5a5 - Red 300 */
readonly red300: "#fca5a5";
/** @color #f87171 - Red 400 */
readonly red400: "#f87171";
/** @color #ef4444 - Red 500 */
readonly red500: "#ef4444";
/** @color #dc2626 - Red 600 */
readonly red600: "#dc2626";
/** @color #b91c1c - Red 700 */
readonly red700: "#b91c1c";
/** @color #991b1b - Red 800 */
readonly red800: "#991b1b";
/** @color #7f1d1d - Red 900 */
readonly red900: "#7f1d1d";
/** @color #450a0a - Red 950 (darkest) */
readonly red950: "#450a0a";
/** @color #fff7ed - Orange 50 (lightest) */
readonly orange50: "#fff7ed";
/** @color #ffedd5 - Orange 100 */
readonly orange100: "#ffedd5";
/** @color #fed7aa - Orange 200 */
readonly orange200: "#fed7aa";
/** @color #fdba74 - Orange 300 */
readonly orange300: "#fdba74";
/** @color #fb923c - Orange 400 */
readonly orange400: "#fb923c";
/** @color #f97316 - Orange 500 */
readonly orange500: "#f97316";
/** @color #ea580c - Orange 600 */
readonly orange600: "#ea580c";
/** @color #c2410c - Orange 700 */
readonly orange700: "#c2410c";
/** @color #9a3412 - Orange 800 */
readonly orange800: "#9a3412";
/** @color #7c2d12 - Orange 900 */
readonly orange900: "#7c2d12";
/** @color #431407 - Orange 950 (darkest) */
readonly orange950: "#431407";
/** @color #fffbeb - Amber 50 (lightest) */
readonly amber50: "#fffbeb";
/** @color #fef3c7 - Amber 100 */
readonly amber100: "#fef3c7";
/** @color #fde68a - Amber 200 */
readonly amber200: "#fde68a";
/** @color #fcd34d - Amber 300 */
readonly amber300: "#fcd34d";
/** @color #fbbf24 - Amber 400 */
readonly amber400: "#fbbf24";
/** @color #f59e0b - Amber 500 */
readonly amber500: "#f59e0b";
/** @color #d97706 - Amber 600 */
readonly amber600: "#d97706";
/** @color #b45309 - Amber 700 */
readonly amber700: "#b45309";
/** @color #92400e - Amber 800 */
readonly amber800: "#92400e";
/** @color #78350f - Amber 900 */
readonly amber900: "#78350f";
/** @color #451a03 - Amber 950 (darkest) */
readonly amber950: "#451a03";
/** @color #fefce8 - Yellow 50 (lightest) */
readonly yellow50: "#fefce8";
/** @color #fef9c3 - Yellow 100 */
readonly yellow100: "#fef9c3";
/** @color #fef08a - Yellow 200 */
readonly yellow200: "#fef08a";
/** @color #fde047 - Yellow 300 */
readonly yellow300: "#fde047";
/** @color #facc15 - Yellow 400 */
readonly yellow400: "#facc15";
/** @color #eab308 - Yellow 500 */
readonly yellow500: "#eab308";
/** @color #ca8a04 - Yellow 600 */
readonly yellow600: "#ca8a04";
/** @color #a16207 - Yellow 700 */
readonly yellow700: "#a16207";
/** @color #854d0e - Yellow 800 */
readonly yellow800: "#854d0e";
/** @color #713f12 - Yellow 900 */
readonly yellow900: "#713f12";
/** @color #422006 - Yellow 950 (darkest) */
readonly yellow950: "#422006";
/** @color #f7fee7 - Lime 50 (lightest) */
readonly lime50: "#f7fee7";
/** @color #ecfccb - Lime 100 */
readonly lime100: "#ecfccb";
/** @color #d9f99d - Lime 200 */
readonly lime200: "#d9f99d";
/** @color #bef264 - Lime 300 */
readonly lime300: "#bef264";
/** @color #a3e635 - Lime 400 */
readonly lime400: "#a3e635";
/** @color #84cc16 - Lime 500 */
readonly lime500: "#84cc16";
/** @color #65a30d - Lime 600 */
readonly lime600: "#65a30d";
/** @color #4d7c0f - Lime 700 */
readonly lime700: "#4d7c0f";
/** @color #3f6212 - Lime 800 */
readonly lime800: "#3f6212";
/** @color #365314 - Lime 900 */
readonly lime900: "#365314";
/** @color #1a2e05 - Lime 950 (darkest) */
readonly lime950: "#1a2e05";
/** @color #f0fdf4 - Green 50 (lightest) */
readonly green50: "#f0fdf4";
/** @color #dcfce7 - Green 100 */
readonly green100: "#dcfce7";
/** @color #bbf7d0 - Green 200 */
readonly green200: "#bbf7d0";
/** @color #86efac - Green 300 */
readonly green300: "#86efac";
/** @color #4ade80 - Green 400 */
readonly green400: "#4ade80";
/** @color #22c55e - Green 500 */
readonly green500: "#22c55e";
/** @color #16a34a - Green 600 */
readonly green600: "#16a34a";
/** @color #15803d - Green 700 */
readonly green700: "#15803d";
/** @color #166534 - Green 800 */
readonly green800: "#166534";
/** @color #14532d - Green 900 */
readonly green900: "#14532d";
/** @color #052e16 - Green 950 (darkest) */
readonly green950: "#052e16";
/** @color #ecfdf5 - Emerald 50 (lightest) */
readonly emerald50: "#ecfdf5";
/** @color #d1fae5 - Emerald 100 */
readonly emerald100: "#d1fae5";
/** @color #a7f3d0 - Emerald 200 */
readonly emerald200: "#a7f3d0";
/** @color #6ee7b7 - Emerald 300 */
readonly emerald300: "#6ee7b7";
/** @color #34d399 - Emerald 400 */
readonly emerald400: "#34d399";
/** @color #10b981 - Emerald 500 */
readonly emerald500: "#10b981";
/** @color #059669 - Emerald 600 */
readonly emerald600: "#059669";
/** @color #047857 - Emerald 700 */
readonly emerald700: "#047857";
/** @color #065f46 - Emerald 800 */
readonly emerald800: "#065f46";
/** @color #064e3b - Emerald 900 */
readonly emerald900: "#064e3b";
/** @color #022c22 - Emerald 950 (darkest) */
readonly emerald950: "#022c22";
/** @color #f0fdfa - Teal 50 (lightest) */
readonly teal50: "#f0fdfa";
/** @color #ccfbf1 - Teal 100 */
readonly teal100: "#ccfbf1";
/** @color #99f6e4 - Teal 200 */
readonly teal200: "#99f6e4";
/** @color #5eead4 - Teal 300 */
readonly teal300: "#5eead4";
/** @color #2dd4bf - Teal 400 */
readonly teal400: "#2dd4bf";
/** @color #14b8a6 - Teal 500 */
readonly teal500: "#14b8a6";
/** @color #0d9488 - Teal 600 */
readonly teal600: "#0d9488";
/** @color #0f766e - Teal 700 */
readonly teal700: "#0f766e";
/** @color #115e59 - Teal 800 */
readonly teal800: "#115e59";
/** @color #134e4a - Teal 900 */
readonly teal900: "#134e4a";
/** @color #042f2e - Teal 950 (darkest) */
readonly teal950: "#042f2e";
/** @color #ecfeff - Cyan 50 (lightest) */
readonly cyan50: "#ecfeff";
/** @color #cffafe - Cyan 100 */
readonly cyan100: "#cffafe";
/** @color #a5f3fc - Cyan 200 */
readonly cyan200: "#a5f3fc";
/** @color #67e8f9 - Cyan 300 */
readonly cyan300: "#67e8f9";
/** @color #22d3ee - Cyan 400 */
readonly cyan400: "#22d3ee";
/** @color #06b6d4 - Cyan 500 */
readonly cyan500: "#06b6d4";
/** @color #0891b2 - Cyan 600 */
readonly cyan600: "#0891b2";
/** @color #0e7490 - Cyan 700 */
readonly cyan700: "#0e7490";
/** @color #155e75 - Cyan 800 */
readonly cyan800: "#155e75";
/** @color #164e63 - Cyan 900 */
readonly cyan900: "#164e63";
/** @color #083344 - Cyan 950 (darkest) */
readonly cyan950: "#083344";
/** @color #f0f9ff - Sky 50 (lightest) */
readonly sky50: "#f0f9ff";
/** @color #e0f2fe - Sky 100 */
readonly sky100: "#e0f2fe";
/** @color #bae6fd - Sky 200 */
readonly sky200: "#bae6fd";
/** @color #7dd3fc - Sky 300 */
readonly sky300: "#7dd3fc";
/** @color #38bdf8 - Sky 400 */
readonly sky400: "#38bdf8";
/** @color #0ea5e9 - Sky 500 */
readonly sky500: "#0ea5e9";
/** @color #0284c7 - Sky 600 */
readonly sky600: "#0284c7";
/** @color #0369a1 - Sky 700 */
readonly sky700: "#0369a1";
/** @color #075985 - Sky 800 */
readonly sky800: "#075985";
/** @color #0c4a6e - Sky 900 */
readonly sky900: "#0c4a6e";
/** @color #082f49 - Sky 950 (darkest) */
readonly sky950: "#082f49";
/** @color #eff6ff - Blue 50 (lightest) */
readonly blue50: "#eff6ff";
/** @color #dbeafe - Blue 100 */
readonly blue100: "#dbeafe";
/** @color #bfdbfe - Blue 200 */
readonly blue200: "#bfdbfe";
/** @color #93c5fd - Blue 300 */
readonly blue300: "#93c5fd";
/** @color #60a5fa - Blue 400 */
readonly blue400: "#60a5fa";
/** @color #3b82f6 - Blue 500 */
readonly blue500: "#3b82f6";
/** @color #2563eb - Blue 600 */
readonly blue600: "#2563eb";
/** @color #1d4ed8 - Blue 700 */
readonly blue700: "#1d4ed8";
/** @color #1e40af - Blue 800 */
readonly blue800: "#1e40af";
/** @color #1e3a8a - Blue 900 */
readonly blue900: "#1e3a8a";
/** @color #172554 - Blue 950 (darkest) */
readonly blue950: "#172554";
/** @color #eef2ff - Indigo 50 (lightest) */
readonly indigo50: "#eef2ff";
/** @color #e0e7ff - Indigo 100 */
readonly indigo100: "#e0e7ff";
/** @color #c7d2fe - Indigo 200 */
readonly indigo200: "#c7d2fe";
/** @color #a5b4fc - Indigo 300 */
readonly indigo300: "#a5b4fc";
/** @color #818cf8 - Indigo 400 */
readonly indigo400: "#818cf8";
/** @color #6366f1 - Indigo 500 */
readonly indigo500: "#6366f1";
/** @color #4f46e5 - Indigo 600 */
readonly indigo600: "#4f46e5";
/** @color #4338ca - Indigo 700 */
readonly indigo700: "#4338ca";
/** @color #3730a3 - Indigo 800 */
readonly indigo800: "#3730a3";
/** @color #312e81 - Indigo 900 */
readonly indigo900: "#312e81";
/** @color #1e1b4b - Indigo 950 (darkest) */
readonly indigo950: "#1e1b4b";
/** @color #f5f3ff - Violet 50 (lightest) */
readonly violet50: "#f5f3ff";
/** @color #ede9fe - Violet 100 */
readonly violet100: "#ede9fe";
/** @color #ddd6fe - Violet 200 */
readonly violet200: "#ddd6fe";
/** @color #c4b5fd - Violet 300 */
readonly violet300: "#c4b5fd";
/** @color #a78bfa - Violet 400 */
readonly violet400: "#a78bfa";
/** @color #8b5cf6 - Violet 500 */
readonly violet500: "#8b5cf6";
/** @color #7c3aed - Violet 600 */
readonly violet600: "#7c3aed";
/** @color #6d28d9 - Violet 700 */
readonly violet700: "#6d28d9";
/** @color #5b21b6 - Violet 800 */
readonly violet800: "#5b21b6";
/** @color #4c1d95 - Violet 900 */
readonly violet900: "#4c1d95";
/** @color #2e1065 - Violet 950 (darkest) */
readonly violet950: "#2e1065";
/** @color #faf5ff - Purple 50 (lightest) */
readonly purple50: "#faf5ff";
/** @color #f3e8ff - Purple 100 */
readonly purple100: "#f3e8ff";
/** @color #e9d5ff - Purple 200 */
readonly purple200: "#e9d5ff";
/** @color #d8b4fe - Purple 300 */
readonly purple300: "#d8b4fe";
/** @color #c084fc - Purple 400 */
readonly purple400: "#c084fc";
/** @color #a855f7 - Purple 500 */
readonly purple500: "#a855f7";
/** @color #9333ea - Purple 600 */
readonly purple600: "#9333ea";
/** @color #7e22ce - Purple 700 */
readonly purple700: "#7e22ce";
/** @color #6b21a8 - Purple 800 */
readonly purple800: "#6b21a8";
/** @color #581c87 - Purple 900 */
readonly purple900: "#581c87";
/** @color #3b0764 - Purple 950 (darkest) */
readonly purple950: "#3b0764";
/** @color #fdf4ff - Fuchsia 50 (lightest) */
readonly fuchsia50: "#fdf4ff";
/** @color #fae8ff - Fuchsia 100 */
readonly fuchsia100: "#fae8ff";
/** @color #f5d0fe - Fuchsia 200 */
readonly fuchsia200: "#f5d0fe";
/** @color #f0abfc - Fuchsia 300 */
readonly fuchsia300: "#f0abfc";
/** @color #e879f9 - Fuchsia 400 */
readonly fuchsia400: "#e879f9";
/** @color #d946ef - Fuchsia 500 */
readonly fuchsia500: "#d946ef";
/** @color #c026d3 - Fuchsia 600 */
readonly fuchsia600: "#c026d3";
/** @color #a21caf - Fuchsia 700 */
readonly fuchsia700: "#a21caf";
/** @color #86198f - Fuchsia 800 */
readonly fuchsia800: "#86198f";
/** @color #701a75 - Fuchsia 900 */
readonly fuchsia900: "#701a75";
/** @color #4a044e - Fuchsia 950 (darkest) */
readonly fuchsia950: "#4a044e";
/** @color #fdf2f8 - Pink 50 (lightest) */
readonly pink50: "#fdf2f8";
/** @color #fce7f3 - Pink 100 */
readonly pink100: "#fce7f3";
/** @color #fbcfe8 - Pink 200 */
readonly pink200: "#fbcfe8";
/** @color #f9a8d4 - Pink 300 */
readonly pink300: "#f9a8d4";
/** @color #f472b6 - Pink 400 */
readonly pink400: "#f472b6";
/** @color #ec4899 - Pink 500 */
readonly pink500: "#ec4899";
/** @color #db2777 - Pink 600 */
readonly pink600: "#db2777";
/** @color #be185d - Pink 700 */
readonly pink700: "#be185d";
/** @color #9d174d - Pink 800 */
readonly pink800: "#9d174d";
/** @color #831843 - Pink 900 */
readonly pink900: "#831843";
/** @color #500724 - Pink 950 (darkest) */
readonly pink950: "#500724";
/** @color #fff1f2 - Rose 50 (lightest) */
readonly rose50: "#fff1f2";
/** @color #ffe4e6 - Rose 100 */
readonly rose100: "#ffe4e6";
/** @color #fecdd3 - Rose 200 */
readonly rose200: "#fecdd3";
/** @color #fda4af - Rose 300 */
readonly rose300: "#fda4af";
/** @color #fb7185 - Rose 400 */
readonly rose400: "#fb7185";
/** @color #f43f5e - Rose 500 */
readonly rose500: "#f43f5e";
/** @color #e11d48 - Rose 600 */
readonly rose600: "#e11d48";
/** @color #be123c - Rose 700 */
readonly rose700: "#be123c";
/** @color #9f1239 - Rose 800 */
readonly rose800: "#9f1239";
/** @color #881337 - Rose 900 */
readonly rose900: "#881337";
/** @color #4c0519 - Rose 950 (darkest) */
readonly rose950: "#4c0519";
};
export declare const defaultSpacing: {
/** @value 0px */
readonly "0": 0;
/** @value 1px */
readonly px: 1;
/** @value 2px (0.125rem) */
readonly "0.5": 2;
/** @value 4px (0.25rem) */
readonly "1": 4;
/** @value 6px (0.375rem) */
readonly "1.5": 6;
/** @value 8px (0.5rem) */
readonly "2": 8;
/** @value 10px (0.625rem) */
readonly "2.5": 10;
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 14px (0.875rem) */
readonly "3.5": 14;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 44px (2.75rem) */
readonly "11": 44;
/** @value 48px (3rem) */
readonly "12": 48;
/** @value 56px (3.5rem) */
readonly "14": 56;
/** @value 64px (4rem) */
readonly "16": 64;
/** @value 80px (5rem) */
readonly "20": 80;
/** @value 96px (6rem) */
readonly "24": 96;
/** @value 112px (7rem) */
readonly "28": 112;
/** @value 128px (8rem) */
readonly "32": 128;
/** @value 144px (9rem) */
readonly "36": 144;
/** @value 160px (10rem) */
readonly "40": 160;
/** @value 176px (11rem) */
readonly "44": 176;
/** @value 192px (12rem) */
readonly "48": 192;
/** @value 208px (13rem) */
readonly "52": 208;
/** @value 224px (14rem) */
readonly "56": 224;
/** @value 240px (15rem) */
readonly "60": 240;
/** @value 256px (16rem) */
readonly "64": 256;
/** @value 288px (18rem) */
readonly "72": 288;
/** @value 320px (20rem) */
readonly "80": 320;
/** @value 384px (24rem) */
readonly "96": 384;
};
export declare const defaultFontSizes: {
/** @value 12px (0.75rem) - Extra small text */
readonly xs: 12;
/** @value 14px (0.875rem) - Small text */
readonly sm: 14;
/** @value 16px (1rem) - Base/body text */
readonly base: 16;
/** @value 18px (1.125rem) - Large text */
readonly lg: 18;
/** @value 20px (1.25rem) - Extra large */
readonly xl: 20;
/** @value 24px (1.5rem) - Heading 4 */
readonly "2xl": 24;
/** @value 30px (1.875rem) - Heading 3 */
readonly "3xl": 30;
/** @value 36px (2.25rem) - Heading 2 */
readonly "4xl": 36;
/** @value 48px (3rem) - Heading 1 */
readonly "5xl": 48;
/** @value 60px (3.75rem) - Display */
readonly "6xl": 60;
/** @value 72px (4.5rem) - Large display */
readonly "7xl": 72;
/** @value 96px (6rem) - Hero */
readonly "8xl": 96;
/** @value 128px (8rem) - Massive hero */
readonly "9xl": 128;
};
export declare const defaultRadii: {
/** @value 0px - No border radius */
readonly none: 0;
/** @value 2px (0.125rem) - Small radius */
readonly sm: 2;
/** @value 4px (0.25rem) - Default radius */
readonly DEFAULT: 4;
/** @value 6px (0.375rem) - Medium radius */
readonly md: 6;
/** @value 8px (0.5rem) - Large radius */
readonly lg: 8;
/** @value 12px (0.75rem) - Extra large radius */
readonly xl: 12;
/** @value 16px (1rem) - 2x large radius */
readonly "2xl": 16;
/** @value 24px (1.5rem) - 3x large radius */
readonly "3xl": 24;
/** @value 9999px - Full/pill radius */
readonly full: 9999;
};
export declare const defaultShadows: {
/** No shadow */
readonly none: {
readonly shadowColor: "transparent";
readonly shadowOffset: {
readonly width: 0;
readonly height: 0;
};
readonly shadowOpacity: 0;
readonly shadowRadius: 0;
readonly elevation: 0;
};
/** Small shadow - subtle depth */
readonly sm: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 2;
readonly elevation: 1;
};
/** Default shadow - light depth */
readonly DEFAULT: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 1;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 3;
readonly elevation: 3;
};
/** Medium shadow - moderate depth */
readonly md: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 4;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 6;
readonly elevation: 6;
};
/** Large shadow - significant depth */
readonly lg: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 10;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 15;
readonly elevation: 9;
};
/** Extra large shadow - heavy depth */
readonly xl: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 20;
};
readonly shadowOpacity: 0.1;
readonly shadowRadius: 25;
readonly elevation: 12;
};
/** 2x large shadow - very heavy depth */
readonly "2xl": {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 25;
};
readonly shadowOpacity: 0.25;
readonly shadowRadius: 50;
readonly elevation: 16;
};
/** Inner shadow effect */
readonly inner: {
readonly shadowColor: "#000000";
readonly shadowOffset: {
readonly width: 0;
readonly height: 2;
};
readonly shadowOpacity: 0.05;
readonly shadowRadius: 4;
readonly elevation: 0;
};
};
export declare const defaultZIndex: {
/** @value 0 - Base layer */
readonly "0": 0;
/** @value 10 - Above base */
readonly "10": 10;
/** @value 20 - Dropdowns */
readonly "20": 20;
/** @value 30 - Sticky elements */
readonly "30": 30;
/** @value 40 - Fixed elements */
readonly "40": 40;
/** @value 50 - Modals/overlays */
readonly "50": 50;
};
export declare const defaultOpacity: {
/** @value 0 - Fully transparent */
readonly "0": 0;
/** @value 0.05 - 5% opacity */
readonly "5": 0.05;
/** @value 0.1 - 10% opacity */
readonly "10": 0.1;
/** @value 0.15 - 15% opacity */
readonly "15": 0.15;
/** @value 0.2 - 20% opacity */
readonly "20": 0.2;
/** @value 0.25 - 25% opacity */
readonly "25": 0.25;
/** @value 0.3 - 30% opacity */
readonly "30": 0.3;
/** @value 0.35 - 35% opacity */
readonly "35": 0.35;
/** @value 0.4 - 40% opacity */
readonly "40": 0.4;
/** @value 0.45 - 45% opacity */
readonly "45": 0.45;
/** @value 0.5 - 50% opacity */
readonly "50": 0.5;
/** @value 0.55 - 55% opacity */
readonly "55": 0.55;
/** @value 0.6 - 60% opacity */
readonly "60": 0.6;
/** @value 0.65 - 65% opacity */
readonly "65": 0.65;
/** @value 0.7 - 70% opacity */
readonly "70": 0.7;
/** @value 0.75 - 75% opacity */
readonly "75": 0.75;
/** @value 0.8 - 80% opacity */
readonly "80": 0.8;
/** @value 0.85 - 85% opacity */
readonly "85": 0.85;
/** @value 0.9 - 90% opacity */
readonly "90": 0.9;
/** @value 0.95 - 95% opacity */
readonly "95": 0.95;
/** @value 1 - Fully opaque */
readonly "100": 1;
};
export declare const defaultLineHeights: {
/** @value 12px (0.75rem) */
readonly "3": 12;
/** @value 16px (1rem) */
readonly "4": 16;
/** @value 20px (1.25rem) */
readonly "5": 20;
/** @value 24px (1.5rem) */
readonly "6": 24;
/** @value 28px (1.75rem) */
readonly "7": 28;
/** @value 32px (2rem) */
readonly "8": 32;
/** @value 36px (2.25rem) */
readonly "9": 36;
/** @value 40px (2.5rem) */
readonly "10": 40;
/** @value 1 - No line height */
readonly none: 1;
/** @value 1.25 - Tight spacing */
readonly tight: 1.25;
/** @value 1.375 - Snug spacing */
readonly snug: 1.375;
/** @value 1.5 - Normal spacing */
readonly normal: 1.5;
/** @value 1.625 - Relaxed spacing */
readonly relaxed: 1.625;
/** @value 2 - Loose spacing */
readonly loose: 2;
};
export declare const defaultFontWeights: {
/** @value "100" - Thin */
readonly thin: "100";
/** @value "200" - Extra light */
readonly extralight: "200";
/** @value "300" - Light */
readonly light: "300";
/** @value "400" - Normal/Regular */
readonly normal: "400";
/** @value "500" - Medium */
readonly medium: "500";
/** @value "600" - Semi bold */
readonly semibold: "600";
/** @value "700" - Bold */
readonly bold: "700";
/** @value "800" - Extra bold */
readonly extrabold: "800";
/** @value "900" - Black/Heavy */
readonly black: "900";
};
export declare const defaultLetterSpacing: {
/** @value -0.8px - Tighter spacing */
readonly tighter: -0.8;
/** @value -0.4px - Tight spacing */
readonly tight: -0.4;
/** @value 0px - Normal spacing */
readonly normal: 0;
/** @value 0.4px - Wide spacing */
readonly wide: 0.4;
/** @value 0.8px - Wider spacing */
readonly wider: 0.8;
/** @value 1.6px - Widest spacing */
readonly widest: 1.6;
};
export type DefaultColors = TailwindColors;
export type DefaultSpacing = TailwindSpacing;
export type DefaultFontSizes = TailwindFontSizes;
export type DefaultRadii = TailwindRadii;
export type DefaultShadows = TailwindShadows;
export type DefaultZIndex = TailwindZIndex;
export type DefaultOpacity = TailwindOpacity;
export type DefaultLineHeights = TailwindLineHeights;
export type DefaultFontWeights = TailwindFontWeights;
export type DefaultLetterSpacing = TailwindLetterSpacing;