@fountain-ui/core 1.18.0 → 1.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/build/commonjs/Pagination/Pagination.js +2 -2
- package/build/commonjs/Pagination/Pagination.js.map +1 -1
- package/build/commonjs/internal/icons/ChevronLeft.js +23 -0
- package/build/commonjs/internal/icons/ChevronLeft.js.map +1 -0
- package/build/commonjs/internal/icons/ChevronRight.js +23 -0
- package/build/commonjs/internal/icons/ChevronRight.js.map +1 -0
- package/build/commonjs/internal/icons/index.js +16 -0
- package/build/commonjs/internal/icons/index.js.map +1 -1
- package/build/module/Pagination/Pagination.js +1 -1
- package/build/module/Pagination/Pagination.js.map +1 -1
- package/build/module/internal/icons/ChevronLeft.js +9 -0
- package/build/module/internal/icons/ChevronLeft.js.map +1 -0
- package/build/module/internal/icons/ChevronRight.js +9 -0
- package/build/module/internal/icons/ChevronRight.js.map +1 -0
- package/build/module/internal/icons/index.js +2 -0
- package/build/module/internal/icons/index.js.map +1 -1
- package/build/typescript/internal/icons/ChevronLeft.d.ts +113 -0
- package/build/typescript/internal/icons/ChevronRight.d.ts +113 -0
- package/build/typescript/internal/icons/index.d.ts +2 -0
- package/package.json +3 -3
- package/src/Pagination/Pagination.tsx +1 -1
- package/src/internal/icons/ChevronLeft.tsx +11 -0
- package/src/internal/icons/ChevronRight.tsx +11 -0
- package/src/internal/icons/index.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.19.0](https://github.com/tappytoon/tappytoon/compare/@fountain-ui/core@1.11.0...@fountain-ui/core@1.19.0) (2022-05-12)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @fountain-ui/core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [1.18.0](https://github.com/tappytoon/tappytoon/compare/@fountain-ui/core@1.11.0...@fountain-ui/core@1.18.0) (2022-03-25)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @fountain-ui/core
|
|
@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
|
|
12
|
-
var _icons = require("@fountain-ui/icons");
|
|
13
|
-
|
|
14
12
|
var _utils = require("@fountain-ui/utils");
|
|
15
13
|
|
|
14
|
+
var _icons = require("../internal/icons");
|
|
15
|
+
|
|
16
16
|
var _styles = require("../styles");
|
|
17
17
|
|
|
18
18
|
var _IconButton = _interopRequireDefault(require("../IconButton"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Pagination.tsx"],"names":["useStyles","theme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","i","selected","containerProps"],"mappings":";;;;;;;AAAA;;AACA;;
|
|
1
|
+
{"version":3,"sources":["Pagination.tsx"],"names":["useStyles","theme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","i","selected","containerProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { times } from '@fountain-ui/utils';\nimport { ChevronLeft, ChevronRight } from '../internal/icons';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport PaginationItem from '../PaginationItem';\nimport type PaginationProps from './PaginationProps';\n\ntype PaginationStyleKeys =\n | 'root'\n | 'rootInline'\n | 'rootAnchor'\n | 'items'\n | 'arrowContainer'\n | 'prevInline'\n | 'prevAnchor'\n | 'nextInline'\n | 'nextAnchor';\n\ntype PaginationStyles = NamedStylesStringUnion<PaginationStyleKeys>;\n\nconst useStyles: UseStyles<PaginationStyles> = function (): PaginationStyles {\n const theme = useTheme();\n\n return {\n root: {},\n rootInline: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n rootAnchor: {\n flexDirection: 'column',\n },\n items: {\n flexDirection: 'row',\n justifyContent: 'center',\n marginTop: theme.spacing(2),\n },\n arrowContainer: {\n flexDirection: 'column',\n justifyContent: 'center',\n },\n prevInline: {\n marginRight: theme.spacing(1),\n },\n prevAnchor: {\n position: 'absolute',\n left: -24,\n },\n nextInline: {\n marginLeft: theme.spacing(1),\n },\n nextAnchor: {\n position: 'absolute',\n right: -24,\n },\n };\n};\n\nexport default function Pagination(props: PaginationProps) {\n const {\n bundleSize = 1,\n children,\n count,\n disabled = false,\n hideIndicator = false,\n hideNextButton = false,\n hidePrevButton = false,\n infinite = false,\n onChange,\n page,\n renderItem = ({ index, ...rest }) => <PaginationItem key={`${index}`} {...rest}/>,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const firstPage = 0;\n const lastPage = count - 1;\n\n const handleChange = (nextPage: number) => {\n if (nextPage >= firstPage && nextPage <= lastPage) {\n if (onChange) {\n onChange(nextPage);\n }\n }\n };\n\n const handlePrevPress = () => {\n const prevPage = page - bundleSize >= firstPage\n ? page - bundleSize\n : (infinite ? count - bundleSize + page : firstPage);\n\n handleChange(prevPage);\n };\n\n const handleNextPress = () => {\n const nextPage = page + bundleSize <= lastPage\n ? page + bundleSize\n : (infinite ? page + bundleSize - count : lastPage);\n\n handleChange(nextPage);\n };\n\n const prevButton = !hidePrevButton ? (\n <IconButton\n children={<ChevronLeft/>}\n color={'tertiary'}\n disabled={disabled || (!infinite && page <= firstPage)}\n onPress={handlePrevPress}\n size={'small'}\n style={children ? styles.prevAnchor : styles.prevInline}\n />\n ) : null;\n\n const nextButton = !hideNextButton ? (\n <IconButton\n children={<ChevronRight/>}\n color={'tertiary'}\n disabled={disabled || (!infinite && page + bundleSize > lastPage)}\n onPress={handleNextPress}\n size={'small'}\n style={children ? styles.nextAnchor : styles.nextInline}\n />\n ) : null;\n\n const items = !hideIndicator ? (\n times(i => renderItem({ index: i, disabled, selected: i === page }), count)\n ) : null;\n\n const containerProps = {\n style: css([\n styles.root,\n children ? styles.rootAnchor : styles.rootInline,\n style,\n ]),\n ...otherProps,\n };\n\n if (children) {\n return (\n <View {...containerProps}>\n <View style={css(styles.arrowContainer)}>\n {children}\n {prevButton}\n {nextButton}\n </View>\n\n <View style={css(styles.items)}>\n {items}\n </View>\n </View>\n );\n }\n\n return (\n <View {...containerProps}>\n {prevButton}\n {items}\n {nextButton}\n </View>\n );\n};\n"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
11
|
+
|
|
12
|
+
var _utils = require("../../utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
17
|
+
fillRule: "evenodd",
|
|
18
|
+
clipRule: "evenodd",
|
|
19
|
+
d: "M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z"
|
|
20
|
+
}), 'ChevronLeft');
|
|
21
|
+
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
//# sourceMappingURL=ChevronLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ChevronLeft.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,wCACX,6BAAC,oBAAD;AACI,EAAA,QAAQ,EAAC,SADb;AAEI,EAAA,QAAQ,EAAC,SAFb;AAGI,EAAA,CAAC,EAAC;AAHN,EADW,EAMT,aANS,C","sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z\"\n />\n , 'ChevronLeft');\n"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
11
|
+
|
|
12
|
+
var _utils = require("../../utils");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
17
|
+
fillRule: "evenodd",
|
|
18
|
+
clipRule: "evenodd",
|
|
19
|
+
d: "M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z"
|
|
20
|
+
}), 'ChevronRight');
|
|
21
|
+
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
//# sourceMappingURL=ChevronRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ChevronRight.tsx"],"names":[],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,wCACX,6BAAC,oBAAD;AACI,EAAA,QAAQ,EAAC,SADb;AAEI,EAAA,QAAQ,EAAC,SAFb;AAGI,EAAA,CAAC,EAAC;AAHN,EADW,EAMT,cANS,C","sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z\"\n />\n , 'ChevronRight');\n"]}
|
|
@@ -21,6 +21,18 @@ Object.defineProperty(exports, "ChevronDown", {
|
|
|
21
21
|
return _ChevronDown.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "ChevronLeft", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _ChevronLeft.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ChevronRight", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _ChevronRight.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
24
36
|
Object.defineProperty(exports, "CircularProgress", {
|
|
25
37
|
enumerable: true,
|
|
26
38
|
get: function () {
|
|
@@ -52,6 +64,10 @@ var _CheckboxChecked = _interopRequireDefault(require("./CheckboxChecked"));
|
|
|
52
64
|
|
|
53
65
|
var _ChevronDown = _interopRequireDefault(require("./ChevronDown"));
|
|
54
66
|
|
|
67
|
+
var _ChevronLeft = _interopRequireDefault(require("./ChevronLeft"));
|
|
68
|
+
|
|
69
|
+
var _ChevronRight = _interopRequireDefault(require("./ChevronRight"));
|
|
70
|
+
|
|
55
71
|
var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
|
|
56
72
|
|
|
57
73
|
var _Close = _interopRequireDefault(require("./Close"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Close } from './Close';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\n"]}
|
|
@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
|
|
6
5
|
import { times } from '@fountain-ui/utils';
|
|
6
|
+
import { ChevronLeft, ChevronRight } from '../internal/icons';
|
|
7
7
|
import { css, useTheme } from '../styles';
|
|
8
8
|
import IconButton from '../IconButton';
|
|
9
9
|
import PaginationItem from '../PaginationItem';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Pagination.tsx"],"names":["React","View","
|
|
1
|
+
{"version":3,"sources":["Pagination.tsx"],"names":["React","View","times","ChevronLeft","ChevronRight","css","useTheme","IconButton","PaginationItem","useStyles","theme","root","rootInline","flexDirection","alignItems","rootAnchor","items","justifyContent","marginTop","spacing","arrowContainer","prevInline","marginRight","prevAnchor","position","left","nextInline","marginLeft","nextAnchor","right","Pagination","props","bundleSize","children","count","disabled","hideIndicator","hideNextButton","hidePrevButton","infinite","onChange","page","renderItem","index","rest","style","otherProps","styles","firstPage","lastPage","handleChange","nextPage","handlePrevPress","prevPage","handleNextPress","prevButton","nextButton","i","selected","containerProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { times } from '@fountain-ui/utils';\nimport { ChevronLeft, ChevronRight } from '../internal/icons';\nimport { css, useTheme } from '../styles';\nimport IconButton from '../IconButton';\nimport PaginationItem from '../PaginationItem';\nimport type PaginationProps from './PaginationProps';\n\ntype PaginationStyleKeys =\n | 'root'\n | 'rootInline'\n | 'rootAnchor'\n | 'items'\n | 'arrowContainer'\n | 'prevInline'\n | 'prevAnchor'\n | 'nextInline'\n | 'nextAnchor';\n\ntype PaginationStyles = NamedStylesStringUnion<PaginationStyleKeys>;\n\nconst useStyles: UseStyles<PaginationStyles> = function (): PaginationStyles {\n const theme = useTheme();\n\n return {\n root: {},\n rootInline: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n rootAnchor: {\n flexDirection: 'column',\n },\n items: {\n flexDirection: 'row',\n justifyContent: 'center',\n marginTop: theme.spacing(2),\n },\n arrowContainer: {\n flexDirection: 'column',\n justifyContent: 'center',\n },\n prevInline: {\n marginRight: theme.spacing(1),\n },\n prevAnchor: {\n position: 'absolute',\n left: -24,\n },\n nextInline: {\n marginLeft: theme.spacing(1),\n },\n nextAnchor: {\n position: 'absolute',\n right: -24,\n },\n };\n};\n\nexport default function Pagination(props: PaginationProps) {\n const {\n bundleSize = 1,\n children,\n count,\n disabled = false,\n hideIndicator = false,\n hideNextButton = false,\n hidePrevButton = false,\n infinite = false,\n onChange,\n page,\n renderItem = ({ index, ...rest }) => <PaginationItem key={`${index}`} {...rest}/>,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const firstPage = 0;\n const lastPage = count - 1;\n\n const handleChange = (nextPage: number) => {\n if (nextPage >= firstPage && nextPage <= lastPage) {\n if (onChange) {\n onChange(nextPage);\n }\n }\n };\n\n const handlePrevPress = () => {\n const prevPage = page - bundleSize >= firstPage\n ? page - bundleSize\n : (infinite ? count - bundleSize + page : firstPage);\n\n handleChange(prevPage);\n };\n\n const handleNextPress = () => {\n const nextPage = page + bundleSize <= lastPage\n ? page + bundleSize\n : (infinite ? page + bundleSize - count : lastPage);\n\n handleChange(nextPage);\n };\n\n const prevButton = !hidePrevButton ? (\n <IconButton\n children={<ChevronLeft/>}\n color={'tertiary'}\n disabled={disabled || (!infinite && page <= firstPage)}\n onPress={handlePrevPress}\n size={'small'}\n style={children ? styles.prevAnchor : styles.prevInline}\n />\n ) : null;\n\n const nextButton = !hideNextButton ? (\n <IconButton\n children={<ChevronRight/>}\n color={'tertiary'}\n disabled={disabled || (!infinite && page + bundleSize > lastPage)}\n onPress={handleNextPress}\n size={'small'}\n style={children ? styles.nextAnchor : styles.nextInline}\n />\n ) : null;\n\n const items = !hideIndicator ? (\n times(i => renderItem({ index: i, disabled, selected: i === page }), count)\n ) : null;\n\n const containerProps = {\n style: css([\n styles.root,\n children ? styles.rootAnchor : styles.rootInline,\n style,\n ]),\n ...otherProps,\n };\n\n if (children) {\n return (\n <View {...containerProps}>\n <View style={css(styles.arrowContainer)}>\n {children}\n {prevButton}\n {nextButton}\n </View>\n\n <View style={css(styles.items)}>\n {items}\n </View>\n </View>\n );\n }\n\n return (\n <View {...containerProps}>\n {prevButton}\n {items}\n {nextButton}\n </View>\n );\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Path } from 'react-native-svg';
|
|
3
|
+
import { createSvgIcon } from '../../utils';
|
|
4
|
+
export default createSvgIcon( /*#__PURE__*/React.createElement(Path, {
|
|
5
|
+
fillRule: "evenodd",
|
|
6
|
+
clipRule: "evenodd",
|
|
7
|
+
d: "M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z"
|
|
8
|
+
}), 'ChevronLeft');
|
|
9
|
+
//# sourceMappingURL=ChevronLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ChevronLeft.tsx"],"names":["React","Path","createSvgIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;AACI,EAAA,QAAQ,EAAC,SADb;AAEI,EAAA,QAAQ,EAAC,SAFb;AAGI,EAAA,CAAC,EAAC;AAHN,EADwB,EAMtB,aANsB,CAA5B","sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z\"\n />\n , 'ChevronLeft');\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Path } from 'react-native-svg';
|
|
3
|
+
import { createSvgIcon } from '../../utils';
|
|
4
|
+
export default createSvgIcon( /*#__PURE__*/React.createElement(Path, {
|
|
5
|
+
fillRule: "evenodd",
|
|
6
|
+
clipRule: "evenodd",
|
|
7
|
+
d: "M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z"
|
|
8
|
+
}), 'ChevronRight');
|
|
9
|
+
//# sourceMappingURL=ChevronRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ChevronRight.tsx"],"names":["React","Path","createSvgIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;AACI,EAAA,QAAQ,EAAC,SADb;AAEI,EAAA,QAAQ,EAAC,SAFb;AAGI,EAAA,CAAC,EAAC;AAHN,EADwB,EAMtB,cANsB,CAA5B","sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z\"\n />\n , 'ChevronRight');\n"]}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { default as Checkbox } from './Checkbox';
|
|
2
2
|
export { default as CheckboxChecked } from './CheckboxChecked';
|
|
3
3
|
export { default as ChevronDown } from './ChevronDown';
|
|
4
|
+
export { default as ChevronLeft } from './ChevronLeft';
|
|
5
|
+
export { default as ChevronRight } from './ChevronRight';
|
|
4
6
|
export { default as CircularProgress } from './CircularProgress';
|
|
5
7
|
export { default as Close } from './Close';
|
|
6
8
|
export { default as Radio } from './Radio';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":["default","Checkbox","CheckboxChecked","ChevronDown","CircularProgress","Close","Radio","RadioChecked"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,eAApB,QAA2C,mBAA3C;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,SAASH,OAAO,IAAII,gBAApB,QAA4C,oBAA5C;AACA,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":["default","Checkbox","CheckboxChecked","ChevronDown","ChevronLeft","ChevronRight","CircularProgress","Close","Radio","RadioChecked"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,eAApB,QAA2C,mBAA3C;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,eAAvC;AACA,SAASJ,OAAO,IAAIK,YAApB,QAAwC,gBAAxC;AACA,SAASL,OAAO,IAAIM,gBAApB,QAA4C,oBAA5C;AACA,SAASN,OAAO,IAAIO,KAApB,QAAiC,SAAjC;AACA,SAASP,OAAO,IAAIQ,KAApB,QAAiC,SAAjC;AACA,SAASR,OAAO,IAAIS,YAApB,QAAwC,gBAAxC","sourcesContent":["export { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Close } from './Close';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\n"]}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: React.MemoExoticComponent<{
|
|
3
|
+
(props: {
|
|
4
|
+
readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
|
|
5
|
+
readonly width?: import("react-native-svg").NumberProp | undefined;
|
|
6
|
+
readonly height?: import("react-native-svg").NumberProp | undefined;
|
|
7
|
+
readonly viewBox?: string | undefined;
|
|
8
|
+
preserveAspectRatio?: string | undefined;
|
|
9
|
+
readonly color?: import("react-native-svg").Color | undefined;
|
|
10
|
+
title?: string | undefined;
|
|
11
|
+
opacity?: import("react-native-svg").NumberProp | undefined;
|
|
12
|
+
readonly fill?: import("react-native-svg").Color | undefined;
|
|
13
|
+
fillOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
14
|
+
fillRule?: import("react-native-svg").FillRule | undefined;
|
|
15
|
+
stroke?: import("react-native-svg").Color | undefined;
|
|
16
|
+
strokeWidth?: import("react-native-svg").NumberProp | undefined;
|
|
17
|
+
strokeOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
18
|
+
strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
|
|
19
|
+
strokeDashoffset?: import("react-native-svg").NumberProp | undefined;
|
|
20
|
+
strokeLinecap?: import("react-native-svg").Linecap | undefined;
|
|
21
|
+
strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
|
|
22
|
+
strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
|
|
23
|
+
clipRule?: import("react-native-svg").FillRule | undefined;
|
|
24
|
+
clipPath?: string | undefined;
|
|
25
|
+
transform?: string | import("react-native-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
|
|
26
|
+
translate?: import("react-native-svg").NumberArray | undefined;
|
|
27
|
+
translateX?: import("react-native-svg").NumberProp | undefined;
|
|
28
|
+
translateY?: import("react-native-svg").NumberProp | undefined;
|
|
29
|
+
origin?: import("react-native-svg").NumberArray | undefined;
|
|
30
|
+
originX?: import("react-native-svg").NumberProp | undefined;
|
|
31
|
+
originY?: import("react-native-svg").NumberProp | undefined;
|
|
32
|
+
scale?: import("react-native-svg").NumberArray | undefined;
|
|
33
|
+
scaleX?: import("react-native-svg").NumberProp | undefined;
|
|
34
|
+
scaleY?: import("react-native-svg").NumberProp | undefined;
|
|
35
|
+
skew?: import("react-native-svg").NumberArray | undefined;
|
|
36
|
+
skewX?: import("react-native-svg").NumberProp | undefined;
|
|
37
|
+
skewY?: import("react-native-svg").NumberProp | undefined;
|
|
38
|
+
rotation?: import("react-native-svg").NumberProp | undefined;
|
|
39
|
+
x?: import("react-native-svg").NumberArray | undefined;
|
|
40
|
+
y?: import("react-native-svg").NumberArray | undefined;
|
|
41
|
+
vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | undefined;
|
|
42
|
+
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
|
|
43
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
44
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
45
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
46
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
47
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
48
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
49
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
50
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
51
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
52
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
53
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
54
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
55
|
+
disabled?: boolean | undefined;
|
|
56
|
+
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
57
|
+
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
58
|
+
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
59
|
+
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
60
|
+
delayPressIn?: number | undefined;
|
|
61
|
+
delayPressOut?: number | undefined;
|
|
62
|
+
delayLongPress?: number | undefined;
|
|
63
|
+
id?: string | undefined;
|
|
64
|
+
marker?: string | undefined;
|
|
65
|
+
markerStart?: string | undefined;
|
|
66
|
+
markerMid?: string | undefined;
|
|
67
|
+
markerEnd?: string | undefined;
|
|
68
|
+
mask?: string | undefined;
|
|
69
|
+
hitSlop?: import("react-native").Insets | undefined;
|
|
70
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
71
|
+
removeClippedSubviews?: boolean | undefined;
|
|
72
|
+
testID?: string | undefined;
|
|
73
|
+
nativeID?: string | undefined;
|
|
74
|
+
collapsable?: boolean | undefined;
|
|
75
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
76
|
+
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
77
|
+
focusable?: boolean | undefined;
|
|
78
|
+
shouldRasterizeIOS?: boolean | undefined;
|
|
79
|
+
isTVSelectable?: boolean | undefined;
|
|
80
|
+
hasTVPreferredFocus?: boolean | undefined;
|
|
81
|
+
tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
|
|
82
|
+
tvParallaxShiftDistanceX?: number | undefined;
|
|
83
|
+
tvParallaxShiftDistanceY?: number | undefined;
|
|
84
|
+
tvParallaxTiltAngle?: number | undefined;
|
|
85
|
+
tvParallaxMagnification?: number | undefined;
|
|
86
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
87
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
88
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
89
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
90
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
91
|
+
accessible?: boolean | undefined;
|
|
92
|
+
accessibilityActions?: readonly Readonly<{
|
|
93
|
+
name: string;
|
|
94
|
+
label?: string | undefined;
|
|
95
|
+
}>[] | undefined;
|
|
96
|
+
accessibilityLabel?: string | undefined;
|
|
97
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
98
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
99
|
+
accessibilityHint?: string | undefined;
|
|
100
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
101
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
102
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
103
|
+
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
104
|
+
accessibilityElementsHidden?: boolean | undefined;
|
|
105
|
+
accessibilityViewIsModal?: boolean | undefined;
|
|
106
|
+
onAccessibilityEscape?: (() => void) | undefined;
|
|
107
|
+
onAccessibilityTap?: (() => void) | undefined;
|
|
108
|
+
onMagicTap?: (() => void) | undefined;
|
|
109
|
+
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
110
|
+
}): JSX.Element;
|
|
111
|
+
displayName: string;
|
|
112
|
+
}>;
|
|
113
|
+
export default _default;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: React.MemoExoticComponent<{
|
|
3
|
+
(props: {
|
|
4
|
+
readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
|
|
5
|
+
readonly width?: import("react-native-svg").NumberProp | undefined;
|
|
6
|
+
readonly height?: import("react-native-svg").NumberProp | undefined;
|
|
7
|
+
readonly viewBox?: string | undefined;
|
|
8
|
+
preserveAspectRatio?: string | undefined;
|
|
9
|
+
readonly color?: import("react-native-svg").Color | undefined;
|
|
10
|
+
title?: string | undefined;
|
|
11
|
+
opacity?: import("react-native-svg").NumberProp | undefined;
|
|
12
|
+
readonly fill?: import("react-native-svg").Color | undefined;
|
|
13
|
+
fillOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
14
|
+
fillRule?: import("react-native-svg").FillRule | undefined;
|
|
15
|
+
stroke?: import("react-native-svg").Color | undefined;
|
|
16
|
+
strokeWidth?: import("react-native-svg").NumberProp | undefined;
|
|
17
|
+
strokeOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
18
|
+
strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
|
|
19
|
+
strokeDashoffset?: import("react-native-svg").NumberProp | undefined;
|
|
20
|
+
strokeLinecap?: import("react-native-svg").Linecap | undefined;
|
|
21
|
+
strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
|
|
22
|
+
strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
|
|
23
|
+
clipRule?: import("react-native-svg").FillRule | undefined;
|
|
24
|
+
clipPath?: string | undefined;
|
|
25
|
+
transform?: string | import("react-native-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
|
|
26
|
+
translate?: import("react-native-svg").NumberArray | undefined;
|
|
27
|
+
translateX?: import("react-native-svg").NumberProp | undefined;
|
|
28
|
+
translateY?: import("react-native-svg").NumberProp | undefined;
|
|
29
|
+
origin?: import("react-native-svg").NumberArray | undefined;
|
|
30
|
+
originX?: import("react-native-svg").NumberProp | undefined;
|
|
31
|
+
originY?: import("react-native-svg").NumberProp | undefined;
|
|
32
|
+
scale?: import("react-native-svg").NumberArray | undefined;
|
|
33
|
+
scaleX?: import("react-native-svg").NumberProp | undefined;
|
|
34
|
+
scaleY?: import("react-native-svg").NumberProp | undefined;
|
|
35
|
+
skew?: import("react-native-svg").NumberArray | undefined;
|
|
36
|
+
skewX?: import("react-native-svg").NumberProp | undefined;
|
|
37
|
+
skewY?: import("react-native-svg").NumberProp | undefined;
|
|
38
|
+
rotation?: import("react-native-svg").NumberProp | undefined;
|
|
39
|
+
x?: import("react-native-svg").NumberArray | undefined;
|
|
40
|
+
y?: import("react-native-svg").NumberArray | undefined;
|
|
41
|
+
vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | undefined;
|
|
42
|
+
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
|
|
43
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
44
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
45
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
46
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
47
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
48
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
49
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
50
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
51
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
52
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
53
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
54
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
55
|
+
disabled?: boolean | undefined;
|
|
56
|
+
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
57
|
+
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
58
|
+
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
59
|
+
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
60
|
+
delayPressIn?: number | undefined;
|
|
61
|
+
delayPressOut?: number | undefined;
|
|
62
|
+
delayLongPress?: number | undefined;
|
|
63
|
+
id?: string | undefined;
|
|
64
|
+
marker?: string | undefined;
|
|
65
|
+
markerStart?: string | undefined;
|
|
66
|
+
markerMid?: string | undefined;
|
|
67
|
+
markerEnd?: string | undefined;
|
|
68
|
+
mask?: string | undefined;
|
|
69
|
+
hitSlop?: import("react-native").Insets | undefined;
|
|
70
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
71
|
+
removeClippedSubviews?: boolean | undefined;
|
|
72
|
+
testID?: string | undefined;
|
|
73
|
+
nativeID?: string | undefined;
|
|
74
|
+
collapsable?: boolean | undefined;
|
|
75
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
76
|
+
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
77
|
+
focusable?: boolean | undefined;
|
|
78
|
+
shouldRasterizeIOS?: boolean | undefined;
|
|
79
|
+
isTVSelectable?: boolean | undefined;
|
|
80
|
+
hasTVPreferredFocus?: boolean | undefined;
|
|
81
|
+
tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
|
|
82
|
+
tvParallaxShiftDistanceX?: number | undefined;
|
|
83
|
+
tvParallaxShiftDistanceY?: number | undefined;
|
|
84
|
+
tvParallaxTiltAngle?: number | undefined;
|
|
85
|
+
tvParallaxMagnification?: number | undefined;
|
|
86
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
87
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
88
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
89
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
90
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
91
|
+
accessible?: boolean | undefined;
|
|
92
|
+
accessibilityActions?: readonly Readonly<{
|
|
93
|
+
name: string;
|
|
94
|
+
label?: string | undefined;
|
|
95
|
+
}>[] | undefined;
|
|
96
|
+
accessibilityLabel?: string | undefined;
|
|
97
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
98
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
99
|
+
accessibilityHint?: string | undefined;
|
|
100
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
101
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
102
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
103
|
+
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
104
|
+
accessibilityElementsHidden?: boolean | undefined;
|
|
105
|
+
accessibilityViewIsModal?: boolean | undefined;
|
|
106
|
+
onAccessibilityEscape?: (() => void) | undefined;
|
|
107
|
+
onAccessibilityTap?: (() => void) | undefined;
|
|
108
|
+
onMagicTap?: (() => void) | undefined;
|
|
109
|
+
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
110
|
+
}): JSX.Element;
|
|
111
|
+
displayName: string;
|
|
112
|
+
}>;
|
|
113
|
+
export default _default;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { default as Checkbox } from './Checkbox';
|
|
2
2
|
export { default as CheckboxChecked } from './CheckboxChecked';
|
|
3
3
|
export { default as ChevronDown } from './ChevronDown';
|
|
4
|
+
export { default as ChevronLeft } from './ChevronLeft';
|
|
5
|
+
export { default as ChevronRight } from './ChevronRight';
|
|
4
6
|
export { default as CircularProgress } from './CircularProgress';
|
|
5
7
|
export { default as Close } from './Close';
|
|
6
8
|
export { default as Radio } from './Radio';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fountain-ui/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.19.0",
|
|
4
4
|
"author": "Fountain-UI Team",
|
|
5
5
|
"description": "React components that implement Tappytoon's Fountain Design.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"prepare": "bob build"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@fountain-ui/styles": "^1.
|
|
17
|
+
"@fountain-ui/styles": "^1.5.0",
|
|
18
18
|
"@fountain-ui/utils": "^1.1.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "471da1539616fd885a946692a80d94533e10ce02"
|
|
71
71
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
|
|
4
3
|
import { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';
|
|
5
4
|
import { times } from '@fountain-ui/utils';
|
|
5
|
+
import { ChevronLeft, ChevronRight } from '../internal/icons';
|
|
6
6
|
import { css, useTheme } from '../styles';
|
|
7
7
|
import IconButton from '../IconButton';
|
|
8
8
|
import PaginationItem from '../PaginationItem';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Path } from 'react-native-svg';
|
|
3
|
+
import { createSvgIcon } from '../../utils';
|
|
4
|
+
|
|
5
|
+
export default createSvgIcon(
|
|
6
|
+
<Path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z"
|
|
10
|
+
/>
|
|
11
|
+
, 'ChevronLeft');
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Path } from 'react-native-svg';
|
|
3
|
+
import { createSvgIcon } from '../../utils';
|
|
4
|
+
|
|
5
|
+
export default createSvgIcon(
|
|
6
|
+
<Path
|
|
7
|
+
fillRule="evenodd"
|
|
8
|
+
clipRule="evenodd"
|
|
9
|
+
d="M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z"
|
|
10
|
+
/>
|
|
11
|
+
, 'ChevronRight');
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export { default as Checkbox } from './Checkbox';
|
|
2
2
|
export { default as CheckboxChecked } from './CheckboxChecked';
|
|
3
3
|
export { default as ChevronDown } from './ChevronDown';
|
|
4
|
+
export { default as ChevronLeft } from './ChevronLeft';
|
|
5
|
+
export { default as ChevronRight } from './ChevronRight';
|
|
4
6
|
export { default as CircularProgress } from './CircularProgress';
|
|
5
7
|
export { default as Close } from './Close';
|
|
6
8
|
export { default as Radio } from './Radio';
|