@number10/jsx-components 5.0.0

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 (256) hide show
  1. package/LICENSE +667 -0
  2. package/README.md +43 -0
  3. package/dist/Accordion.cjs +1 -0
  4. package/dist/Accordion.d.ts +43 -0
  5. package/dist/Accordion.d.ts.map +1 -0
  6. package/dist/Accordion.js +71 -0
  7. package/dist/Accordion.test.d.ts +2 -0
  8. package/dist/Accordion.test.d.ts.map +1 -0
  9. package/dist/ActivityIndicator.cjs +1 -0
  10. package/dist/ActivityIndicator.d.ts +21 -0
  11. package/dist/ActivityIndicator.d.ts.map +1 -0
  12. package/dist/ActivityIndicator.js +133 -0
  13. package/dist/AlertDialog.cjs +1 -0
  14. package/dist/AlertDialog.d.ts +53 -0
  15. package/dist/AlertDialog.d.ts.map +1 -0
  16. package/dist/AlertDialog.js +76 -0
  17. package/dist/Badge.cjs +1 -0
  18. package/dist/Badge.d.ts +96 -0
  19. package/dist/Badge.d.ts.map +1 -0
  20. package/dist/Badge.js +238 -0
  21. package/dist/Badge.test.d.ts +2 -0
  22. package/dist/Badge.test.d.ts.map +1 -0
  23. package/dist/BottomSheet.cjs +1 -0
  24. package/dist/BottomSheet.d.ts +72 -0
  25. package/dist/BottomSheet.d.ts.map +1 -0
  26. package/dist/BottomSheet.js +132 -0
  27. package/dist/Button.cjs +1 -0
  28. package/dist/Button.d.ts +61 -0
  29. package/dist/Button.d.ts.map +1 -0
  30. package/dist/Button.js +251 -0
  31. package/dist/Checkbox.cjs +1 -0
  32. package/dist/Checkbox.d.ts +40 -0
  33. package/dist/Checkbox.d.ts.map +1 -0
  34. package/dist/Checkbox.js +84 -0
  35. package/dist/Checkbox.test.d.ts +2 -0
  36. package/dist/Checkbox.test.d.ts.map +1 -0
  37. package/dist/ColorPicker.cjs +1 -0
  38. package/dist/ColorPicker.d.ts +48 -0
  39. package/dist/ColorPicker.d.ts.map +1 -0
  40. package/dist/ColorPicker.js +256 -0
  41. package/dist/DebugPanel.cjs +1 -0
  42. package/dist/DebugPanel.d.ts +63 -0
  43. package/dist/DebugPanel.d.ts.map +1 -0
  44. package/dist/DebugPanel.js +116 -0
  45. package/dist/Dialog.cjs +1 -0
  46. package/dist/Dialog.d.ts +59 -0
  47. package/dist/Dialog.d.ts.map +1 -0
  48. package/dist/Dialog.js +142 -0
  49. package/dist/Divider.cjs +1 -0
  50. package/dist/Divider.d.ts +19 -0
  51. package/dist/Divider.d.ts.map +1 -0
  52. package/dist/Divider.js +15 -0
  53. package/dist/Divider.test.d.ts +2 -0
  54. package/dist/Divider.test.d.ts.map +1 -0
  55. package/dist/Dropdown.cjs +1 -0
  56. package/dist/Dropdown.d.ts +35 -0
  57. package/dist/Dropdown.d.ts.map +1 -0
  58. package/dist/Dropdown.js +222 -0
  59. package/dist/Icon.cjs +1 -0
  60. package/dist/Icon.d.ts +71 -0
  61. package/dist/Icon.d.ts.map +1 -0
  62. package/dist/Icon.js +57 -0
  63. package/dist/Icon.test.d.ts +2 -0
  64. package/dist/Icon.test.d.ts.map +1 -0
  65. package/dist/Image.cjs +1 -0
  66. package/dist/Image.d.ts +10 -0
  67. package/dist/Image.d.ts.map +1 -0
  68. package/dist/Image.js +18 -0
  69. package/dist/Joystick.cjs +1 -0
  70. package/dist/Joystick.d.ts +32 -0
  71. package/dist/Joystick.d.ts.map +1 -0
  72. package/dist/Joystick.js +185 -0
  73. package/dist/ListBox.cjs +1 -0
  74. package/dist/ListBox.d.ts +67 -0
  75. package/dist/ListBox.d.ts.map +1 -0
  76. package/dist/ListBox.js +104 -0
  77. package/dist/ListBox.test.d.ts +2 -0
  78. package/dist/ListBox.test.d.ts.map +1 -0
  79. package/dist/MenuButton.cjs +1 -0
  80. package/dist/MenuButton.d.ts +33 -0
  81. package/dist/MenuButton.d.ts.map +1 -0
  82. package/dist/MenuButton.js +63 -0
  83. package/dist/Modal.cjs +1 -0
  84. package/dist/Modal.d.ts +27 -0
  85. package/dist/Modal.d.ts.map +1 -0
  86. package/dist/Modal.js +174 -0
  87. package/dist/Modal.test.d.ts +2 -0
  88. package/dist/Modal.test.d.ts.map +1 -0
  89. package/dist/NineSlice.cjs +1 -0
  90. package/dist/NineSlice.d.ts +40 -0
  91. package/dist/NineSlice.d.ts.map +1 -0
  92. package/dist/NineSlice.js +314 -0
  93. package/dist/NineSlice.props.test.d.ts +2 -0
  94. package/dist/NineSlice.props.test.d.ts.map +1 -0
  95. package/dist/NineSlice.test.d.ts +2 -0
  96. package/dist/NineSlice.test.d.ts.map +1 -0
  97. package/dist/NineSliceButton.cjs +1 -0
  98. package/dist/NineSliceButton.d.ts +94 -0
  99. package/dist/NineSliceButton.d.ts.map +1 -0
  100. package/dist/NineSliceButton.js +61 -0
  101. package/dist/NineSliceButton.test.d.ts +2 -0
  102. package/dist/NineSliceButton.test.d.ts.map +1 -0
  103. package/dist/NumberInput.cjs +1 -0
  104. package/dist/NumberInput.d.ts +90 -0
  105. package/dist/NumberInput.d.ts.map +1 -0
  106. package/dist/NumberInput.js +222 -0
  107. package/dist/NumberInput.test.d.ts +2 -0
  108. package/dist/NumberInput.test.d.ts.map +1 -0
  109. package/dist/PalettePicker.cjs +1 -0
  110. package/dist/PalettePicker.d.ts +49 -0
  111. package/dist/PalettePicker.d.ts.map +1 -0
  112. package/dist/PalettePicker.js +152 -0
  113. package/dist/PalettePicker.test.d.ts +2 -0
  114. package/dist/PalettePicker.test.d.ts.map +1 -0
  115. package/dist/Popover.cjs +1 -0
  116. package/dist/Popover.d.ts +95 -0
  117. package/dist/Popover.d.ts.map +1 -0
  118. package/dist/Popover.js +267 -0
  119. package/dist/Portal.cjs +1 -0
  120. package/dist/Portal.d.ts +30 -0
  121. package/dist/Portal.d.ts.map +1 -0
  122. package/dist/Portal.js +64 -0
  123. package/dist/Portal.test.d.ts +2 -0
  124. package/dist/Portal.test.d.ts.map +1 -0
  125. package/dist/ProgressBar.cjs +1 -0
  126. package/dist/ProgressBar.d.ts +61 -0
  127. package/dist/ProgressBar.d.ts.map +1 -0
  128. package/dist/ProgressBar.js +80 -0
  129. package/dist/ProgressBar.test.d.ts +2 -0
  130. package/dist/ProgressBar.test.d.ts.map +1 -0
  131. package/dist/ProgressView.cjs +1 -0
  132. package/dist/ProgressView.d.ts +37 -0
  133. package/dist/ProgressView.d.ts.map +1 -0
  134. package/dist/ProgressView.js +71 -0
  135. package/dist/RadioButton.cjs +1 -0
  136. package/dist/RadioButton.d.ts +21 -0
  137. package/dist/RadioButton.d.ts.map +1 -0
  138. package/dist/RadioButton.js +53 -0
  139. package/dist/RadioGroup.cjs +1 -0
  140. package/dist/RadioGroup.d.ts +26 -0
  141. package/dist/RadioGroup.d.ts.map +1 -0
  142. package/dist/RadioGroup.js +32 -0
  143. package/dist/RatingBar.cjs +1 -0
  144. package/dist/RatingBar.d.ts +24 -0
  145. package/dist/RatingBar.d.ts.map +1 -0
  146. package/dist/RatingBar.js +84 -0
  147. package/dist/ScrollSlider.cjs +1 -0
  148. package/dist/ScrollSlider.d.ts +48 -0
  149. package/dist/ScrollSlider.d.ts.map +1 -0
  150. package/dist/ScrollSlider.js +93 -0
  151. package/dist/ScrollView.cjs +1 -0
  152. package/dist/ScrollView.d.ts +121 -0
  153. package/dist/ScrollView.d.ts.map +1 -0
  154. package/dist/ScrollView.js +541 -0
  155. package/dist/ScrollView.test.d.ts +2 -0
  156. package/dist/ScrollView.test.d.ts.map +1 -0
  157. package/dist/SegmentedControl.cjs +1 -0
  158. package/dist/SegmentedControl.d.ts +50 -0
  159. package/dist/SegmentedControl.d.ts.map +1 -0
  160. package/dist/SegmentedControl.js +201 -0
  161. package/dist/SegmentedControl.test.d.ts +2 -0
  162. package/dist/SegmentedControl.test.d.ts.map +1 -0
  163. package/dist/Sidebar.cjs +1 -0
  164. package/dist/Sidebar.d.ts +36 -0
  165. package/dist/Sidebar.d.ts.map +1 -0
  166. package/dist/Sidebar.js +122 -0
  167. package/dist/Slider.cjs +1 -0
  168. package/dist/Slider.d.ts +80 -0
  169. package/dist/Slider.d.ts.map +1 -0
  170. package/dist/Slider.js +233 -0
  171. package/dist/Tabs.cjs +1 -0
  172. package/dist/Tabs.d.ts +23 -0
  173. package/dist/Tabs.d.ts.map +1 -0
  174. package/dist/Tabs.js +101 -0
  175. package/dist/TextInput.cjs +17 -0
  176. package/dist/TextInput.d.ts +82 -0
  177. package/dist/TextInput.d.ts.map +1 -0
  178. package/dist/TextInput.js +441 -0
  179. package/dist/Toast.cjs +1 -0
  180. package/dist/Toast.d.ts +66 -0
  181. package/dist/Toast.d.ts.map +1 -0
  182. package/dist/Toast.js +188 -0
  183. package/dist/Toast.test.d.ts +2 -0
  184. package/dist/Toast.test.d.ts.map +1 -0
  185. package/dist/Toggle.cjs +1 -0
  186. package/dist/Toggle.d.ts +14 -0
  187. package/dist/Toggle.d.ts.map +1 -0
  188. package/dist/Toggle.js +135 -0
  189. package/dist/Toolbar.cjs +1 -0
  190. package/dist/Toolbar.d.ts +129 -0
  191. package/dist/Toolbar.d.ts.map +1 -0
  192. package/dist/Toolbar.js +159 -0
  193. package/dist/Toolbar.test.d.ts +2 -0
  194. package/dist/Toolbar.test.d.ts.map +1 -0
  195. package/dist/TransformOriginView.cjs +1 -0
  196. package/dist/TransformOriginView.d.ts +8 -0
  197. package/dist/TransformOriginView.d.ts.map +1 -0
  198. package/dist/TransformOriginView.js +38 -0
  199. package/dist/WheelPicker.cjs +1 -0
  200. package/dist/WheelPicker.d.ts +58 -0
  201. package/dist/WheelPicker.d.ts.map +1 -0
  202. package/dist/WheelPicker.js +167 -0
  203. package/dist/WrapText.cjs +1 -0
  204. package/dist/WrapText.d.ts +83 -0
  205. package/dist/WrapText.d.ts.map +1 -0
  206. package/dist/WrapText.js +93 -0
  207. package/dist/WrapText.test.d.ts +2 -0
  208. package/dist/WrapText.test.d.ts.map +1 -0
  209. package/dist/contrast-slot-map.d.ts +33 -0
  210. package/dist/contrast-slot-map.d.ts.map +1 -0
  211. package/dist/index.cjs +1 -0
  212. package/dist/index.d.ts +64 -0
  213. package/dist/index.d.ts.map +1 -0
  214. package/dist/index.js +54 -0
  215. package/dist/primitives/Image.cjs +1 -0
  216. package/dist/primitives/Image.d.ts +11 -0
  217. package/dist/primitives/Image.d.ts.map +1 -0
  218. package/dist/primitives/Image.js +7 -0
  219. package/dist/primitives/Sprite.cjs +1 -0
  220. package/dist/primitives/Sprite.d.ts +11 -0
  221. package/dist/primitives/Sprite.d.ts.map +1 -0
  222. package/dist/primitives/Sprite.js +7 -0
  223. package/dist/primitives/Text.cjs +1 -0
  224. package/dist/primitives/Text.d.ts +14 -0
  225. package/dist/primitives/Text.d.ts.map +1 -0
  226. package/dist/primitives/Text.js +15 -0
  227. package/dist/primitives/VectorDrawContent.cjs +1 -0
  228. package/dist/primitives/VectorDrawContent.d.ts +3 -0
  229. package/dist/primitives/VectorDrawContent.d.ts.map +1 -0
  230. package/dist/primitives/VectorDrawContent.js +7 -0
  231. package/dist/primitives/View.cjs +1 -0
  232. package/dist/primitives/View.d.ts +13 -0
  233. package/dist/primitives/View.d.ts.map +1 -0
  234. package/dist/primitives/View.js +7 -0
  235. package/dist/primitives/index.d.ts +13 -0
  236. package/dist/primitives/index.d.ts.map +1 -0
  237. package/dist/primitives/primitives.test.d.ts +2 -0
  238. package/dist/primitives/primitives.test.d.ts.map +1 -0
  239. package/dist/primitives.cjs +1 -0
  240. package/dist/primitives.d.ts +2 -0
  241. package/dist/primitives.js +6 -0
  242. package/dist/theme-defaults.cjs +1 -0
  243. package/dist/theme-defaults.d.ts +12 -0
  244. package/dist/theme-defaults.d.ts.map +1 -0
  245. package/dist/theme-defaults.js +1288 -0
  246. package/dist/theme-defaults.test.d.ts +2 -0
  247. package/dist/theme-defaults.test.d.ts.map +1 -0
  248. package/dist/theme-types.cjs +0 -0
  249. package/dist/theme-types.d.ts +708 -0
  250. package/dist/theme-types.d.ts.map +1 -0
  251. package/dist/theme-types.js +0 -0
  252. package/dist/useOverlayPresence.cjs +1 -0
  253. package/dist/useOverlayPresence.d.ts +24 -0
  254. package/dist/useOverlayPresence.d.ts.map +1 -0
  255. package/dist/useOverlayPresence.js +19 -0
  256. package/package.json +83 -0
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=theme-defaults.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-defaults.test.d.ts","sourceRoot":"","sources":["../src/theme-defaults.test.ts"],"names":[],"mappings":""}
File without changes
@@ -0,0 +1,708 @@
1
+ import { ChildrenType, CornerRadiusInsets, CustomComponentThemes, EdgeInsets, GapInsets, PartialTheme, PortableTextStyle, SizeValue, TooltipAnimation, TooltipPosition } from '@number10/jsx-core';
2
+ export interface ViewStyleTheme {
3
+ backgroundColor?: number;
4
+ backgroundAlpha?: number;
5
+ borderColor?: number;
6
+ borderWidth?: number;
7
+ cornerRadius?: number | CornerRadiusInsets | undefined;
8
+ padding?: number | EdgeInsets | undefined;
9
+ gap?: number | GapInsets | undefined;
10
+ direction?: 'row' | 'column' | 'stack';
11
+ alignItems?: 'start' | 'center' | 'end' | 'stretch';
12
+ justifyContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
13
+ width?: SizeValue | undefined;
14
+ height?: SizeValue | undefined;
15
+ minWidth?: SizeValue | undefined;
16
+ minHeight?: SizeValue | undefined;
17
+ maxWidth?: SizeValue | undefined;
18
+ maxHeight?: SizeValue | undefined;
19
+ alpha?: number;
20
+ }
21
+ export interface BottomSheetTheme {
22
+ backdropAlpha?: number;
23
+ backdropColor?: number;
24
+ backgroundColor?: number;
25
+ backgroundAlpha?: number;
26
+ borderColor?: number;
27
+ borderWidth?: number;
28
+ panelCornerRadius?: number | CornerRadiusInsets;
29
+ handleWidth?: number;
30
+ handleHeight?: number;
31
+ handleColor?: number;
32
+ handleCornerRadius?: number;
33
+ handleAreaHeight?: number;
34
+ handleAreaColor?: number;
35
+ dismissThreshold?: number;
36
+ }
37
+ export interface PopoverTheme {
38
+ placement?: string;
39
+ offset?: number;
40
+ depth?: number;
41
+ closeOnOutside?: boolean;
42
+ closeOnEscape?: boolean;
43
+ viewportPadding?: number;
44
+ openEffect?: string;
45
+ closeEffect?: string;
46
+ openDuration?: number;
47
+ closeDuration?: number;
48
+ contentWidth?: number;
49
+ contentHeight?: number;
50
+ backgroundColor?: number;
51
+ backgroundAlpha?: number;
52
+ borderColor?: number;
53
+ borderWidth?: number;
54
+ cornerRadius?: number;
55
+ padding?: number;
56
+ gap?: number;
57
+ }
58
+ export interface ContextMenuTheme {
59
+ width?: number;
60
+ itemHeight?: number;
61
+ itemGap?: number;
62
+ itemPadding?: number | {
63
+ left: number;
64
+ right: number;
65
+ top: number;
66
+ bottom: number;
67
+ };
68
+ itemCornerRadius?: number;
69
+ itemBackgroundColor?: number;
70
+ itemBorderColor?: number;
71
+ backgroundColor?: number;
72
+ borderColor?: number;
73
+ borderWidth?: number;
74
+ cornerRadius?: number;
75
+ padding?: number;
76
+ gap?: number;
77
+ textStyle?: PortableTextStyle;
78
+ disabledTextColor?: string;
79
+ dangerTextColor?: string;
80
+ dangerBackgroundColor?: number;
81
+ }
82
+ interface TooltipTextStyle extends PortableTextStyle {
83
+ padding?: number | {
84
+ x?: number;
85
+ y?: number;
86
+ };
87
+ }
88
+ export interface TooltipTheme {
89
+ position?: TooltipPosition;
90
+ showDelay?: number;
91
+ hideDelay?: number;
92
+ offset?: number;
93
+ textStyle?: TooltipTextStyle;
94
+ cornerRadius?: number;
95
+ animation?: TooltipAnimation;
96
+ }
97
+ export interface BadgeTheme {
98
+ tone?: string;
99
+ variant?: string;
100
+ size?: string;
101
+ maxCount?: number;
102
+ disabledAlpha?: number;
103
+ textStyle?: PortableTextStyle;
104
+ backgroundColor?: number;
105
+ dotSize?: number;
106
+ }
107
+ export interface TagTheme extends BadgeTheme {
108
+ closeSize?: number;
109
+ }
110
+ export interface ProgressBarTheme {
111
+ width?: number;
112
+ height?: number;
113
+ orientation?: string;
114
+ labelPosition?: string;
115
+ trackColor?: number;
116
+ fillColor?: number;
117
+ borderColor?: number;
118
+ borderWidth?: number;
119
+ cornerRadius?: number;
120
+ gap?: number;
121
+ disabledAlpha?: number;
122
+ labelStyle?: PortableTextStyle;
123
+ }
124
+ export interface ProgressViewTheme {
125
+ width?: string | number;
126
+ barHeight?: number;
127
+ gap?: number;
128
+ labelStyle?: PortableTextStyle;
129
+ percentageStyle?: PortableTextStyle;
130
+ cancelButtonSize?: string;
131
+ labels?: Record<string, string>;
132
+ }
133
+ export interface SliderTheme {
134
+ trackColor?: number;
135
+ trackFilledColor?: number;
136
+ trackHeight?: number;
137
+ trackBorderRadius?: number;
138
+ trackLength?: number;
139
+ trackHoverColor?: number;
140
+ thumbColor?: number;
141
+ thumbSize?: number;
142
+ thumbBorderColor?: number;
143
+ thumbBorderWidth?: number;
144
+ thumbHoverColor?: number;
145
+ thumbActiveColor?: number;
146
+ thumbDragScale?: number;
147
+ markColor?: number;
148
+ markHeight?: number;
149
+ markWidth?: number;
150
+ labelStyle?: PortableTextStyle;
151
+ labelOffset?: number;
152
+ valueLabel?: Record<string, unknown>;
153
+ minDistance?: number;
154
+ disabledAlpha?: number;
155
+ }
156
+ export interface RadioButtonTheme {
157
+ selectedColor?: number;
158
+ color?: number;
159
+ backgroundColor?: number;
160
+ borderWidth?: number;
161
+ gap?: number;
162
+ size?: number;
163
+ innerSize?: number;
164
+ disabledAlpha?: number;
165
+ labelPosition?: string;
166
+ labelStyle?: PortableTextStyle;
167
+ }
168
+ interface RadioGroupTheme extends ViewStyleTheme {
169
+ gap?: number;
170
+ direction?: 'row' | 'column';
171
+ }
172
+ export interface RatingBarTheme extends ViewStyleTheme {
173
+ size?: 'small' | 'medium' | 'large';
174
+ gap?: number;
175
+ iconSize?: number;
176
+ filledColor?: string;
177
+ emptyColor?: string;
178
+ disabledAlpha?: number;
179
+ labelStyle?: PortableTextStyle;
180
+ labels?: Record<string, string>;
181
+ }
182
+ export interface SidebarTheme extends ViewStyleTheme {
183
+ variant?: 'solid' | 'muted' | 'ghost' | 'inset';
184
+ size?: 'sm' | 'md' | 'lg';
185
+ variants?: Partial<Record<'solid' | 'muted' | 'ghost' | 'inset', ViewStyleTheme>>;
186
+ sizes?: Partial<Record<'sm' | 'md' | 'lg', ViewStyleTheme>>;
187
+ dividerColor?: number;
188
+ dividerAlpha?: number;
189
+ headerStyle?: ViewStyleTheme;
190
+ footerStyle?: ViewStyleTheme;
191
+ sectionStyle?: ViewStyleTheme & {
192
+ titleStyle?: PortableTextStyle;
193
+ };
194
+ itemStyle?: ViewStyleTheme & {
195
+ textStyle?: PortableTextStyle;
196
+ active?: ViewStyleTheme;
197
+ disabledAlpha?: number;
198
+ };
199
+ badgeStyle?: ViewStyleTheme & {
200
+ textStyle?: PortableTextStyle;
201
+ };
202
+ scrollable?: boolean;
203
+ itemGap?: number;
204
+ sectionGap?: number;
205
+ }
206
+ export interface TextInputTheme {
207
+ placeholder?: string;
208
+ paddingLeft?: number;
209
+ paddingRight?: number;
210
+ width?: number;
211
+ height?: number;
212
+ charSpacing?: number;
213
+ cursorColor?: number;
214
+ cursorWidth?: number;
215
+ cursorBlinkSpeed?: number;
216
+ selectionColor?: number;
217
+ selectionAlpha?: number;
218
+ lineHeight?: number;
219
+ wordWrap?: boolean;
220
+ disabledBackgroundColor?: number;
221
+ disabledBorderColor?: number;
222
+ disabledAlpha?: number;
223
+ focusedBorderColor?: number;
224
+ backgroundColor?: number;
225
+ borderColor?: number;
226
+ borderWidth?: number;
227
+ cornerRadius?: number;
228
+ padding?: number;
229
+ textStyle?: PortableTextStyle;
230
+ placeholderStyle?: PortableTextStyle;
231
+ maxLength?: number;
232
+ multiline?: boolean;
233
+ maxLines?: number;
234
+ textOverflow?: 'clip' | 'ellipsis';
235
+ }
236
+ export interface ActivityIndicatorTheme {
237
+ variant?: string;
238
+ size?: string;
239
+ width?: number;
240
+ height?: number;
241
+ color?: number;
242
+ trackColor?: number;
243
+ gap?: number;
244
+ dotCount?: number;
245
+ dotSize?: number;
246
+ pulseScale?: number;
247
+ animationSpeed?: number;
248
+ labelStyle?: PortableTextStyle;
249
+ labels?: Record<string, string>;
250
+ }
251
+ export interface CheckboxTheme {
252
+ color?: number;
253
+ checkedColor?: number;
254
+ indeterminateColor?: number;
255
+ labelStyle?: PortableTextStyle;
256
+ gap?: number;
257
+ size?: number;
258
+ disabledAlpha?: number;
259
+ labelPosition?: 'left' | 'right' | 'none';
260
+ }
261
+ export interface ColorPickerTheme {
262
+ backgroundColor?: number;
263
+ borderColor?: number;
264
+ borderWidth?: number;
265
+ cornerRadius?: number;
266
+ padding?: number;
267
+ gap?: number;
268
+ previewSize?: number;
269
+ previewGap?: number;
270
+ previewBorderWidth?: number;
271
+ previewCornerRadius?: number;
272
+ trackLength?: number;
273
+ trackHeight?: number;
274
+ gradientSteps?: number;
275
+ controlGap?: number;
276
+ controlBackgroundColor?: number;
277
+ controlBackgroundAlpha?: number;
278
+ closeButtonSize?: number;
279
+ closeButtonCornerRadius?: number;
280
+ thumbSize?: number;
281
+ thumbBorderColor?: number;
282
+ swatchSize?: number;
283
+ swatchGap?: number;
284
+ swatchCornerRadius?: number;
285
+ labelStyle?: PortableTextStyle;
286
+ valueStyle?: PortableTextStyle;
287
+ titleStyle?: PortableTextStyle;
288
+ hexStyle?: PortableTextStyle;
289
+ labels?: Record<string, string>;
290
+ }
291
+ export interface AccordionTheme {
292
+ animated?: boolean;
293
+ autoHeight?: boolean;
294
+ maxHeight?: number;
295
+ animationConfig?: string;
296
+ direction?: 'column' | 'row' | 'stack';
297
+ effect?: string;
298
+ effectConfig?: Record<string, unknown>;
299
+ headerStyle?: Record<string, unknown>;
300
+ contentStyle?: Record<string, unknown>;
301
+ textStyle?: PortableTextStyle;
302
+ Icon?: Record<string, unknown>;
303
+ }
304
+ export interface ButtonTheme {
305
+ variant?: string;
306
+ size?: string;
307
+ backgroundColor?: number;
308
+ backgroundAlpha?: number;
309
+ borderColor?: number;
310
+ borderAlpha?: number;
311
+ borderWidth?: number;
312
+ cornerRadius?: number;
313
+ gap?: number;
314
+ padding?: number | {
315
+ top: number;
316
+ bottom: number;
317
+ left: number;
318
+ right: number;
319
+ };
320
+ justifyContent?: string;
321
+ alignItems?: string;
322
+ height?: number;
323
+ disabledColor?: number;
324
+ disabledTextColor?: string;
325
+ disabledIconTint?: number;
326
+ disabledAlpha?: number;
327
+ textStyle?: PortableTextStyle;
328
+ iconSize?: number;
329
+ effect?: string;
330
+ effectConfig?: Record<string, unknown>;
331
+ Text?: Record<string, unknown>;
332
+ Icon?: Record<string, unknown>;
333
+ primary?: Record<string, unknown>;
334
+ secondary?: Record<string, unknown>;
335
+ outline?: Record<string, unknown>;
336
+ ghost?: Record<string, unknown>;
337
+ danger?: Record<string, unknown>;
338
+ small?: Record<string, unknown>;
339
+ medium?: Record<string, unknown>;
340
+ large?: Record<string, unknown>;
341
+ }
342
+ export interface NumberInputTheme extends ViewStyleTheme {
343
+ valueWidth?: number;
344
+ controlHeight?: number;
345
+ controlGap?: number;
346
+ buttonControlSize?: number;
347
+ buttonGap?: number;
348
+ buttonPlacement?: 'split' | 'left' | 'right';
349
+ buttonDirection?: 'row' | 'column';
350
+ buttonVariant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
351
+ buttonSize?: 'small' | 'medium' | 'large';
352
+ buttonTextStyle?: PortableTextStyle;
353
+ buttonIndicatorColor?: number;
354
+ buttonIndicatorActiveColor?: number;
355
+ labelPosition?: 'left' | 'right' | 'top' | 'bottom' | 'none';
356
+ labelStyle?: PortableTextStyle;
357
+ valueStyle?: PortableTextStyle;
358
+ valueBackgroundColor?: number;
359
+ valueBackgroundAlpha?: number;
360
+ valueBorderColor?: number;
361
+ valueBorderWidth?: number;
362
+ valueCornerRadius?: number;
363
+ valuePadding?: number | EdgeInsets;
364
+ disabledAlpha?: number;
365
+ repeatOnHold?: boolean;
366
+ holdDelay?: number;
367
+ repeatInterval?: number;
368
+ labels?: {
369
+ decrement?: string;
370
+ increment?: string;
371
+ value?: string;
372
+ };
373
+ Button?: Record<string, unknown>;
374
+ }
375
+ export interface DialogTheme {
376
+ backgroundColor?: number;
377
+ cornerRadius?: number;
378
+ maxWidth?: number;
379
+ showClose?: boolean;
380
+ prefix?: boolean;
381
+ closeIcon?: Record<string, unknown>;
382
+ Header?: Record<string, unknown>;
383
+ Content?: Record<string, unknown>;
384
+ Actions?: Record<string, unknown>;
385
+ }
386
+ export interface MenuButtonTheme {
387
+ buttonVariant?: string;
388
+ buttonSize?: string;
389
+ placement?: string;
390
+ width?: number;
391
+ gap?: number;
392
+ iconGap?: number;
393
+ }
394
+ export interface ModalTheme {
395
+ backdropColor?: number;
396
+ backdropOpacity?: number;
397
+ openDuration?: number;
398
+ closeDuration?: number;
399
+ }
400
+ export interface AlertDialogTheme {
401
+ maxWidth?: number;
402
+ variants?: Record<string, unknown>;
403
+ }
404
+ export interface DividerTheme {
405
+ orientation?: string;
406
+ thickness?: number;
407
+ color?: number;
408
+ length?: number | string;
409
+ }
410
+ export interface IconTheme {
411
+ size?: number;
412
+ tint?: number;
413
+ }
414
+ export interface ListBoxTheme {
415
+ backgroundColor?: number;
416
+ backgroundAlpha?: number;
417
+ borderColor?: number;
418
+ borderWidth?: number;
419
+ cornerRadius?: number;
420
+ padding?: number;
421
+ itemHeight?: number;
422
+ itemGap?: number;
423
+ itemPadding?: Record<string, number>;
424
+ itemCornerRadius?: number;
425
+ itemStyle?: Record<string, unknown>;
426
+ itemHoverStyle?: Record<string, unknown>;
427
+ itemSelectedStyle?: Record<string, unknown>;
428
+ itemDisabledStyle?: Record<string, unknown>;
429
+ disabledAlpha?: number;
430
+ textStyle?: PortableTextStyle;
431
+ selectedTextStyle?: PortableTextStyle;
432
+ disabledTextStyle?: PortableTextStyle;
433
+ emptyStyle?: PortableTextStyle;
434
+ labels?: Record<string, string>;
435
+ }
436
+ export interface DropdownTheme {
437
+ trigger?: ViewStyleTheme;
438
+ triggerHover?: ViewStyleTheme;
439
+ triggerOpen?: ViewStyleTheme;
440
+ triggerDisabled?: ViewStyleTheme;
441
+ overlay?: ViewStyleTheme & {
442
+ maxHeight?: number;
443
+ };
444
+ option?: ViewStyleTheme;
445
+ optionSelected?: ViewStyleTheme;
446
+ optionDisabled?: ViewStyleTheme;
447
+ textStyle?: PortableTextStyle;
448
+ placeholderStyle?: PortableTextStyle;
449
+ animationConfig?: string;
450
+ effect?: string;
451
+ arrow?: {
452
+ color?: string;
453
+ size?: number;
454
+ };
455
+ selectionIndicator?: {
456
+ color?: string;
457
+ size?: number;
458
+ };
459
+ filterInput?: ViewStyleTheme;
460
+ optionGap?: number;
461
+ }
462
+ export interface WrapTextTheme {
463
+ wrap?: boolean;
464
+ paddingOffset?: number;
465
+ textStyle?: PortableTextStyle;
466
+ }
467
+ export interface ScrollViewTheme {
468
+ showVerticalSlider?: string;
469
+ showHorizontalSlider?: string;
470
+ }
471
+ export interface WheelPickerTheme {
472
+ size?: 'small' | 'medium' | 'large';
473
+ itemHeight?: number;
474
+ visibleItems?: number;
475
+ itemPadding?: number | EdgeInsets;
476
+ textColor?: string;
477
+ textStyle?: PortableTextStyle;
478
+ selectedTextStyle?: PortableTextStyle;
479
+ disabledTextStyle?: PortableTextStyle;
480
+ overlayAlpha?: number;
481
+ disabledAlpha?: number;
482
+ labels?: Record<string, string>;
483
+ cornerRadius?: number;
484
+ backgroundColor?: number;
485
+ backgroundAlpha?: number;
486
+ borderColor?: number;
487
+ borderWidth?: number;
488
+ }
489
+ export interface DebugPanelTheme {
490
+ /** Text style for metric labels. */
491
+ rowTextStyle?: PortableTextStyle;
492
+ /** Text style for metric values. */
493
+ valueTextStyle?: PortableTextStyle;
494
+ /** Gap between rows in column mode (default: 4). */
495
+ rowGap?: number;
496
+ /** Gap between columns in column mode (default: 8). */
497
+ columnGap?: number;
498
+ }
499
+ export interface ToolbarTheme {
500
+ orientation?: 'horizontal' | 'vertical';
501
+ density?: 'compact' | 'normal';
502
+ itemWidth?: number;
503
+ itemHeight?: number;
504
+ compactItemWidth?: number;
505
+ compactItemHeight?: number;
506
+ itemGap?: number;
507
+ groupGap?: number;
508
+ buttonVariant?: string;
509
+ activeButtonVariant?: string;
510
+ menuButtonVariant?: string;
511
+ buttonSize?: string;
512
+ compactButtonSize?: string;
513
+ textStyle?: PortableTextStyle;
514
+ activeTextStyle?: PortableTextStyle;
515
+ disabledTextStyle?: PortableTextStyle;
516
+ menuIndicatorStyle?: PortableTextStyle;
517
+ iconSize?: number;
518
+ compactIconSize?: number;
519
+ separatorColor?: number;
520
+ separatorThickness?: number;
521
+ separatorLength?: number;
522
+ disabledAlpha?: number;
523
+ labels?: Record<string, string>;
524
+ gap?: number;
525
+ padding?: number;
526
+ cornerRadius?: number;
527
+ backgroundColor?: number;
528
+ backgroundAlpha?: number;
529
+ borderColor?: number;
530
+ borderWidth?: number;
531
+ Icon?: Record<string, unknown>;
532
+ Button?: Record<string, unknown>;
533
+ }
534
+ export interface ToggleTheme {
535
+ width?: number;
536
+ height?: number;
537
+ thumbSize?: number;
538
+ trackColorOff?: number;
539
+ trackColorOn?: number;
540
+ trackBorderColorOff?: number;
541
+ trackBorderColorOn?: number;
542
+ trackBorderWidth?: number;
543
+ thumbColor?: number;
544
+ thumbBorderColor?: number;
545
+ thumbBorderWidth?: number;
546
+ disabledColor?: number;
547
+ disabledAlpha?: number;
548
+ padding?: number;
549
+ duration?: number;
550
+ gap?: number;
551
+ labelStyle?: PortableTextStyle;
552
+ labelPosition?: 'left' | 'right' | 'none';
553
+ }
554
+ export interface PalettePickerTheme extends ViewStyleTheme {
555
+ columns?: number;
556
+ swatchSize?: number;
557
+ swatchGap?: number;
558
+ rowGap?: number;
559
+ itemWidth?: SizeValue;
560
+ swatchCornerRadius?: number;
561
+ swatchBorderColor?: number;
562
+ swatchBorderWidth?: number;
563
+ swatchSelectedBorderColor?: number;
564
+ swatchSelectedBorderWidth?: number;
565
+ swatchDisabledAlpha?: number;
566
+ selectedCheckColor?: number;
567
+ disabledAlpha?: number;
568
+ titleStyle?: PortableTextStyle;
569
+ emptyStyle?: PortableTextStyle;
570
+ hexStyle?: PortableTextStyle;
571
+ labels?: {
572
+ title?: string;
573
+ empty?: string;
574
+ formatHex?: (color: number) => string;
575
+ };
576
+ showTitle?: boolean;
577
+ showHex?: boolean;
578
+ }
579
+ export interface SegmentedControlTheme extends ViewStyleTheme {
580
+ orientation?: 'horizontal' | 'vertical';
581
+ size?: 'small' | 'medium' | 'large';
582
+ variant?: 'solid' | 'soft' | 'outline';
583
+ segmentWidth?: SizeValue;
584
+ segmentHeight?: SizeValue;
585
+ segmentGap?: number;
586
+ segmentPadding?: number | EdgeInsets;
587
+ segmentCornerRadius?: number;
588
+ segmentStyle?: ViewStyleTheme;
589
+ segmentHoverStyle?: ViewStyleTheme;
590
+ segmentSelectedStyle?: ViewStyleTheme;
591
+ segmentDisabledStyle?: ViewStyleTheme;
592
+ textStyle?: PortableTextStyle;
593
+ selectedTextStyle?: PortableTextStyle;
594
+ disabledTextStyle?: PortableTextStyle;
595
+ labelStyle?: PortableTextStyle;
596
+ iconGap?: number;
597
+ iconSize?: number;
598
+ disabledAlpha?: number;
599
+ labelPosition?: 'left' | 'top' | 'none';
600
+ labels?: {
601
+ group?: string;
602
+ };
603
+ }
604
+ export interface TabsTheme extends ViewStyleTheme {
605
+ tabListStyle?: ViewStyleTheme;
606
+ tabStyle?: ViewStyleTheme;
607
+ tabActiveStyle?: ViewStyleTheme;
608
+ tabDisabledStyle?: ViewStyleTheme;
609
+ panelStyle?: ViewStyleTheme;
610
+ }
611
+ export interface ToastVariantTheme extends ViewStyleTheme {
612
+ accentColor?: number;
613
+ prefix?: ChildrenType;
614
+ titleStyle?: PortableTextStyle;
615
+ messageStyle?: PortableTextStyle;
616
+ }
617
+ export interface ToastTheme extends ViewStyleTheme {
618
+ variant?: 'info' | 'success' | 'warning' | 'error';
619
+ minHeight?: SizeValue;
620
+ contentGap?: number;
621
+ accentWidth?: number;
622
+ prefixWidth?: number;
623
+ titleStyle?: PortableTextStyle;
624
+ messageStyle?: PortableTextStyle;
625
+ closeButtonSize?: number;
626
+ closeTextStyle?: PortableTextStyle;
627
+ labels?: {
628
+ close?: string;
629
+ };
630
+ variants?: Partial<Record<'info' | 'success' | 'warning' | 'error', ToastVariantTheme>>;
631
+ Button?: Record<string, unknown>;
632
+ }
633
+ export interface NotificationStackTheme extends ViewStyleTheme {
634
+ position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'bottom';
635
+ duration?: number;
636
+ depth?: number;
637
+ offset?: number;
638
+ }
639
+ export interface ScrollSliderTheme {
640
+ borderColor?: number;
641
+ trackColor?: number;
642
+ trackCornerRadius?: number;
643
+ thumbColor?: number;
644
+ thumbActiveColor?: number;
645
+ thumbBorderColor?: number;
646
+ thumbBorderWidth?: number;
647
+ thumbCornerRadius?: number;
648
+ borderWidth?: number;
649
+ cornerRadius?: number;
650
+ minThumbSize?: number;
651
+ size?: number;
652
+ }
653
+ interface PortableBuiltInComponentThemes {
654
+ View: Record<string, unknown>;
655
+ Text: Record<string, unknown>;
656
+ Image: Record<string, unknown>;
657
+ Sprite: Record<string, unknown>;
658
+ ActivityIndicator: ActivityIndicatorTheme;
659
+ Checkbox: CheckboxTheme;
660
+ ColorPicker: ColorPickerTheme;
661
+ Accordion: AccordionTheme;
662
+ AlertDialog: AlertDialogTheme;
663
+ Badge: BadgeTheme;
664
+ Tag: TagTheme;
665
+ BottomSheet: BottomSheetTheme;
666
+ Button: ButtonTheme;
667
+ ContextMenu: ContextMenuTheme;
668
+ DebugPanel: DebugPanelTheme;
669
+ Dialog: DialogTheme;
670
+ Divider: DividerTheme;
671
+ Dropdown: DropdownTheme;
672
+ Icon: IconTheme;
673
+ ListBox: ListBoxTheme;
674
+ MenuButton: MenuButtonTheme;
675
+ Modal: ModalTheme;
676
+ NumberInput: NumberInputTheme;
677
+ PalettePicker: PalettePickerTheme;
678
+ Popover: PopoverTheme;
679
+ ProgressBar: ProgressBarTheme;
680
+ ProgressView: ProgressViewTheme;
681
+ RadioButton: RadioButtonTheme;
682
+ RadioGroup: RadioGroupTheme;
683
+ RatingBar: RatingBarTheme;
684
+ Sidebar: SidebarTheme;
685
+ Slider: SliderTheme;
686
+ ScrollSlider: ScrollSliderTheme;
687
+ ScrollView: ScrollViewTheme;
688
+ SegmentedControl: SegmentedControlTheme;
689
+ Tabs: TabsTheme;
690
+ TextInput: TextInputTheme;
691
+ Tooltip: TooltipTheme;
692
+ Toast: ToastTheme;
693
+ NotificationStack: NotificationStackTheme;
694
+ Toggle: ToggleTheme;
695
+ WrapText: WrapTextTheme;
696
+ Toolbar: ToolbarTheme;
697
+ WheelPicker: WheelPickerTheme;
698
+ }
699
+ export interface PortableComponentThemes extends PortableBuiltInComponentThemes, CustomComponentThemes {
700
+ }
701
+ /** Strictly-typed partial theme for portable components. */
702
+ export type PortablePartialTheme<TComponentThemes extends {
703
+ [K in keyof TComponentThemes]: object;
704
+ } = PortableComponentThemes> = PartialTheme<TComponentThemes>;
705
+ /** Strictly-typed local theme override scoped to one portable component. */
706
+ export type PortableComponentPartialTheme<TName extends keyof PortableComponentThemes> = PortablePartialTheme<Pick<PortableComponentThemes, TName>>;
707
+ export {};
708
+ //# sourceMappingURL=theme-types.d.ts.map