@idealyst/components 1.0.83 → 1.0.84
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/CLAUDE.md +199 -232
- package/README.md +5 -5
- package/package.json +20 -2
- package/plugin/README.md +272 -0
- package/plugin/test-cases.jsx +112 -0
- package/plugin/web-legacy.js +320 -0
- package/plugin/web.js +422 -124
- package/src/Accordion/Accordion.native.tsx +182 -0
- package/src/Accordion/Accordion.styles.tsx +260 -0
- package/src/Accordion/Accordion.web.tsx +147 -0
- package/src/Accordion/index.native.tsx +3 -0
- package/src/Accordion/index.ts +3 -0
- package/src/Accordion/index.web.tsx +3 -0
- package/src/Accordion/types.ts +23 -0
- package/src/ActivityIndicator/ActivityIndicator.native.tsx +17 -12
- package/src/ActivityIndicator/ActivityIndicator.styles.tsx +83 -109
- package/src/ActivityIndicator/ActivityIndicator.web.tsx +23 -17
- package/src/ActivityIndicator/index.ts +5 -2
- package/src/ActivityIndicator/index.web.ts +5 -2
- package/src/ActivityIndicator/types.ts +15 -10
- package/src/Alert/Alert.native.tsx +113 -0
- package/src/Alert/Alert.styles.tsx +304 -0
- package/src/Alert/Alert.web.tsx +123 -0
- package/src/Alert/index.native.ts +5 -0
- package/src/Alert/index.ts +5 -0
- package/src/Alert/index.web.ts +5 -0
- package/src/Alert/types.ts +21 -0
- package/src/Avatar/Avatar.native.tsx +8 -6
- package/src/Avatar/Avatar.styles.tsx +64 -58
- package/src/Avatar/Avatar.web.tsx +13 -8
- package/src/Avatar/index.ts +5 -2
- package/src/Avatar/index.web.ts +5 -2
- package/src/Avatar/types.ts +19 -13
- package/src/Badge/Badge.native.tsx +59 -14
- package/src/Badge/Badge.styles.tsx +125 -139
- package/src/Badge/Badge.web.tsx +72 -16
- package/src/Badge/index.ts +5 -2
- package/src/Badge/index.web.ts +5 -2
- package/src/Badge/types.ts +23 -11
- package/src/Breadcrumb/Breadcrumb.native.tsx +225 -0
- package/src/Breadcrumb/Breadcrumb.styles.tsx +234 -0
- package/src/Breadcrumb/Breadcrumb.web.tsx +268 -0
- package/src/Breadcrumb/index.native.ts +5 -0
- package/src/Breadcrumb/index.ts +5 -0
- package/src/Breadcrumb/index.web.ts +5 -0
- package/src/Breadcrumb/types.ts +56 -0
- package/src/Button/Button.native.tsx +75 -24
- package/src/Button/Button.styles.tsx +248 -205
- package/src/Button/Button.web.tsx +82 -25
- package/src/Button/index.ts +5 -5
- package/src/Button/index.web.ts +5 -3
- package/src/Button/types.ts +32 -15
- package/src/Card/Card.native.tsx +14 -11
- package/src/Card/Card.styles.tsx +146 -220
- package/src/Card/Card.web.tsx +20 -21
- package/src/Card/index.ts +5 -5
- package/src/Card/index.web.ts +5 -3
- package/src/Card/types.ts +24 -17
- package/src/Checkbox/Checkbox.native.tsx +24 -34
- package/src/Checkbox/Checkbox.styles.tsx +223 -275
- package/src/Checkbox/Checkbox.web.tsx +30 -37
- package/src/Checkbox/index.ts +5 -5
- package/src/Checkbox/index.web.ts +5 -3
- package/src/Checkbox/types.ts +26 -20
- package/src/Chip/Chip.native.tsx +126 -0
- package/src/Chip/Chip.styles.tsx +138 -0
- package/src/Chip/Chip.web.tsx +154 -0
- package/src/Chip/index.native.ts +5 -0
- package/src/Chip/index.ts +5 -0
- package/src/Chip/index.web.ts +5 -0
- package/src/Chip/types.ts +51 -0
- package/src/Dialog/Dialog.native.tsx +65 -12
- package/src/Dialog/Dialog.styles.tsx +154 -136
- package/src/Dialog/Dialog.web.tsx +16 -11
- package/src/Dialog/index.ts +5 -2
- package/src/Dialog/index.web.ts +5 -2
- package/src/Dialog/types.ts +22 -16
- package/src/Divider/Divider.native.tsx +19 -14
- package/src/Divider/Divider.styles.tsx +273 -595
- package/src/Divider/Divider.web.tsx +19 -12
- package/src/Divider/index.ts +5 -5
- package/src/Divider/index.web.ts +5 -3
- package/src/Divider/types.ts +28 -19
- package/src/Icon/Icon.native.tsx +17 -24
- package/src/Icon/Icon.styles.tsx +64 -48
- package/src/Icon/Icon.web.tsx +14 -11
- package/src/Icon/IconSvg/IconSvg.native.tsx +42 -0
- package/src/Icon/IconSvg/IconSvg.web.tsx +40 -0
- package/src/Icon/IconSvg/index.native.ts +1 -0
- package/src/Icon/IconSvg/index.ts +1 -0
- package/src/Icon/icon-resolver.native.ts +27 -0
- package/src/Icon/icon-resolver.ts +70 -0
- package/src/Icon/index.ts +5 -5
- package/src/Icon/index.web.ts +5 -3
- package/src/Icon/types.ts +17 -11
- package/src/Image/Image.native.tsx +86 -0
- package/src/Image/Image.styles.tsx +57 -0
- package/src/Image/Image.web.tsx +92 -0
- package/src/Image/index.native.ts +5 -0
- package/src/Image/index.ts +5 -0
- package/src/Image/types.ts +21 -0
- package/src/Input/Input.native.tsx +103 -26
- package/src/Input/Input.styles.tsx +240 -177
- package/src/Input/Input.web.tsx +141 -38
- package/src/Input/index.ts +5 -5
- package/src/Input/index.web.ts +5 -3
- package/src/Input/types.ts +43 -20
- package/src/List/List.native.tsx +56 -0
- package/src/List/List.styles.tsx +257 -0
- package/src/List/List.web.tsx +43 -0
- package/src/List/ListContext.tsx +16 -0
- package/src/List/ListItem.native.tsx +111 -0
- package/src/List/ListItem.web.tsx +110 -0
- package/src/List/ListSection.native.tsx +31 -0
- package/src/List/ListSection.web.tsx +33 -0
- package/src/List/index.native.tsx +5 -0
- package/src/List/index.ts +5 -0
- package/src/List/index.web.tsx +5 -0
- package/src/List/types.ts +42 -0
- package/src/Menu/Menu.native.tsx +150 -0
- package/src/Menu/Menu.styles.tsx +185 -0
- package/src/Menu/Menu.web.tsx +99 -0
- package/src/Menu/MenuItem.native.tsx +66 -0
- package/src/Menu/MenuItem.styles.tsx +119 -0
- package/src/Menu/MenuItem.web.tsx +67 -0
- package/src/Menu/index.native.ts +3 -0
- package/src/Menu/index.ts +3 -0
- package/src/Menu/index.web.ts +3 -0
- package/src/Menu/types.ts +30 -0
- package/src/Popover/Popover.native.tsx +102 -32
- package/src/Popover/Popover.styles.tsx +100 -67
- package/src/Popover/Popover.web.tsx +36 -260
- package/src/Popover/index.ts +5 -2
- package/src/Popover/index.web.ts +5 -2
- package/src/Popover/types.ts +14 -13
- package/src/Pressable/Pressable.native.tsx +7 -6
- package/src/Pressable/Pressable.web.tsx +8 -6
- package/src/Pressable/index.ts +5 -2
- package/src/Pressable/index.web.ts +5 -2
- package/src/Pressable/types.ts +11 -10
- package/src/Progress/Progress.native.tsx +179 -0
- package/src/Progress/Progress.styles.tsx +164 -0
- package/src/Progress/Progress.web.tsx +144 -0
- package/src/Progress/index.native.ts +1 -0
- package/src/Progress/index.ts +5 -0
- package/src/Progress/index.web.ts +5 -0
- package/src/Progress/types.ts +21 -0
- package/src/RadioButton/RadioButton.native.tsx +88 -0
- package/src/RadioButton/RadioButton.styles.tsx +163 -0
- package/src/RadioButton/RadioButton.web.tsx +85 -0
- package/src/RadioButton/RadioGroup.native.tsx +43 -0
- package/src/RadioButton/RadioGroup.web.tsx +49 -0
- package/src/RadioButton/index.native.ts +2 -0
- package/src/RadioButton/index.ts +2 -0
- package/src/RadioButton/index.web.ts +2 -0
- package/src/RadioButton/types.ts +29 -0
- package/src/SVGImage/SVGImage.native.tsx +9 -7
- package/src/SVGImage/SVGImage.styles.tsx +63 -55
- package/src/SVGImage/SVGImage.web.tsx +16 -13
- package/src/SVGImage/index.ts +5 -5
- package/src/SVGImage/index.web.ts +5 -2
- package/src/SVGImage/types.ts +7 -3
- package/src/Screen/Screen.native.tsx +43 -17
- package/src/Screen/Screen.styles.tsx +58 -54
- package/src/Screen/Screen.web.tsx +11 -5
- package/src/Screen/index.ts +5 -2
- package/src/Screen/index.web.ts +5 -2
- package/src/Screen/types.ts +23 -9
- package/src/Select/Select.native.tsx +140 -63
- package/src/Select/Select.styles.tsx +312 -302
- package/src/Select/Select.web.tsx +156 -316
- package/src/Select/index.ts +5 -2
- package/src/Select/index.web.ts +5 -2
- package/src/Select/types.ts +13 -7
- package/src/Skeleton/Skeleton.native.tsx +139 -0
- package/src/Skeleton/Skeleton.styles.tsx +59 -0
- package/src/Skeleton/Skeleton.web.tsx +112 -0
- package/src/Skeleton/index.native.ts +4 -0
- package/src/Skeleton/index.ts +5 -0
- package/src/Skeleton/index.web.ts +5 -0
- package/src/Skeleton/types.ts +75 -0
- package/src/Slider/Slider.native.tsx +248 -0
- package/src/Slider/Slider.styles.tsx +241 -0
- package/src/Slider/Slider.web.tsx +226 -0
- package/src/Slider/index.native.ts +3 -0
- package/src/Slider/index.ts +5 -0
- package/src/Slider/index.web.ts +5 -0
- package/src/Slider/types.ts +31 -0
- package/src/Switch/Switch.native.tsx +131 -0
- package/src/Switch/Switch.styles.tsx +169 -0
- package/src/Switch/Switch.web.tsx +121 -0
- package/src/Switch/index.native.ts +3 -0
- package/src/Switch/index.ts +5 -0
- package/src/Switch/index.web.ts +5 -0
- package/src/Switch/types.ts +21 -0
- package/src/TabBar/TabBar.native.tsx +142 -0
- package/src/TabBar/TabBar.styles.tsx +399 -0
- package/src/TabBar/TabBar.web.tsx +205 -0
- package/src/TabBar/index.native.tsx +3 -0
- package/src/TabBar/index.ts +3 -0
- package/src/TabBar/index.web.tsx +3 -0
- package/src/TabBar/types.ts +26 -0
- package/src/Table/Table.native.tsx +122 -0
- package/src/Table/Table.styles.tsx +283 -0
- package/src/Table/Table.web.tsx +112 -0
- package/src/Table/index.native.tsx +3 -0
- package/src/Table/index.ts +3 -0
- package/src/Table/index.web.tsx +3 -0
- package/src/Table/types.ts +28 -0
- package/src/Text/Text.native.tsx +12 -11
- package/src/Text/Text.styles.tsx +76 -64
- package/src/Text/Text.web.tsx +14 -9
- package/src/Text/index.ts +5 -5
- package/src/Text/index.web.ts +5 -3
- package/src/Text/types.ts +20 -13
- package/src/TextArea/TextArea.native.tsx +134 -0
- package/src/TextArea/TextArea.styles.tsx +175 -0
- package/src/TextArea/TextArea.web.tsx +156 -0
- package/src/TextArea/index.native.ts +3 -0
- package/src/TextArea/index.ts +3 -0
- package/src/TextArea/index.web.ts +3 -0
- package/src/TextArea/types.ts +30 -0
- package/src/Tooltip/Tooltip.native.tsx +165 -0
- package/src/Tooltip/Tooltip.styles.tsx +73 -0
- package/src/Tooltip/Tooltip.web.tsx +87 -0
- package/src/Tooltip/index.native.ts +3 -0
- package/src/Tooltip/index.ts +3 -0
- package/src/Tooltip/types.ts +18 -0
- package/src/Video/Video.native.tsx +105 -0
- package/src/Video/Video.styles.tsx +39 -0
- package/src/Video/Video.web.tsx +115 -0
- package/src/Video/index.native.ts +5 -0
- package/src/Video/index.ts +5 -0
- package/src/Video/types.ts +29 -0
- package/src/View/View.native.tsx +9 -14
- package/src/View/View.styles.tsx +101 -93
- package/src/View/View.web.tsx +16 -17
- package/src/View/index.ts +5 -5
- package/src/View/index.web.ts +5 -3
- package/src/View/types.ts +29 -21
- package/src/examples/AccordionExamples.tsx +126 -0
- package/src/examples/AlertExamples.tsx +280 -0
- package/src/examples/AvatarExamples.tsx +23 -23
- package/src/examples/BadgeExamples.tsx +109 -41
- package/src/examples/BreadcrumbExamples.tsx +312 -0
- package/src/examples/ButtonExamples.tsx +160 -33
- package/src/examples/CardExamples.tsx +40 -40
- package/src/examples/CheckboxExamples.tsx +12 -12
- package/src/examples/ChipExamples.tsx +197 -0
- package/src/examples/DialogExamples.tsx +22 -22
- package/src/examples/DividerExamples.tsx +49 -49
- package/src/examples/IconExamples.tsx +270 -54
- package/src/examples/ImageExamples.tsx +174 -0
- package/src/examples/InputExamples.tsx +75 -17
- package/src/examples/ListExamples.tsx +288 -0
- package/src/examples/MenuExamples.tsx +144 -0
- package/src/examples/PopoverExamples.tsx +69 -73
- package/src/examples/ProgressExamples.tsx +137 -0
- package/src/examples/RadioButtonExamples.tsx +161 -0
- package/src/examples/SVGImageExamples.tsx +19 -17
- package/src/examples/ScreenExamples.tsx +31 -31
- package/src/examples/SelectExamples.tsx +67 -67
- package/src/examples/SkeletonExamples.tsx +206 -0
- package/src/examples/SliderExamples.tsx +200 -0
- package/src/examples/SwitchExamples.tsx +182 -0
- package/src/examples/TabBarExamples.tsx +143 -0
- package/src/examples/TableExamples.tsx +280 -0
- package/src/examples/TextAreaExamples.tsx +173 -0
- package/src/examples/TextExamples.tsx +28 -32
- package/src/examples/ThemeExtensionExamples.tsx +10 -10
- package/src/examples/TooltipExamples.tsx +126 -0
- package/src/examples/VideoExamples.tsx +144 -0
- package/src/examples/ViewExamples.tsx +64 -56
- package/src/examples/index.ts +17 -3
- package/src/hooks/useMergeRefs.ts +16 -0
- package/src/hooks/useSmartPosition.native.ts +169 -0
- package/src/index.native.ts +80 -9
- package/src/index.ts +71 -1
- package/src/internal/BoundedModalContent.native.tsx +58 -0
- package/src/internal/PositionedPortal.tsx +254 -0
- package/src/internal/SafeAreaDebugOverlay.native.tsx +173 -0
- package/src/unistyles.d.ts +6 -0
- package/src/utils/buildSizeVariants.ts +16 -0
- package/src/utils/deepMerge.ts +43 -0
- package/src/utils/positionUtils.native.ts +280 -0
- package/src/utils/styleHelpers.ts +48 -0
- package/LLM-ACCESS-GUIDE.md +0 -143
- package/src/ActivityIndicator/README.md +0 -132
- package/src/Avatar/README.md +0 -139
- package/src/Badge/README.md +0 -170
- package/src/Button/Button.types.ts +0 -12
- package/src/Button/README.md +0 -262
- package/src/Card/README.md +0 -258
- package/src/Checkbox/README.md +0 -102
- package/src/Dialog/README.md +0 -210
- package/src/Divider/README.md +0 -108
- package/src/Icon/README.md +0 -81
- package/src/Input/README.md +0 -100
- package/src/SVGImage/README.md +0 -209
- package/src/Screen/README.md +0 -86
- package/src/Select/README.md +0 -166
- package/src/Text/README.md +0 -94
- package/src/View/README.md +0 -107
- package/src/examples/AllExamples.tsx +0 -88
- package/src/examples/README.md +0 -136
- package/src/examples/ValidationExamples.tsx +0 -95
- package/src/examples/extendedTheme.ts +0 -329
- package/src/theme/breakpoints.ts +0 -8
- package/src/theme/colorResolver.ts +0 -218
- package/src/theme/colors.ts +0 -315
- package/src/theme/defaultThemes.ts +0 -326
- package/src/theme/index.ts +0 -188
- package/src/theme/themeBuilder.ts +0 -602
- package/src/theme/unistyles.d.ts +0 -6
- package/src/theme/variantHelpers.ts +0 -584
- package/src/theme/variants.ts +0 -56
package/src/theme/index.ts
DELETED
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
// =============================================================================
|
|
2
|
-
// THEME PACKAGE - Complete theming solution
|
|
3
|
-
// =============================================================================
|
|
4
|
-
// This file exports everything needed for theming in a clean, organized way
|
|
5
|
-
|
|
6
|
-
// Import everything we need first
|
|
7
|
-
import {
|
|
8
|
-
createTheme,
|
|
9
|
-
generateColorPalette,
|
|
10
|
-
lighten,
|
|
11
|
-
darken,
|
|
12
|
-
createLightResolvedIntents,
|
|
13
|
-
createDarkResolvedIntents,
|
|
14
|
-
createLightResolvedColors,
|
|
15
|
-
createDarkResolvedColors,
|
|
16
|
-
extendTheme,
|
|
17
|
-
type ThemeConfig,
|
|
18
|
-
type ThemeColorPalette,
|
|
19
|
-
type ResolvedIntent,
|
|
20
|
-
type ThemeColorSystem,
|
|
21
|
-
} from './themeBuilder';
|
|
22
|
-
|
|
23
|
-
import {
|
|
24
|
-
createDefaultLightTheme,
|
|
25
|
-
createDefaultDarkTheme,
|
|
26
|
-
createStandardPalettes,
|
|
27
|
-
createDarkPalettes,
|
|
28
|
-
createLightIntentMappings,
|
|
29
|
-
createDarkIntentMappings,
|
|
30
|
-
createLightColorMappings,
|
|
31
|
-
createDarkColorMappings,
|
|
32
|
-
defaultLightTheme,
|
|
33
|
-
defaultDarkTheme,
|
|
34
|
-
commonThemeProperties,
|
|
35
|
-
} from './defaultThemes';
|
|
36
|
-
|
|
37
|
-
import {
|
|
38
|
-
extendedThemes,
|
|
39
|
-
extendedColorPalettes,
|
|
40
|
-
extendedDarkColorPalettes,
|
|
41
|
-
type ExtendedColorVariant,
|
|
42
|
-
type ExtendedIntentVariant,
|
|
43
|
-
} from '../examples/extendedTheme';
|
|
44
|
-
|
|
45
|
-
import { breakpoints } from './breakpoints';
|
|
46
|
-
// Note: Removed import from ../unistyles to prevent circular dependency
|
|
47
|
-
// when navigation package imports from this theme index
|
|
48
|
-
|
|
49
|
-
// Re-export everything for external use
|
|
50
|
-
export {
|
|
51
|
-
// Core theme building functionality
|
|
52
|
-
createTheme,
|
|
53
|
-
generateColorPalette,
|
|
54
|
-
lighten,
|
|
55
|
-
darken,
|
|
56
|
-
createLightResolvedIntents,
|
|
57
|
-
createDarkResolvedIntents,
|
|
58
|
-
createLightResolvedColors,
|
|
59
|
-
createDarkResolvedColors,
|
|
60
|
-
extendTheme,
|
|
61
|
-
type ThemeConfig,
|
|
62
|
-
type ThemeColorPalette,
|
|
63
|
-
type ResolvedIntent,
|
|
64
|
-
type ThemeColorSystem,
|
|
65
|
-
|
|
66
|
-
// Default themes and palettes
|
|
67
|
-
createDefaultLightTheme,
|
|
68
|
-
createDefaultDarkTheme,
|
|
69
|
-
createStandardPalettes,
|
|
70
|
-
createDarkPalettes,
|
|
71
|
-
createLightIntentMappings,
|
|
72
|
-
createDarkIntentMappings,
|
|
73
|
-
createLightColorMappings,
|
|
74
|
-
createDarkColorMappings,
|
|
75
|
-
defaultLightTheme,
|
|
76
|
-
defaultDarkTheme,
|
|
77
|
-
commonThemeProperties,
|
|
78
|
-
|
|
79
|
-
// Extended themes for examples
|
|
80
|
-
extendedThemes,
|
|
81
|
-
extendedColorPalettes,
|
|
82
|
-
extendedDarkColorPalettes,
|
|
83
|
-
type ExtendedColorVariant,
|
|
84
|
-
type ExtendedIntentVariant,
|
|
85
|
-
|
|
86
|
-
// Breakpoints for responsive design
|
|
87
|
-
breakpoints,
|
|
88
|
-
|
|
89
|
-
// Legacy theme exports for backward compatibility (avoiding circular dependency)
|
|
90
|
-
extendedThemes as legacyThemes,
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
// Individual theme exports for backward compatibility
|
|
94
|
-
export const lightTheme = extendedThemes.light;
|
|
95
|
-
export const darkTheme = extendedThemes.dark;
|
|
96
|
-
|
|
97
|
-
// =============================================================================
|
|
98
|
-
// THEME PRESETS - Ready-to-use theme configurations
|
|
99
|
-
// =============================================================================
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
* Complete theme presets ready for immediate use
|
|
103
|
-
*/
|
|
104
|
-
export const themePresets = {
|
|
105
|
-
// Standard themes
|
|
106
|
-
light: defaultLightTheme,
|
|
107
|
-
dark: defaultDarkTheme,
|
|
108
|
-
|
|
109
|
-
// Extended themes with additional colors
|
|
110
|
-
lightExtended: extendedThemes.light,
|
|
111
|
-
darkExtended: extendedThemes.dark,
|
|
112
|
-
} as const;
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Theme creation utilities
|
|
116
|
-
*/
|
|
117
|
-
export const themeUtils = {
|
|
118
|
-
// Color palette generation
|
|
119
|
-
generateColorPalette,
|
|
120
|
-
lighten,
|
|
121
|
-
darken,
|
|
122
|
-
|
|
123
|
-
// Theme creation
|
|
124
|
-
createTheme,
|
|
125
|
-
extendTheme,
|
|
126
|
-
|
|
127
|
-
// Palette creators
|
|
128
|
-
createStandardPalettes,
|
|
129
|
-
createDarkPalettes,
|
|
130
|
-
|
|
131
|
-
// Intent creators
|
|
132
|
-
createLightIntentMappings,
|
|
133
|
-
createDarkIntentMappings,
|
|
134
|
-
|
|
135
|
-
// Color system creators
|
|
136
|
-
createLightColorMappings,
|
|
137
|
-
createDarkColorMappings,
|
|
138
|
-
} as const;
|
|
139
|
-
|
|
140
|
-
/**
|
|
141
|
-
* Type definitions for theme-related interfaces
|
|
142
|
-
*/
|
|
143
|
-
export type ThemePreset = keyof typeof themePresets;
|
|
144
|
-
export type ThemeMode = 'light' | 'dark';
|
|
145
|
-
export type AppTheme = typeof extendedThemes.light; // Define AppTheme to avoid circular dependency
|
|
146
|
-
|
|
147
|
-
// =============================================================================
|
|
148
|
-
// CONVENIENCE EXPORTS - For common use cases
|
|
149
|
-
// =============================================================================
|
|
150
|
-
|
|
151
|
-
/**
|
|
152
|
-
* Quick access to commonly used themes
|
|
153
|
-
*/
|
|
154
|
-
export const quickThemes = {
|
|
155
|
-
light: extendedThemes.light,
|
|
156
|
-
dark: extendedThemes.dark,
|
|
157
|
-
} as const;
|
|
158
|
-
|
|
159
|
-
/**
|
|
160
|
-
* All available color palettes (standard + extended)
|
|
161
|
-
*/
|
|
162
|
-
export const allColorPalettes = {
|
|
163
|
-
...createStandardPalettes(),
|
|
164
|
-
...extendedColorPalettes,
|
|
165
|
-
} as const;
|
|
166
|
-
|
|
167
|
-
// =============================================================================
|
|
168
|
-
// DOCUMENTATION HELPERS
|
|
169
|
-
// =============================================================================
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
* Theme documentation and examples
|
|
173
|
-
*/
|
|
174
|
-
export const themeDocumentation = {
|
|
175
|
-
description: 'Complete theming system for cross-platform React components',
|
|
176
|
-
availableThemes: Object.keys(themePresets),
|
|
177
|
-
availablePalettes: Object.keys(allColorPalettes),
|
|
178
|
-
themeStructure: {
|
|
179
|
-
palettes: 'Color palettes with 50-900 shades',
|
|
180
|
-
intents: 'Semantic color mappings (primary, success, error, etc.)',
|
|
181
|
-
colors: 'Component color system (text, surface, border, interactive)',
|
|
182
|
-
typography: 'Font families, sizes, weights, and line heights',
|
|
183
|
-
spacing: 'Consistent spacing scale',
|
|
184
|
-
borderRadius: 'Border radius scale',
|
|
185
|
-
shadows: 'Shadow definitions for elevation',
|
|
186
|
-
transitions: 'Animation timing definitions',
|
|
187
|
-
},
|
|
188
|
-
} as const;
|