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

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

@@ -1 +0,0 @@
-{"version":3,"names":["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","useTheme","layout","setLayout","useState","scale","useSharedValue","animatedStyle","useAnimatedStyle","transform","value","r","g","b","rgb","palette","primary","main","totalVerticalOffset","tooltipLayoutStyle","alignItems","bottom","undefined","position","top","zIndex","tooltip","overflow","Platform","select","web","display","default","useEffect","nextScaleValue","withTiming","touchableStyle","backgroundColor","borderRadius","shape","roundness","flexDirection","padding","spacing","fontStyle","createFontStyle","selector","typo","caption2","color","contrastTextColor","textStyle","css","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/commonjs/Tooltip/LegacyTooltipProps.js

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

package/build/commonjs/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/commonjs/Tooltip/UpArrow.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNativeSvg = require("react-native-svg");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function UpArrow(_ref) {
-  let {
-    upsideDown,
-    fill,
-    opacity
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, {
-    width: 12,
-    height: 10,
-    viewBox: '0 0 12 10',
-    fillOpacity: opacity
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Polygon, {
-    points: upsideDown ? '6,10 12,0 0,0' : '6,0 12,10 0,10',
-    fill: fill
-  }));
-}
-
-var _default = /*#__PURE__*/_react.default.memo(UpArrow);
-
-exports.default = _default;
-//# sourceMappingURL=UpArrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["UpArrow","upsideDown","fill","opacity","React","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;;AACA;;;;AAGA,SAASA,OAAT,OAA8D;EAAA,IAA7C;IAAEC,UAAF;IAAcC,IAAd;IAAoBC;EAApB,CAA6C;EAC1D,oBACI,6BAAC,mBAAD;IACI,KAAK,EAAE,EADX;IAEI,MAAM,EAAE,EAFZ;IAGI,OAAO,EAAE,WAHb;IAII,WAAW,EAAEA;EAJjB,gBAMI,6BAAC,uBAAD;IACI,MAAM,EAAEF,UAAU,GAAG,eAAH,GAAqB,gBAD3C;IAEI,IAAI,EAAEC;EAFV,EANJ,CADJ;AAaH;;4BAEcE,cAAA,CAAMC,IAAN,CAAWL,OAAX,C"}

package/build/commonjs/Tooltip/UpArrowProps.js

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

package/build/commonjs/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/commonjs/Typography/LegacyTypography.js

@@ -1,142 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _reactNative.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 = _styles.StyleSheet.create({
-  root: {
-    flexShrink: 1,
-    ...(_reactNative.Platform.OS === 'web' ? {
-      maxWidth: '100%'
-    } : {})
-  }
-});
-
-const Typography = /*#__PURE__*/_react.default.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 = (0, _styles.useTheme)();
-  const fontStyle = (0, _styles.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 && _reactNative.Platform.OS === 'web' ? {
-    wordWrap: 'normal'
-  } : {};
-  const textStyle = (0, _styles.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.default.createElement(_reactNative.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
-  });
-});
-
-var _default = /*#__PURE__*/_react.default.memo(Typography);
-
-exports.default = _default;
-//# sourceMappingURL=LegacyTypography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["accessibilityMap","h1","accessibilityRole","h2","h3","subtitle1","subtitle2","body1","body2","caption1","caption2","flag","selectColor","theme","colorProp","palette","text","Platform","OS","undefined","primary","secondary","accent","hint","main","styles","StyleSheet","create","root","flexShrink","maxWidth","Typography","React","forwardRef","props","ref","align","ariaLevel","disableFontScaling","children","color","ellipsizeMode","href","numberOfLines","onPress","selectable","style","variant","onLayout","onTextLayout","useTheme","fontStyle","createFontStyle","selector","typography","textWrapStyle","wordWrap","textStyle","css","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":"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"}

package/build/commonjs/Typography/LegacyTypographyProps.js

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

package/build/commonjs/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/module/Accordion/LegacyAccordion.js

@@ -1,148 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { View } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
-import { useTheme } from '../styles';
-import { ChevronDown } from '../internal/icons';
-import ButtonBase from '../ButtonBase';
-import Column from '../Column';
-import Row from '../Row';
-import Spacer from '../Spacer';
-import Typography from '../Typography';
-const ROTATE_HIDE_DEGREE = 0;
-const ROTATE_SHOW_DEGREE = 180;
-const ANIMATION_CONFIG = {
-  duration: 200
-};
-const INITIAL_EXPANDED_DELAY_MILLIS = 100;
-const CONTENT_OPACITY_DELAY_MILLIS = 200;
-
-const useStyles = function () {
-  const theme = useTheme();
-  return {
-    root: {
-      marginBottom: theme.spacing(2)
-    },
-    title: {
-      borderRadius: theme.spacing(4),
-      backgroundColor: theme.palette.paper.grey,
-      paddingHorizontal: theme.spacing(4),
-      paddingVertical: theme.spacing(3.5),
-      alignItems: 'center',
-      height: 64
-    },
-    titleColumn: {
-      flexShrink: 1
-    },
-    subtitle: {
-      fontSize: 11,
-      lineHeight: 12,
-      fontFamily: 'Inter-Regular'
-    },
-    contentView: {
-      position: 'absolute',
-      width: '100%',
-      borderRadius: theme.spacing(4),
-      backgroundColor: theme.palette.paper.grey,
-      paddingHorizontal: theme.spacing(4),
-      paddingVertical: theme.spacing(6),
-      marginTop: theme.spacing(1)
-    }
-  };
-};
-
-export default function Accordion(props) {
-  const {
-    title,
-    subTitle,
-    content,
-    RightIcon,
-    LeftComponent,
-    isInitialExpanded = false
-  } = props;
-  const styles = useStyles();
-  const theme = useTheme();
-  const CONTENT_MARGIN_HEIGHT = theme.spacing(2);
-  const [isExpanded, setIsExpanded] = useState(false);
-  const shouldInitialExpandedRef = useRef(isInitialExpanded);
-  const rotate = useSharedValue(ROTATE_HIDE_DEGREE);
-  const animatedOpacity = useSharedValue(0);
-  const animatedHeight = useSharedValue(0);
-  const [contentHeight, setContentHeight] = useState(0);
-  const animatedChevronDownStyles = useAnimatedStyle(() => ({
-    transform: [{
-      rotate: `${rotate.value}deg`
-    }]
-  }), []);
-  const animatedContentBackgroundStyles = useAnimatedStyle(() => ({
-    height: animatedHeight.value,
-    overflow: 'hidden'
-  }), []);
-  const animatedContentStyle = useAnimatedStyle(() => ({
-    opacity: animatedOpacity.value
-  }), []);
-
-  const onPress = () => {
-    setIsExpanded(prev => !prev);
-  };
-
-  const onLayout = event => {
-    const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;
-    setContentHeight(height);
-
-    if (shouldInitialExpandedRef.current) {
-      shouldInitialExpandedRef.current = false;
-      setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);
-    }
-  };
-
-  useEffect(() => {
-    rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);
-    animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);
-    animatedOpacity.value = isExpanded ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG)) : withTiming(0, ANIMATION_CONFIG);
-  }, [isExpanded, contentHeight]);
-  return /*#__PURE__*/React.createElement(Column, {
-    style: styles.root
-  }, /*#__PURE__*/React.createElement(ButtonBase, {
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(Row, {
-    style: styles.title
-  }, LeftComponent ? LeftComponent : null, /*#__PURE__*/React.createElement(Column, {
-    style: styles.titleColumn
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: 'subtitle2',
-    children: title,
-    color: 'textPrimary',
-    numberOfLines: 1,
-    disableFontScaling: true
-  }), subTitle ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
-    size: 0.5
-  }), /*#__PURE__*/React.createElement(Typography, {
-    style: styles.subtitle,
-    color: 'tertiary',
-    children: subTitle,
-    numberOfLines: 1,
-    disableFontScaling: true
-  })) : null), /*#__PURE__*/React.createElement(Spacer, {
-    flex: 1
-  }), /*#__PURE__*/React.createElement(Spacer, {
-    size: 3
-  }), /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedChevronDownStyles
-  }, RightIcon ? RightIcon : /*#__PURE__*/React.createElement(ChevronDown, {
-    width: 20,
-    height: 20,
-    color: 'tertiary'
-  })))), /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedContentBackgroundStyles
-  }, /*#__PURE__*/React.createElement(View, {
-    onLayout: onLayout,
-    style: styles.contentView
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedContentStyle
-  }, typeof content === 'string' ? /*#__PURE__*/React.createElement(Typography, {
-    variant: 'subtitle2',
-    color: 'tertiary',
-    children: content
-  }) : content))));
-}
-//# sourceMappingURL=LegacyAccordion.js.map

package/build/module/Accordion/LegacyAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","useTheme","ChevronDown","ButtonBase","Column","Row","Spacer","Typography","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","INITIAL_EXPANDED_DELAY_MILLIS","CONTENT_OPACITY_DELAY_MILLIS","useStyles","theme","root","marginBottom","spacing","title","borderRadius","backgroundColor","palette","paper","grey","paddingHorizontal","paddingVertical","alignItems","height","titleColumn","flexShrink","subtitle","fontSize","lineHeight","fontFamily","contentView","position","width","marginTop","Accordion","props","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","shouldInitialExpandedRef","rotate","animatedOpacity","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","transform","value","animatedContentBackgroundStyles","overflow","animatedContentStyle","opacity","onPress","prev","onLayout","event","nativeEvent","layout","current","setTimeout"],"sources":["LegacyAccordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withDelay,\n    withTiming,\n    WithTimingConfig,\n} from 'react-native-reanimated';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\n\nimport AccordionProps from './LegacyAccordionProps';\n\ntype AccordionStyles = NamedStylesStringUnion<'root'\n    | 'title'\n    | 'titleColumn'\n    | 'subtitle'\n    | 'contentView'>;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 200 };\nconst INITIAL_EXPANDED_DELAY_MILLIS = 100;\nconst CONTENT_OPACITY_DELAY_MILLIS = 200;\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n    const theme = useTheme();\n\n    return {\n        root: { marginBottom: theme.spacing(2) },\n        title: {\n            borderRadius: theme.spacing(4),\n            backgroundColor: theme.palette.paper.grey,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3.5),\n            alignItems: 'center',\n            height: 64,\n        },\n        titleColumn: { flexShrink: 1 },\n        subtitle: {\n            fontSize: 11,\n            lineHeight: 12,\n            fontFamily: 'Inter-Regular',\n        },\n        contentView: {\n            position: 'absolute',\n            width: '100%',\n            borderRadius: theme.spacing(4),\n            backgroundColor: theme.palette.paper.grey,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(6),\n            marginTop: theme.spacing(1),\n        },\n    };\n};\n\nexport default function Accordion(props: AccordionProps) {\n    const {\n        title,\n        subTitle,\n        content,\n        RightIcon,\n        LeftComponent,\n        isInitialExpanded = false,\n    } = props;\n\n    const styles = useStyles();\n    const theme = useTheme();\n    const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n    const [isExpanded, setIsExpanded] = useState(false);\n    const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n    const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n    const animatedOpacity = useSharedValue(0);\n\n    const animatedHeight = useSharedValue(0);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    const animatedChevronDownStyles = useAnimatedStyle(() => ({\n        transform: [{ rotate: `${rotate.value}deg` }],\n    }), []);\n\n    const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n        height: animatedHeight.value,\n        overflow: 'hidden',\n    }), []);\n\n    const animatedContentStyle = useAnimatedStyle(() => ({\n        opacity: animatedOpacity.value,\n    }), []);\n\n    const onPress = () => {\n        setIsExpanded(prev => !prev);\n    };\n\n    const onLayout = (event: LayoutChangeEvent) => {\n        const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n        setContentHeight(height);\n\n        if (shouldInitialExpandedRef.current) {\n            shouldInitialExpandedRef.current = false;\n            setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);\n        }\n    };\n\n    useEffect(() => {\n        rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n        animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n\n        animatedOpacity.value = isExpanded\n            ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG))\n            : withTiming(0, ANIMATION_CONFIG);\n    }, [isExpanded, contentHeight]);\n\n    return (\n        <Column style={styles.root}>\n            <ButtonBase onPress={onPress}>\n                <Row style={styles.title}>\n                    {LeftComponent ? LeftComponent : null}\n\n                    <Column style={styles.titleColumn}>\n                        <Typography\n                            variant={'subtitle2'}\n                            children={title}\n                            color={'textPrimary'}\n                            numberOfLines={1}\n                            disableFontScaling={true}\n                        />\n\n                        {subTitle ? (\n                            <React.Fragment>\n                                <Spacer size={0.5}/>\n\n                                <Typography\n                                    style={styles.subtitle}\n                                    color={'tertiary'}\n                                    children={subTitle}\n                                    numberOfLines={1}\n                                    disableFontScaling={true}\n                                />\n                            </React.Fragment>\n                        ) : null}\n                    </Column>\n\n                    <Spacer flex={1}/>\n\n                    <Spacer size={3}/>\n\n                    <Animated.View style={animatedChevronDownStyles}>\n                        {RightIcon ? RightIcon : (\n                            <ChevronDown\n                                width={20}\n                                height={20}\n                                color={'tertiary'}\n                            />\n                        )}\n                    </Animated.View>\n                </Row>\n            </ButtonBase>\n\n            <Animated.View style={animatedContentBackgroundStyles}>\n                <View\n                    onLayout={onLayout}\n                    style={styles.contentView}\n                >\n                    <Animated.View style={animatedContentStyle}>\n                        {typeof content === 'string' ? (\n                            <Typography\n                                variant={'subtitle2'}\n                                color={'tertiary'}\n                                children={content}\n                            />\n                        ) : (content)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Column>\n    );\n}\n"],"mappings":"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"}

package/build/module/Accordion/LegacyAccordionProps.js

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

package/build/module/Accordion/LegacyAccordionProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyAccordionProps.ts"],"sourcesContent":["import React from 'react';\n\nexport default interface AccordionProps {\n    /**\n     * The title of the component.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * The subtitle of the component.\n     */\n    subTitle?: string | React.ReactNode;\n\n    /**\n     * The component to the left of the title.\n     */\n    LeftComponent?: React.ReactNode;\n\n    /**\n     * The icon to the right of the title.\n     */\n    RightIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * The initial state of expanding\n     * @default false\n     */\n    isInitialExpanded?: boolean;\n}\n"],"mappings":""}

package/build/module/Badge/LegacyBadge.js

@@ -1,48 +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 { View } from 'react-native';
-import { css, useTheme } from '../styles';
-const defaultPosition = {
-  vertical: 'top',
-  horizontal: 'right'
-};
-
-const useStyles = function () {
-  const theme = useTheme();
-  const dotSize = 4;
-  return {
-    root: {},
-    badge: {
-      backgroundColor: theme.palette.secondary.main,
-      borderRadius: dotSize * 0.5,
-      height: dotSize,
-      position: 'absolute',
-      width: dotSize
-    }
-  };
-};
-
-export default function Badge(props) {
-  const {
-    children,
-    invisible = false,
-    position = defaultPosition,
-    style,
-    offset = 0,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  const rootStyle = css([styles.root, style]);
-  const badgeStyle = css([styles.badge, {
-    [position.vertical]: offset,
-    [position.horizontal]: offset
-  }]);
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: rootStyle
-  }, otherProps), children, !invisible ? /*#__PURE__*/React.createElement(View, {
-    style: badgeStyle
-  }) : null);
-}
-;
-//# sourceMappingURL=LegacyBadge.js.map

package/build/module/Badge/LegacyBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","css","useTheme","defaultPosition","vertical","horizontal","useStyles","theme","dotSize","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","Badge","props","children","invisible","style","offset","otherProps","styles","rootStyle","badgeStyle"],"sources":["LegacyBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './LegacyBadgeProps';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' | 'badge'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n    const theme = useTheme();\n\n    const dotSize = 4;\n\n    return {\n        root: {},\n        badge: {\n            backgroundColor: theme.palette.secondary.main,\n            borderRadius: dotSize * 0.5,\n            height: dotSize,\n            position: 'absolute',\n            width: dotSize,\n        },\n    };\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        invisible = false,\n        position = defaultPosition,\n        style,\n        offset = 0,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const badgeStyle = css([\n        styles.badge,\n        {\n            [position.vertical]: offset,\n            [position.horizontal]: offset,\n        },\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? <View style={badgeStyle}/> : null}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,MAAMC,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,MAAMM,OAAO,GAAG,CAAhB;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAcC,SAAd,CAAwBC,IADtC;MAEHC,YAAY,EAAEP,OAAO,GAAG,GAFrB;MAGHQ,MAAM,EAAER,OAHL;MAIHS,QAAQ,EAAE,UAJP;MAKHC,KAAK,EAAEV;IALJ;EAFJ,CAAP;AAUH,CAfD;;AAiBA,eAAe,SAASW,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,SAAS,GAAG,KAFV;IAGFL,QAAQ,GAAGd,eAHT;IAIFoB,KAJE;IAKFC,MAAM,GAAG,CALP;IAMF,GAAGC;EAND,IAOFL,KAPJ;EASA,MAAMM,MAAM,GAAGpB,SAAS,EAAxB;EAEA,MAAMqB,SAAS,GAAG1B,GAAG,CAAC,CAClByB,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,MAAMK,UAAU,GAAG3B,GAAG,CAAC,CACnByB,MAAM,CAAChB,KADY,EAEnB;IACI,CAACO,QAAQ,CAACb,QAAV,GAAqBoB,MADzB;IAEI,CAACP,QAAQ,CAACZ,UAAV,GAAuBmB;EAF3B,CAFmB,CAAD,CAAtB;EAQA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEG;EADX,GAEQF,UAFR,GAIKJ,QAJL,EAMK,CAACC,SAAD,gBAAa,oBAAC,IAAD;IAAM,KAAK,EAAEM;EAAb,EAAb,GAA0C,IAN/C,CADJ;AAUH;AAAA"}

package/build/module/Badge/LegacyBadgeProps.js

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

package/build/module/Badge/LegacyBadgeProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyBadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport type BadgeHorizontalPosition = 'right' | 'left';\n\nexport type BadgeVerticalPosition = 'top' | 'bottom';\n\nexport interface BadgePosition {\n    vertical: BadgeVerticalPosition;\n    horizontal: BadgeHorizontalPosition;\n}\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The badge will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the badge is invisible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * The position of the badge.\n     * @default {\n     *     vertical: 'top',\n     *     horizontal: 'right',\n     * }\n     */\n    position?: BadgePosition;\n\n    /**\n     * The offset of the badge.\n     * @default 0\n     */\n    offset?: number;\n}> {}\n"],"mappings":""}

package/build/module/Button/LegacyButton.js

@@ -1,127 +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 { Linking, Text } from 'react-native';
-import ButtonBase from '../ButtonBase';
-import { createFontStyle, css, StyleSheet, useTheme } from '../styles';
-import { cloneElementSafely } from '../utils';
-const iconSizes = {
-  small: 20,
-  medium: 24
-};
-const styles = StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  fullWidth: {
-    width: '100%'
-  },
-  medium: {
-    minWidth: 104,
-    height: 48
-  },
-  small: {
-    minWidth: 56,
-    height: 32
-  }
-});
-export default function Button(props) {
-  const {
-    children,
-    clipHorizontalSpacing = false,
-    color = 'primary',
-    disabled = false,
-    endIcon: endIconProp,
-    fullWidth = false,
-    href,
-    onPress,
-    pressEffect,
-    size = 'medium',
-    startIcon: startIconProp,
-    style: styleProp,
-    variant = 'contained',
-    ...otherProps
-  } = props;
-  const theme = useTheme();
-  const mainColor = theme.palette[color].main;
-  const fontColor = variant === 'contained' ? theme.palette[color].contrastTextColor : theme.palette[color].main;
-  const variantStyleMap = {
-    contained: {
-      backgroundColor: mainColor
-    },
-    outlined: {
-      backgroundColor: 'transparent',
-      borderColor: mainColor,
-      borderStyle: 'solid',
-      borderWidth: 1
-    },
-    text: {
-      backgroundColor: 'transparent'
-    }
-  };
-  const iconProps = {
-    width: iconSizes[size],
-    height: iconSizes[size],
-    fill: fontColor
-  };
-  const startIcon = cloneElementSafely(startIconProp, iconProps);
-  const endIcon = cloneElementSafely(endIconProp, iconProps);
-  const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);
-  const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const borderRadius = theme.shape.roundnessLarge;
-  const buttonBaseStyle = css([styles.root, variantStyleMap[variant], size === 'medium' ? styles.medium : styles.small, fullWidth ? styles.fullWidth : undefined, {
-    borderRadius,
-    color: fontColor
-  }, variant === 'text' && clipHorizontalSpacing ? {
-    minWidth: 0
-  } : {
-    paddingLeft,
-    paddingRight
-  }, styleProp]);
-  const fontStyle = createFontStyle(theme, {
-    selector: typo => size === 'small' ? typo.button2 : typo.button1,
-    color: fontColor
-  });
-  const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);
-  const textMarginStyle = startIcon ? {
-    marginLeft: textMarginSize
-  } : endIcon ? {
-    marginRight: textMarginSize
-  } : undefined;
-  const textStyle = css([fontStyle, textMarginStyle, {
-    textAlign: 'center'
-  }]);
-  const modifiedPressEffect = variant !== 'text' && !pressEffect ? 'scale' : pressEffect;
-
-  const handlePress = async () => {
-    if (disabled) {
-      return;
-    }
-
-    if (onPress) {
-      onPress();
-      return;
-    }
-
-    if (href) {
-      if (await Linking.canOpenURL(href)) {
-        await Linking.openURL(href);
-      }
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(ButtonBase, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    style: buttonBaseStyle,
-    pressEffect: modifiedPressEffect
-  }, otherProps), startIcon, /*#__PURE__*/React.createElement(Text, {
-    children: children,
-    style: textStyle
-  }), endIcon);
-}
-;
-//# sourceMappingURL=LegacyButton.js.map