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

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 {};

package/src/DialogTitle/BackButton.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import type { IconButtonProps } from '../IconButton';
-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,
-    },
-});
-
-interface BackButtonProps extends Omit<IconButtonProps, 'children'> {}
-
-export default function BackButton(props: BackButtonProps) {
-    const {
-        style: styleProp,
-        ...otherProps
-    } = props;
-
-    const rootStyle = css([
-        styles.root,
-        styleProp,
-    ]);
-
-    return (
-        <IconButton
-            style={rootStyle}
-            {...otherProps}
-        >
-            <ChevronLeft
-                color={'strong'}
-                size={'large'}
-            />
-        </IconButton>
-    );
-}

package/src/DialogTitle/CloseButton.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import type { IconButtonProps } from '../IconButton';
-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,
-    },
-});
-
-interface CloseButtonProps extends Omit<IconButtonProps, 'children'> {}
-
-export default function CloseButton(props: CloseButtonProps) {
-    const {
-        style: styleProp,
-        ...otherProps
-    } = props;
-
-    const rootStyle = css([
-        styles.root,
-        styleProp,
-    ]);
-
-    return (
-        <IconButton
-            style={rootStyle}
-            {...otherProps}
-        >
-            <Close
-                color={'strong'}
-                size={'large'}
-            />
-        </IconButton>
-    );
-}