@navegarti/rn-design-system 0.8.3 → 0.8.6

package/lib/module/components/Button/styles.js

@@ -11,8 +11,10 @@ export const DefaultButtonStyle = styled.TouchableOpacity(({
   flexDirection: 'row',
   alignItems: 'center',
   justifyContent: 'center',
-  paddingHorizontal: paddingHorizontal ?? 20,
-  paddingVertical: paddingVertical ?? 14,
+  paddingLeft: paddingHorizontal ?? 20,
+  paddingRight: paddingHorizontal ?? 20,
+  paddingTop: paddingVertical ?? 14,
+  paddingBottom: paddingVertical ?? 14,
   gap: 8,
   backgroundColor: color ?? '#333',
   margin

package/lib/module/components/Button/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Checkbox/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/FAB/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Flex/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/FormLabel/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Input/styles.js

@@ -31,11 +31,14 @@ export const InputControlContainer = styled.Pressable(({
   borderColor: getInputBorderColor(!!hasError, isFocused),
   borderRadius: 4,
   boxShadow: getInputShadow(!!hasError, isFocused),
-  paddingInline: 8,
-  paddingBlock: 4,
+  paddingLeft: 8,
+  paddingRight: 8,
+  paddingTop: 4,
+  paddingBottom: 4,
   backgroundColor: disabled ? '#f2f2f2' : '#fff'
 }));
 export const InputIconContainer = styled.View({
-  marginInline: 4
+  marginLeft: 4,
+  marginRight: 4
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Input/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Margin/styles.js

@@ -5,11 +5,9 @@ export const Margin = styled.View(({
   insets
 }) => ({
   margin: insets.all,
-  marginBlock: insets.block,
-  marginInline: insets.inline,
-  marginBottom: insets.bottom,
-  marginLeft: insets.left,
-  marginRight: insets.right,
-  marginTop: insets.top
+  marginTop: insets.vertical ?? insets.top,
+  marginBottom: insets.vertical ?? insets.bottom,
+  marginLeft: insets.horizontal ?? insets.left,
+  marginRight: insets.horizontal ?? insets.right
 }));
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Margin/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/components/OTPInput/index.js

@@ -1,83 +1,80 @@
 "use strict";
 
-import { useEffect, useRef, useState } from 'react';
-import { Flex } from "../Flex/index.js";
-import { InputBox } from "./styles.js";
+import { OtpInput as OtpEntry } from 'react-native-otp-entry';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const OTPInput = ({
   length = 6,
-  defaultValue = '',
   onComplete,
-  hasError = false,
   disabled = false,
   autoFocus = false,
   onlyNumbers = true,
   containerProps,
+  theme,
   ...props
 }) => {
-  const [otp, setOtp] = useState(Array(length).fill('').map((_, i) => defaultValue[i] || ''));
-  const [focusedIndex, setFocusedIndex] = useState(autoFocus ? 0 : null);
-  const inputRefs = useRef([]);
-  const handleChangeText = (text, index) => {
-    if (disabled) return;
-    setOtp(prevOtp => {
-      const newOtp = [...prevOtp];
-      newOtp[index] = text;
-      const newOtpLength = newOtp.join('').length;
-      if (newOtpLength === length) {
-        onComplete(newOtp);
-        inputRefs.current[index]?.blur();
-      }
-      return newOtp;
-    });
-    if (index < length - 1 && text) {
-      inputRefs.current[index + 1]?.focus();
-    }
-  };
-  const handleKeyPress = (e, index) => {
-    if (e.nativeEvent.key === 'Backspace' && !otp[index] && index > 0) {
-      inputRefs.current[index - 1]?.focus();
-    }
-  };
-  const handleFocus = index => {
-    setFocusedIndex(index);
-  };
-  const handleBlur = () => {
-    setFocusedIndex(null);
-  };
-  useEffect(() => {
-    if (autoFocus && inputRefs.current[0]) {
-      inputRefs.current[0]?.focus();
-    }
-  }, [autoFocus]);
-  return /*#__PURE__*/_jsx(Flex, {
-    alignContent: "center",
-    gap: 8,
-    flexWrap: "wrap",
-    flexDirection: "row",
-    ...containerProps,
-    children: Array.from({
-      length
-    }).map((_, index) => /*#__PURE__*/_jsx(InputBox, {
-      ref: ref => {
-        inputRefs.current[index] = ref;
+  return /*#__PURE__*/_jsx(OtpEntry, {
+    numberOfDigits: length,
+    focusColor: "rgb(0, 140, 255)",
+    onFilled: onComplete,
+    disabled: disabled,
+    autoFocus: autoFocus,
+    type: "alphanumeric",
+    blurOnFilled: true,
+    textInputProps: {
+      accessibilityLabel: 'Código de verificação',
+      ...props.textInputProps
+    },
+    textProps: {
+      accessibilityRole: 'text',
+      accessibilityLabel: 'Dígito do código de verificação',
+      allowFontScaling: false,
+      ...props.textProps
+    },
+    theme: {
+      containerStyle: {
+        gap: 4,
+        justifyContent: 'flex-start',
+        flexWrap: 'wrap',
+        ...theme?.containerStyle
+      },
+      pinCodeContainerStyle: {
+        backgroundColor: 'rgb(242,242,242)',
+        borderWidth: 1,
+        borderRadius: 4,
+        width: 50,
+        height: 50,
+        borderColor: 'transparent',
+        ...theme?.pinCodeContainerStyle
+      },
+      pinCodeTextStyle: {
+        color: disabled ? '#555' : '#333',
+        fontSize: 20,
+        fontWeight: 500,
+        ...theme?.pinCodeTextStyle
+      },
+      focusedPinCodeContainerStyle: {
+        borderColor: 'rgb(50,50,50)',
+        ...theme?.focusedPinCodeContainerStyle
       },
-      value: otp[index],
-      onChangeText: text => handleChangeText(text, index),
-      onKeyPress: e => handleKeyPress(e, index),
-      onFocus: () => handleFocus(index),
-      onBlur: handleBlur,
-      isFocused: focusedIndex === index,
-      hasError: hasError,
-      disabled: disabled,
-      hasValue: !!otp[index],
-      keyboardType: onlyNumbers ? 'number-pad' : 'default',
-      maxLength: 1,
-      selectTextOnFocus: true,
-      editable: !disabled,
-      cursorColor: "#000",
-      ...props
-    }, index))
+      focusStickStyle: {
+        backgroundColor: '#555',
+        height: 24,
+        ...theme?.focusStickStyle
+      },
+      disabledPinCodeContainerStyle: {
+        backgroundColor: 'rgb(220,220,220)',
+        borderColor: 'rgb(100,100,100)',
+        ...theme?.disabledPinCodeContainerStyle
+      },
+      filledPinCodeContainerStyle: {
+        borderColor: 'transparent',
+        ...theme?.filledPinCodeContainerStyle
+      },
+      placeholderTextStyle: {
+        ...theme?.placeholderTextStyle
+      }
+    },
+    ...props
   });
 };
 //# sourceMappingURL=index.js.map

package/lib/module/components/OTPInput/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Padding/styles.js

@@ -5,11 +5,9 @@ export const Padding = styled.View(({
   insets
 }) => ({
   padding: insets.all,
-  paddingBlock: insets.block,
-  paddingInline: insets.inline,
-  paddingBottom: insets.bottom,
-  paddingLeft: insets.left,
-  paddingRight: insets.right,
-  paddingTop: insets.top
+  paddingTop: insets.vertical ?? insets.top,
+  paddingBottom: insets.vertical ?? insets.bottom,
+  paddingLeft: insets.horizontal ?? insets.left,
+  paddingRight: insets.horizontal ?? insets.right
 }));
 //# sourceMappingURL=styles.js.map

package/lib/module/components/Padding/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/components/Radio/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Select/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Skeleton/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Switch/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Text/styles.js

@@ -10,10 +10,12 @@ export const Text = styled.Text(({
   width,
   textTransform,
   textDecorationLine,
-  margin
+  margin,
+  fontFamily
 }) => ({
   fontSize: size ? size : 14,
   fontWeight: weight ?? 'semibold',
+  fontFamily,
   color: color ?? '#333',
   textAlign,
   flex,

package/lib/module/components/Text/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/typescript/src/components/Button/index.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonProps } from './styles';
-export type { ButtonProps } from './styles';
+import type { ButtonProps } from './types';
+export type { ButtonProps } from './types';
 declare const Button: ((props: ButtonProps) => import("react/jsx-runtime").JSX.Element) & {
     Square: import("@emotion/native").StyledComponent<{
         color?: string;
@@ -390,85 +390,7 @@ declare const Button: ((props: ButtonProps) => import("react/jsx-runtime").JSX.E
     } & {
         theme?: import("@emotion/react").Theme;
         as?: React.ElementType;
-    } & Readonly<Omit<Readonly<{
-        onPointerEnter?: (event: import("react-native").PointerEvent) => void;
-        onPointerLeave?: (event: import("react-native").PointerEvent) => void;
-        onPointerMove?: (event: import("react-native").PointerEvent) => void;
-    }>, "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<{
-        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
-        allowFontScaling?: boolean | undefined;
-        android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
-        children?: React.ReactNode | undefined;
-        ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
-        id?: string;
-        maxFontSizeMultiplier?: number | undefined;
-        nativeID?: string | undefined;
-        numberOfLines?: number | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
-        onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-        onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-        onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-        onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderTerminationRequest?: (() => boolean) | undefined;
-        onStartShouldSetResponder?: (() => boolean) | undefined;
-        onMoveShouldSetResponder?: (() => boolean) | undefined;
-        onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
-        pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
-        role?: import("react-native").Role | undefined;
-        selectable?: boolean | undefined;
-        style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
-        testID?: string | undefined;
-    }>, "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<{
-        accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
-        "aria-labelledby"?: string | undefined;
-        accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
-        "aria-live"?: ("polite" | "assertive" | "off") | undefined;
-        importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
-        screenReaderFocusable?: boolean;
-    }>, "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<{
-        accessibilityIgnoresInvertColors?: boolean | undefined;
-        accessibilityViewIsModal?: boolean | undefined;
-        accessibilityShowsLargeContentViewer?: boolean | undefined;
-        accessibilityLargeContentTitle?: string | undefined;
-        "aria-modal"?: boolean | undefined;
-        accessibilityElementsHidden?: boolean | undefined;
-        accessibilityLanguage?: string | undefined;
-        accessibilityRespondsToUserInteraction?: boolean | undefined;
-    }>, "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"> & {
-        accessible?: boolean | undefined;
-        accessibilityLabel?: string | undefined;
-        accessibilityHint?: string | undefined;
-        "aria-label"?: string | undefined;
-        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-        role?: import("react-native").Role | undefined;
-        accessibilityState?: import("react-native").AccessibilityState | undefined;
-        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-        "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
-        "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
-        "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
-        "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
-        accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
-        "aria-busy"?: boolean | undefined;
-        "aria-checked"?: (boolean | undefined) | "mixed";
-        "aria-disabled"?: boolean | undefined;
-        "aria-expanded"?: boolean | undefined;
-        "aria-selected"?: boolean | undefined;
-        "aria-hidden"?: boolean | undefined;
-    }>, never>> & {
-        flex?: number;
-        weight?: "light" | "regular" | "medium" | "bold";
-        size?: number;
-        margin?: import("react-native").DimensionValue | string;
-        width?: string;
-        color?: string;
-        textAlign?: "left" | "center" | "right" | "justify";
-        textTransform?: "none" | "uppercase" | "capitalize" | "lowercase";
-        textDecorationLine?: "none" | "underline" | "line-through";
-    } & {
+    } & import("../Text").TextStyleProps & {
         ref?: import("react").Ref<any> | undefined;
     } & {
         theme?: import("@emotion/react").Theme;

package/lib/typescript/src/components/Button/styles.d.ts

@@ -1,10 +1,3 @@
-import type { DimensionValue, TouchableOpacityProps } from 'react-native';
-export type ButtonProps = {
-    color?: string;
-    paddingVertical?: number;
-    paddingHorizontal?: number;
-    margin?: DimensionValue;
-} & TouchableOpacityProps;
 export declare const DefaultButtonStyle: import("@emotion/native").StyledComponent<Omit<Readonly<Omit<Readonly<{
     children?: React.ReactNode | undefined;
     delayLongPress?: number | undefined;
@@ -84,7 +77,7 @@ export declare const DefaultButtonStyle: import("@emotion/native").StyledCompone
     color?: string;
     paddingVertical?: number;
     paddingHorizontal?: number;
-    margin?: DimensionValue;
+    margin?: import("react-native").DimensionValue;
 } & Readonly<Omit<Readonly<{
     children?: React.ReactNode | undefined;
     delayLongPress?: number | undefined;
@@ -231,85 +224,7 @@ export declare const ButtonText: import("@emotion/native").StyledComponent<Omit<
 } & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Readonly<Omit<Readonly<{
-    onPointerEnter?: (event: import("react-native").PointerEvent) => void;
-    onPointerLeave?: (event: import("react-native").PointerEvent) => void;
-    onPointerMove?: (event: import("react-native").PointerEvent) => void;
-}>, "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<{
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
-    allowFontScaling?: boolean | undefined;
-    android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
-    children?: React.ReactNode | undefined;
-    ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
-    id?: string;
-    maxFontSizeMultiplier?: number | undefined;
-    nativeID?: string | undefined;
-    numberOfLines?: number | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
-    onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: (() => boolean) | undefined;
-    onStartShouldSetResponder?: (() => boolean) | undefined;
-    onMoveShouldSetResponder?: (() => boolean) | undefined;
-    onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
-    pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
-    role?: import("react-native").Role | undefined;
-    selectable?: boolean | undefined;
-    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
-    testID?: string | undefined;
-}>, "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<{
-    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
-    "aria-labelledby"?: string | undefined;
-    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
-    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
-    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
-    screenReaderFocusable?: boolean;
-}>, "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<{
-    accessibilityIgnoresInvertColors?: boolean | undefined;
-    accessibilityViewIsModal?: boolean | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    "aria-modal"?: boolean | undefined;
-    accessibilityElementsHidden?: boolean | undefined;
-    accessibilityLanguage?: string | undefined;
-    accessibilityRespondsToUserInteraction?: boolean | undefined;
-}>, "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"> & {
-    accessible?: boolean | undefined;
-    accessibilityLabel?: string | undefined;
-    accessibilityHint?: string | undefined;
-    "aria-label"?: string | undefined;
-    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-    role?: import("react-native").Role | undefined;
-    accessibilityState?: import("react-native").AccessibilityState | undefined;
-    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
-    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
-    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
-    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
-    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
-    "aria-busy"?: boolean | undefined;
-    "aria-checked"?: (boolean | undefined) | "mixed";
-    "aria-disabled"?: boolean | undefined;
-    "aria-expanded"?: boolean | undefined;
-    "aria-selected"?: boolean | undefined;
-    "aria-hidden"?: boolean | undefined;
-}>, never>> & {
-    flex?: number;
-    weight?: "light" | "regular" | "medium" | "bold";
-    size?: number;
-    margin?: DimensionValue | string;
-    width?: string;
-    color?: string;
-    textAlign?: "left" | "center" | "right" | "justify";
-    textTransform?: "none" | "uppercase" | "capitalize" | "lowercase";
-    textDecorationLine?: "none" | "underline" | "line-through";
-} & {
+} & import("../Text").TextStyleProps & {
     ref?: import("react").Ref<any> | undefined;
 } & {
     theme?: import("@emotion/react").Theme;

package/lib/typescript/src/components/Button/types.d.ts

@@ -0,0 +1,8 @@
+import type { DimensionValue, TouchableOpacityProps } from 'react-native';
+export type ButtonProps = {
+    color?: string;
+    paddingVertical?: number;
+    paddingHorizontal?: number;
+    margin?: DimensionValue;
+} & TouchableOpacityProps;
+//# sourceMappingURL=types.d.ts.map