@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.10

package/build/module/TextField/OutlinedTextField.js

@@ -1,174 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Platform, TextInput, View } from 'react-native';
-import { createFontStyle, css, useTheme } from '../styles';
-import IconButton from '../IconButton';
-import InputLabel from './InputLabel';
-import { defaultHeight, iconSize, inputPaddingHorizontal, labelFontSize, labelPaddingTop, labelYOffset } from './utils';
-
-const useStyles = function () {
-  const theme = useTheme();
-  return {
-    outline: {
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: theme.shape.roundness
-    },
-    input: {
-      flexGrow: 1,
-      paddingHorizontal: inputPaddingHorizontal,
-      textAlignVertical: 'center',
-      textAlign: 'left',
-      zIndex: theme.zIndex.textField
-    },
-    iconContainer: {
-      position: 'absolute',
-      width: 24,
-      height: 24,
-      justifyContent: 'center',
-      alignItems: 'center',
-      right: 12
-    }
-  };
-};
-
-const OutlinedTextField = /*#__PURE__*/React.forwardRef(function OutlinedTextField(props, ref) {
-  const {
-    animatedError,
-    animatedLabel,
-    disabled,
-    error,
-    focused,
-    forceFocus,
-    icon,
-    keyboardType,
-    label,
-    labelLayout,
-    onBlur,
-    onChangeText,
-    onFocus,
-    onIconPress,
-    onLayoutAnimatedText,
-    onSubmitEditing,
-    placeholder,
-    secureTextEntry,
-    style,
-    value
-  } = props;
-  const theme = useTheme();
-  const styles = useStyles();
-  const hasActiveOutline = focused || error;
-  const inputTextColor = disabled ? theme.palette.tertiary.main : theme.palette.primary.main;
-  const activeColor = error ? theme.palette.warning.main : disabled ? theme.palette.tertiary.main : theme.palette.accent.main;
-  const placeholderColor = disabled ? theme.palette.tertiary.main : theme.palette.text.hint;
-  const outlineColor = theme.palette.border.default;
-  const errorColor = disabled ? theme.palette.tertiary.main : theme.palette.warning.main;
-  const typography = theme.typography.body2;
-  const fontSize = typography.fontSize.unitless;
-  const labelScale = labelFontSize / fontSize;
-  const labelWidth = labelLayout.width;
-  const labelHeight = labelLayout.height;
-  const labelHalfWidth = labelWidth / 2;
-  const labelHalfHeight = labelHeight / 2;
-  const labelTranslateX = -1 * (labelHalfWidth - labelScale * labelWidth / 2 - (fontSize - labelFontSize) * labelScale);
-  const minInputHeight = defaultHeight - labelPaddingTop;
-  const inputHeight = labelHeight < minInputHeight ? minInputHeight : labelHeight;
-  const topPosition = Math.floor(((inputHeight > 0 ? inputHeight : 0) - labelHeight) / 2 + labelPaddingTop);
-  const iconTopPosition = (defaultHeight - (label ? 0 : labelPaddingTop) - iconSize - (label ? labelYOffset : 0)) / 2;
-  const labelTranslateY = -labelHalfHeight - (topPosition + labelYOffset);
-  const placeholderOpacity = hasActiveOutline ? animatedLabel.interpolate({
-    inputRange: [0, 1],
-    outputRange: [hasActiveOutline ? 0 : 1, 1]
-  }) : labelLayout.measured ? 1 : 0;
-  const labelProps = {
-    activeColor,
-    error,
-    errorColor,
-    fontSize,
-    hasActiveOutline,
-    label,
-    labelScale,
-    labelTranslateX,
-    labelTranslateY,
-    onLayoutAnimatedText,
-    placeholderColor,
-    placeholderOpacity,
-    topPosition
-  };
-  const inputTextFontStyle = createFontStyle(theme, {
-    selector: typo => typo.caption2,
-    color: inputTextColor
-  });
-  const outlineStyle = css([styles.outline, {
-    borderWidth: hasActiveOutline ? 2 : 1,
-    borderColor: error ? errorColor : hasActiveOutline ? activeColor : outlineColor,
-    top: label ? 6 : 0
-  }]);
-  const textInputStyle = css([inputTextFontStyle, styles.input, {
-    fontSize,
-    color: inputTextColor,
-    height: inputHeight
-  }, icon && {
-    marginRight: iconSize + 20,
-    paddingRight: 0
-  }, Platform.OS === 'web' && {
-    //@ts-ignore
-    outlineWidth: 0
-  }]);
-  const containerStyle = css([{
-    paddingTop: label ? labelPaddingTop : 0,
-    minHeight: label ? defaultHeight : defaultHeight + labelYOffset
-  }]);
-  const iconContainerStyle = css([styles.iconContainer, {
-    top: iconTopPosition
-  }]);
-
-  const onIconButtonPress = () => {
-    forceFocus();
-    onIconPress === null || onIconPress === void 0 ? void 0 : onIconPress();
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, /*#__PURE__*/React.createElement(View, {
-    pointerEvents: 'none',
-    style: outlineStyle
-  }), /*#__PURE__*/React.createElement(View, {
-    style: containerStyle
-  }, label ? /*#__PURE__*/React.createElement(InputLabel, _extends({
-    animatedLabel: animatedLabel,
-    animatedError: animatedError,
-    focused: focused,
-    labelLayout: labelLayout,
-    placeholder: placeholder,
-    value: value
-  }, labelProps)) : null, /*#__PURE__*/React.createElement(TextInput, {
-    autoCapitalize: 'none',
-    autoCorrect: false,
-    disableFullscreenUI: true,
-    ref: ref,
-    onChangeText: onChangeText,
-    placeholder: placeholder,
-    placeholderTextColor: placeholderColor,
-    editable: !disabled,
-    selectionColor: activeColor,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onSubmitEditing: onSubmitEditing,
-    keyboardType: keyboardType,
-    secureTextEntry: secureTextEntry,
-    underlineColorAndroid: 'transparent',
-    style: textInputStyle,
-    value: value
-  })), icon ? /*#__PURE__*/React.createElement(View, {
-    style: iconContainerStyle
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    children: icon,
-    onPress: onIconButtonPress
-  })) : null);
-});
-export default OutlinedTextField;
-//# sourceMappingURL=OutlinedTextField.js.map

package/build/module/TextField/OutlinedTextField.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Platform","TextInput","View","createFontStyle","css","useTheme","IconButton","InputLabel","defaultHeight","iconSize","inputPaddingHorizontal","labelFontSize","labelPaddingTop","labelYOffset","useStyles","theme","outline","position","left","right","bottom","borderRadius","shape","roundness","input","flexGrow","paddingHorizontal","textAlignVertical","textAlign","zIndex","textField","iconContainer","width","height","justifyContent","alignItems","OutlinedTextField","forwardRef","props","ref","animatedError","animatedLabel","disabled","error","focused","forceFocus","icon","keyboardType","label","labelLayout","onBlur","onChangeText","onFocus","onIconPress","onLayoutAnimatedText","onSubmitEditing","placeholder","secureTextEntry","style","value","styles","hasActiveOutline","inputTextColor","palette","tertiary","main","primary","activeColor","warning","accent","placeholderColor","text","hint","outlineColor","border","default","errorColor","typography","body2","fontSize","unitless","labelScale","labelWidth","labelHeight","labelHalfWidth","labelHalfHeight","labelTranslateX","minInputHeight","inputHeight","topPosition","Math","floor","iconTopPosition","labelTranslateY","placeholderOpacity","interpolate","inputRange","outputRange","measured","labelProps","inputTextFontStyle","selector","typo","caption2","color","outlineStyle","borderWidth","borderColor","top","textInputStyle","marginRight","paddingRight","OS","outlineWidth","containerStyle","paddingTop","minHeight","iconContainerStyle","onIconButtonPress"],"sources":["OutlinedTextField.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, LayoutChangeEvent, Platform, TextInput, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport TextFieldProps from './LegacyTextFieldProps';\nimport InputLabel from './InputLabel';\nimport {\n    defaultHeight,\n    iconSize,\n    inputPaddingHorizontal,\n    labelFontSize,\n    labelPaddingTop,\n    labelYOffset,\n} from './utils';\n\ninterface OutlinedTextFieldProps extends TextFieldProps {\n    animatedError: Animated.Value;\n    animatedLabel: Animated.Value;\n    focused: boolean;\n    forceFocus: () => void;\n    labelLayout: { measured: boolean; width: number; height: number };\n    onLayoutAnimatedText: (event: LayoutChangeEvent) => void;\n}\n\ntype OutlinedTextFieldStyles = NamedStylesStringUnion<'outline' | 'input' | 'iconContainer'>;\n\nconst useStyles: UseStyles<OutlinedTextFieldStyles> = function (): OutlinedTextFieldStyles {\n    const theme = useTheme();\n\n    return {\n        outline: {\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderRadius: theme.shape.roundness,\n        },\n        input: {\n            flexGrow: 1,\n            paddingHorizontal: inputPaddingHorizontal,\n            textAlignVertical: 'center',\n            textAlign: 'left',\n            zIndex: theme.zIndex.textField,\n        },\n        iconContainer: {\n            position: 'absolute',\n            width: 24,\n            height: 24,\n            justifyContent: 'center',\n            alignItems: 'center',\n            right: 12,\n        },\n    };\n};\n\nconst OutlinedTextField = React.forwardRef<TextInput, OutlinedTextFieldProps>(function OutlinedTextField(props, ref) {\n    const {\n        animatedError,\n        animatedLabel,\n        disabled,\n        error,\n        focused,\n        forceFocus,\n        icon,\n        keyboardType,\n        label,\n        labelLayout,\n        onBlur,\n        onChangeText,\n        onFocus,\n        onIconPress,\n        onLayoutAnimatedText,\n        onSubmitEditing,\n        placeholder,\n        secureTextEntry,\n        style,\n        value,\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const hasActiveOutline = focused || error;\n    const inputTextColor = disabled ? theme.palette.tertiary.main : theme.palette.primary.main;\n    const activeColor = error\n        ? theme.palette.warning.main\n        : disabled\n            ? theme.palette.tertiary.main\n            : theme.palette.accent.main;\n    const placeholderColor = disabled ? theme.palette.tertiary.main : theme.palette.text.hint;\n    const outlineColor = theme.palette.border.default;\n    const errorColor = disabled ? theme.palette.tertiary.main : theme.palette.warning.main;\n\n    const typography = theme.typography.body2;\n    const fontSize = typography.fontSize.unitless;\n\n    const labelScale = labelFontSize / fontSize;\n    const labelWidth = labelLayout.width;\n    const labelHeight = labelLayout.height;\n    const labelHalfWidth = labelWidth / 2;\n    const labelHalfHeight = labelHeight / 2;\n\n    const labelTranslateX = -1 * (labelHalfWidth - (labelScale * labelWidth) / 2 - (fontSize - labelFontSize) * labelScale);\n    const minInputHeight = defaultHeight - labelPaddingTop;\n    const inputHeight = labelHeight < minInputHeight ? minInputHeight : labelHeight;\n    const topPosition = Math.floor(((inputHeight > 0 ? inputHeight : 0) - labelHeight) / 2 + labelPaddingTop);\n    const iconTopPosition = (defaultHeight - (label ? 0 : labelPaddingTop) - iconSize - (label ? labelYOffset : 0)) / 2;\n    const labelTranslateY = -labelHalfHeight - (topPosition + labelYOffset);\n\n    const placeholderOpacity = hasActiveOutline\n        ? animatedLabel.interpolate({\n            inputRange: [0, 1],\n            outputRange: [hasActiveOutline ? 0 : 1, 1],\n        })\n        : labelLayout.measured ? 1 : 0;\n\n    const labelProps = {\n        activeColor,\n        error,\n        errorColor,\n        fontSize,\n        hasActiveOutline,\n        label,\n        labelScale,\n        labelTranslateX,\n        labelTranslateY,\n        onLayoutAnimatedText,\n        placeholderColor,\n        placeholderOpacity,\n        topPosition,\n    };\n\n    const inputTextFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: inputTextColor,\n    });\n\n    const outlineStyle = css([\n        styles.outline,\n        {\n            borderWidth: hasActiveOutline ? 2 : 1,\n            borderColor: error ? errorColor : (hasActiveOutline ? activeColor : outlineColor),\n            top: label ? 6 : 0,\n        },\n    ]);\n\n    const textInputStyle = css([\n        inputTextFontStyle,\n        styles.input,\n        {\n            fontSize,\n            color: inputTextColor,\n            height: inputHeight,\n        },\n        icon && {\n            marginRight: iconSize + 20,\n            paddingRight: 0,\n        },\n        Platform.OS === 'web' && {\n            //@ts-ignore\n            outlineWidth: 0,\n        },\n    ]);\n\n    const containerStyle = css([\n        {\n            paddingTop: label ? labelPaddingTop : 0,\n            minHeight: label ? defaultHeight : defaultHeight + labelYOffset,\n        },\n    ]);\n\n    const iconContainerStyle = css([\n        styles.iconContainer,\n        { top: iconTopPosition },\n    ]);\n\n    const onIconButtonPress = () => {\n        forceFocus();\n        onIconPress?.();\n    };\n\n    return (\n        <View style={style}>\n            <View\n                pointerEvents={'none'}\n                style={outlineStyle}\n            />\n            <View style={containerStyle}>\n                {label ? (\n                    <InputLabel\n                        animatedLabel={animatedLabel}\n                        animatedError={animatedError}\n                        focused={focused}\n                        labelLayout={labelLayout}\n                        placeholder={placeholder}\n                        value={value}\n                        {...labelProps}\n                    />\n                ) : null}\n                <TextInput\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                    disableFullscreenUI={true}\n                    ref={ref}\n                    onChangeText={onChangeText}\n                    placeholder={placeholder}\n                    placeholderTextColor={placeholderColor}\n                    editable={!disabled}\n                    selectionColor={activeColor}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onSubmitEditing={onSubmitEditing}\n                    keyboardType={keyboardType}\n                    secureTextEntry={secureTextEntry}\n                    underlineColorAndroid={'transparent'}\n                    style={textInputStyle}\n                    value={value}\n                />\n            </View>\n            {icon ? (\n                <View style={iconContainerStyle}>\n                    <IconButton\n                        children={icon}\n                        onPress={onIconButtonPress}\n                    />\n                </View>\n            ) : null}\n        </View>\n    );\n});\n\nexport default OutlinedTextField;\n"],"mappings":"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"}

package/build/module/Tooltip/LegacyTooltip.js

@@ -1,121 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Platform, Text, View } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { rgb } from '@fountain-ui/utils';
-import ButtonBase from '../ButtonBase';
-import { createFontStyle, css, useTheme } from '../styles';
-import { Close as CloseIcon } from '../internal/icons';
-import UpArrow from './UpArrow';
-const DEFAULT_OPACITY = 0.8;
-const INITIAL_LAYOUT = {
-  width: 0,
-  height: 0,
-  x: 0,
-  y: 0
-};
-const ANIMATION_CONFIG = {
-  duration: 150
-};
-export default function Tooltip(props) {
-  const {
-    arrowLayout,
-    children,
-    initialLayout = INITIAL_LAYOUT,
-    left,
-    onClose,
-    placement = 'top',
-    right,
-    numberOfTitleLines = 1,
-    style,
-    title,
-    tooltipStyle,
-    verticalOffset = 4,
-    visible = false
-  } = props;
-  const theme = useTheme();
-  const [layout, setLayout] = useState(initialLayout);
-  const scale = useSharedValue(0);
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      scale: scale.value
-    }]
-  }), []);
-  const [r, g, b] = rgb(theme.palette.primary.main);
-  const totalVerticalOffset = -(layout.height + verticalOffset);
-  const tooltipLayoutStyle = {
-    alignItems: (arrowLayout === null || arrowLayout === void 0 ? void 0 : arrowLayout.placement) === 'left' ? 'flex-start' : (arrowLayout === null || arrowLayout === void 0 ? void 0 : arrowLayout.placement) === 'right' ? 'flex-end' : 'center',
-    bottom: placement === 'bottom' ? totalVerticalOffset : undefined,
-    left,
-    position: 'absolute',
-    right,
-    top: placement === 'top' ? totalVerticalOffset : undefined,
-    zIndex: theme.zIndex.tooltip,
-    height: visible ? undefined : 0,
-    overflow: visible ? undefined : 'hidden',
-    ...Platform.select({
-      web: {
-        display: visible ? 'flex' : 'none'
-      },
-      default: {}
-    })
-  };
-  useEffect(() => {
-    const nextScaleValue = visible ? 1 : 0;
-    scale.value = withTiming(nextScaleValue, ANIMATION_CONFIG);
-  }, [visible]);
-  const touchableStyle = {
-    alignItems: 'center',
-    backgroundColor: `rgba(${r}, ${g}, ${b}, ${DEFAULT_OPACITY})`,
-    borderRadius: theme.shape.roundness,
-    flexDirection: 'row',
-    padding: theme.spacing(2),
-    width: '100%'
-  };
-  const fontStyle = createFontStyle(theme, {
-    selector: typo => typo.caption2,
-    color: theme.palette.primary.contrastTextColor
-  });
-  const textStyle = css([fontStyle, {
-    marginRight: theme.spacing(2),
-    flexShrink: 1
-  }]);
-  const arrowStyle = css({ ...(arrowLayout && {
-      [arrowLayout.placement]: arrowLayout.offset
-    })
-  });
-  const buttonElem = /*#__PURE__*/React.createElement(ButtonBase, {
-    pressEffect: 'none',
-    onPress: onClose
-  }, /*#__PURE__*/React.createElement(View, {
-    style: css(touchableStyle)
-  }, /*#__PURE__*/React.createElement(Text // TODO: Should we provide text prop customization?
-  , {
-    numberOfLines: numberOfTitleLines,
-    style: textStyle
-  }, title), /*#__PURE__*/React.createElement(CloseIcon, {
-    fill: theme.palette.primary.contrastTextColor,
-    width: 20,
-    height: 20
-  })));
-  const arrowElem = /*#__PURE__*/React.createElement(View, {
-    style: arrowStyle
-  }, /*#__PURE__*/React.createElement(UpArrow, {
-    upsideDown: placement === 'top',
-    fill: theme.palette.primary.main,
-    opacity: DEFAULT_OPACITY
-  }));
-  return /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, children, /*#__PURE__*/React.createElement(Animated.View, {
-    onLayout: event => {
-      if (event.nativeEvent.layout.height === 0) {
-        return;
-      }
-
-      setLayout(event.nativeEvent.layout);
-    },
-    style: [animatedStyle, tooltipLayoutStyle, tooltipStyle]
-  }, placement === 'top' ? /*#__PURE__*/React.createElement(React.Fragment, null, buttonElem, arrowElem) : /*#__PURE__*/React.createElement(React.Fragment, null, arrowElem, buttonElem)));
-}
-;
-//# sourceMappingURL=LegacyTooltip.js.map

package/build/module/Tooltip/LegacyTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","Platform","Text","View","Animated","useAnimatedStyle","useSharedValue","withTiming","rgb","ButtonBase","createFontStyle","css","useTheme","Close","CloseIcon","UpArrow","DEFAULT_OPACITY","INITIAL_LAYOUT","width","height","x","y","ANIMATION_CONFIG","duration","Tooltip","props","arrowLayout","children","initialLayout","left","onClose","placement","right","numberOfTitleLines","style","title","tooltipStyle","verticalOffset","visible","theme","layout","setLayout","scale","animatedStyle","transform","value","r","g","b","palette","primary","main","totalVerticalOffset","tooltipLayoutStyle","alignItems","bottom","undefined","position","top","zIndex","tooltip","overflow","select","web","display","default","nextScaleValue","touchableStyle","backgroundColor","borderRadius","shape","roundness","flexDirection","padding","spacing","fontStyle","selector","typo","caption2","color","contrastTextColor","textStyle","marginRight","flexShrink","arrowStyle","offset","buttonElem","arrowElem","event","nativeEvent"],"sources":["LegacyTooltip.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Platform, Text, View, ViewProps } from 'react-native';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport { rgb } from '@fountain-ui/utils';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { Close as CloseIcon } from '../internal/icons';\nimport type TooltipProps from './LegacyTooltipProps';\nimport UpArrow from './UpArrow';\n\nconst DEFAULT_OPACITY = 0.8;\nconst INITIAL_LAYOUT = { width: 0, height: 0, x: 0, y: 0 };\n\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 150 };\n\nexport default function Tooltip(props: TooltipProps) {\n    const {\n        arrowLayout,\n        children,\n        initialLayout = INITIAL_LAYOUT,\n        left,\n        onClose,\n        placement = 'top',\n        right,\n        numberOfTitleLines = 1,\n        style,\n        title,\n        tooltipStyle,\n        verticalOffset = 4,\n        visible = false,\n    } = props;\n\n    const theme = useTheme();\n\n    const [layout, setLayout] = useState(initialLayout);\n\n    const scale = useSharedValue(0);\n\n    const animatedStyle = useAnimatedStyle(() => ({\n        transform: [{ scale: scale.value }],\n    }), []);\n\n    const [r, g, b] = rgb(theme.palette.primary.main);\n\n    const totalVerticalOffset = -(layout.height + verticalOffset);\n    const tooltipLayoutStyle: ViewProps['style'] = {\n        alignItems: arrowLayout?.placement === 'left'\n            ? 'flex-start'\n            : arrowLayout?.placement === 'right'\n                ? 'flex-end'\n                : 'center',\n        bottom: placement === 'bottom' ? totalVerticalOffset : undefined,\n        left,\n        position: 'absolute',\n        right,\n        top: placement === 'top' ? totalVerticalOffset : undefined,\n        zIndex: theme.zIndex.tooltip,\n        height: visible ? undefined : 0,\n        overflow: visible ? undefined : 'hidden',\n        ...Platform.select({\n            web: {\n                display: visible ? 'flex' : 'none',\n            },\n            default: {},\n        }),\n    };\n\n    useEffect(() => {\n        const nextScaleValue = visible ? 1 : 0;\n\n        scale.value = withTiming(nextScaleValue, ANIMATION_CONFIG);\n    }, [visible]);\n\n    const touchableStyle: ViewProps['style'] = {\n        alignItems: 'center',\n        backgroundColor: `rgba(${r}, ${g}, ${b}, ${DEFAULT_OPACITY})`,\n        borderRadius: theme.shape.roundness,\n        flexDirection: 'row',\n        padding: theme.spacing(2),\n        width: '100%',\n    };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const textStyle = css([\n        fontStyle,\n        {\n            marginRight: theme.spacing(2),\n            flexShrink: 1,\n        },\n    ]);\n\n    const arrowStyle = css({\n        ...(arrowLayout && {\n            [arrowLayout.placement]: arrowLayout.offset,\n        }),\n    });\n\n    const buttonElem = (\n        <ButtonBase\n            pressEffect={'none'}\n            onPress={onClose}\n        >\n            <View style={css(touchableStyle)}>\n                <Text\n                    // TODO: Should we provide text prop customization?\n                    numberOfLines={numberOfTitleLines}\n                    style={textStyle}\n                >\n                    {title}\n                </Text>\n                <CloseIcon\n                    fill={theme.palette.primary.contrastTextColor}\n                    width={20}\n                    height={20}\n                />\n            </View>\n        </ButtonBase>\n    );\n\n    const arrowElem = (\n        <View style={arrowStyle}>\n            <UpArrow\n                upsideDown={placement === 'top'}\n                fill={theme.palette.primary.main}\n                opacity={DEFAULT_OPACITY}\n            />\n        </View>\n    );\n\n    return (\n        <View style={style}>\n            {children}\n\n            <Animated.View\n                onLayout={(event) => {\n                    if (event.nativeEvent.layout.height === 0) {\n                        return;\n                    }\n\n                    setLayout(event.nativeEvent.layout);\n                }}\n                style={[\n                    animatedStyle,\n                    tooltipLayoutStyle,\n                    tooltipStyle,\n                ]}\n            >\n                {placement === 'top' ? (\n                    <React.Fragment>\n                        {buttonElem}\n                        {arrowElem}\n                    </React.Fragment>\n                ) : (\n                    <React.Fragment>\n                        {arrowElem}\n                        {buttonElem}\n                    </React.Fragment>\n                )}\n            </Animated.View>\n        </View>\n    );\n};\n"],"mappings":"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"}

package/build/module/Tooltip/LegacyTooltipProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=LegacyTooltipProps.js.map

package/build/module/Tooltip/LegacyTooltipProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTooltipProps.ts"],"sourcesContent":["import React from 'react';\nimport type { TextProps, ViewProps } from 'react-native';\nimport type { ComponentProps } from '../types';\nimport type { ButtonProps } from '../Button';\n\nexport type TooltipPlacement = 'top' | 'bottom';\n\nexport type TooltipArrowPlacement = 'left' | 'right';\n\nexport type TooltipInitialLayout = {\n    height: number;\n    width: number;\n    x: number;\n    y: number;\n};\n\nexport default interface TooltipProps extends ComponentProps<{\n    /**\n     * Tooltip reference element.\n     */\n    children: React.ReactNode;\n\n    /**\n     * Left position relative to reference element.\n     */\n    left?: number;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: () => void;\n\n    /**\n     * Tooltip placement.\n     * @default 'top'\n     */\n    placement?: TooltipPlacement;\n\n    /**\n     * Right position relative to reference element.\n     */\n    right?: number;\n\n    /**\n     * Tooltip title.\n     */\n    title: ButtonProps['children'];\n\n    /**\n     * Additional style for tooltip wrapper.\n     */\n    tooltipStyle?: ViewProps['style'];\n\n    /**\n     * The additional amount to vertically shift.\n     * @default 4\n     */\n    verticalOffset?: number;\n\n    /**\n     * If `true`, the tooltip is shown.\n     * @default false\n     */\n    visible?: boolean;\n\n    /**\n     * Tooltip arrow layout.\n     * If 'undefined', the arrow will be centered on tooltip.\n     */\n    arrowLayout?: {\n        placement: TooltipArrowPlacement;\n        offset: number;\n    }\n\n    /**\n     * number of tooltip's title lines\n     * @default 1\n     */\n    numberOfTitleLines?: TextProps['numberOfLines'];\n\n    /**\n     * position of tooltip before onLayout call\n     * @default  { height: 0, width: 0 , x: 0, y: 0}\n     */\n    initialLayout?: TooltipInitialLayout;\n}> {}\n"],"mappings":""}

package/build/module/Tooltip/UpArrow.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Polygon, Svg } from 'react-native-svg';
-
-function UpArrow(_ref) {
-  let {
-    upsideDown,
-    fill,
-    opacity
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Svg, {
-    width: 12,
-    height: 10,
-    viewBox: '0 0 12 10',
-    fillOpacity: opacity
-  }, /*#__PURE__*/React.createElement(Polygon, {
-    points: upsideDown ? '6,10 12,0 0,0' : '6,0 12,10 0,10',
-    fill: fill
-  }));
-}
-
-export default /*#__PURE__*/React.memo(UpArrow);
-//# sourceMappingURL=UpArrow.js.map

package/build/module/Tooltip/UpArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Polygon","Svg","UpArrow","upsideDown","fill","opacity","memo"],"sources":["UpArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { Polygon, Svg } from 'react-native-svg';\nimport type UpArrowProps from './UpArrowProps';\n\nfunction UpArrow({ upsideDown, fill, opacity }: UpArrowProps) {\n    return (\n        <Svg\n            width={12}\n            height={10}\n            viewBox={'0 0 12 10'}\n            fillOpacity={opacity}\n        >\n            <Polygon\n                points={upsideDown ? '6,10 12,0 0,0' : '6,0 12,10 0,10'}\n                fill={fill}\n            />\n        </Svg>\n    );\n}\n\nexport default React.memo(UpArrow);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,GAAlB,QAA6B,kBAA7B;;AAGA,SAASC,OAAT,OAA8D;EAAA,IAA7C;IAAEC,UAAF;IAAcC,IAAd;IAAoBC;EAApB,CAA6C;EAC1D,oBACI,oBAAC,GAAD;IACI,KAAK,EAAE,EADX;IAEI,MAAM,EAAE,EAFZ;IAGI,OAAO,EAAE,WAHb;IAII,WAAW,EAAEA;EAJjB,gBAMI,oBAAC,OAAD;IACI,MAAM,EAAEF,UAAU,GAAG,eAAH,GAAqB,gBAD3C;IAEI,IAAI,EAAEC;EAFV,EANJ,CADJ;AAaH;;AAED,4BAAeL,KAAK,CAACO,IAAN,CAAWJ,OAAX,CAAf"}

package/build/module/Tooltip/UpArrowProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=UpArrowProps.js.map

package/build/module/Tooltip/UpArrowProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["UpArrowProps.ts"],"sourcesContent":["import type { ComponentProps } from '../types';\n\nexport default interface UpArrowProps extends ComponentProps<{\n    /**\n     * If `true`, arrow is rotating 180.\n     * @default false\n     */\n    upsideDown?: boolean;\n\n    /**\n     * Fill color for arrow icon.\n     */\n    fill?: string;\n\n    /**\n     * opacity for arrow icon\n     */\n    opacity?: number;\n}> {}\n"],"mappings":""}

package/build/module/Typography/LegacyTypography.js

@@ -1,126 +0,0 @@
-import React from 'react';
-import { Platform, Text } from 'react-native';
-import { createFontStyle, css, StyleSheet, useTheme } from '../styles';
-const accessibilityMap = {
-  h1: {
-    accessibilityRole: 'header',
-    'area-level': 1
-  },
-  h2: {
-    accessibilityRole: 'header',
-    'area-level': 2
-  },
-  h3: {
-    accessibilityRole: 'header',
-    'area-level': 3
-  },
-  subtitle1: {
-    accessibilityRole: 'header',
-    'area-level': 6
-  },
-  subtitle2: {
-    accessibilityRole: 'header',
-    'area-level': 6
-  },
-  body1: {
-    accessibilityRole: 'text'
-  },
-  body2: {
-    accessibilityRole: 'text'
-  },
-  caption1: {
-    accessibilityRole: 'text'
-  },
-  caption2: {
-    accessibilityRole: 'text'
-  },
-  flag: {
-    accessibilityRole: 'text'
-  }
-};
-
-function selectColor(theme, colorProp) {
-  var _theme$palette$colorP;
-
-  const palette = theme.palette.text;
-
-  switch (colorProp) {
-    case 'inherit':
-      return Platform.OS === 'web' ? 'inherit' : undefined;
-
-    case 'textPrimary':
-      return palette.primary;
-
-    case 'textSecondary':
-      return palette.secondary;
-
-    case 'textAccent':
-      return palette.accent;
-
-    case 'textHint':
-      return palette.hint;
-  }
-
-  return (_theme$palette$colorP = theme.palette[colorProp]) === null || _theme$palette$colorP === void 0 ? void 0 : _theme$palette$colorP.main;
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flexShrink: 1,
-    ...(Platform.OS === 'web' ? {
-      maxWidth: '100%'
-    } : {})
-  }
-});
-const Typography = /*#__PURE__*/React.forwardRef(function Typography(props, ref) {
-  const {
-    accessibilityRole,
-    align = 'inherit',
-    ariaLevel,
-    disableFontScaling = false,
-    children,
-    color: colorProp = 'inherit',
-    ellipsizeMode = 'tail',
-    href,
-    numberOfLines,
-    onPress,
-    selectable,
-    style,
-    variant = 'body1',
-    onLayout,
-    onTextLayout
-  } = props;
-  const theme = useTheme();
-  const fontStyle = createFontStyle(theme, {
-    selector: typography => typography[variant],
-    color: selectColor(theme, colorProp)
-  }); // To prevent white-space: pre, word-wrap:break-word style conflicting issue at safari browser.
-
-  const textWrapStyle = numberOfLines && numberOfLines > 0 && Platform.OS === 'web' ? {
-    wordWrap: 'normal'
-  } : {};
-  const textStyle = css([styles.root, {
-    textAlign: align === 'inherit' ? 'auto' : align
-  }, textWrapStyle, fontStyle, style]);
-  const accessibility = accessibilityMap[variant];
-  const variantRole = href !== undefined ? 'link' : accessibility === null || accessibility === void 0 ? void 0 : accessibility.accessibilityRole;
-  const variantLevel = accessibility === null || accessibility === void 0 ? void 0 : accessibility['area-level'];
-  return /*#__PURE__*/React.createElement(Text, {
-    ref: ref,
-    accessibilityRole: accessibilityRole || variantRole,
-    allowFontScaling: !disableFontScaling,
-    "aria-level": ariaLevel || variantLevel,
-    children: children,
-    ellipsizeMode: ellipsizeMode // @ts-ignore
-    ,
-    href: href,
-    numberOfLines: numberOfLines,
-    onPress: onPress,
-    selectable: selectable,
-    style: textStyle,
-    onLayout: onLayout,
-    onTextLayout: onTextLayout
-  });
-});
-export default /*#__PURE__*/React.memo(Typography);
-//# sourceMappingURL=LegacyTypography.js.map

package/build/module/Typography/LegacyTypography.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Platform","Text","createFontStyle","css","StyleSheet","useTheme","accessibilityMap","h1","accessibilityRole","h2","h3","subtitle1","subtitle2","body1","body2","caption1","caption2","flag","selectColor","theme","colorProp","palette","text","OS","undefined","primary","secondary","accent","hint","main","styles","create","root","flexShrink","maxWidth","Typography","forwardRef","props","ref","align","ariaLevel","disableFontScaling","children","color","ellipsizeMode","href","numberOfLines","onPress","selectable","style","variant","onLayout","onTextLayout","fontStyle","selector","typography","textWrapStyle","wordWrap","textStyle","textAlign","accessibility","variantRole","variantLevel","memo"],"sources":["LegacyTypography.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, TextStyle } from 'react-native';\nimport type { Theme } from '@fountain-ui/styles';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport TypographyProps, { AccessibilityMap, TypographyColor } from './LegacyTypographyProps';\n\nconst accessibilityMap: AccessibilityMap = {\n    h1: { accessibilityRole: 'header', 'area-level': 1 },\n    h2: { accessibilityRole: 'header', 'area-level': 2 },\n    h3: { accessibilityRole: 'header', 'area-level': 3 },\n    subtitle1: { accessibilityRole: 'header', 'area-level': 6 },\n    subtitle2: { accessibilityRole: 'header', 'area-level': 6 },\n    body1: { accessibilityRole: 'text' },\n    body2: { accessibilityRole: 'text' },\n    caption1: { accessibilityRole: 'text' },\n    caption2: { accessibilityRole: 'text' },\n    flag: { accessibilityRole: 'text' },\n};\n\nfunction selectColor(theme: Theme, colorProp: TypographyColor): string | undefined {\n    const palette = theme.palette.text;\n\n    switch (colorProp) {\n        case 'inherit':\n            return Platform.OS === 'web' ? 'inherit' : undefined;\n        case 'textPrimary':\n            return palette.primary;\n        case 'textSecondary':\n            return palette.secondary;\n        case 'textAccent':\n            return palette.accent;\n        case 'textHint':\n            return palette.hint;\n    }\n\n    return theme.palette[colorProp]?.main;\n}\n\nconst styles = StyleSheet.create({\n    root: {\n        flexShrink: 1,\n        ...(Platform.OS === 'web' ? { maxWidth: '100%' } : {}),\n    },\n});\n\nconst Typography = React.forwardRef<Text, TypographyProps>(function Typography(props, ref) {\n    const {\n        accessibilityRole,\n        align = 'inherit',\n        ariaLevel,\n        disableFontScaling = false,\n        children,\n        color: colorProp = 'inherit',\n        ellipsizeMode = 'tail',\n        href,\n        numberOfLines,\n        onPress,\n        selectable,\n        style,\n        variant = 'body1',\n        onLayout,\n        onTextLayout,\n    } = props;\n\n    const theme = useTheme();\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typography) => typography[variant],\n        color: selectColor(theme, colorProp),\n    });\n\n    // To prevent white-space: pre, word-wrap:break-word style conflicting issue at safari browser.\n    const textWrapStyle = numberOfLines && numberOfLines > 0 && Platform.OS === 'web' ? { wordWrap: 'normal' } : {};\n\n    const textStyle = css([\n        styles.root,\n        { textAlign: align === 'inherit' ? 'auto' : align },\n        textWrapStyle as TextStyle,\n        fontStyle,\n        style,\n    ]);\n\n    const accessibility = accessibilityMap[variant];\n    const variantRole = href !== undefined ? 'link' : accessibility?.accessibilityRole;\n    const variantLevel = accessibility?.['area-level'];\n\n    return (\n        <Text\n            ref={ref}\n            accessibilityRole={accessibilityRole || variantRole}\n            allowFontScaling={!disableFontScaling}\n            aria-level={ariaLevel || variantLevel}\n            children={children}\n            ellipsizeMode={ellipsizeMode}\n            // @ts-ignore\n            href={href}\n            numberOfLines={numberOfLines}\n            onPress={onPress}\n            selectable={selectable}\n            style={textStyle}\n            onLayout={onLayout}\n            onTextLayout={onTextLayout}\n        />\n    );\n});\n\nexport default React.memo(Typography);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA0C,cAA1C;AAEA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,UAA/B,EAA2CC,QAA3C,QAA2D,WAA3D;AAGA,MAAMC,gBAAkC,GAAG;EACvCC,EAAE,EAAE;IAAEC,iBAAiB,EAAE,QAArB;IAA+B,cAAc;EAA7C,CADmC;EAEvCC,EAAE,EAAE;IAAED,iBAAiB,EAAE,QAArB;IAA+B,cAAc;EAA7C,CAFmC;EAGvCE,EAAE,EAAE;IAAEF,iBAAiB,EAAE,QAArB;IAA+B,cAAc;EAA7C,CAHmC;EAIvCG,SAAS,EAAE;IAAEH,iBAAiB,EAAE,QAArB;IAA+B,cAAc;EAA7C,CAJ4B;EAKvCI,SAAS,EAAE;IAAEJ,iBAAiB,EAAE,QAArB;IAA+B,cAAc;EAA7C,CAL4B;EAMvCK,KAAK,EAAE;IAAEL,iBAAiB,EAAE;EAArB,CANgC;EAOvCM,KAAK,EAAE;IAAEN,iBAAiB,EAAE;EAArB,CAPgC;EAQvCO,QAAQ,EAAE;IAAEP,iBAAiB,EAAE;EAArB,CAR6B;EASvCQ,QAAQ,EAAE;IAAER,iBAAiB,EAAE;EAArB,CAT6B;EAUvCS,IAAI,EAAE;IAAET,iBAAiB,EAAE;EAArB;AAViC,CAA3C;;AAaA,SAASU,WAAT,CAAqBC,KAArB,EAAmCC,SAAnC,EAAmF;EAAA;;EAC/E,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAN,CAAcC,IAA9B;;EAEA,QAAQF,SAAR;IACI,KAAK,SAAL;MACI,OAAOpB,QAAQ,CAACuB,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoCC,SAA3C;;IACJ,KAAK,aAAL;MACI,OAAOH,OAAO,CAACI,OAAf;;IACJ,KAAK,eAAL;MACI,OAAOJ,OAAO,CAACK,SAAf;;IACJ,KAAK,YAAL;MACI,OAAOL,OAAO,CAACM,MAAf;;IACJ,KAAK,UAAL;MACI,OAAON,OAAO,CAACO,IAAf;EAVR;;EAaA,gCAAOT,KAAK,CAACE,OAAN,CAAcD,SAAd,CAAP,0DAAO,sBAA0BS,IAAjC;AACH;;AAED,MAAMC,MAAM,GAAG1B,UAAU,CAAC2B,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,UAAU,EAAE,CADV;IAEF,IAAIjC,QAAQ,CAACuB,EAAT,KAAgB,KAAhB,GAAwB;MAAEW,QAAQ,EAAE;IAAZ,CAAxB,GAA+C,EAAnD;EAFE;AADuB,CAAlB,CAAf;AAOA,MAAMC,UAAU,gBAAGpC,KAAK,CAACqC,UAAN,CAAwC,SAASD,UAAT,CAAoBE,KAApB,EAA2BC,GAA3B,EAAgC;EACvF,MAAM;IACF9B,iBADE;IAEF+B,KAAK,GAAG,SAFN;IAGFC,SAHE;IAIFC,kBAAkB,GAAG,KAJnB;IAKFC,QALE;IAMFC,KAAK,EAAEvB,SAAS,GAAG,SANjB;IAOFwB,aAAa,GAAG,MAPd;IAQFC,IARE;IASFC,aATE;IAUFC,OAVE;IAWFC,UAXE;IAYFC,KAZE;IAaFC,OAAO,GAAG,OAbR;IAcFC,QAdE;IAeFC;EAfE,IAgBFf,KAhBJ;EAkBA,MAAMlB,KAAK,GAAGd,QAAQ,EAAtB;EAEA,MAAMgD,SAAS,GAAGnD,eAAe,CAACiB,KAAD,EAAQ;IACrCmC,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACL,OAAD,CADC;IAErCP,KAAK,EAAEzB,WAAW,CAACC,KAAD,EAAQC,SAAR;EAFmB,CAAR,CAAjC,CArBuF,CA0BvF;;EACA,MAAMoC,aAAa,GAAGV,aAAa,IAAIA,aAAa,GAAG,CAAjC,IAAsC9C,QAAQ,CAACuB,EAAT,KAAgB,KAAtD,GAA8D;IAAEkC,QAAQ,EAAE;EAAZ,CAA9D,GAAuF,EAA7G;EAEA,MAAMC,SAAS,GAAGvD,GAAG,CAAC,CAClB2B,MAAM,CAACE,IADW,EAElB;IAAE2B,SAAS,EAAEpB,KAAK,KAAK,SAAV,GAAsB,MAAtB,GAA+BA;EAA5C,CAFkB,EAGlBiB,aAHkB,EAIlBH,SAJkB,EAKlBJ,KALkB,CAAD,CAArB;EAQA,MAAMW,aAAa,GAAGtD,gBAAgB,CAAC4C,OAAD,CAAtC;EACA,MAAMW,WAAW,GAAGhB,IAAI,KAAKrB,SAAT,GAAqB,MAArB,GAA8BoC,aAA9B,aAA8BA,aAA9B,uBAA8BA,aAAa,CAAEpD,iBAAjE;EACA,MAAMsD,YAAY,GAAGF,aAAH,aAAGA,aAAH,uBAAGA,aAAa,CAAG,YAAH,CAAlC;EAEA,oBACI,oBAAC,IAAD;IACI,GAAG,EAAEtB,GADT;IAEI,iBAAiB,EAAE9B,iBAAiB,IAAIqD,WAF5C;IAGI,gBAAgB,EAAE,CAACpB,kBAHvB;IAII,cAAYD,SAAS,IAAIsB,YAJ7B;IAKI,QAAQ,EAAEpB,QALd;IAMI,aAAa,EAAEE,aANnB,CAOI;IAPJ;IAQI,IAAI,EAAEC,IARV;IASI,aAAa,EAAEC,aATnB;IAUI,OAAO,EAAEC,OAVb;IAWI,UAAU,EAAEC,UAXhB;IAYI,KAAK,EAAEU,SAZX;IAaI,QAAQ,EAAEP,QAbd;IAcI,YAAY,EAAEC;EAdlB,EADJ;AAkBH,CA3DkB,CAAnB;AA6DA,4BAAerD,KAAK,CAACgE,IAAN,CAAW5B,UAAX,CAAf"}

package/build/module/Typography/LegacyTypographyProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=LegacyTypographyProps.js.map

package/build/module/Typography/LegacyTypographyProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTypographyProps.ts"],"sourcesContent":["import React from 'react';\nimport type { AccessibilityProps, TextProps } from 'react-native';\nimport type { ComponentProps } from '../types';\n\nexport type TypographyAlign = 'inherit' | 'left' | 'center' | 'right' | 'justify';\n\nexport type TypographyColor =\n    | 'inherit'\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'warning'\n    | 'error'\n    | 'accent'\n    | 'textPrimary'\n    | 'textSecondary'\n    | 'textAccent'\n    | 'textHint';\n\nexport type TypographyVariant =\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'subtitle1'\n    | 'subtitle2'\n    | 'body1'\n    | 'body2'\n    | 'caption1'\n    | 'caption2'\n    | 'flag'\n    | 'button1'\n    | 'button2';\n\nexport interface Accessibility {\n    accessibilityRole: AccessibilityProps['accessibilityRole'];\n    'area-level'?: number;\n}\n\nexport interface AccessibilityMap extends Partial<{\n    [key: string]: Accessibility;\n}> {}\n\nexport default interface TypographyProps extends ComponentProps<{\n    /**\n     * Applies HTML tag at web and communicates purpose of component at app\n     */\n    accessibilityRole?: AccessibilityProps['accessibilityRole'];\n\n    /**\n     * Set the text-align on the component.\n     * The value 'justify' is not supported on Android and fallbacks to left.\n     * @default 'inherit'\n     */\n    align?: TypographyAlign;\n\n    /**\n     * Applies HTML heading level\n     */\n    ariaLevel?: number;\n\n    /**\n     * Specifies whether fonts should scale to respect Text Size accessibility settings.\n     * @default false\n     */\n    disableFontScaling?: boolean;\n\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'inherit'\n     */\n    color?: TypographyColor;\n\n    /**\n     * The text ellipsis mode.\n     * @default 'tail'\n     */\n    ellipsizeMode?: TextProps['ellipsizeMode'];\n\n    /**\n     * Internal use only. The hyperlink of the text.\n     */\n    href?: string;\n\n    /**\n     * Used to truncate the text with an ellipsis after computing the text\n     * layout, including line wrapping, such that the total number of lines\n     * does not exceed this number.\n     */\n    numberOfLines?: TextProps['numberOfLines'];\n\n    /**\n     * Lets the user select text, to use the native copy and paste functionality.\n     */\n    onPress?: TextProps['onPress'];\n\n    /**\n     * Lets the user select text, to use the native copy and paste functionality.\n     */\n    selectable?: boolean;\n\n    /**\n     * Applies the theme typography styles.\n     * @default 'body1'\n     */\n    variant?: TypographyVariant;\n\n\n    /**\n     * Callback that is called when the text layout has been calculated.\n     */\n    onTextLayout?: TextProps['onTextLayout'];\n\n    /**\n     * Callback that is called when the layout of the Text component changes.\n     */\n    onLayout?: TextProps['onLayout'];\n}> {}\n"],"mappings":""}

package/build/typescript/Accordion/LegacyAccordion.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import AccordionProps from './LegacyAccordionProps';
-export default function Accordion(props: AccordionProps): JSX.Element;

package/build/typescript/Accordion/LegacyAccordionProps.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-export default interface AccordionProps {
-    /**
-     * The title of the component.
-     */
-    title: string | React.ReactNode;
-    /**
-     * The subtitle of the component.
-     */
-    subTitle?: string | React.ReactNode;
-    /**
-     * The component to the left of the title.
-     */
-    LeftComponent?: React.ReactNode;
-    /**
-     * The icon to the right of the title.
-     */
-    RightIcon?: React.ReactElement;
-    /**
-     * The content of the component.
-     */
-    content: string | React.ReactNode;
-    /**
-     * The initial state of expanding
-     * @default false
-     */
-    isInitialExpanded?: boolean;
-}

package/build/typescript/Badge/LegacyBadge.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import BadgeProps from './LegacyBadgeProps';
-export default function Badge(props: BadgeProps): JSX.Element;

package/build/typescript/Badge/LegacyBadgeProps.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import type { ViewProps } from 'react-native';
-import type { OverridableComponentProps } from '../types';
-export declare type BadgeHorizontalPosition = 'right' | 'left';
-export declare type BadgeVerticalPosition = 'top' | 'bottom';
-export interface BadgePosition {
-    vertical: BadgeVerticalPosition;
-    horizontal: BadgeHorizontalPosition;
-}
-export default interface BadgeProps extends OverridableComponentProps<ViewProps, {
-    /**
-     * The badge will be added relative to this node.
-     */
-    children?: React.ReactNode;
-    /**
-     * If `true`, the badge is invisible.
-     * @default false
-     */
-    invisible?: boolean;
-    /**
-     * The position of the badge.
-     * @default {
-     *     vertical: 'top',
-     *     horizontal: 'right',
-     * }
-     */
-    position?: BadgePosition;
-    /**
-     * The offset of the badge.
-     * @default 0
-     */
-    offset?: number;
-}> {
-}

package/build/typescript/Button/LegacyButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type ButtonProps from './LegacyButtonProps';
-export default function Button(props: ButtonProps): JSX.Element;