@navegarti/rn-design-system 0.8.2 → 0.8.5

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 (119) hide show
  1. package/lib/module/components/Button/styles.js +4 -2
  2. package/lib/module/components/Button/types.js +4 -0
  3. package/lib/module/components/Checkbox/types.js +4 -0
  4. package/lib/module/components/FAB/types.js +4 -0
  5. package/lib/module/components/Flex/types.js +4 -0
  6. package/lib/module/components/FormLabel/types.js +4 -0
  7. package/lib/module/components/Input/styles.js +6 -3
  8. package/lib/module/components/Input/types.js +4 -0
  9. package/lib/module/components/Margin/styles.js +4 -6
  10. package/lib/module/components/Margin/types.js +2 -0
  11. package/lib/module/components/OTPInput/index.js +50 -67
  12. package/lib/module/components/OTPInput/types.js +4 -0
  13. package/lib/module/components/Padding/styles.js +4 -6
  14. package/lib/module/components/Padding/types.js +2 -0
  15. package/lib/module/components/Radio/types.js +4 -0
  16. package/lib/module/components/Select/types.js +4 -0
  17. package/lib/module/components/Skeleton/types.js +4 -0
  18. package/lib/module/components/Switch/types.js +4 -0
  19. package/lib/module/components/Text/styles.js +3 -1
  20. package/lib/module/components/Text/types.js +4 -0
  21. package/lib/typescript/src/components/Button/index.d.ts +3 -81
  22. package/lib/typescript/src/components/Button/styles.d.ts +2 -87
  23. package/lib/typescript/src/components/Button/types.d.ts +8 -0
  24. package/lib/typescript/src/components/Card/index.d.ts +55 -322
  25. package/lib/typescript/src/components/Card/styles.d.ts +55 -322
  26. package/lib/typescript/src/components/Carousel/index.d.ts +10 -17
  27. package/lib/typescript/src/components/Checkbox/index.d.ts +3 -8
  28. package/lib/typescript/src/components/Checkbox/styles.d.ts +9 -4
  29. package/lib/typescript/src/components/Checkbox/types.d.ts +8 -0
  30. package/lib/typescript/src/components/FAB/components/extended-fab.d.ts +1 -1
  31. package/lib/typescript/src/components/FAB/index.d.ts +3 -3
  32. package/lib/typescript/src/components/FAB/styles.d.ts +9 -103
  33. package/lib/typescript/src/components/FAB/types.d.ts +16 -0
  34. package/lib/typescript/src/components/Flex/index.d.ts +1 -0
  35. package/lib/typescript/src/components/Flex/styles.d.ts +10 -7
  36. package/lib/typescript/src/components/Flex/types.d.ts +3 -0
  37. package/lib/typescript/src/components/FormLabel/index.d.ts +3 -2
  38. package/lib/typescript/src/components/FormLabel/styles.d.ts +1 -79
  39. package/lib/typescript/src/components/FormLabel/types.d.ts +3 -0
  40. package/lib/typescript/src/components/Input/components/input-field.d.ts +2 -6
  41. package/lib/typescript/src/components/Input/components/input-root.d.ts +1 -7
  42. package/lib/typescript/src/components/Input/index.d.ts +3 -9
  43. package/lib/typescript/src/components/Input/styles.d.ts +29 -170
  44. package/lib/typescript/src/components/Input/types.d.ts +11 -0
  45. package/lib/typescript/src/components/Margin/index.d.ts +1 -0
  46. package/lib/typescript/src/components/Margin/styles.d.ts +11 -17
  47. package/lib/typescript/src/components/Margin/types.d.ts +12 -0
  48. package/lib/typescript/src/components/OTPInput/index.d.ts +3 -15
  49. package/lib/typescript/src/components/OTPInput/types.d.ts +12 -0
  50. package/lib/typescript/src/components/Padding/index.d.ts +1 -0
  51. package/lib/typescript/src/components/Padding/styles.d.ts +11 -17
  52. package/lib/typescript/src/components/Padding/types.d.ts +12 -0
  53. package/lib/typescript/src/components/Radio/components/radio-item.d.ts +1 -6
  54. package/lib/typescript/src/components/Radio/index.d.ts +3 -83
  55. package/lib/typescript/src/components/Radio/styles.d.ts +18 -8
  56. package/lib/typescript/src/components/Radio/types.d.ts +12 -0
  57. package/lib/typescript/src/components/Select/components/select-field.d.ts +2 -4
  58. package/lib/typescript/src/components/Select/index.d.ts +3 -6
  59. package/lib/typescript/src/components/Select/styles.d.ts +2 -158
  60. package/lib/typescript/src/components/Select/types.d.ts +7 -0
  61. package/lib/typescript/src/components/Skeleton/index.d.ts +2 -9
  62. package/lib/typescript/src/components/Skeleton/types.d.ts +9 -0
  63. package/lib/typescript/src/components/Switch/index.d.ts +2 -9
  64. package/lib/typescript/src/components/Switch/styles.d.ts +18 -8
  65. package/lib/typescript/src/components/Switch/types.d.ts +9 -0
  66. package/lib/typescript/src/components/Text/index.d.ts +1 -1
  67. package/lib/typescript/src/components/Text/styles.d.ts +2 -93
  68. package/lib/typescript/src/components/Text/types.d.ts +15 -0
  69. package/lib/typescript/src/components.d.ts +11 -0
  70. package/lib/typescript/src/index.d.ts +11 -0
  71. package/package.json +16 -38
  72. package/src/components/Button/index.tsx +3 -2
  73. package/src/components/Button/styles.ts +6 -10
  74. package/src/components/Button/types.ts +8 -0
  75. package/src/components/Checkbox/index.tsx +3 -8
  76. package/src/components/Checkbox/types.ts +8 -0
  77. package/src/components/FAB/components/extended-fab.tsx +2 -5
  78. package/src/components/FAB/index.tsx +3 -2
  79. package/src/components/FAB/styles.ts +2 -24
  80. package/src/components/FAB/types.ts +18 -0
  81. package/src/components/Flex/index.tsx +1 -0
  82. package/src/components/Flex/styles.ts +1 -15
  83. package/src/components/Flex/types.ts +16 -0
  84. package/src/components/FormLabel/index.tsx +4 -2
  85. package/src/components/FormLabel/types.ts +3 -0
  86. package/src/components/Input/components/input-field.tsx +2 -6
  87. package/src/components/Input/components/input-root.tsx +1 -7
  88. package/src/components/Input/index.tsx +2 -0
  89. package/src/components/Input/styles.ts +6 -3
  90. package/src/components/Input/types.ts +12 -0
  91. package/src/components/Margin/index.tsx +1 -0
  92. package/src/components/Margin/styles.ts +6 -18
  93. package/src/components/Margin/types.ts +11 -0
  94. package/src/components/OTPInput/index.tsx +54 -99
  95. package/src/components/OTPInput/types.ts +13 -0
  96. package/src/components/Padding/index.tsx +1 -0
  97. package/src/components/Padding/styles.ts +6 -18
  98. package/src/components/Padding/types.ts +11 -0
  99. package/src/components/Radio/components/radio-item.tsx +1 -7
  100. package/src/components/Radio/index.tsx +2 -8
  101. package/src/components/Radio/types.ts +14 -0
  102. package/src/components/Select/components/select-field.tsx +2 -4
  103. package/src/components/Select/index.tsx +2 -4
  104. package/src/components/Select/types.ts +8 -0
  105. package/src/components/Skeleton/index.tsx +6 -9
  106. package/src/components/Skeleton/types.ts +9 -0
  107. package/src/components/Switch/index.tsx +3 -9
  108. package/src/components/Switch/types.ts +10 -0
  109. package/src/components/Text/index.tsx +1 -1
  110. package/src/components/Text/styles.ts +3 -18
  111. package/src/components/Text/types.ts +16 -0
  112. package/src/components.tsx +11 -0
  113. package/src/index.tsx +11 -0
  114. package/lib/module/components/OTPInput/styles.js +0 -23
  115. package/lib/module/components/OTPInput/utils.js +0 -24
  116. package/lib/typescript/src/components/OTPInput/styles.d.ts +0 -214
  117. package/lib/typescript/src/components/OTPInput/utils.d.ts +0 -3
  118. package/src/components/OTPInput/styles.ts +0 -23
  119. package/src/components/OTPInput/utils.ts +0 -31
@@ -71,85 +71,7 @@ export declare const LabelText: import("@emotion/native").StyledComponent<Omit<R
71
71
  } & {
72
72
  theme?: import("@emotion/react").Theme;
73
73
  as?: React.ElementType;
74
- } & Readonly<Omit<Readonly<{
75
- onPointerEnter?: (event: import("react-native").PointerEvent) => void;
76
- onPointerLeave?: (event: import("react-native").PointerEvent) => void;
77
- onPointerMove?: (event: import("react-native").PointerEvent) => void;
78
- }>, "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "dataDetectorType" | "textBreakStrategy" | "minimumFontScale" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsIOS, keyof import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid, "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<{
79
- onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
80
- allowFontScaling?: boolean | undefined;
81
- android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
82
- children?: React.ReactNode | undefined;
83
- ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
84
- id?: string;
85
- maxFontSizeMultiplier?: number | undefined;
86
- nativeID?: string | undefined;
87
- numberOfLines?: number | undefined;
88
- onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
89
- onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
90
- onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
91
- onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
92
- onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
93
- onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
94
- onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
95
- onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
96
- onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
97
- onResponderTerminationRequest?: (() => boolean) | undefined;
98
- onStartShouldSetResponder?: (() => boolean) | undefined;
99
- onMoveShouldSetResponder?: (() => boolean) | undefined;
100
- onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
101
- pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
102
- role?: import("react-native").Role | undefined;
103
- selectable?: boolean | undefined;
104
- style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
105
- testID?: string | undefined;
106
- }>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<Omit<Readonly<{
107
- accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
108
- "aria-labelledby"?: string | undefined;
109
- accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
110
- "aria-live"?: ("polite" | "assertive" | "off") | undefined;
111
- importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
112
- screenReaderFocusable?: boolean;
113
- }>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
114
- accessibilityIgnoresInvertColors?: boolean | undefined;
115
- accessibilityViewIsModal?: boolean | undefined;
116
- accessibilityShowsLargeContentViewer?: boolean | undefined;
117
- accessibilityLargeContentTitle?: string | undefined;
118
- "aria-modal"?: boolean | undefined;
119
- accessibilityElementsHidden?: boolean | undefined;
120
- accessibilityLanguage?: string | undefined;
121
- accessibilityRespondsToUserInteraction?: boolean | undefined;
122
- }>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
123
- accessible?: boolean | undefined;
124
- accessibilityLabel?: string | undefined;
125
- accessibilityHint?: string | undefined;
126
- "aria-label"?: string | undefined;
127
- accessibilityRole?: import("react-native").AccessibilityRole | undefined;
128
- role?: import("react-native").Role | undefined;
129
- accessibilityState?: import("react-native").AccessibilityState | undefined;
130
- accessibilityValue?: import("react-native").AccessibilityValue | undefined;
131
- "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
132
- "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
133
- "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
134
- "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
135
- accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
136
- "aria-busy"?: boolean | undefined;
137
- "aria-checked"?: (boolean | undefined) | "mixed";
138
- "aria-disabled"?: boolean | undefined;
139
- "aria-expanded"?: boolean | undefined;
140
- "aria-selected"?: boolean | undefined;
141
- "aria-hidden"?: boolean | undefined;
142
- }>, never>> & {
143
- flex?: number;
144
- weight?: "light" | "regular" | "medium" | "bold";
145
- size?: number;
146
- margin?: import("react-native").DimensionValue | string;
147
- width?: string;
148
- color?: string;
149
- textAlign?: "left" | "center" | "right" | "justify";
150
- textTransform?: "none" | "uppercase" | "capitalize" | "lowercase";
151
- textDecorationLine?: "none" | "underline" | "line-through";
152
- } & {
74
+ } & import("../Text").TextStyleProps & {
153
75
  ref?: import("react").Ref<any> | undefined;
154
76
  } & {
155
77
  theme?: import("@emotion/react").Theme;
@@ -0,0 +1,3 @@
1
+ import type { TextProps } from 'react-native';
2
+ export type FormLabelProps = TextProps;
3
+ //# sourceMappingURL=types.d.ts.map
@@ -1,7 +1,3 @@
1
- import type { MaskInputProps } from 'react-native-mask-input';
2
- type InputProps = {
3
- onChangeText?: (unmasked: string, masked: string) => void;
4
- } & Omit<MaskInputProps, 'onBlur' | 'onFocus'>;
5
- export declare const InputField: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element>;
6
- export {};
1
+ import type { InputFieldProps } from '../types';
2
+ export declare const InputField: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: InputFieldProps) => import("react/jsx-runtime").JSX.Element>;
7
3
  //# sourceMappingURL=input-field.d.ts.map
@@ -1,9 +1,3 @@
1
- type InputRootProps = {
2
- children: React.ReactNode;
3
- isPassword?: boolean;
4
- hasError?: boolean;
5
- disabled?: boolean;
6
- };
1
+ import type { InputRootProps } from '../types';
7
2
  export declare const InputRoot: ({ children, isPassword, hasError, disabled, }: InputRootProps) => import("react/jsx-runtime").JSX.Element;
8
- export {};
9
3
  //# sourceMappingURL=input-root.d.ts.map
@@ -1,13 +1,7 @@
1
+ export type { InputFieldProps, InputRootProps } from './types';
1
2
  declare const Input: {
2
- Root: ({ children, isPassword, hasError, disabled, }: {
3
- children: React.ReactNode;
4
- isPassword?: boolean;
5
- hasError?: boolean;
6
- disabled?: boolean;
7
- }) => import("react/jsx-runtime").JSX.Element;
8
- Field: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: {
9
- onChangeText?: (unmasked: string, masked: string) => void;
10
- } & Omit<import("react-native-mask-input").MaskInputProps, "onBlur" | "onFocus">) => import("react/jsx-runtime").JSX.Element>;
3
+ Root: ({ children, isPassword, hasError, disabled, }: import("./types").InputRootProps) => import("react/jsx-runtime").JSX.Element;
4
+ Field: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: import("./types").InputFieldProps) => import("react/jsx-runtime").JSX.Element>;
11
5
  Error: (props: import("react-native").TextProps) => import("react/jsx-runtime").JSX.Element | null;
12
6
  Control: ({ children, ...props }: import("react-native").PressableProps) => import("react/jsx-runtime").JSX.Element;
13
7
  Icon: (props: import("react-native").ViewProps) => import("react/jsx-runtime").JSX.Element;