@idealyst/theme 1.0.83 → 1.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -1
- package/src/components/CLAUDE.md +468 -0
- package/src/components/accordion.ts +34 -0
- package/src/components/activity-indicator.ts +28 -0
- package/src/components/alert.ts +32 -0
- package/src/components/avatar.ts +27 -0
- package/src/components/badge.ts +28 -0
- package/src/components/breadcrumb.ts +36 -0
- package/src/components/button.ts +32 -0
- package/src/components/card.ts +31 -0
- package/src/components/checkbox.ts +37 -0
- package/src/components/chip.ts +34 -0
- package/src/components/dialog.ts +31 -0
- package/src/components/divider.ts +36 -0
- package/src/components/icon.ts +26 -0
- package/src/components/image.ts +22 -0
- package/src/components/index.ts +37 -0
- package/src/components/input.ts +35 -0
- package/src/components/list.ts +40 -0
- package/src/components/menu-item.ts +29 -0
- package/src/components/menu.ts +32 -0
- package/src/components/popover.ts +25 -0
- package/src/components/pressable.ts +20 -0
- package/src/components/progress.ts +35 -0
- package/src/components/radio-button.ts +38 -0
- package/src/components/screen.ts +25 -0
- package/src/components/select.ts +62 -0
- package/src/components/skeleton.ts +26 -0
- package/src/components/slider.ts +62 -0
- package/src/components/svg-image.ts +24 -0
- package/src/components/switch.ts +54 -0
- package/src/components/tab-bar.ts +54 -0
- package/src/components/table.ts +57 -0
- package/src/components/text.ts +29 -0
- package/src/components/textarea.ts +53 -0
- package/src/components/tooltip.ts +29 -0
- package/src/components/video.ts +18 -0
- package/src/components/view.ts +31 -0
- package/src/darkTheme.ts +890 -0
- package/src/index.ts +7 -166
- package/src/lightTheme.ts +873 -0
- package/src/styles.ts +14 -0
- package/src/theme/color.ts +15 -0
- package/src/theme/index.ts +16 -0
- package/src/theme/intent.ts +8 -0
- package/src/theme/shadow.ts +18 -0
- package/src/theme/size.ts +182 -0
- package/src/theme/surface.ts +3 -0
- package/src/unistyles.ts +6 -14
- package/src/variants/color.ts +9 -0
- package/src/variants/index.ts +2 -0
- package/src/variants/intent.ts +16 -0
- package/src/variants/size.ts +0 -0
- package/CLAUDE.md +0 -447
- package/LLM-ACCESS-GUIDE.md +0 -208
- package/README.md +0 -633
- package/src/README.md +0 -138
- package/src/breakpoints.ts +0 -8
- package/src/colorResolver.ts +0 -218
- package/src/colors.md +0 -353
- package/src/colors.ts +0 -315
- package/src/common.ts +0 -92
- package/src/defaultThemes.md +0 -407
- package/src/defaultThemes.ts +0 -238
- package/src/themeBuilder.md +0 -400
- package/src/themeBuilder.ts +0 -602
- package/src/variantHelpers.ts +0 -584
- package/src/variants.ts +0 -56
package/src/index.ts
CHANGED
|
@@ -1,166 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
lighten,
|
|
9
|
-
darken,
|
|
10
|
-
createLightResolvedIntents,
|
|
11
|
-
createDarkResolvedIntents,
|
|
12
|
-
createLightResolvedColors,
|
|
13
|
-
createDarkResolvedColors,
|
|
14
|
-
extendTheme,
|
|
15
|
-
type ThemeConfig,
|
|
16
|
-
type ThemeColorPalette,
|
|
17
|
-
type ResolvedIntent,
|
|
18
|
-
type ThemeColorSystem,
|
|
19
|
-
createTheme,
|
|
20
|
-
} from './themeBuilder';
|
|
21
|
-
|
|
22
|
-
import {
|
|
23
|
-
createDefaultLightTheme,
|
|
24
|
-
createDefaultDarkTheme,
|
|
25
|
-
createStandardPalettes,
|
|
26
|
-
createDarkPalettes,
|
|
27
|
-
createLightIntentMappings,
|
|
28
|
-
createDarkIntentMappings,
|
|
29
|
-
createLightColorMappings,
|
|
30
|
-
createDarkColorMappings,
|
|
31
|
-
defaultLightTheme,
|
|
32
|
-
defaultDarkTheme,
|
|
33
|
-
} from './defaultThemes';
|
|
34
|
-
|
|
35
|
-
import { commonThemeProperties } from './common';
|
|
36
|
-
|
|
37
|
-
import { breakpoints } from './breakpoints';
|
|
38
|
-
// Note: Removed import from ../unistyles to prevent circular dependency
|
|
39
|
-
// when navigation package imports from this theme index
|
|
40
|
-
|
|
41
|
-
// Re-export everything for external use
|
|
42
|
-
export {
|
|
43
|
-
// Primary theme creation functions - exported directly
|
|
44
|
-
createTheme,
|
|
45
|
-
extendTheme,
|
|
46
|
-
|
|
47
|
-
// Core theme building functionality
|
|
48
|
-
generateColorPalette,
|
|
49
|
-
lighten,
|
|
50
|
-
darken,
|
|
51
|
-
createLightResolvedIntents,
|
|
52
|
-
createDarkResolvedIntents,
|
|
53
|
-
createLightResolvedColors,
|
|
54
|
-
createDarkResolvedColors,
|
|
55
|
-
|
|
56
|
-
// Type definitions
|
|
57
|
-
type ThemeConfig,
|
|
58
|
-
type ThemeColorPalette,
|
|
59
|
-
type ResolvedIntent,
|
|
60
|
-
type ThemeColorSystem,
|
|
61
|
-
|
|
62
|
-
// Default themes and palettes
|
|
63
|
-
createDefaultLightTheme,
|
|
64
|
-
createDefaultDarkTheme,
|
|
65
|
-
createStandardPalettes,
|
|
66
|
-
createDarkPalettes,
|
|
67
|
-
createLightIntentMappings,
|
|
68
|
-
createDarkIntentMappings,
|
|
69
|
-
createLightColorMappings,
|
|
70
|
-
createDarkColorMappings,
|
|
71
|
-
defaultLightTheme,
|
|
72
|
-
defaultDarkTheme,
|
|
73
|
-
commonThemeProperties,
|
|
74
|
-
|
|
75
|
-
// Breakpoints for responsive design
|
|
76
|
-
breakpoints,
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
// Individual theme exports for backward compatibility
|
|
80
|
-
export const lightTheme = defaultLightTheme;
|
|
81
|
-
export const darkTheme = defaultDarkTheme;
|
|
82
|
-
|
|
83
|
-
// =============================================================================
|
|
84
|
-
// THEME PRESETS - Ready-to-use theme configurations
|
|
85
|
-
// =============================================================================
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* Complete theme presets ready for immediate use
|
|
89
|
-
*/
|
|
90
|
-
export const themePresets = {
|
|
91
|
-
// Standard themes
|
|
92
|
-
light: defaultLightTheme,
|
|
93
|
-
dark: defaultDarkTheme,
|
|
94
|
-
} as const;
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Theme creation utilities
|
|
98
|
-
*/
|
|
99
|
-
export const themeUtils = {
|
|
100
|
-
// Color palette generation
|
|
101
|
-
generateColorPalette,
|
|
102
|
-
lighten,
|
|
103
|
-
darken,
|
|
104
|
-
|
|
105
|
-
// Palette creators
|
|
106
|
-
createStandardPalettes,
|
|
107
|
-
createDarkPalettes,
|
|
108
|
-
|
|
109
|
-
// Intent creators
|
|
110
|
-
createLightIntentMappings,
|
|
111
|
-
createDarkIntentMappings,
|
|
112
|
-
|
|
113
|
-
// Color system creators
|
|
114
|
-
createLightColorMappings,
|
|
115
|
-
createDarkColorMappings,
|
|
116
|
-
} as const;
|
|
117
|
-
|
|
118
|
-
/**
|
|
119
|
-
* Type definitions for theme-related interfaces
|
|
120
|
-
*/
|
|
121
|
-
export type ThemePreset = keyof typeof themePresets;
|
|
122
|
-
export type ThemeMode = 'light' | 'dark';
|
|
123
|
-
export type AppTheme = typeof defaultLightTheme; // Define AppTheme to avoid circular dependency
|
|
124
|
-
|
|
125
|
-
// =============================================================================
|
|
126
|
-
// CONVENIENCE EXPORTS - For common use cases
|
|
127
|
-
// =============================================================================
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* Quick access to commonly used themes
|
|
131
|
-
*/
|
|
132
|
-
export const quickThemes = {
|
|
133
|
-
light: defaultLightTheme,
|
|
134
|
-
dark: defaultDarkTheme,
|
|
135
|
-
} as const;
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* All available color palettes (standard + extended)
|
|
139
|
-
*/
|
|
140
|
-
export const allColorPalettes = {
|
|
141
|
-
...createStandardPalettes(),
|
|
142
|
-
...createDarkPalettes(),
|
|
143
|
-
} as const;
|
|
144
|
-
|
|
145
|
-
// =============================================================================
|
|
146
|
-
// DOCUMENTATION HELPERS
|
|
147
|
-
// =============================================================================
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
* Theme documentation and examples
|
|
151
|
-
*/
|
|
152
|
-
export const themeDocumentation = {
|
|
153
|
-
description: 'Complete theming system for cross-platform React components',
|
|
154
|
-
availableThemes: Object.keys(themePresets),
|
|
155
|
-
availablePalettes: Object.keys(allColorPalettes),
|
|
156
|
-
themeStructure: {
|
|
157
|
-
palettes: 'Color palettes with 50-900 shades',
|
|
158
|
-
intents: 'Semantic color mappings (primary, success, error, etc.)',
|
|
159
|
-
colors: 'Component color system (text, surface, border, interactive)',
|
|
160
|
-
typography: 'Font families, sizes, weights, and line heights',
|
|
161
|
-
spacing: 'Consistent spacing scale',
|
|
162
|
-
borderRadius: 'Border radius scale',
|
|
163
|
-
shadows: 'Shadow definitions for elevation',
|
|
164
|
-
transitions: 'Animation timing definitions',
|
|
165
|
-
},
|
|
166
|
-
} as const;
|
|
1
|
+
export * from './unistyles';
|
|
2
|
+
export * from './lightTheme';
|
|
3
|
+
export * from './darkTheme';
|
|
4
|
+
export * from './theme';
|
|
5
|
+
export * from './variants';
|
|
6
|
+
export * from './components';
|
|
7
|
+
export * from './styles';
|