@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.
Files changed (68) hide show
  1. package/package.json +2 -1
  2. package/src/components/CLAUDE.md +468 -0
  3. package/src/components/accordion.ts +34 -0
  4. package/src/components/activity-indicator.ts +28 -0
  5. package/src/components/alert.ts +32 -0
  6. package/src/components/avatar.ts +27 -0
  7. package/src/components/badge.ts +28 -0
  8. package/src/components/breadcrumb.ts +36 -0
  9. package/src/components/button.ts +32 -0
  10. package/src/components/card.ts +31 -0
  11. package/src/components/checkbox.ts +37 -0
  12. package/src/components/chip.ts +34 -0
  13. package/src/components/dialog.ts +31 -0
  14. package/src/components/divider.ts +36 -0
  15. package/src/components/icon.ts +26 -0
  16. package/src/components/image.ts +22 -0
  17. package/src/components/index.ts +37 -0
  18. package/src/components/input.ts +35 -0
  19. package/src/components/list.ts +40 -0
  20. package/src/components/menu-item.ts +29 -0
  21. package/src/components/menu.ts +32 -0
  22. package/src/components/popover.ts +25 -0
  23. package/src/components/pressable.ts +20 -0
  24. package/src/components/progress.ts +35 -0
  25. package/src/components/radio-button.ts +38 -0
  26. package/src/components/screen.ts +25 -0
  27. package/src/components/select.ts +62 -0
  28. package/src/components/skeleton.ts +26 -0
  29. package/src/components/slider.ts +62 -0
  30. package/src/components/svg-image.ts +24 -0
  31. package/src/components/switch.ts +54 -0
  32. package/src/components/tab-bar.ts +54 -0
  33. package/src/components/table.ts +57 -0
  34. package/src/components/text.ts +29 -0
  35. package/src/components/textarea.ts +53 -0
  36. package/src/components/tooltip.ts +29 -0
  37. package/src/components/video.ts +18 -0
  38. package/src/components/view.ts +31 -0
  39. package/src/darkTheme.ts +890 -0
  40. package/src/index.ts +7 -166
  41. package/src/lightTheme.ts +873 -0
  42. package/src/styles.ts +14 -0
  43. package/src/theme/color.ts +15 -0
  44. package/src/theme/index.ts +16 -0
  45. package/src/theme/intent.ts +8 -0
  46. package/src/theme/shadow.ts +18 -0
  47. package/src/theme/size.ts +182 -0
  48. package/src/theme/surface.ts +3 -0
  49. package/src/unistyles.ts +6 -14
  50. package/src/variants/color.ts +9 -0
  51. package/src/variants/index.ts +2 -0
  52. package/src/variants/intent.ts +16 -0
  53. package/src/variants/size.ts +0 -0
  54. package/CLAUDE.md +0 -447
  55. package/LLM-ACCESS-GUIDE.md +0 -208
  56. package/README.md +0 -633
  57. package/src/README.md +0 -138
  58. package/src/breakpoints.ts +0 -8
  59. package/src/colorResolver.ts +0 -218
  60. package/src/colors.md +0 -353
  61. package/src/colors.ts +0 -315
  62. package/src/common.ts +0 -92
  63. package/src/defaultThemes.md +0 -407
  64. package/src/defaultThemes.ts +0 -238
  65. package/src/themeBuilder.md +0 -400
  66. package/src/themeBuilder.ts +0 -602
  67. package/src/variantHelpers.ts +0 -584
  68. package/src/variants.ts +0 -56
package/src/index.ts CHANGED
@@ -1,166 +1,7 @@
1
- // =============================================================================
2
- // THEME PACKAGE - Complete theming solution
3
- // =============================================================================
4
-
5
- // Import everything we need first
6
- import {
7
- generateColorPalette,
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';