@procivis/one-react-native-components 0.1.63

package/lib/typescript/image/image-or-component.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactElement } from 'react';
+import { ImageProps, ImageSourcePropType, ImageStyle, StyleProp } from 'react-native';
+export type ImageOrComponentSource = {
+    imageSource: ImageSourcePropType;
+    resizeMode?: ImageProps['resizeMode'];
+    resizeMethod?: ImageProps['resizeMethod'];
+} | {
+    component: ReactElement;
+};
+interface ImageOrComponentProps {
+    source: ImageOrComponentSource;
+    style: StyleProp<ImageStyle>;
+    testID?: string;
+}
+declare const ImageOrComponent: FC<ImageOrComponentProps>;
+export default ImageOrComponent;

package/lib/typescript/image/index.d.ts

@@ -0,0 +1,2 @@
+import ImageOrComponent, { ImageOrComponentSource } from './image-or-component';
+export { ImageOrComponent, ImageOrComponentSource };

package/lib/typescript/index.d.ts

@@ -0,0 +1,26 @@
+export * from './accessibility';
+export * from './action-modal';
+export * from './activity-indicator';
+export * from './blur';
+export * from './buttons';
+export * from './camera';
+export * from './control';
+export * from './credential';
+export * from './detail';
+export * from './entity';
+export * from './header';
+export * from './history';
+export * from './icons';
+export * from './image';
+export * from './input';
+export * from './list';
+export * from './loader';
+export * from './nerd-view';
+export * from './pin';
+export * from './screens';
+export * from './searchbar';
+export * from './settings';
+export * from './state';
+export * from './text';
+export * from './theme';
+export * from './utils';

package/lib/typescript/input/index.d.ts

@@ -0,0 +1,6 @@
+import RadioGroup, { RadioGroupItem, RadioGroupProps } from './radio-group';
+import SelectionInput, { SelectionInputChoice, SelectionInputProps } from './selection-input';
+import TextInput, { TextInputAccessory, TextInputProps } from './text-input';
+export { RadioGroup, RadioGroupItem, RadioGroupProps };
+export { SelectionInput, SelectionInputChoice, SelectionInputProps };
+export { TextInput, TextInputAccessory, TextInputProps };

package/lib/typescript/input/radio-group.d.ts

@@ -0,0 +1,23 @@
+import React, { FunctionComponent } from 'react';
+import { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+export type RadioGroupItem = {
+    key: React.Key;
+    label: string;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+};
+export type RadioGroupProps = {
+    containerStyle?: StyleProp<ViewStyle>;
+    items: RadioGroupItem[];
+    listFooter?: FlatListProps<RadioGroupItem>['ListFooterComponent'];
+    listFooterStyle?: FlatListProps<RadioGroupItem>['ListFooterComponentStyle'];
+    onEndReached?: FlatListProps<RadioGroupItem>['onEndReached'];
+    onGetItemAccessibilityLabel?: (current: number, length: number) => string;
+    onSelected: (item: RadioGroupItem, index: number) => void;
+    selectedItem?: React.Key;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    scrollEnabled?: boolean;
+};
+declare const RadioGroup: FunctionComponent<RadioGroupProps>;
+export default RadioGroup;

package/lib/typescript/input/selection-input.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { TouchableOpacityProps } from 'react-native';
+export interface SelectionInputChoice {
+    label: string;
+    /**
+     * If specified used in the input display, otherwise {@link label} used.
+     * The {@link label} is always used for the picker values.
+     */
+    shortLabel?: string;
+    value: string | number;
+}
+export interface SelectionInputProps extends TouchableOpacityProps {
+    error?: string;
+    label: string;
+    /**
+     * Called when selection changes
+     * @return `true` to avoid accessibility auto-focusing, `false` otherwise
+     */
+    onChange?: (value: SelectionInputChoice) => boolean;
+    pickerCancelLabel: string;
+    pickerConfirmLabel: string;
+    pickerTitle?: string;
+    /** {@link SelectionInputChoice.label} of the selected choice */
+    selectedValue?: string | number;
+    values: SelectionInputChoice[];
+}
+/**
+ * Generic selection input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
+ */
+declare const SelectionInput: React.ForwardRefExoticComponent<SelectionInputProps & React.RefAttributes<import("react-native").TouchableOpacity>>;
+export default SelectionInput;

package/lib/typescript/input/text-input.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StyleProp, TextInput as RNTextInput, TextInputProps as RNTextInputProps, ViewStyle } from 'react-native';
+export declare enum TextInputAccessory {
+    Dropdown = "dropdown",
+    Clear = "clear"
+}
+export type TextInputProps = Omit<RNTextInputProps, 'editable' | 'onSubmitEditing' | 'style'> & {
+    accessory?: TextInputAccessory;
+    accessoryAccessibilityLabel?: string;
+    disabled?: boolean;
+    error?: string;
+    label: string;
+    onAccessoryPress?: () => void;
+    onSubmit?: (value: string) => void;
+    style?: StyleProp<ViewStyle>;
+};
+/**
+ * Generic text input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=3%3A824&t=r7HhHF1rsNLmOBL2-4
+ */
+declare const TextInput: React.ForwardRefExoticComponent<Omit<RNTextInputProps, "style" | "editable" | "onSubmitEditing"> & {
+    accessory?: TextInputAccessory | undefined;
+    accessoryAccessibilityLabel?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: string | undefined;
+    label: string;
+    onAccessoryPress?: (() => void) | undefined;
+    onSubmit?: ((value: string) => void) | undefined;
+    style?: StyleProp<ViewStyle>;
+} & React.RefAttributes<RNTextInput>>;
+export default TextInput;

package/lib/typescript/list/index.d.ts

@@ -0,0 +1,4 @@
+import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';
+import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
+export { ListSectionHeader, ListSectionHeaderProps };
+export { ListTitleHeader, ListTitleHeaderProps };

package/lib/typescript/list/list-section-header.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TypographyProps } from '../text/typography';
+export type ListSectionHeaderProps = Partial<TypographyProps> & {
+    title: string;
+};
+declare const ListSectionHeader: FC<ListSectionHeaderProps>;
+export default ListSectionHeader;

package/lib/typescript/list/list-title-header.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type ListTitleHeaderProps = {
+    title: string;
+    testID?: string;
+};
+declare const ListTitleHeader: FC<ListTitleHeaderProps>;
+export default ListTitleHeader;

package/lib/typescript/loader/index.d.ts

@@ -0,0 +1,4 @@
+import LoaderView, { LoaderViewProps, LoaderViewState } from './loader';
+import LoadingResultScreen, { LoadingResultScreenProps } from './loading-result';
+export { LoaderView, LoaderViewProps, LoaderViewState };
+export { LoadingResultScreen, LoadingResultScreenProps };

package/lib/typescript/loader/loader.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export declare enum LoaderViewState {
+    Error = "error",
+    InProgress = "inProgress",
+    Success = "success",
+    Warning = "warning"
+}
+export type LoaderViewProps = {
+    animate: boolean;
+    state?: LoaderViewState;
+    testID?: string;
+};
+declare const LoaderView: FC<LoaderViewProps>;
+export default LoaderView;

package/lib/typescript/loader/loading-result.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ViewProps } from 'react-native';
+import { ButtonProps } from '../buttons/button';
+import { NavigationHeaderProps } from '../header/navigation-header';
+import { LoaderViewProps } from './loader';
+export type LoadingResultScreenProps = ViewProps & {
+    button?: ButtonProps;
+    header?: NavigationHeaderProps;
+    loader: LoaderViewProps & {
+        label?: string;
+    };
+    secondaryButton?: ButtonProps;
+    tertiaryButton?: ButtonProps;
+};
+declare const LoadingResultScreen: FC<LoadingResultScreenProps>;
+export default LoadingResultScreen;

package/lib/typescript/nerd-view/index.d.ts

@@ -0,0 +1,2 @@
+import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';
+export { ActionIcon, NerdModeItem, NerdModeItemProps };

package/lib/typescript/nerd-view/nerd-mode-item.d.ts

@@ -0,0 +1,31 @@
+import React, { FunctionComponent } from 'react';
+import { ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+export type NerdModeItemProps = {
+    attributeKey: string;
+    attributeText?: string;
+    canBeCopied?: boolean;
+    element?: React.ReactElement;
+    expandedAttributes?: number;
+    highlightedText?: string;
+    labels: {
+        expand: string;
+        collapse: string;
+    };
+    last?: boolean;
+    link?: string;
+    onCopyToClipboard: (value: string) => void;
+    onExpand?: (expanded: boolean) => void;
+    scrollOffset?: SharedValue<number>;
+    testID?: string;
+};
+export declare const ActionIcon: FunctionComponent<{
+    copy?: boolean;
+    link?: string;
+    onCopyToClipboard: (value: string) => void;
+    style?: ViewStyle;
+    testID?: string;
+    value: string;
+}>;
+declare const NerdModeItem: FunctionComponent<NerdModeItemProps>;
+export default NerdModeItem;

package/lib/typescript/pin/index.d.ts

@@ -0,0 +1,3 @@
+import { Biometry } from './keypad';
+import { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';
+export { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps };

package/lib/typescript/pin/keypad.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export declare enum Biometry {
+    FaceID = "faceID",
+    Other = "other"
+}
+export interface KeypadProps {
+    testID?: string;
+    biometry?: Biometry | null;
+    onBiometricPress?: () => void;
+    onPressDigit?: (digit: number) => void;
+    onPressDelete?: () => void;
+    style?: StyleProp<ViewStyle>;
+    onDeleteAll?: () => void;
+}
+export declare const Keypad: React.ForwardRefExoticComponent<KeypadProps & React.RefAttributes<import("react-native").TouchableOpacity>>;

package/lib/typescript/pin/pin-code-screen.d.ts

@@ -0,0 +1,32 @@
+import React, { Ref } from 'react';
+import type { TouchableOpacityRef } from '../accessibility';
+import { Biometry } from './keypad';
+export type PinCodeScreenProps = {
+    title: string;
+    testID?: string;
+    length: number;
+    enteredLength: number;
+    onBack?: () => void;
+    error?: string;
+    keypadRef?: Ref<TouchableOpacityRef>;
+    onPressDigit: (digit: number) => void;
+    onPressDelete: () => void;
+    onDeleteAll: () => void;
+    biometry?: Biometry | null;
+    onBiometricPress?: () => void;
+} & ({
+    instruction: string;
+    onAccessibilityAnnounced?: (finished: boolean) => void;
+} | {
+    instruction?: undefined;
+    onAccessibilityAnnounced?: undefined;
+});
+export interface PinCodeScreenActions {
+    shakeKeypad: (params?: {
+        amount?: number;
+        duration?: number;
+    }) => Promise<{
+        finished: boolean;
+    }>;
+}
+export declare const PinCodeScreen: React.ForwardRefExoticComponent<PinCodeScreenProps & React.RefAttributes<PinCodeScreenActions>>;

package/lib/typescript/pin/pins.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ViewProps } from 'react-native';
+export interface PinsProps extends ViewProps {
+    enteredLength: number;
+    maxLength: number;
+}
+export declare const Pins: FC<PinsProps>;

package/lib/typescript/screens/backup-screen.d.ts

@@ -0,0 +1,16 @@
+import { FC, PropsWithChildren } from 'react';
+export declare enum BackupScreenMode {
+    Create = "create",
+    Restore = "restore"
+}
+export type BackupScreenProps = PropsWithChildren<{
+    cta: string;
+    description: string;
+    isCtaDisabled?: boolean;
+    onBack: () => void;
+    onCta: () => void;
+    testID: string;
+    title: string;
+}>;
+declare const BackupScreen: FC<BackupScreenProps>;
+export default BackupScreen;

package/lib/typescript/screens/image-preview-screen.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ImageSourcePropType, ViewProps } from 'react-native';
+export type ImagePreviewScreenProps = ViewProps & {
+    image: ImageSourcePropType;
+    onClose: () => void;
+    title: string;
+};
+declare const ImagePreviewScreen: FC<ImagePreviewScreenProps>;
+export default ImagePreviewScreen;

package/lib/typescript/screens/index.d.ts

@@ -0,0 +1,12 @@
+import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';
+import ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';
+import NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';
+import QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';
+import ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';
+import SectionListScreen, { SectionListScreenProps } from './section-list-screen';
+export { BackupScreen, BackupScreenMode, BackupScreenProps };
+export { ImagePreviewScreen, ImagePreviewScreenProps };
+export { NerdModeScreen, NerdModeScreenProps, NerdModeSection };
+export { QRCodeScannerScreen, QRCodeScannerScreenProps };
+export { ScrollViewScreen, ScrollViewScreenProps };
+export { SectionListScreen, SectionListScreenProps };

package/lib/typescript/screens/nerd-mode-screen.d.ts

@@ -0,0 +1,22 @@
+import { FunctionComponent } from 'react';
+import { NerdModeItemProps } from '..//nerd-view/nerd-mode-item';
+export type NerdModeSection = {
+    data: Array<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>;
+    title: string;
+};
+export type NerdModeScreenProps = {
+    entityCluster?: {
+        entityName: string;
+    };
+    labels: {
+        expand: string;
+        collapse: string;
+    };
+    onClose: () => void;
+    onCopyToClipboard: (value: string) => void;
+    sections: NerdModeSection[];
+    testID: string;
+    title: string;
+};
+declare const NerdModeScreen: FunctionComponent<NerdModeScreenProps>;
+export default NerdModeScreen;

package/lib/typescript/screens/qr-code-scanner-screen.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactElement } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { QRCodeScannerProps } from '../camera/qr-code-scanner';
+export interface QRCodeScannerScreenProps {
+    codeTypes?: QRCodeScannerProps['codeTypes'];
+    footer?: React.ComponentType<any> | React.ReactElement;
+    onQRCodeRead: QRCodeScannerProps['onQRCodeRead'];
+    onClose: () => void;
+    overlayStyle?: StyleProp<ViewStyle>;
+    noCameraView?: JSX.Element;
+    title: ReactElement | string;
+}
+declare const _default: React.NamedExoticComponent<QRCodeScannerScreenProps>;
+export default _default;

package/lib/typescript/screens/scroll-view-screen.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import { ScrollViewProps, ViewProps } from 'react-native';
+import { NavigationHeaderProps } from '../header/navigation-header';
+export type ScrollViewScreenProps = ViewProps & {
+    header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {
+        static?: boolean;
+        title: string;
+    };
+    modalPresentation?: boolean;
+    scrollView?: Omit<ScrollViewProps, 'onScroll'>;
+};
+declare const ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>>;
+export default ScrollViewScreen;

package/lib/typescript/screens/section-list-screen.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SectionListProps, ViewProps } from 'react-native';
+import { NavigationHeaderProps } from '../header/navigation-header';
+export type SectionListScreenProps<ItemT, SectionT> = ViewProps & {
+    header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {
+        static?: boolean;
+        title: string;
+    };
+    list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;
+};
+declare const SectionListScreen: <ItemT, SectionT>({ header, list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps }, style, ...viewProps }: SectionListScreenProps<ItemT, SectionT>) => React.JSX.Element;
+export default SectionListScreen;

package/lib/typescript/searchbar/animated-search-bar.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { SearchBarProps } from './search-bar';
+export type AnimatedSearchBarProps = {
+    collapsed: boolean;
+    rightButton?: ReactNode;
+    rightButtonAlwaysVisible?: boolean;
+    searchBarProps: SearchBarProps;
+};
+declare const AnimatedSearchBar: ({ collapsed, rightButtonAlwaysVisible, searchBarProps, rightButton, }: AnimatedSearchBarProps) => React.JSX.Element;
+export default AnimatedSearchBar;

package/lib/typescript/searchbar/index.d.ts

@@ -0,0 +1,4 @@
+import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';
+import SearchBar, { SearchBarProps } from './search-bar';
+export { AnimatedSearchBar, AnimatedSearchBarProps };
+export { SearchBar, SearchBarProps };

package/lib/typescript/searchbar/search-bar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyleProp, TextInput, TextInputProps, ViewStyle } from 'react-native';
+export interface SearchBarProps extends TextInputProps {
+    style?: StyleProp<ViewStyle>;
+    placeholder?: string;
+    searchPhrase: string;
+    onSearchPhraseChange: (searchPhrase: string) => void;
+}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<TextInput>>;
+export default SearchBar;

package/lib/typescript/settings/button-setting.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, FunctionComponent, ReactElement } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type ButtonSettingProps = {
+    accessory?: ComponentType<any> | ReactElement;
+    disabled?: boolean;
+    icon?: ComponentType<any> | ReactElement;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    title: string;
+};
+declare const ButtonSetting: FunctionComponent<ButtonSettingProps>;
+export default ButtonSetting;

package/lib/typescript/settings/index.d.ts

@@ -0,0 +1,10 @@
+import ButtonSetting, { ButtonSettingProps } from './button-setting';
+import SettingItem, { SettingItemProps } from './setting-item';
+import SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';
+import SettingsButton, { SettingsButtonProps } from './settings-button';
+import SwitchSetting, { SwitchSettingProps } from './switch-setting';
+export { ButtonSetting, ButtonSettingProps };
+export { SettingItem, SettingItemProps };
+export { SettingItemSeparator, SettingItemSeparatorProps };
+export { SettingsButton, SettingsButtonProps };
+export { SwitchSetting, SwitchSettingProps };

package/lib/typescript/settings/setting-item-separator.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+export type SettingItemSeparatorProps = {
+    color?: ColorValue;
+    style?: StyleProp<ViewStyle>;
+};
+declare const SettingItemSeparator: FC<SettingItemSeparatorProps>;
+export default SettingItemSeparator;

package/lib/typescript/settings/setting-item.d.ts

@@ -0,0 +1,9 @@
+import { ComponentType, FunctionComponent, PropsWithChildren, ReactElement } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type SettingItemProps = {
+    icon?: ComponentType<any> | ReactElement;
+    style?: StyleProp<ViewStyle>;
+    title: string;
+};
+declare const SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>>;
+export default SettingItem;

package/lib/typescript/settings/settings-button.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ButtonSettingProps } from './button-setting';
+export type SettingsButtonProps = ButtonSettingProps;
+declare const SettingsButton: FC<SettingsButtonProps>;
+export default SettingsButton;

package/lib/typescript/settings/switch-setting.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, FunctionComponent, ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type SwitchSettingProps = {
+    disabled?: boolean;
+    icon?: ComponentType<any> | ReactElement;
+    onChange: (newValue: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    title: string;
+    value: boolean;
+};
+declare const SwitchSetting: FunctionComponent<SwitchSettingProps>;
+export default SwitchSetting;

package/lib/typescript/state/error-screen.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+export interface ErrorScreenButton {
+    testID?: string;
+    label: string;
+    disabled?: boolean;
+    onPress?: () => void;
+}
+export interface ErrorScreenProps {
+    testID?: string;
+    title: string;
+    subtitle: string;
+    button: ErrorScreenButton;
+}
+declare const ErrorScreen: FunctionComponent<ErrorScreenProps>;
+export default ErrorScreen;

package/lib/typescript/state/index.d.ts

@@ -0,0 +1,2 @@
+import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';
+export { ErrorScreen, ErrorScreenButton, ErrorScreenProps };

package/lib/typescript/text/base.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ColorValue, StyleProp, Text, TextProps, TextStyle } from 'react-native';
+export type BaseTextProps = TextProps & {
+    align?: 'center' | 'left' | 'right';
+    color: ColorValue;
+    style?: StyleProp<TextStyle>;
+    announcementActive?: boolean;
+    announcementCumulative?: boolean;
+    onAnnouncementFinished?: (finished: boolean) => void;
+};
+export declare const BaseText: React.ForwardRefExoticComponent<TextProps & {
+    align?: "center" | "left" | "right" | undefined;
+    color: ColorValue;
+    style?: StyleProp<TextStyle>;
+    announcementActive?: boolean | undefined;
+    announcementCumulative?: boolean | undefined;
+    onAnnouncementFinished?: ((finished: boolean) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<Text>>;

package/lib/typescript/text/font.d.ts

@@ -0,0 +1,26 @@
+import { TextStyle } from 'react-native';
+export interface FontStyle {
+    fontFamily?: string;
+    fontWeight?: TextStyle['fontWeight'];
+}
+declare enum FontFace {
+    OpenSans = "Open Sans",
+    IBMPlexMono = "IBM Plex Mono",
+    ProcivisBook = "Procivis-Book"
+}
+declare enum FontWeight {
+    Medium = "500",
+    Regular = "400"
+}
+export interface FontFactoryProps {
+    face: FontFace;
+    weight?: FontWeight;
+}
+export declare const fontFactory: ({ face, weight }: FontFactoryProps) => FontStyle;
+declare const font: {
+    regular: FontStyle;
+    medium: FontStyle;
+    code: FontStyle;
+    heading: FontStyle;
+};
+export default font;

package/lib/typescript/text/index.d.ts

@@ -0,0 +1,2 @@
+import Typography, { TypographyProps } from './typography';
+export { Typography, TypographyProps };