@fountain-ui/core 3.0.0-alpha.11 → 3.0.0-alpha.12

package/build/module/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","typographyOf","ButtonBase","Row","createFontStyle","css","useTheme","useStyles","theme","content","gap","spacing","paddingVertical","paddingHorizontal","width","description","paddingRight","divider","borderBottomColor","palette","border","weak","borderBottomWidth","dividerWrapper","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","contentWrapperStyle","descriptionFontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","text","base"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle } from 'react-native';\nimport { Platform, Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'content' | 'description' | 'divider' | 'dividerWrapper'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        content: {\n            gap: theme.spacing(2),\n            paddingVertical: theme.spacing(3.75),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n        description: {\n            paddingRight: theme.spacing(20),\n        },\n        divider: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n        },\n        dividerWrapper: {\n            paddingHorizontal: theme.spacing(4),\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center' as FlexStyle['alignItems'],\n        button = false,\n        children,\n        description,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const contentWrapperStyle = css([\n        styles.content,\n        style,\n    ]);\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 14,\n            lineHeight: 19.6,\n            fontFamily: 'PretendardStd-Regular',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.base,\n    });\n\n    const content = (\n        <React.Fragment>\n            <Row alignItems={alignItems}>\n                {children}\n            </Row>\n\n            {description ? (\n                <Text style={css([\n                    styles.description,\n                    descriptionFontStyle,\n                ])}>\n                    {description}\n                </Text>\n            ) : null}\n        </React.Fragment>\n    );\n\n    return (\n        // @ts-ignore\n        <View {...rootComponentProps}>\n            {button ? (\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={contentWrapperStyle}\n                >\n                    {content}\n                </ButtonBase>\n            ) : (\n                <View style={contentWrapperStyle}>\n                    {content}\n                </View>\n            )}\n\n            <View style={styles.dividerWrapper}>\n                <View style={styles.divider}/>\n            </View>\n        </View>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","Text","View","typographyOf","ButtonBase","Row","createFontStyle","css","useTheme","useStyles","theme","content","borderBottomColor","palette","border","weak","borderBottomWidth","gap","spacing","paddingVertical","width","description","paddingRight","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","contentWrapperStyle","descriptionFontStyle","selector","_","fontSize","lineHeight","fontFamily","letterSpacing","color","text","base"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle } from 'react-native';\nimport { Platform, Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'content' | 'description'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        content: {\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            gap: theme.spacing(2),\n            paddingVertical: theme.spacing(3.75),\n            width: '100%',\n        },\n        description: {\n            paddingRight: theme.spacing(20),\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center' as FlexStyle['alignItems'],\n        button = false,\n        children,\n        description,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const contentWrapperStyle = css([\n        styles.content,\n        style,\n    ]);\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        selector: (_) => typographyOf({\n            fontSize: 14,\n            lineHeight: 19.6,\n            fontFamily: 'PretendardStd-Regular',\n            letterSpacing: 0,\n        }),\n        color: theme.palette.text.base,\n    });\n\n    const content = (\n        <React.Fragment>\n            <Row alignItems={alignItems}>\n                {children}\n            </Row>\n\n            {description ? (\n                <Text style={css([\n                    styles.description,\n                    descriptionFontStyle,\n                ])}>\n                    {description}\n                </Text>\n            ) : null}\n        </React.Fragment>\n    );\n\n    return (\n        // @ts-ignore\n        <View {...rootComponentProps}>\n            {button ? (\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={contentWrapperStyle}\n                >\n                    {content}\n                </ButtonBase>\n            ) : (\n                <View style={contentWrapperStyle}>\n                    {content}\n                </View>\n            )}\n        </View>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,IAAzB,QAAqC,cAArC;AAEA,SAASC,YAAT,QAA6B,qBAA7B;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,OAAO,EAAE;MACLC,iBAAiB,EAAEF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,IADnC;MAELC,iBAAiB,EAAE,GAFd;MAGLC,GAAG,EAAEP,KAAK,CAACQ,OAAN,CAAc,CAAd,CAHA;MAILC,eAAe,EAAET,KAAK,CAACQ,OAAN,CAAc,IAAd,CAJZ;MAKLE,KAAK,EAAE;IALF,CADN;IAQHC,WAAW,EAAE;MACTC,YAAY,EAAEZ,KAAK,CAACQ,OAAN,CAAc,EAAd;IADL;EARV,CAAP;AAYH,CAfD;;AAiBA,eAAe,SAASK,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,UAAU,GAAG,QADX;IAEFC,MAAM,GAAG,KAFP;IAGFC,QAHE;IAIFN,WAJE;IAKFO,QAAQ,GAAG,KALT;IAMFC,OANE;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFP,KATJ;EAWA,MAAMd,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMwB,MAAM,GAAGvB,SAAS,EAAxB;EAEA,MAAMwB,kBAAkB,GAAG;IACvBC,iBAAiB,EAAElC,QAAQ,CAACmC,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;IAEvB,GAAGL;EAFoB,CAA3B;EAKA,MAAMM,mBAAmB,GAAG9B,GAAG,CAAC,CAC5ByB,MAAM,CAACrB,OADqB,EAE5BmB,KAF4B,CAAD,CAA/B;EAKA,MAAMQ,oBAAoB,GAAGhC,eAAe,CAACI,KAAD,EAAQ;IAChD6B,QAAQ,EAAGC,CAAD,IAAOrC,YAAY,CAAC;MAC1BsC,QAAQ,EAAE,EADgB;MAE1BC,UAAU,EAAE,IAFc;MAG1BC,UAAU,EAAE,uBAHc;MAI1BC,aAAa,EAAE;IAJW,CAAD,CADmB;IAOhDC,KAAK,EAAEnC,KAAK,CAACG,OAAN,CAAciC,IAAd,CAAmBC;EAPsB,CAAR,CAA5C;EAUA,MAAMpC,OAAO,gBACT,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,GAAD;IAAK,UAAU,EAAEc;EAAjB,GACKE,QADL,CADJ,EAKKN,WAAW,gBACR,oBAAC,IAAD;IAAM,KAAK,EAAEd,GAAG,CAAC,CACbyB,MAAM,CAACX,WADM,EAEbiB,oBAFa,CAAD;EAAhB,GAIKjB,WAJL,CADQ,GAOR,IAZR,CADJ;EAiBA;IAAA;IACI;IACA,oBAAC,IAAD,EAAUY,kBAAV,EACKP,MAAM,gBACH,oBAAC,UAAD;MACI,QAAQ,EAAEE,QADd;MAEI,OAAO,EAAEC,OAFb;MAGI,KAAK,EAAEQ;IAHX,GAKK1B,OALL,CADG,gBASH,oBAAC,IAAD;MAAM,KAAK,EAAE0B;IAAb,GACK1B,OADL,CAVR;EAFJ;AAkBH;AAAA"}

package/build/module/Tab/Tab.js

@@ -50,12 +50,20 @@ export default function Tab(props) {
   const tabElement = typeof children !== 'string' ? cloneElementSafely(children, {
     selected
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconElement ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Badge, {
-    invisible: !badgeVisible
+    horizontalOffset: -6,
+    invisible: !badgeVisible,
+    verticalOffset: -4.5
   }, iconElement), /*#__PURE__*/React.createElement(Spacer, {
     size: 1.25
-  })) : null, /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     style: css(labelStyle)
-  }, children));
+  }, children)) : /*#__PURE__*/React.createElement(Badge, {
+    horizontalOffset: -7,
+    invisible: !badgeVisible,
+    verticalOffset: 3
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: css(labelStyle)
+  }, children)));
   return /*#__PURE__*/React.createElement(TabBase, _extends({
     pressEffect: pressEffect,
     style: tabBaseStyle,

package/build/module/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","View","Badge","Spacer","TabBase","css","StyleSheet","useTheme","cloneElementSafely","useVariantStyleMap","styles","create","root","OS","minWidth","filledInner","alignItems","justifyContent","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","selected","selectedIcon","variant","style","styleProp","onTabInnerLayout","otherProps","theme","vertical","container","containerStyle","inner","innerStyle","label","labelStyle","tabBaseStyle","tabInnerStyle","pressEffect","iconColor","palette","strong","base","iconElement","fill","tabElement"],"sources":["Tab.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Badge from '../Badge';\nimport Spacer from '../Spacer';\nimport TabBase from '../TabBase';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type TabProps from './TabProps';\nimport type { TabVariant } from './TabProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n    },\n    filledInner: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n});\n\nexport default function Tab(props: TabProps) {\n    const {\n        badgeVisible = false,\n        children,\n        enableIndicator = false,\n        icon: defaultIcon,\n        selected = false,\n        selectedIcon,\n        variant = 'default' as TabVariant,\n        style: styleProp,\n        onTabInnerLayout,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const {\n        container: containerStyle,\n        inner: innerStyle,\n        label: labelStyle,\n    } = useVariantStyleMap(variant, selected);\n\n    const tabBaseStyle = css([\n        styles.root,\n        containerStyle,\n        styleProp,\n    ]);\n\n    const tabInnerStyle = css([\n        styles.filledInner,\n        innerStyle,\n    ]);\n\n    const pressEffect = selected ? 'none' : 'opacity';\n\n    const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n    const iconColor = selected ? theme.palette.icon.strong : theme.palette.icon.base;\n    const iconElement = cloneElementSafely(icon, { fill: iconColor });\n\n    const tabElement = typeof children !== 'string' ? (\n        cloneElementSafely(children, {\n            selected,\n        })\n    ) : (\n        <React.Fragment>\n            {iconElement ? (\n                <React.Fragment>\n                    <Badge invisible={!badgeVisible}>\n                        {iconElement}\n                    </Badge>\n\n                    <Spacer size={1.25}/>\n                </React.Fragment>\n            ) : null}\n\n            <Text style={css(labelStyle)}>\n                {children}\n            </Text>\n        </React.Fragment>\n    );\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            <View onLayout={onTabInnerLayout} style={tabInnerStyle}>\n                {tabElement}\n            </View>\n        </TabBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,EAAyBC,IAAzB,QAAqC,cAArC;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAGA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE,EACF;IACA,IAAIb,QAAQ,CAACc,EAAT,KAAgB,KAAhB,GAAwB;MAAEC,QAAQ,EAAE;IAAZ,CAAxB,GAA+C,EAAnD;EAFE,CADuB;EAK7BC,WAAW,EAAE;IACTC,UAAU,EAAE,QADH;IAETC,cAAc,EAAE;EAFP;AALgB,CAAlB,CAAf;AAWA,eAAe,SAASC,GAAT,CAAaC,KAAb,EAA8B;EACzC,MAAM;IACFC,YAAY,GAAG,KADb;IAEFC,QAFE;IAGFC,eAAe,GAAG,KAHhB;IAIFC,IAAI,EAAEC,WAJJ;IAKFC,QAAQ,GAAG,KALT;IAMFC,YANE;IAOFC,OAAO,GAAG,SAPR;IAQFC,KAAK,EAAEC,SARL;IASFC,gBATE;IAUF,GAAGC;EAVD,IAWFZ,KAXJ;EAaA,MAAMa,KAAK,GAAGzB,QAAQ,EAAtB;EAEA,MAAM0B,QAAQ,GAAGN,OAAO,KAAK,mBAA7B;EAEA,MAAM;IACFO,SAAS,EAAEC,cADT;IAEFC,KAAK,EAAEC,UAFL;IAGFC,KAAK,EAAEC;EAHL,IAIF9B,kBAAkB,CAACkB,OAAD,EAAUF,QAAV,CAJtB;EAMA,MAAMe,YAAY,GAAGnC,GAAG,CAAC,CACrBK,MAAM,CAACE,IADc,EAErBuB,cAFqB,EAGrBN,SAHqB,CAAD,CAAxB;EAMA,MAAMY,aAAa,GAAGpC,GAAG,CAAC,CACtBK,MAAM,CAACK,WADe,EAEtBsB,UAFsB,CAAD,CAAzB;EAKA,MAAMK,WAAW,GAAGjB,QAAQ,GAAG,MAAH,GAAY,SAAxC;EAEA,MAAMF,IAAI,GAAGE,QAAQ,GAAIC,YAAY,IAAIF,WAApB,GAAmCA,WAAxD;EACA,MAAMmB,SAAS,GAAGlB,QAAQ,GAAGO,KAAK,CAACY,OAAN,CAAcrB,IAAd,CAAmBsB,MAAtB,GAA+Bb,KAAK,CAACY,OAAN,CAAcrB,IAAd,CAAmBuB,IAA5E;EACA,MAAMC,WAAW,GAAGvC,kBAAkB,CAACe,IAAD,EAAO;IAAEyB,IAAI,EAAEL;EAAR,CAAP,CAAtC;EAEA,MAAMM,UAAU,GAAG,OAAO5B,QAAP,KAAoB,QAApB,GACfb,kBAAkB,CAACa,QAAD,EAAW;IACzBI;EADyB,CAAX,CADH,gBAKf,oBAAC,KAAD,CAAO,QAAP,QACKsB,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,KAAD;IAAO,SAAS,EAAE,CAAC3B;EAAnB,GACK2B,WADL,CADJ,eAKI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EALJ,CADQ,GAQR,IATR,eAWI,oBAAC,IAAD;IAAM,KAAK,EAAE1C,GAAG,CAACkC,UAAD;EAAhB,GACKlB,QADL,CAXJ,CALJ;EAsBA,oBACI,oBAAC,OAAD;IACI,WAAW,EAAEqB,WADjB;IAEI,KAAK,EAAEF,YAFX;IAGI,QAAQ,EAAEP;EAHd,GAIQF,UAJR,gBAMI,oBAAC,IAAD;IAAM,QAAQ,EAAED,gBAAhB;IAAkC,KAAK,EAAEW;EAAzC,GACKQ,UADL,CANJ,CADJ;AAYH;AAAA"}
+{"version":3,"names":["React","Platform","Text","View","Badge","Spacer","TabBase","css","StyleSheet","useTheme","cloneElementSafely","useVariantStyleMap","styles","create","root","OS","minWidth","filledInner","alignItems","justifyContent","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","selected","selectedIcon","variant","style","styleProp","onTabInnerLayout","otherProps","theme","vertical","container","containerStyle","inner","innerStyle","label","labelStyle","tabBaseStyle","tabInnerStyle","pressEffect","iconColor","palette","strong","base","iconElement","fill","tabElement"],"sources":["Tab.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Badge from '../Badge';\nimport Spacer from '../Spacer';\nimport TabBase from '../TabBase';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type TabProps from './TabProps';\nimport type { TabVariant } from './TabProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n    },\n    filledInner: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n});\n\nexport default function Tab(props: TabProps) {\n    const {\n        badgeVisible = false,\n        children,\n        enableIndicator = false,\n        icon: defaultIcon,\n        selected = false,\n        selectedIcon,\n        variant = 'default' as TabVariant,\n        style: styleProp,\n        onTabInnerLayout,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const {\n        container: containerStyle,\n        inner: innerStyle,\n        label: labelStyle,\n    } = useVariantStyleMap(variant, selected);\n\n    const tabBaseStyle = css([\n        styles.root,\n        containerStyle,\n        styleProp,\n    ]);\n\n    const tabInnerStyle = css([\n        styles.filledInner,\n        innerStyle,\n    ]);\n\n    const pressEffect = selected ? 'none' : 'opacity';\n\n    const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n    const iconColor = selected ? theme.palette.icon.strong : theme.palette.icon.base;\n    const iconElement = cloneElementSafely(icon, { fill: iconColor });\n\n    const tabElement = typeof children !== 'string' ? (\n        cloneElementSafely(children, {\n            selected,\n        })\n    ) : (\n        <React.Fragment>\n            {iconElement ? (\n                <React.Fragment>\n                    <Badge\n                        horizontalOffset={-6}\n                        invisible={!badgeVisible}\n                        verticalOffset={-4.5}\n                    >\n                        {iconElement}\n                    </Badge>\n\n                    <Spacer size={1.25}/>\n\n                    <Text style={css(labelStyle)}>\n                        {children}\n                    </Text>\n                </React.Fragment>\n            ) : (\n                <Badge\n                    horizontalOffset={-7}\n                    invisible={!badgeVisible}\n                    verticalOffset={3}\n                >\n                    <Text style={css(labelStyle)}>\n                        {children}\n                    </Text>\n                </Badge>\n            )}\n        </React.Fragment>\n    );\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            <View onLayout={onTabInnerLayout} style={tabInnerStyle}>\n                {tabElement}\n            </View>\n        </TabBase>\n    );\n};\n"],"mappings":"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"}

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

@@ -29,6 +29,11 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * (only number variant)
      */
     content?: number;
+    /**
+     * The horizontal offset of the badge.
+     * @default 0
+     */
+    horizontalOffset?: number;
     /**
      * If `true`, the badge is invisible.
      * @default false
@@ -42,11 +47,6 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * }
      */
     position?: BadgePosition;
-    /**
-     * The offset of the badge.
-     * @default 0
-     */
-    offset?: number;
     /**
      *
      */
@@ -56,5 +56,10 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * @default 'dot'
      */
     variant?: BadgeVariant;
+    /**
+     * The vertical offset of the badge.
+     * @default 0
+     */
+    verticalOffset?: number;
 }> {
 }

package/build/typescript/DialogTitle/DialogLargeTitle.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { DialogProps } from '../Dialog';
+import type DialogTitleProps from './DialogTitleProps';
+interface DialogLargeTitleProps extends DialogTitleProps {
+    closeButtonType?: 'back' | 'close';
+    onClose: DialogProps['onClose'];
+}
+export default function DialogLargeTitle(props: DialogLargeTitleProps): JSX.Element;
+export {};

package/build/typescript/DialogTitle/DialogTitle.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import BackButton from './BackButton';
-import CloseButton from './CloseButton';
+import DialogLargeTitle from './DialogLargeTitle';
 import type DialogTitleProps from './DialogTitleProps';
 declare const DialogTitle: {
     (props: DialogTitleProps): JSX.Element;
-    BackButton: typeof BackButton;
-    CloseButton: typeof CloseButton;
+    Large: typeof DialogLargeTitle;
 };
 export default DialogTitle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fountain-ui/core",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.12",
   "author": "Fountain-UI Team",
   "description": "React components that implement Tappytoon's Fountain Design.",
   "license": "MIT",
@@ -14,7 +14,7 @@
     "prepare": "bob build"
   },
   "dependencies": {
-    "@fountain-ui/styles": "^3.0.0-alpha.7",
+    "@fountain-ui/styles": "^3.0.0-alpha.8",
     "@fountain-ui/utils": "^3.0.0-alpha.1"
   },
   "peerDependencies": {
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3261dc43532e6f39bbddce1a59eddd677d84dc3c"
+  "gitHead": "41dd1275144940053eca67f53504c81eee6eac2b"
 }

package/src/Badge/Badge.tsx

@@ -15,12 +15,13 @@ export default function Badge(props: BadgeProps) {
         children,
         color = 'accent' as BadgeColor,
         content,
+        horizontalOffset = 0,
         invisible = false,
         position = defaultPosition,
         size = 'medium' as BadgeSize,
         style: styleProp,
-        offset = 0,
         variant = 'dot' as BadgeVariant,
+        verticalOffset = 0,
         ...otherProps
     } = props;
 
@@ -36,8 +37,8 @@ export default function Badge(props: BadgeProps) {
     const badgeStyle = css([
         baseBadgeStyle,
         {
-            [position.vertical]: offset,
-            [position.horizontal]: offset,
+            [position.vertical]: verticalOffset,
+            [position.horizontal]: horizontalOffset,
         },
     ]);
 

package/src/Badge/BadgeProps.ts

@@ -39,6 +39,12 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      */
     content?: number;
 
+    /**
+     * The horizontal offset of the badge.
+     * @default 0
+     */
+    horizontalOffset?: number;
+
     /**
      * If `true`, the badge is invisible.
      * @default false
@@ -54,12 +60,6 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      */
     position?: BadgePosition;
 
-    /**
-     * The offset of the badge.
-     * @default 0
-     */
-    offset?: number;
-
     /**
      *
      */
@@ -70,4 +70,10 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * @default 'dot'
      */
     variant?: BadgeVariant;
+
+    /**
+     * The vertical offset of the badge.
+     * @default 0
+     */
+    verticalOffset?: number;
 }> {}

package/src/Dialog/useDialogSectionStyle.ts

@@ -23,7 +23,9 @@ export default function useDialogSectionStyle() {
             large: {
                 paddingHorizontal: 32,
             },
-            full: {},
+            full: {
+                paddingHorizontal: windowWidth >= 448 ? 32 : 24,
+            },
         };
 
         return sizePaddingHorizontalMap[size];

package/src/DialogTitle/DialogLargeTitle.tsx

@@ -0,0 +1,95 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import type { DialogProps } from '../Dialog';
+import type DialogTitleProps from './DialogTitleProps';
+import { createFontStyle, css, useTheme } from '../styles';
+import IconButton from '../IconButton';
+import { ChevronLeft, Close } from '../internal';
+
+const styles = StyleSheet.create({
+    root: {
+        alignItems: 'center',
+        height: 64,
+        justifyContent: 'center',
+        paddingHorizontal: 80,
+        width: '100%',
+    },
+    backButton: {
+        height: 40,
+        left: 20,
+        paddingLeft: 5,
+        paddingRight: 11,
+        paddingVertical: 8,
+        position: 'absolute',
+        width: 40,
+    },
+    closeButton: {
+        height: 40,
+        left: 20,
+        padding: 8,
+        position: 'absolute',
+        width: 40,
+    },
+});
+
+interface DialogLargeTitleProps extends DialogTitleProps {
+    closeButtonType?: 'back' | 'close';
+    onClose: DialogProps['onClose'];
+}
+
+export default function DialogLargeTitle(props: DialogLargeTitleProps) {
+    const {
+        children,
+        closeButtonType = 'close',
+        onClose,
+        style: styleProp,
+        ...otherProps
+    } = props;
+
+    const theme = useTheme();
+
+    const fontStyle = createFontStyle(theme, {
+        selector: (typo) => typo.header4.semiBold,
+        color: theme.palette.text.strong,
+    });
+
+    const rootStyle = css([
+        styles.root,
+        styleProp,
+    ]);
+
+    return (
+        <View
+            style={rootStyle}
+            {...otherProps}
+        >
+            {typeof onClose === 'function' ? (
+                closeButtonType === 'back' ? (
+                    <IconButton
+                        style={styles.backButton}
+                        onPress={onClose}
+                    >
+                        <ChevronLeft
+                            color={'strong'}
+                            size={'large'}
+                        />
+                    </IconButton>
+                ) : (
+                    <IconButton
+                        style={styles.closeButton}
+                        onPress={onClose}
+                    >
+                        <Close
+                            color={'strong'}
+                            size={'large'}
+                        />
+                    </IconButton>
+                )
+            ) : null}
+
+            <Text style={fontStyle}>
+                {children}
+            </Text>
+        </View>
+    );
+}

package/src/DialogTitle/DialogTitle.tsx

@@ -3,8 +3,7 @@ import { Text, View } from 'react-native';
 import type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';
 import { useDialogSectionStyle } from '../Dialog';
 import { createFontStyle, css, useTheme } from '../styles';
-import BackButton from './BackButton';
-import CloseButton from './CloseButton';
+import DialogLargeTitle from './DialogLargeTitle';
 import type DialogTitleProps from './DialogTitleProps';
 
 type DialogTitleStyles = NamedStylesStringUnion<'root' | 'title'>;
@@ -65,8 +64,6 @@ const DialogTitle = (props: DialogTitleProps) => {
     );
 };
 
-DialogTitle.BackButton = BackButton;
-
-DialogTitle.CloseButton = CloseButton;
+DialogTitle.Large = DialogLargeTitle;
 
 export default DialogTitle;

package/src/ListItem/ListItem.tsx

@@ -8,28 +8,22 @@ import Row from '../Row';
 import { createFontStyle, css, useTheme } from '../styles';
 import type ListItemProps from './ListItemProps';
 
-type ListItemStyles = NamedStylesStringUnion<'content' | 'description' | 'divider' | 'dividerWrapper'>;
+type ListItemStyles = NamedStylesStringUnion<'content' | 'description'>;
 
 const useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {
     const theme = useTheme();
 
     return {
         content: {
+            borderBottomColor: theme.palette.border.weak,
+            borderBottomWidth: 0.5,
             gap: theme.spacing(2),
             paddingVertical: theme.spacing(3.75),
-            paddingHorizontal: theme.spacing(4),
             width: '100%',
         },
         description: {
             paddingRight: theme.spacing(20),
         },
-        divider: {
-            borderBottomColor: theme.palette.border.weak,
-            borderBottomWidth: 0.5,
-        },
-        dividerWrapper: {
-            paddingHorizontal: theme.spacing(4),
-        },
     };
 };
 
@@ -102,10 +96,6 @@ export default function ListItem(props: ListItemProps) {
                     {content}
                 </View>
             )}
-
-            <View style={styles.dividerWrapper}>
-                <View style={styles.divider}/>
-            </View>
         </View>
     );
 };

package/src/Tab/Tab.tsx

@@ -69,17 +69,31 @@ export default function Tab(props: TabProps) {
         <React.Fragment>
             {iconElement ? (
                 <React.Fragment>
-                    <Badge invisible={!badgeVisible}>
+                    <Badge
+                        horizontalOffset={-6}
+                        invisible={!badgeVisible}
+                        verticalOffset={-4.5}
+                    >
                         {iconElement}
                     </Badge>
 
                     <Spacer size={1.25}/>
-                </React.Fragment>
-            ) : null}
 
-            <Text style={css(labelStyle)}>
-                {children}
-            </Text>
+                    <Text style={css(labelStyle)}>
+                        {children}
+                    </Text>
+                </React.Fragment>
+            ) : (
+                <Badge
+                    horizontalOffset={-7}
+                    invisible={!badgeVisible}
+                    verticalOffset={3}
+                >
+                    <Text style={css(labelStyle)}>
+                        {children}
+                    </Text>
+                </Badge>
+            )}
         </React.Fragment>
     );
 

package/build/commonjs/DialogTitle/BackButton.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BackButton;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-
-var _internal = require("../internal");
-
-var _styles = require("@fountain-ui/styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    height: 40,
-    left: 20,
-    paddingLeft: 5,
-    paddingRight: 11,
-    paddingVertical: 8,
-    position: 'absolute',
-    width: 40
-  }
-});
-
-function BackButton(props) {
-  const {
-    style: styleProp,
-    ...otherProps
-  } = props;
-  const rootStyle = (0, _styles.css)([styles.root, styleProp]);
-  return /*#__PURE__*/_react.default.createElement(_IconButton.default, _extends({
-    style: rootStyle
-  }, otherProps), /*#__PURE__*/_react.default.createElement(_internal.ChevronLeft, {
-    color: 'strong',
-    size: 'large'
-  }));
-}
-//# sourceMappingURL=BackButton.js.map

package/build/commonjs/DialogTitle/BackButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styles","StyleSheet","create","root","height","left","paddingLeft","paddingRight","paddingVertical","position","width","BackButton","props","style","styleProp","otherProps","rootStyle","css"],"sources":["BackButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport type { IconButtonProps } from '../IconButton';\nimport IconButton from '../IconButton';\nimport { ChevronLeft } from '../internal';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 20,\n        paddingLeft: 5,\n        paddingRight: 11,\n        paddingVertical: 8,\n        position: 'absolute',\n        width: 40,\n    },\n});\n\ninterface BackButtonProps extends Omit<IconButtonProps, 'children'> {}\n\nexport default function BackButton(props: BackButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <ChevronLeft\n                color={'strong'}\n                size={'large'}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,EAFJ;IAGFC,WAAW,EAAE,CAHX;IAIFC,YAAY,EAAE,EAJZ;IAKFC,eAAe,EAAE,CALf;IAMFC,QAAQ,EAAE,UANR;IAOFC,KAAK,EAAE;EAPL;AADuB,CAAlB,CAAf;;AAce,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBjB,MAAM,CAACG,IADW,EAElBW,SAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,6BAAC,qBAAD;IACI,KAAK,EAAE,QADX;IAEI,IAAI,EAAE;EAFV,EAJJ,CADJ;AAWH"}

package/build/commonjs/DialogTitle/CloseButton.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CloseButton;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-
-var _internal = require("../internal");
-
-var _styles = require("@fountain-ui/styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    height: 40,
-    left: 20,
-    padding: 8,
-    position: 'absolute',
-    width: 40
-  }
-});
-
-function CloseButton(props) {
-  const {
-    style: styleProp,
-    ...otherProps
-  } = props;
-  const rootStyle = (0, _styles.css)([styles.root, styleProp]);
-  return /*#__PURE__*/_react.default.createElement(_IconButton.default, _extends({
-    style: rootStyle
-  }, otherProps), /*#__PURE__*/_react.default.createElement(_internal.Close, {
-    color: 'strong',
-    size: 'large'
-  }));
-}
-//# sourceMappingURL=CloseButton.js.map

package/build/commonjs/DialogTitle/CloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styles","StyleSheet","create","root","height","left","padding","position","width","CloseButton","props","style","styleProp","otherProps","rootStyle","css"],"sources":["CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport type { IconButtonProps } from '../IconButton';\nimport IconButton from '../IconButton';\nimport { Close } from '../internal';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 20,\n        padding: 8,\n        position: 'absolute',\n        width: 40,\n    },\n});\n\ninterface CloseButtonProps extends Omit<IconButtonProps, 'children'> {}\n\nexport default function CloseButton(props: CloseButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <Close\n                color={'strong'}\n                size={'large'}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,EAFJ;IAGFC,OAAO,EAAE,CAHP;IAIFC,QAAQ,EAAE,UAJR;IAKFC,KAAK,EAAE;EALL;AADuB,CAAlB,CAAf;;AAYe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBf,MAAM,CAACG,IADW,EAElBS,SAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,6BAAC,eAAD;IACI,KAAK,EAAE,QADX;IAEI,IAAI,EAAE;EAFV,EAJJ,CADJ;AAWH"}

package/build/module/DialogTitle/BackButton.js

@@ -1,32 +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 { StyleSheet } from 'react-native';
-import IconButton from '../IconButton';
-import { ChevronLeft } from '../internal';
-import { css } from '@fountain-ui/styles';
-const styles = StyleSheet.create({
-  root: {
-    height: 40,
-    left: 20,
-    paddingLeft: 5,
-    paddingRight: 11,
-    paddingVertical: 8,
-    position: 'absolute',
-    width: 40
-  }
-});
-export default function BackButton(props) {
-  const {
-    style: styleProp,
-    ...otherProps
-  } = props;
-  const rootStyle = css([styles.root, styleProp]);
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
-    style: rootStyle
-  }, otherProps), /*#__PURE__*/React.createElement(ChevronLeft, {
-    color: 'strong',
-    size: 'large'
-  }));
-}
-//# sourceMappingURL=BackButton.js.map

package/build/module/DialogTitle/BackButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","IconButton","ChevronLeft","css","styles","create","root","height","left","paddingLeft","paddingRight","paddingVertical","position","width","BackButton","props","style","styleProp","otherProps","rootStyle"],"sources":["BackButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport type { IconButtonProps } from '../IconButton';\nimport IconButton from '../IconButton';\nimport { ChevronLeft } from '../internal';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 20,\n        paddingLeft: 5,\n        paddingRight: 11,\n        paddingVertical: 8,\n        position: 'absolute',\n        width: 40,\n    },\n});\n\ninterface BackButtonProps extends Omit<IconButtonProps, 'children'> {}\n\nexport default function BackButton(props: BackButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <ChevronLeft\n                color={'strong'}\n                size={'large'}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,WAAT,QAA4B,aAA5B;AACA,SAASC,GAAT,QAAoB,qBAApB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,EAFJ;IAGFC,WAAW,EAAE,CAHX;IAIFC,YAAY,EAAE,EAJZ;IAKFC,eAAe,EAAE,CALf;IAMFC,QAAQ,EAAE,UANR;IAOFC,KAAK,EAAE;EAPL;AADuB,CAAlB,CAAf;AAcA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAGhB,GAAG,CAAC,CAClBC,MAAM,CAACE,IADW,EAElBW,SAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,oBAAC,WAAD;IACI,KAAK,EAAE,QADX;IAEI,IAAI,EAAE;EAFV,EAJJ,CADJ;AAWH"}

package/build/module/DialogTitle/CloseButton.js

@@ -1,30 +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 { StyleSheet } from 'react-native';
-import IconButton from '../IconButton';
-import { Close } from '../internal';
-import { css } from '@fountain-ui/styles';
-const styles = StyleSheet.create({
-  root: {
-    height: 40,
-    left: 20,
-    padding: 8,
-    position: 'absolute',
-    width: 40
-  }
-});
-export default function CloseButton(props) {
-  const {
-    style: styleProp,
-    ...otherProps
-  } = props;
-  const rootStyle = css([styles.root, styleProp]);
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
-    style: rootStyle
-  }, otherProps), /*#__PURE__*/React.createElement(Close, {
-    color: 'strong',
-    size: 'large'
-  }));
-}
-//# sourceMappingURL=CloseButton.js.map

package/build/module/DialogTitle/CloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","IconButton","Close","css","styles","create","root","height","left","padding","position","width","CloseButton","props","style","styleProp","otherProps","rootStyle"],"sources":["CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet } from 'react-native';\nimport type { IconButtonProps } from '../IconButton';\nimport IconButton from '../IconButton';\nimport { Close } from '../internal';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 20,\n        padding: 8,\n        position: 'absolute',\n        width: 40,\n    },\n});\n\ninterface CloseButtonProps extends Omit<IconButtonProps, 'children'> {}\n\nexport default function CloseButton(props: CloseButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <Close\n                color={'strong'}\n                size={'large'}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,SAASC,GAAT,QAAoB,qBAApB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,EAFJ;IAGFC,OAAO,EAAE,CAHP;IAIFC,QAAQ,EAAE,UAJR;IAKFC,KAAK,EAAE;EALL;AADuB,CAAlB,CAAf;AAYA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAGd,GAAG,CAAC,CAClBC,MAAM,CAACE,IADW,EAElBS,SAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,oBAAC,KAAD;IACI,KAAK,EAAE,QADX;IAEI,IAAI,EAAE;EAFV,EAJJ,CADJ;AAWH"}

package/build/typescript/DialogTitle/BackButton.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { IconButtonProps } from '../IconButton';
-interface BackButtonProps extends Omit<IconButtonProps, 'children'> {
-}
-export default function BackButton(props: BackButtonProps): JSX.Element;
-export {};

package/build/typescript/DialogTitle/CloseButton.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { IconButtonProps } from '../IconButton';
-interface CloseButtonProps extends Omit<IconButtonProps, 'children'> {
-}
-export default function CloseButton(props: CloseButtonProps): JSX.Element;
-export {};