@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.94

package/build/module/Snackbar/Snackbar.js

@@ -4,7 +4,7 @@ import React, { useEffect } from 'react';
 import { Animated, Easing } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Slide from '../Slide';
-import SnackbarContent from '../SnackbarContent';
+import SnackbarContent from '../SnackbarContent/SnackbarContent';
 import { useAnimatedValue } from '../hooks';
 import { useTheme } from '../styles';
 import { isNotAndroid12 } from '../utils';
@@ -31,14 +31,15 @@ const useStyles = function () {
 
 export default function Snackbar(props) {
   const {
-    actionLabel,
+    actionContent,
     animatedY,
     autoHideDuration = null,
     children,
     message,
     title,
     startIcon,
-    onActionPress,
+    status = 'info',
+    onPress,
     onClose,
     style,
     visible = false,
@@ -98,9 +99,10 @@ export default function Snackbar(props) {
   }, children ? children : /*#__PURE__*/React.createElement(SnackbarContent, {
     title: title,
     startIcon: startIcon,
-    actionLabel: actionLabel,
+    status: status,
+    actionContent: actionContent,
     message: message,
-    onActionPress: onActionPress
+    onPress: onPress
   })));
 }
 ;

package/build/module/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","title","startIcon","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './SnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n    const theme = useTheme();\n    const insets = useSafeAreaInsets();\n\n    return {\n        root: {\n            alignSelf: 'center',\n            bottom: theme.spacing(2),\n            maxWidth: 480,\n            paddingBottom: insets.bottom,\n            paddingHorizontal: theme.spacing(2),\n            position: 'absolute',\n            width: '100%',\n            // TODO: Need to remove zIndex.\n            zIndex: 32,\n        },\n    };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n    const {\n        actionLabel,\n        animatedY,\n        autoHideDuration = null,\n        children,\n        message,\n        title,\n        startIcon,\n        onActionPress,\n        onClose,\n        style,\n        visible = false,\n        ...otherProps\n    } = props;\n\n    const autoHideTimer = React.useRef<number | null>(null);\n\n    const clearAutoHideTimeout = () => {\n        if (autoHideTimer.current !== null) {\n            clearTimeout(autoHideTimer.current);\n        }\n    };\n\n    React.useEffect(() => {\n        return () => {\n            clearAutoHideTimeout();\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if (visible && autoHideDuration !== null) {\n            clearAutoHideTimeout();\n\n            // @ts-ignore\n            autoHideTimer.current = setTimeout(() => {\n                if (onClose) {\n                    onClose();\n                }\n            }, autoHideDuration);\n        }\n    }, [visible, autoHideDuration, onClose]);\n\n    const styles = useStyles();\n\n    const [exited, setExited] = React.useState(true);\n\n    const animatedOpacity = useAnimatedValue(0);\n\n    const animatedStyle = {\n        opacity: animatedOpacity,\n    };\n\n    useEffect(() => {\n        Animated.timing(animatedOpacity, {\n            toValue: visible ? 1 : 0,\n            duration: fadeDuration,\n            delay: visible ? fadeAnimationDelay : 0,\n            easing: Easing.out(Easing.exp),\n            useNativeDriver: isNotAndroid12,\n        }).start();\n    }, [visible]);\n\n    if (!visible && exited) {\n        return null;\n    }\n\n    return (\n        <Animated.View\n            style={[\n                animatedStyle,\n                styles.root,\n                style,\n            ]}\n            {...otherProps}\n        >\n            <Slide\n                animatedY={animatedY}\n                appear={visible}\n                onEnter={() => setExited(false)}\n                onExited={() => setExited(true)}\n            >\n                {children ? children : (\n                    <SnackbarContent\n                        title={title}\n                        startIcon={startIcon}\n                        actionLabel={actionLabel}\n                        message={message}\n                        onActionPress={onActionPress}\n                    />\n                )}\n            </Slide>\n        </Animated.View>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionContent","animatedY","autoHideDuration","children","message","title","startIcon","status","onPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent/SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './SnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n    const theme = useTheme();\n    const insets = useSafeAreaInsets();\n\n    return {\n        root: {\n            alignSelf: 'center',\n            bottom: theme.spacing(2),\n            maxWidth: 480,\n            paddingBottom: insets.bottom,\n            paddingHorizontal: theme.spacing(2),\n            position: 'absolute',\n            width: '100%',\n            // TODO: Need to remove zIndex.\n            zIndex: 32,\n        },\n    };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n    const {\n        actionContent,\n        animatedY,\n        autoHideDuration = null,\n        children,\n        message,\n        title,\n        startIcon,\n        status = 'info',\n        onPress,\n        onClose,\n        style,\n        visible = false,\n        ...otherProps\n    } = props;\n\n    const autoHideTimer = React.useRef<number | null>(null);\n\n    const clearAutoHideTimeout = () => {\n        if (autoHideTimer.current !== null) {\n            clearTimeout(autoHideTimer.current);\n        }\n    };\n\n    React.useEffect(() => {\n        return () => {\n            clearAutoHideTimeout();\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if (visible && autoHideDuration !== null) {\n            clearAutoHideTimeout();\n\n            // @ts-ignore\n            autoHideTimer.current = setTimeout(() => {\n                if (onClose) {\n                    onClose();\n                }\n            }, autoHideDuration);\n        }\n    }, [visible, autoHideDuration, onClose]);\n\n    const styles = useStyles();\n\n    const [exited, setExited] = React.useState(true);\n\n    const animatedOpacity = useAnimatedValue(0);\n\n    const animatedStyle = {\n        opacity: animatedOpacity,\n    };\n\n    useEffect(() => {\n        Animated.timing(animatedOpacity, {\n            toValue: visible ? 1 : 0,\n            duration: fadeDuration,\n            delay: visible ? fadeAnimationDelay : 0,\n            easing: Easing.out(Easing.exp),\n            useNativeDriver: isNotAndroid12,\n        }).start();\n    }, [visible]);\n\n    if (!visible && exited) {\n        return null;\n    }\n\n    return (\n        <Animated.View\n            style={[\n                animatedStyle,\n                styles.root,\n                style,\n            ]}\n            {...otherProps}\n        >\n            <Slide\n                animatedY={animatedY}\n                appear={visible}\n                onEnter={() => setExited(false)}\n                onExited={() => setExited(true)}\n            >\n                {children ? children : (\n                    <SnackbarContent\n                        title={title}\n                        startIcon={startIcon}\n                        status={status}\n                        actionContent={actionContent}\n                        message={message}\n                        onPress={onPress}\n                    />\n                )}\n            </Slide>\n        </Animated.View>\n    );\n};\n"],"mappings":"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"}

package/build/module/Snackbar/SnackbarProps.js

@@ -1,2 +1,2 @@
-
+export const snackbarStatus = ['info', 'success', 'fail'];
 //# sourceMappingURL=SnackbarProps.js.map

package/build/module/Snackbar/SnackbarProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SnackbarProps.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.Value;\n\n    /**\n     * The number of milliseconds to wait before automatically calling the\n     * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n     * prop to hide the `Snackbar`. This behavior is disabled by default with\n     * the `null` value.\n     * @default null\n     */\n    autoHideDuration?: number | null;\n\n    /**\n     * Replace the `SnackbarContent` component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n\n    /**\n     * If `true`, `Snackbar` is shown.\n     * @default false\n     */\n    visible?: boolean;\n}> {}\n"],"mappings":""}
+{"version":3,"names":["snackbarStatus"],"sources":["SnackbarProps.ts"],"sourcesContent":["import React from 'react';\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const snackbarStatus = ['info', 'success', 'fail'] as const;\nexport type SnackbarStatus = typeof snackbarStatus[number];\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionContent?: string | React.ReactNode;\n\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.Value;\n\n    /**\n     * The number of milliseconds to wait before automatically calling the\n     * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n     * prop to hide the `Snackbar`. This behavior is disabled by default with\n     * the `null` value.\n     * @default null\n     */\n    autoHideDuration?: number | null;\n\n    /**\n     * Replace the `SnackbarContent` component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onPress?: () => void;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The status of the snackbar, which determines its visual style and optional icon.\n     * @default 'info'\n     */\n    status?: SnackbarStatus;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n\n    /**\n     * If `true`, `Snackbar` is shown.\n     * @default false\n     */\n    visible?: boolean;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,cAAc,GAAG,CAAC,MAAD,EAAS,SAAT,EAAoB,MAApB,CAAvB"}

package/build/module/Snackbar/index.js

@@ -1,2 +1,2 @@
-export { default } from './Snackbar';
+export { default } from './LegacySnackbar';
 //# sourceMappingURL=index.js.map

package/build/module/Snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Snackbar';\nexport type { default as SnackbarProps } from './SnackbarProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacySnackbar';\nexport type { default as SnackbarProps } from './LegacySnackbarProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB"}

package/build/module/SnackbarContent/LegacySnackbarContent.js

@@ -0,0 +1,84 @@
+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 { Text } from 'react-native';
+import { lightTheme, darkTheme } from '@fountain-ui/styles';
+import { rgb } from '@fountain-ui/utils';
+import { createFontStyle, css, useTheme } from '../styles';
+import ButtonBase from '../ButtonBase';
+import Column from '../Column';
+import Paper from '../Paper';
+import Spacer from '../Spacer';
+import Typography from '../Typography';
+
+const useStyles = function () {
+  const theme = useTheme();
+  const backgroundColor = theme.palette.primary.main;
+  const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,
+      borderRadius: theme.shape.roundness,
+      paddingHorizontal: theme.spacing(4),
+      paddingVertical: theme.spacing(3)
+    },
+    action: {
+      paddingVertical: theme.spacing(2)
+    }
+  };
+};
+
+export default function SnackbarContent(props) {
+  const {
+    actionLabel,
+    message,
+    title,
+    onActionPress,
+    style,
+    startIcon,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+  const theme = useTheme();
+  const titleFontStyle = createFontStyle(theme, {
+    selector: typo => typo.subtitle2,
+    color: theme.mode === 'light' ? lightTheme.palette.primary.contrastTextColor : lightTheme.palette.primary.main
+  });
+  const messageFontStyle = createFontStyle(theme, {
+    selector: typo => typo.body2,
+    color: title ? theme.mode === 'light' ? darkTheme.palette.text.secondary : lightTheme.palette.text.secondary : theme.palette.primary.contrastTextColor
+  });
+  const labelFontStyle = createFontStyle(theme, {
+    selector: typo => typo.button2,
+    color: theme.palette.primary.contrastTextColor
+  });
+  const labelStyle = css([labelFontStyle, {
+    padding: theme.spacing(2)
+  }]);
+  return /*#__PURE__*/React.createElement(Paper, _extends({
+    elevation: 0,
+    style: css([styles.root, actionLabel ? styles.action : undefined, style])
+  }, otherProps), startIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, startIcon, /*#__PURE__*/React.createElement(Spacer, {
+    size: 3
+  })) : null, /*#__PURE__*/React.createElement(Column, null, title ? /*#__PURE__*/React.createElement(Typography, {
+    children: title,
+    style: css([titleFontStyle])
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    children: message,
+    style: css([messageFontStyle])
+  })), actionLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+    flex: 1
+  }), /*#__PURE__*/React.createElement(Spacer, {
+    size: 1
+  }), /*#__PURE__*/React.createElement(ButtonBase, {
+    onPress: onActionPress,
+    pressEffect: 'none'
+  }, /*#__PURE__*/React.createElement(Text, {
+    children: actionLabel,
+    style: labelStyle
+  }))) : null);
+}
+;
+//# sourceMappingURL=LegacySnackbarContent.js.map

package/build/module/SnackbarContent/LegacySnackbarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","lightTheme","darkTheme","rgb","createFontStyle","css","useTheme","ButtonBase","Column","Paper","Spacer","Typography","useStyles","theme","backgroundColor","palette","primary","main","r","g","b","useMemo","root","flexDirection","alignItems","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","SnackbarContent","props","actionLabel","message","title","onActionPress","style","startIcon","otherProps","styles","titleFontStyle","selector","typo","subtitle2","color","mode","contrastTextColor","messageFontStyle","body2","text","secondary","labelFontStyle","button2","labelStyle","padding","undefined"],"sources":["LegacySnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { lightTheme, darkTheme } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './LegacySnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette.primary.main;\n    const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n    return {\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n            borderRadius: theme.shape.roundness,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3),\n        },\n        action: {\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionLabel,\n        message,\n        title,\n        onActionPress,\n        style,\n        startIcon,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.subtitle2,\n        color: theme.mode === 'light'\n            ? lightTheme.palette.primary.contrastTextColor\n            : lightTheme.palette.primary.main,\n    });\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.body2,\n        color: title\n            ? theme.mode === 'light'\n                ? darkTheme.palette.text.secondary\n                : lightTheme.palette.text.secondary\n            : theme.palette.primary.contrastTextColor,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.button2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelStyle = css([\n        labelFontStyle,\n        { padding: theme.spacing(2) },\n    ]);\n\n    return (\n        <Paper\n            elevation={0}\n            style={css([\n                styles.root,\n                actionLabel ? styles.action : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {startIcon ? (\n                <React.Fragment>\n                    {startIcon}\n\n                    <Spacer size={3}/>\n                </React.Fragment>\n            ) : null}\n\n            <Column>\n                {title ? (\n                    <Typography\n                        children={title}\n                        style={css([titleFontStyle])}\n                    />\n                ) : null}\n\n                <Text\n                    children={message}\n                    style={css([messageFontStyle])}\n                />\n            </Column>\n\n            {actionLabel ? (\n                <React.Fragment>\n                    <Spacer flex={1}/>\n\n                    <Spacer size={1}/>\n\n                    <ButtonBase\n                        onPress={onActionPress}\n                        pressEffect={'none'}\n                    >\n                        <Text\n                            children={actionLabel}\n                            style={labelStyle}\n                        />\n                    </ButtonBase>\n                </React.Fragment>\n            ) : null}\n        </Paper>\n    );\n};\n"],"mappings":"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"}

package/build/module/SnackbarContent/LegacySnackbarContentProps.js

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

package/build/module/SnackbarContent/LegacySnackbarContentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacySnackbarContentProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n}> {}\n"],"mappings":""}

package/build/module/SnackbarContent/SnackbarContent.js

@@ -2,83 +2,96 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { Text } from 'react-native';
-import { lightTheme, darkTheme } from '@fountain-ui/styles';
-import { rgb } from '@fountain-ui/utils';
+import { typographyOf } from '@fountain-ui/styles';
 import { createFontStyle, css, useTheme } from '../styles';
-import ButtonBase from '../ButtonBase';
+import ButtonBase from '../ButtonBase/ButtonBase';
 import Column from '../Column';
-import Paper from '../Paper';
 import Spacer from '../Spacer';
 import Typography from '../Typography';
+import StatusIcon from './StatusIcon';
 
 const useStyles = function () {
   const theme = useTheme();
-  const backgroundColor = theme.palette.primary.main;
-  const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);
   return {
     root: {
       flexDirection: 'row',
       alignItems: 'center',
-      backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,
-      borderRadius: theme.shape.roundness,
+      backgroundColor: theme.palette.surface.accent,
+      borderRadius: 22,
+      paddingBottom: theme.spacing(2.25),
       paddingHorizontal: theme.spacing(4),
-      paddingVertical: theme.spacing(3)
-    },
-    action: {
-      paddingVertical: theme.spacing(2)
+      paddingTop: theme.spacing(2)
     }
   };
 };
 
 export default function SnackbarContent(props) {
   const {
-    actionLabel,
+    actionContent,
     message,
     title,
-    onActionPress,
-    style,
+    onPress,
+    style: styleProp,
+    status = 'info',
     startIcon,
     ...otherProps
   } = props;
   const styles = useStyles();
   const theme = useTheme();
   const titleFontStyle = createFontStyle(theme, {
-    selector: typo => typo.subtitle2,
-    color: theme.mode === 'light' ? lightTheme.palette.primary.contrastTextColor : lightTheme.palette.primary.main
+    selector: _ => typographyOf({
+      fontSize: 14,
+      lineHeight: 18.2,
+      fontFamily: 'Pretendard-SemiBold',
+      letterSpacing: 0
+    }),
+    color: theme.palette.text.strongInverse
   });
   const messageFontStyle = createFontStyle(theme, {
-    selector: typo => typo.body2,
-    color: title ? theme.mode === 'light' ? darkTheme.palette.text.secondary : lightTheme.palette.text.secondary : theme.palette.primary.contrastTextColor
+    selector: _ => typographyOf({
+      fontSize: 13,
+      lineHeight: 16.9,
+      fontFamily: 'Pretendard-Regular',
+      letterSpacing: 0
+    }),
+    color: theme.palette.text.strongInverse
   });
   const labelFontStyle = createFontStyle(theme, {
-    selector: typo => typo.button2,
-    color: theme.palette.primary.contrastTextColor
+    selector: _ => typographyOf({
+      fontSize: 13,
+      lineHeight: 16.25,
+      fontFamily: 'LexendDeca-SemiBold',
+      letterSpacing: -0.26
+    }),
+    color: theme.palette.text.accent
   });
-  const labelStyle = css([labelFontStyle, {
-    padding: theme.spacing(2)
-  }]);
-  return /*#__PURE__*/React.createElement(Paper, _extends({
-    elevation: 0,
-    style: css([styles.root, actionLabel ? styles.action : undefined, style])
+  const rootStyle = css([styles.root, startIcon ? {
+    borderRadius: theme.shape.radius.xl
+  } : undefined, styleProp]);
+  return /*#__PURE__*/React.createElement(ButtonBase, _extends({
+    disabled: !onPress,
+    onPress: onPress,
+    style: rootStyle
   }, otherProps), startIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, startIcon, /*#__PURE__*/React.createElement(Spacer, {
     size: 3
+  })) : status !== 'info' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatusIcon, {
+    status: status
+  }), /*#__PURE__*/React.createElement(Spacer, {
+    size: 1.5
   })) : null, /*#__PURE__*/React.createElement(Column, null, title ? /*#__PURE__*/React.createElement(Typography, {
     children: title,
     style: css([titleFontStyle])
   }) : null, /*#__PURE__*/React.createElement(Text, {
     children: message,
     style: css([messageFontStyle])
-  })), actionLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+  })), actionContent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
     flex: 1
   }), /*#__PURE__*/React.createElement(Spacer, {
     size: 1
-  }), /*#__PURE__*/React.createElement(ButtonBase, {
-    onPress: onActionPress,
-    pressEffect: 'none'
-  }, /*#__PURE__*/React.createElement(Text, {
-    children: actionLabel,
-    style: labelStyle
-  }))) : null);
+  }), typeof actionContent === 'string' ? /*#__PURE__*/React.createElement(Text, {
+    children: actionContent,
+    style: labelFontStyle
+  }) : actionContent) : null);
 }
 ;
 //# sourceMappingURL=SnackbarContent.js.map

package/build/module/SnackbarContent/SnackbarContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","lightTheme","darkTheme","rgb","createFontStyle","css","useTheme","ButtonBase","Column","Paper","Spacer","Typography","useStyles","theme","backgroundColor","palette","primary","main","r","g","b","useMemo","root","flexDirection","alignItems","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","SnackbarContent","props","actionLabel","message","title","onActionPress","style","startIcon","otherProps","styles","titleFontStyle","selector","typo","subtitle2","color","mode","contrastTextColor","messageFontStyle","body2","text","secondary","labelFontStyle","button2","labelStyle","padding","undefined"],"sources":["SnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { lightTheme, darkTheme } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './SnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette.primary.main;\n    const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n    return {\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n            borderRadius: theme.shape.roundness,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3),\n        },\n        action: {\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionLabel,\n        message,\n        title,\n        onActionPress,\n        style,\n        startIcon,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.subtitle2,\n        color: theme.mode === 'light'\n            ? lightTheme.palette.primary.contrastTextColor\n            : lightTheme.palette.primary.main,\n    });\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.body2,\n        color: title\n            ? theme.mode === 'light'\n                ? darkTheme.palette.text.secondary\n                : lightTheme.palette.text.secondary\n            : theme.palette.primary.contrastTextColor,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.button2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelStyle = css([\n        labelFontStyle,\n        { padding: theme.spacing(2) },\n    ]);\n\n    return (\n        <Paper\n            elevation={0}\n            style={css([\n                styles.root,\n                actionLabel ? styles.action : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {startIcon ? (\n                <React.Fragment>\n                    {startIcon}\n\n                    <Spacer size={3}/>\n                </React.Fragment>\n            ) : null}\n\n            <Column>\n                {title ? (\n                    <Typography\n                        children={title}\n                        style={css([titleFontStyle])}\n                    />\n                ) : null}\n\n                <Text\n                    children={message}\n                    style={css([messageFontStyle])}\n                />\n            </Column>\n\n            {actionLabel ? (\n                <React.Fragment>\n                    <Spacer flex={1}/>\n\n                    <Spacer size={1}/>\n\n                    <ButtonBase\n                        onPress={onActionPress}\n                        pressEffect={'none'}\n                    >\n                        <Text\n                            children={actionLabel}\n                            style={labelStyle}\n                        />\n                    </ButtonBase>\n                </React.Fragment>\n            ) : null}\n        </Paper>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","typographyOf","createFontStyle","css","useTheme","ButtonBase","Column","Spacer","Typography","StatusIcon","useStyles","theme","root","flexDirection","alignItems","backgroundColor","palette","surface","accent","borderRadius","paddingBottom","spacing","paddingHorizontal","paddingTop","SnackbarContent","props","actionContent","message","title","onPress","style","styleProp","status","startIcon","otherProps","styles","titleFontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","text","strongInverse","messageFontStyle","labelFontStyle","rootStyle","shape","radius","xl","undefined"],"sources":["SnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { typographyOf } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase/ButtonBase';\nimport Column from '../Column';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './SnackbarContentProps';\nimport StatusIcon from './StatusIcon';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: theme.palette.surface.accent,\n            borderRadius: 22,\n            paddingBottom: theme.spacing(2.25),\n            paddingHorizontal: theme.spacing(4),\n            paddingTop: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionContent,\n        message,\n        title,\n        onPress,\n        style: styleProp,\n        status = 'info',\n        startIcon,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 14,\n            lineHeight: 18.2,\n            fontFamily: 'Pretendard-SemiBold',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.strongInverse,\n    });\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 13,\n            lineHeight: 16.9,\n            fontFamily: 'Pretendard-Regular',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.strongInverse,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 13,\n            lineHeight: 16.25,\n            fontFamily: 'LexendDeca-SemiBold',\n            letterSpacing: -0.26,\n        }),\n        color: theme.palette.text.accent,\n    });\n\n    const rootStyle = css([\n        styles.root,\n        startIcon ? { borderRadius: theme.shape.radius.xl } : undefined,\n        styleProp,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={!onPress}\n            onPress={onPress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {startIcon ? (\n                <React.Fragment>\n                    {startIcon}\n\n                    <Spacer size={3}/>\n                </React.Fragment>\n            ) : status !== 'info' ? (\n                <React.Fragment>\n                    <StatusIcon status={status}/>\n\n                    <Spacer size={1.5}/>\n                </React.Fragment>\n            ) : null}\n\n            <Column>\n                {title ? (\n                    <Typography\n                        children={title}\n                        style={css([titleFontStyle])}\n                    />\n                ) : null}\n\n                <Text\n                    children={message}\n                    style={css([messageFontStyle])}\n                />\n            </Column>\n\n            {actionContent ? (\n                <React.Fragment>\n                    <Spacer flex={1}/>\n\n                    <Spacer size={1}/>\n\n                    {typeof actionContent === 'string' ? (\n                        <Text\n                            children={actionContent}\n                            style={labelFontStyle}\n                        />\n                    ) : (actionContent)}\n                </React.Fragment>\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/module/SnackbarContent/SnackbarContentProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SnackbarContentProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["SnackbarContentProps.ts"],"sourcesContent":["import type { ButtonBaseProps } from '../ButtonBase';\nimport type SnackbarProps from '../Snackbar/SnackbarProps';\nimport type { OverridableComponentProps } from '../types';\n\ntype SnackbarContentBaseProps = Pick<SnackbarProps,\n    | 'actionContent'\n    | 'message'\n    | 'onPress'\n    | 'startIcon'\n    | 'status'\n    | 'title'>\n\nexport default interface SnackbarContentProps extends OverridableComponentProps<Omit<ButtonBaseProps, 'children'>, SnackbarContentBaseProps> {}\n"],"mappings":""}

package/build/module/SnackbarContent/StatusIcon.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CheckCircle, InfoCircle } from '../internal/icons';
+import { useTheme } from '../styles';
+export default function StatusIcon(props) {
+  const {
+    status
+  } = props;
+  const theme = useTheme();
+
+  switch (status) {
+    case 'success':
+      return /*#__PURE__*/React.createElement(CheckCircle, {
+        color: 'accent',
+        enableV2: true,
+        height: 17,
+        width: 14
+      });
+
+    case 'fail':
+      return /*#__PURE__*/React.createElement(InfoCircle, {
+        enableV2: true,
+        fill: theme.palette.status.danger,
+        height: 17,
+        width: 14
+      });
+
+    default:
+      return null;
+  }
+}
+//# sourceMappingURL=StatusIcon.js.map

package/build/module/SnackbarContent/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CheckCircle","InfoCircle","useTheme","StatusIcon","props","status","theme","palette","danger"],"sources":["StatusIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckCircle, InfoCircle } from '../internal/icons';\nimport { useTheme } from '../styles';\nimport type SnackbarContentProps from './SnackbarContentProps';\n\ninterface StatusIconProps {\n    status: SnackbarContentProps['status'];\n}\n\nexport default function StatusIcon(props: StatusIconProps) {\n    const { status } = props;\n\n    const theme = useTheme();\n\n    switch (status) {\n        case 'success':\n            return (\n                <CheckCircle\n                    color={'accent'}\n                    enableV2={true}\n                    height={17}\n                    width={14}\n                />\n            );\n        case 'fail':\n            return (\n                <InfoCircle\n                    enableV2={true}\n                    fill={theme.palette.status.danger}\n                    height={17}\n                    width={14}\n                />\n            );\n        default:\n            return null;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,SAASC,QAAT,QAAyB,WAAzB;AAOA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IAAEC;EAAF,IAAaD,KAAnB;EAEA,MAAME,KAAK,GAAGJ,QAAQ,EAAtB;;EAEA,QAAQG,MAAR;IACI,KAAK,SAAL;MACI,oBACI,oBAAC,WAAD;QACI,KAAK,EAAE,QADX;QAEI,QAAQ,EAAE,IAFd;QAGI,MAAM,EAAE,EAHZ;QAII,KAAK,EAAE;MAJX,EADJ;;IAQJ,KAAK,MAAL;MACI,oBACI,oBAAC,UAAD;QACI,QAAQ,EAAE,IADd;QAEI,IAAI,EAAEC,KAAK,CAACC,OAAN,CAAcF,MAAd,CAAqBG,MAF/B;QAGI,MAAM,EAAE,EAHZ;QAII,KAAK,EAAE;MAJX,EADJ;;IAQJ;MACI,OAAO,IAAP;EApBR;AAsBH"}

package/build/module/SnackbarContent/index.js

@@ -1,2 +1,2 @@
-export { default } from './SnackbarContent';
+export { default } from './LegacySnackbarContent';
 //# sourceMappingURL=index.js.map

package/build/module/SnackbarContent/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './SnackbarContent';\nexport type { default as SnackbarContentProps } from './SnackbarContentProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacySnackbarContent';\nexport type { default as SnackbarContentProps } from './LegacySnackbarContentProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,yBAAxB"}

package/build/module/SvgIcon/LegacySvgIcon.js

@@ -0,0 +1,30 @@
+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 Svg from 'react-native-svg';
+import { css, useTheme } from '../styles';
+export default function SvgIcon(props) {
+  const {
+    color: colorProp = 'primary',
+    height = 24,
+    style: styleProp,
+    viewBox = '0 0 24 24',
+    width = 24,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const color = theme.palette[colorProp].main;
+  const style = css([{
+    flexShrink: 0
+  }, styleProp]);
+  return /*#__PURE__*/React.createElement(Svg, _extends({
+    color: color,
+    fill: 'currentColor',
+    height: height,
+    style: style,
+    viewBox: viewBox,
+    width: width
+  }, otherProps));
+}
+;
+//# sourceMappingURL=LegacySvgIcon.js.map

package/build/module/SvgIcon/LegacySvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","css","useTheme","SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"sources":["LegacySvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './LegacySvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n    const {\n        color: colorProp = 'primary',\n        height = 24,\n        style: styleProp,\n        viewBox = '0 0 24 24',\n        width = 24,\n        ...otherProps\n    }: SvgIconProps = props;\n\n    const theme = useTheme();\n\n    const color = theme.palette[colorProp].main;\n\n    const style = css([\n        { flexShrink: 0 },\n        styleProp,\n    ]);\n\n    return (\n        <Svg\n            color={color}\n            fill={'currentColor'}\n            height={height}\n            style={style}\n            viewBox={viewBox}\n            width={width}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,KAAK,EAAEC,SAAS,GAAG,SADjB;IAEFC,MAAM,GAAG,EAFP;IAGFC,KAAK,EAAEC,SAHL;IAIFC,OAAO,GAAG,WAJR;IAKFC,KAAK,GAAG,EALN;IAMF,GAAGC;EAND,IAOYR,KAPlB;EASA,MAAMS,KAAK,GAAGX,QAAQ,EAAtB;EAEA,MAAMG,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;EAEA,MAAMP,KAAK,GAAGP,GAAG,CAAC,CACd;IAAEe,UAAU,EAAE;EAAd,CADc,EAEdP,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,GAAD;IACI,KAAK,EAAEJ,KADX;IAEI,IAAI,EAAE,cAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,KAAK,EAAEC,KAJX;IAKI,OAAO,EAAEE,OALb;IAMI,KAAK,EAAEC;EANX,GAOQC,UAPR,EADJ;AAWH;AAAA"}

package/build/module/SvgIcon/LegacySvgIconProps.js

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

package/build/module/SvgIcon/LegacySvgIconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacySvgIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type SvgIconColor = CommonComponentColor;\n\nexport default interface SvgIconProps extends OverridableComponentProps<SvgProps, {\n    /**\n     * Node passed into the SVG element.\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 'primary'\n     */\n    color?: SvgIconColor;\n\n    /**\n     * The color of the component. It is treated as higher priority than `color` prop if provided.\n     */\n    fill?: SvgProps['fill'];\n\n    /**\n     * The height applied to the icon.\n     * @default 24\n     */\n    height?: SvgProps['height'];\n\n    /**\n     * Allows you to redefine what the coordinates without units mean inside an SVG element.\n     * @default '0 0 20 20'\n     */\n    viewBox?: SvgProps['viewBox'];\n\n    /**\n     * The width applied to the icon.\n     * @default 24\n     */\n    width?: SvgProps['width'];\n}> {}\n"],"mappings":""}

package/build/module/SvgIcon/SvgIcon.js

@@ -3,17 +3,25 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import Svg from 'react-native-svg';
 import { css, useTheme } from '../styles';
+import { svgIconSizeMap } from './SvgIconProps';
 export default function SvgIcon(props) {
   const {
-    color: colorProp = 'primary',
-    height = 24,
+    color: colorProp = 'strong',
+    height: heightProp,
+    scale = 1,
+    size = 'medium',
     style: styleProp,
+    translateX = 0,
+    translateY = 0,
     viewBox = '0 0 24 24',
-    width = 24,
+    width: widthProp,
     ...otherProps
   } = props;
   const theme = useTheme();
-  const color = theme.palette[colorProp].main;
+  const color = theme.palette.icon[colorProp];
+  const iconSize = svgIconSizeMap[size];
+  const height = heightProp ?? iconSize;
+  const width = widthProp ?? iconSize;
   const style = css([{
     flexShrink: 0
   }, styleProp]);
@@ -21,7 +29,10 @@ export default function SvgIcon(props) {
     color: color,
     fill: 'currentColor',
     height: height,
+    scale: scale,
     style: style,
+    translateX: translateX,
+    translateY: translateY,
     viewBox: viewBox,
     width: width
   }, otherProps));

package/build/module/SvgIcon/SvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Svg","css","useTheme","SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"sources":["SvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './SvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n    const {\n        color: colorProp = 'primary',\n        height = 24,\n        style: styleProp,\n        viewBox = '0 0 24 24',\n        width = 24,\n        ...otherProps\n    }: SvgIconProps = props;\n\n    const theme = useTheme();\n\n    const color = theme.palette[colorProp].main;\n\n    const style = css([\n        { flexShrink: 0 },\n        styleProp,\n    ]);\n\n    return (\n        <Svg\n            color={color}\n            fill={'currentColor'}\n            height={height}\n            style={style}\n            viewBox={viewBox}\n            width={width}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,KAAK,EAAEC,SAAS,GAAG,SADjB;IAEFC,MAAM,GAAG,EAFP;IAGFC,KAAK,EAAEC,SAHL;IAIFC,OAAO,GAAG,WAJR;IAKFC,KAAK,GAAG,EALN;IAMF,GAAGC;EAND,IAOYR,KAPlB;EASA,MAAMS,KAAK,GAAGX,QAAQ,EAAtB;EAEA,MAAMG,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;EAEA,MAAMP,KAAK,GAAGP,GAAG,CAAC,CACd;IAAEe,UAAU,EAAE;EAAd,CADc,EAEdP,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,GAAD;IACI,KAAK,EAAEJ,KADX;IAEI,IAAI,EAAE,cAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,KAAK,EAAEC,KAJX;IAKI,OAAO,EAAEE,OALb;IAMI,KAAK,EAAEC;EANX,GAOQC,UAPR,EADJ;AAWH;AAAA"}
+{"version":3,"names":["React","Svg","css","useTheme","svgIconSizeMap","SvgIcon","props","color","colorProp","height","heightProp","scale","size","style","styleProp","translateX","translateY","viewBox","width","widthProp","otherProps","theme","palette","icon","iconSize","flexShrink"],"sources":["SvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './SvgIconProps';\nimport type { SvgIconColor, SvgIconSize } from './SvgIconProps';\nimport { svgIconSizeMap } from './SvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n    const {\n        color: colorProp = 'strong' as SvgIconColor,\n        height: heightProp,\n        scale = 1,\n        size = 'medium' as SvgIconSize,\n        style: styleProp,\n        translateX = 0,\n        translateY = 0,\n        viewBox = '0 0 24 24',\n        width: widthProp,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const color = theme.palette.icon[colorProp];\n\n    const iconSize = svgIconSizeMap[size];\n\n    const height = heightProp ?? iconSize;\n    const width = widthProp ?? iconSize;\n\n    const style = css([\n        { flexShrink: 0 },\n        styleProp,\n    ]);\n\n    return (\n        <Svg\n            color={color}\n            fill={'currentColor'}\n            height={height}\n            scale={scale}\n            style={style}\n            translateX={translateX}\n            translateY={translateY}\n            viewBox={viewBox}\n            width={width}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,SAASC,cAAT,QAA+B,gBAA/B;AAEA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,KAAK,EAAEC,SAAS,GAAG,QADjB;IAEFC,MAAM,EAAEC,UAFN;IAGFC,KAAK,GAAG,CAHN;IAIFC,IAAI,GAAG,QAJL;IAKFC,KAAK,EAAEC,SALL;IAMFC,UAAU,GAAG,CANX;IAOFC,UAAU,GAAG,CAPX;IAQFC,OAAO,GAAG,WARR;IASFC,KAAK,EAAEC,SATL;IAUF,GAAGC;EAVD,IAWFd,KAXJ;EAaA,MAAMe,KAAK,GAAGlB,QAAQ,EAAtB;EAEA,MAAMI,KAAK,GAAGc,KAAK,CAACC,OAAN,CAAcC,IAAd,CAAmBf,SAAnB,CAAd;EAEA,MAAMgB,QAAQ,GAAGpB,cAAc,CAACQ,IAAD,CAA/B;EAEA,MAAMH,MAAM,GAAGC,UAAU,IAAIc,QAA7B;EACA,MAAMN,KAAK,GAAGC,SAAS,IAAIK,QAA3B;EAEA,MAAMX,KAAK,GAAGX,GAAG,CAAC,CACd;IAAEuB,UAAU,EAAE;EAAd,CADc,EAEdX,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,GAAD;IACI,KAAK,EAAEP,KADX;IAEI,IAAI,EAAE,cAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,KAAK,EAAEE,KAJX;IAKI,KAAK,EAAEE,KALX;IAMI,UAAU,EAAEE,UANhB;IAOI,UAAU,EAAEC,UAPhB;IAQI,OAAO,EAAEC,OARb;IASI,KAAK,EAAEC;EATX,GAUQE,UAVR,EADJ;AAcH;AAAA"}

package/build/module/SvgIcon/SvgIconProps.js

@@ -1,2 +1,8 @@
-
+export const svgIconColors = ['strong', 'strongInverse', 'base', 'baseInverse', 'baseOpacity', 'baseOpacityInverse', 'weak', 'weakInverse', 'weakOpacity', 'weakOpacityInverse', 'accent', 'accentAlt'];
+export const svgIconSizeMap = {
+  small: 16,
+  medium: 20,
+  large: 24
+};
+export const svgIconSizes = Object.keys(svgIconSizeMap);
 //# sourceMappingURL=SvgIconProps.js.map

package/build/module/SvgIcon/SvgIconProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["SvgIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type SvgIconColor = CommonComponentColor;\n\nexport default interface SvgIconProps extends OverridableComponentProps<SvgProps, {\n    /**\n     * Node passed into the SVG element.\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 'primary'\n     */\n    color?: SvgIconColor;\n\n    /**\n     * The color of the component. It is treated as higher priority than `color` prop if provided.\n     */\n    fill?: SvgProps['fill'];\n\n    /**\n     * The height applied to the icon.\n     * @default 24\n     */\n    height?: SvgProps['height'];\n\n    /**\n     * Allows you to redefine what the coordinates without units mean inside an SVG element.\n     * @default '0 0 20 20'\n     */\n    viewBox?: SvgProps['viewBox'];\n\n    /**\n     * The width applied to the icon.\n     * @default 24\n     */\n    width?: SvgProps['width'];\n}> {}\n"],"mappings":""}
+{"version":3,"names":["svgIconColors","svgIconSizeMap","small","medium","large","svgIconSizes","Object","keys"],"sources":["SvgIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport type { OverridableComponentProps } from '../types';\n\nexport const svgIconColors = [\n    'strong',\n    'strongInverse',\n    'base',\n    'baseInverse',\n    'baseOpacity',\n    'baseOpacityInverse',\n    'weak',\n    'weakInverse',\n    'weakOpacity',\n    'weakOpacityInverse',\n    'accent',\n    'accentAlt',\n] as const;\nexport type SvgIconColor = typeof svgIconColors[number];\n\nexport const svgIconSizeMap = {\n    small: 16,\n    medium: 20,\n    large: 24,\n} as const;\n\nexport type SvgIconSize = keyof typeof svgIconSizeMap;\nexport const svgIconSizes = Object.keys(svgIconSizeMap) as SvgIconSize[];\n\nexport default interface SvgIconProps extends OverridableComponentProps<SvgProps, {\n    /**\n     * Node passed into the SVG element.\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 'strong'\n     */\n    color?: SvgIconColor;\n\n    /**\n     * The color of the component. It is treated as higher priority than `color` prop if provided.\n     */\n    fill?: SvgProps['fill'];\n\n    /**\n     * The height applied to the icon.\n     */\n    height?: SvgProps['height'];\n\n    /**\n     * Determines the size of the viewport.\n     * @default 'medium'\n     */\n    size?: SvgIconSize;\n\n    /**\n     * Allows you to redefine what the coordinates without units mean inside an SVG element.\n     * @default '0 0 24 24'\n     */\n    viewBox?: SvgProps['viewBox'];\n\n    /**\n     * The width applied to the icon.\n     */\n    width?: SvgProps['width'];\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,GAAG,CACzB,QADyB,EAEzB,eAFyB,EAGzB,MAHyB,EAIzB,aAJyB,EAKzB,aALyB,EAMzB,oBANyB,EAOzB,MAPyB,EAQzB,aARyB,EASzB,aATyB,EAUzB,oBAVyB,EAWzB,QAXyB,EAYzB,WAZyB,CAAtB;AAgBP,OAAO,MAAMC,cAAc,GAAG;EAC1BC,KAAK,EAAE,EADmB;EAE1BC,MAAM,EAAE,EAFkB;EAG1BC,KAAK,EAAE;AAHmB,CAAvB;AAOP,OAAO,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAP,CAAYN,cAAZ,CAArB"}

package/build/module/SvgIcon/index.js

@@ -1,2 +1,2 @@
-export { default } from './SvgIcon';
+export { default } from './LegacySvgIcon';
 //# sourceMappingURL=index.js.map

package/build/module/SvgIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './SvgIcon';\nexport type { default as SvgIconProps } from './SvgIconProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacySvgIcon';\nexport type { default as SvgIconProps } from './LegacySvgIconProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}