@hoddy-ui/next 1.0.3 → 1.0.29

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 (7) hide show
  1. package/dist/index.d.mts +32 -3
  2. package/dist/index.d.ts +32 -3
  3. package/dist/index.js +327 -272
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +357 -299
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -2
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode, FC } from 'react';
2
- import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps } from 'react-native';
2
+ import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps } from 'react-native';
3
3
 
4
4
  type ThemeTypes = "dark" | "light";
5
5
  type ThemeModes = "dark" | "light" | "default";
@@ -11,6 +11,7 @@ type extraColorTypes = {
11
11
  light?: string;
12
12
  dark?: string;
13
13
  text?: string;
14
+ [key: number]: string;
14
15
  };
15
16
  };
16
17
  light?: {
@@ -19,6 +20,7 @@ type extraColorTypes = {
19
20
  light?: string;
20
21
  dark?: string;
21
22
  text?: string;
23
+ [key: number]: string;
22
24
  };
23
25
  };
24
26
  };
@@ -160,6 +162,7 @@ interface PopupProps {
160
162
  children: ReactNode;
161
163
  open: boolean;
162
164
  onClose?: () => void;
165
+ style?: ViewStyle;
163
166
  }
164
167
  interface SpinnerProps {
165
168
  label?: string;
@@ -193,16 +196,17 @@ interface TextFieldProps extends TextInputProps {
193
196
  onFocus?: () => void;
194
197
  onBlur?: () => void;
195
198
  }
196
- interface TypographyProps {
199
+ interface TypographyProps extends TextProps {
197
200
  children: ReactNode;
198
201
  color?: colorTypes | (string & {});
199
202
  style?: TextStyle | ViewStyle;
200
- textCase?: "capitalize" | "uppercase" | "lowercase" | null;
203
+ textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
201
204
  variant?: "caption" | "body1" | "body2" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
202
205
  align?: "center" | "left" | "right";
203
206
  gutterBottom?: number;
204
207
  numberOfLines?: number;
205
208
  adjustsFontSizeToFit?: boolean;
209
+ fontFamily?: string;
206
210
  fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
207
211
  }
208
212
  interface SafeAreaViewProps {
@@ -255,6 +259,7 @@ interface DividerProps {
255
259
  type configProps = {
256
260
  googleMapApiKey?: string;
257
261
  colors?: extraColorTypes;
262
+ fontFamily?: string;
258
263
  };
259
264
  declare function initialize(config: configProps): void;
260
265
 
@@ -311,6 +316,10 @@ declare const OTPInput: FC<OTPInputProps>;
311
316
 
312
317
  declare const useColors: () => {
313
318
  white: {
319
+ main?: string | undefined;
320
+ light?: string | undefined;
321
+ dark?: string | undefined;
322
+ text?: string | undefined;
314
323
  1: string;
315
324
  2: string;
316
325
  3: string;
@@ -318,6 +327,10 @@ declare const useColors: () => {
318
327
  5: string;
319
328
  };
320
329
  black: {
330
+ main?: string | undefined;
331
+ light?: string | undefined;
332
+ dark?: string | undefined;
333
+ text?: string | undefined;
321
334
  1: string;
322
335
  2: string;
323
336
  3: string;
@@ -386,6 +399,10 @@ declare const useColors: () => {
386
399
  };
387
400
  } | {
388
401
  white: {
402
+ main?: string | undefined;
403
+ light?: string | undefined;
404
+ dark?: string | undefined;
405
+ text?: string | undefined;
389
406
  1: string;
390
407
  2: string;
391
408
  3: string;
@@ -393,6 +410,10 @@ declare const useColors: () => {
393
410
  5: string;
394
411
  };
395
412
  black: {
413
+ main?: string | undefined;
414
+ light?: string | undefined;
415
+ dark?: string | undefined;
416
+ text?: string | undefined;
396
417
  1: string;
397
418
  2: string;
398
419
  3: string;
@@ -461,6 +482,10 @@ declare const useColors: () => {
461
482
  };
462
483
  } | {
463
484
  white: {
485
+ main?: string | undefined;
486
+ light?: string | undefined;
487
+ dark?: string | undefined;
488
+ text?: string | undefined;
464
489
  1: string;
465
490
  2: string;
466
491
  3: string;
@@ -468,6 +493,10 @@ declare const useColors: () => {
468
493
  5: string;
469
494
  };
470
495
  black: {
496
+ main?: string | undefined;
497
+ light?: string | undefined;
498
+ dark?: string | undefined;
499
+ text?: string | undefined;
471
500
  1: string;
472
501
  2: string;
473
502
  3: string;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode, FC } from 'react';
2
- import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps } from 'react-native';
2
+ import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps } from 'react-native';
3
3
 
4
4
  type ThemeTypes = "dark" | "light";
5
5
  type ThemeModes = "dark" | "light" | "default";
@@ -11,6 +11,7 @@ type extraColorTypes = {
11
11
  light?: string;
12
12
  dark?: string;
13
13
  text?: string;
14
+ [key: number]: string;
14
15
  };
15
16
  };
16
17
  light?: {
@@ -19,6 +20,7 @@ type extraColorTypes = {
19
20
  light?: string;
20
21
  dark?: string;
21
22
  text?: string;
23
+ [key: number]: string;
22
24
  };
23
25
  };
24
26
  };
@@ -160,6 +162,7 @@ interface PopupProps {
160
162
  children: ReactNode;
161
163
  open: boolean;
162
164
  onClose?: () => void;
165
+ style?: ViewStyle;
163
166
  }
164
167
  interface SpinnerProps {
165
168
  label?: string;
@@ -193,16 +196,17 @@ interface TextFieldProps extends TextInputProps {
193
196
  onFocus?: () => void;
194
197
  onBlur?: () => void;
195
198
  }
196
- interface TypographyProps {
199
+ interface TypographyProps extends TextProps {
197
200
  children: ReactNode;
198
201
  color?: colorTypes | (string & {});
199
202
  style?: TextStyle | ViewStyle;
200
- textCase?: "capitalize" | "uppercase" | "lowercase" | null;
203
+ textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
201
204
  variant?: "caption" | "body1" | "body2" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1";
202
205
  align?: "center" | "left" | "right";
203
206
  gutterBottom?: number;
204
207
  numberOfLines?: number;
205
208
  adjustsFontSizeToFit?: boolean;
209
+ fontFamily?: string;
206
210
  fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
207
211
  }
208
212
  interface SafeAreaViewProps {
@@ -255,6 +259,7 @@ interface DividerProps {
255
259
  type configProps = {
256
260
  googleMapApiKey?: string;
257
261
  colors?: extraColorTypes;
262
+ fontFamily?: string;
258
263
  };
259
264
  declare function initialize(config: configProps): void;
260
265
 
@@ -311,6 +316,10 @@ declare const OTPInput: FC<OTPInputProps>;
311
316
 
312
317
  declare const useColors: () => {
313
318
  white: {
319
+ main?: string | undefined;
320
+ light?: string | undefined;
321
+ dark?: string | undefined;
322
+ text?: string | undefined;
314
323
  1: string;
315
324
  2: string;
316
325
  3: string;
@@ -318,6 +327,10 @@ declare const useColors: () => {
318
327
  5: string;
319
328
  };
320
329
  black: {
330
+ main?: string | undefined;
331
+ light?: string | undefined;
332
+ dark?: string | undefined;
333
+ text?: string | undefined;
321
334
  1: string;
322
335
  2: string;
323
336
  3: string;
@@ -386,6 +399,10 @@ declare const useColors: () => {
386
399
  };
387
400
  } | {
388
401
  white: {
402
+ main?: string | undefined;
403
+ light?: string | undefined;
404
+ dark?: string | undefined;
405
+ text?: string | undefined;
389
406
  1: string;
390
407
  2: string;
391
408
  3: string;
@@ -393,6 +410,10 @@ declare const useColors: () => {
393
410
  5: string;
394
411
  };
395
412
  black: {
413
+ main?: string | undefined;
414
+ light?: string | undefined;
415
+ dark?: string | undefined;
416
+ text?: string | undefined;
396
417
  1: string;
397
418
  2: string;
398
419
  3: string;
@@ -461,6 +482,10 @@ declare const useColors: () => {
461
482
  };
462
483
  } | {
463
484
  white: {
485
+ main?: string | undefined;
486
+ light?: string | undefined;
487
+ dark?: string | undefined;
488
+ text?: string | undefined;
464
489
  1: string;
465
490
  2: string;
466
491
  3: string;
@@ -468,6 +493,10 @@ declare const useColors: () => {
468
493
  5: string;
469
494
  };
470
495
  black: {
496
+ main?: string | undefined;
497
+ light?: string | undefined;
498
+ dark?: string | undefined;
499
+ text?: string | undefined;
471
500
  1: string;
472
501
  2: string;
473
502
  3: string;