@fountain-ui/core 3.0.0-alpha.20 → 3.0.0-alpha.21
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/build/commonjs/Toolbar/BackButton/BackButton.js +4 -4
- package/build/commonjs/Toolbar/BackButton/BackButton.js.map +1 -1
- package/build/commonjs/internal/icons/AppBarChevronLeft.js +23 -0
- package/build/commonjs/internal/icons/AppBarChevronLeft.js.map +1 -0
- package/build/commonjs/internal/icons/index.js +8 -0
- package/build/commonjs/internal/icons/index.js.map +1 -1
- package/build/module/Toolbar/BackButton/BackButton.js +5 -5
- package/build/module/Toolbar/BackButton/BackButton.js.map +1 -1
- package/build/module/internal/icons/AppBarChevronLeft.js +9 -0
- package/build/module/internal/icons/AppBarChevronLeft.js.map +1 -0
- package/build/module/internal/icons/index.js +1 -0
- package/build/module/internal/icons/index.js.map +1 -1
- package/build/typescript/internal/icons/AppBarChevronLeft.d.ts +131 -0
- package/build/typescript/internal/icons/index.d.ts +1 -0
- package/package.json +2 -2
- package/src/Toolbar/BackButton/BackButton.tsx +7 -5
- package/src/internal/icons/AppBarChevronLeft.tsx +15 -0
- package/src/internal/icons/index.ts +1 -0
|
@@ -39,9 +39,9 @@ function BackButton(props) {
|
|
|
39
39
|
const rootStyle = (0, _styles.css)([styles.root, styleProp]);
|
|
40
40
|
return /*#__PURE__*/_react.default.createElement(_IconButton.default, _extends({
|
|
41
41
|
style: rootStyle
|
|
42
|
-
}, otherProps), /*#__PURE__*/_react.default.createElement(_internal.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}));
|
|
42
|
+
}, otherProps), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_internal.AppBarChevronLeft, {
|
|
43
|
+
height: 18,
|
|
44
|
+
width: 10
|
|
45
|
+
})));
|
|
46
46
|
}
|
|
47
47
|
//# sourceMappingURL=BackButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 IconButton from '../../IconButton';\nimport {
|
|
1
|
+
{"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 IconButton from '../../IconButton';\nimport { AppBarChevronLeft } from '../../internal';\nimport type BackButtonProps from './BackButtonProps';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n root: {\n height: 40,\n left: 4,\n paddingLeft: 5,\n paddingRight: 11,\n paddingVertical: 8,\n position: 'absolute',\n width: 40,\n },\n});\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 <React.Fragment>\n <AppBarChevronLeft\n height={18}\n width={10}\n />\n </React.Fragment>\n </IconButton>\n );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,CAFJ;IAGFC,WAAW,EAAE,CAHX;IAIFC,YAAY,EAAE,EAJZ;IAKFC,eAAe,EAAE,CALf;IAMFC,QAAQ,EAAE,UANR;IAOFC,KAAK,EAAE;EAPL;AADuB,CAAlB,CAAf;;AAYe,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,cAAD,CAAO,QAAP,qBACI,6BAAC,2BAAD;IACI,MAAM,EAAE,EADZ;IAEI,KAAK,EAAE;EAFX,EADJ,CAJJ,CADJ;AAaH"}
|
|
@@ -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(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
17
|
+
fillRule: "evenodd",
|
|
18
|
+
clipRule: "evenodd",
|
|
19
|
+
d: "M0.292893 9.70711C-0.0976311 9.31658 -0.0976311 8.68342 0.292893 8.29289L8.2929 0.292893C8.68342 -0.097631 9.31658 -0.097631 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L2.41421 9L9.70711 16.2929C10.0976 16.6834 10.0976 17.3166 9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L0.292893 9.70711Z"
|
|
20
|
+
})), 'AppBarChevronLeft', '0 0 10 18');
|
|
21
|
+
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
//# sourceMappingURL=AppBarChevronLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createSvgIcon"],"sources":["AppBarChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <React.Fragment>\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.292893 9.70711C-0.0976311 9.31658 -0.0976311 8.68342 0.292893 8.29289L8.2929 0.292893C8.68342 -0.097631 9.31658 -0.097631 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L2.41421 9L9.70711 16.2929C10.0976 16.6834 10.0976 17.3166 9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L0.292893 9.70711Z\"\n />\n </React.Fragment>,\n 'AppBarChevronLeft',\n '0 0 10 18',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,CADW,EAQX,mBARW,EASX,WATW,C"}
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "AppBarChevronLeft", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _AppBarChevronLeft.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "Check", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -112,6 +118,8 @@ Object.defineProperty(exports, "Search", {
|
|
|
112
118
|
}
|
|
113
119
|
});
|
|
114
120
|
|
|
121
|
+
var _AppBarChevronLeft = _interopRequireDefault(require("./AppBarChevronLeft"));
|
|
122
|
+
|
|
115
123
|
var _Check = _interopRequireDefault(require("./Check"));
|
|
116
124
|
|
|
117
125
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\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 Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as AppBarChevronLeft } from './AppBarChevronLeft';\nexport { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\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 Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
|
|
@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
import IconButton from '../../IconButton';
|
|
6
|
-
import {
|
|
6
|
+
import { AppBarChevronLeft } from '../../internal';
|
|
7
7
|
import { css } from '@fountain-ui/styles';
|
|
8
8
|
const styles = StyleSheet.create({
|
|
9
9
|
root: {
|
|
@@ -24,9 +24,9 @@ export default function BackButton(props) {
|
|
|
24
24
|
const rootStyle = css([styles.root, styleProp]);
|
|
25
25
|
return /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
26
26
|
style: rootStyle
|
|
27
|
-
}, otherProps), /*#__PURE__*/React.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}));
|
|
27
|
+
}, otherProps), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AppBarChevronLeft, {
|
|
28
|
+
height: 18,
|
|
29
|
+
width: 10
|
|
30
|
+
})));
|
|
31
31
|
}
|
|
32
32
|
//# sourceMappingURL=BackButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","IconButton","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","IconButton","AppBarChevronLeft","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 IconButton from '../../IconButton';\nimport { AppBarChevronLeft } from '../../internal';\nimport type BackButtonProps from './BackButtonProps';\nimport { css } from '@fountain-ui/styles';\n\nconst styles = StyleSheet.create({\n root: {\n height: 40,\n left: 4,\n paddingLeft: 5,\n paddingRight: 11,\n paddingVertical: 8,\n position: 'absolute',\n width: 40,\n },\n});\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 <React.Fragment>\n <AppBarChevronLeft\n height={18}\n width={10}\n />\n </React.Fragment>\n </IconButton>\n );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,OAAOC,UAAP,MAAuB,kBAAvB;AACA,SAASC,iBAAT,QAAkC,gBAAlC;AAEA,SAASC,GAAT,QAAoB,qBAApB;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,CAFJ;IAGFC,WAAW,EAAE,CAHX;IAIFC,YAAY,EAAE,EAJZ;IAKFC,eAAe,EAAE,CALf;IAMFC,QAAQ,EAAE,UANR;IAOFC,KAAK,EAAE;EAPL;AADuB,CAAlB,CAAf;AAYA,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,KAAD,CAAO,QAAP,qBACI,oBAAC,iBAAD;IACI,MAAM,EAAE,EADZ;IAEI,KAAK,EAAE;EAFX,EADJ,CAJJ,CADJ;AAaH"}
|
|
@@ -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(React.Fragment, null, /*#__PURE__*/React.createElement(Path, {
|
|
5
|
+
fillRule: "evenodd",
|
|
6
|
+
clipRule: "evenodd",
|
|
7
|
+
d: "M0.292893 9.70711C-0.0976311 9.31658 -0.0976311 8.68342 0.292893 8.29289L8.2929 0.292893C8.68342 -0.097631 9.31658 -0.097631 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L2.41421 9L9.70711 16.2929C10.0976 16.6834 10.0976 17.3166 9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L0.292893 9.70711Z"
|
|
8
|
+
})), 'AppBarChevronLeft', '0 0 10 18');
|
|
9
|
+
//# sourceMappingURL=AppBarChevronLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Path","createSvgIcon"],"sources":["AppBarChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n <React.Fragment>\n <Path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.292893 9.70711C-0.0976311 9.31658 -0.0976311 8.68342 0.292893 8.29289L8.2929 0.292893C8.68342 -0.097631 9.31658 -0.097631 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L2.41421 9L9.70711 16.2929C10.0976 16.6834 10.0976 17.3166 9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L0.292893 9.70711Z\"\n />\n </React.Fragment>,\n 'AppBarChevronLeft',\n '0 0 10 18',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,IAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,CADwB,EAQxB,mBARwB,EASxB,WATwB,CAA5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","Check","Checkbox","CheckboxChecked","CheckboxOn","CheckCircle","ChevronDown","ChevronLeft","ChevronRight","CircularProgress","Clear","Close","EyeOff","EyeOn","InfoCircle","LoadingSpinner","Radio","RadioChecked","Search"],"sources":["index.ts"],"sourcesContent":["export { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\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 Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,
|
|
1
|
+
{"version":3,"names":["default","AppBarChevronLeft","Check","Checkbox","CheckboxChecked","CheckboxOn","CheckCircle","ChevronDown","ChevronLeft","ChevronRight","CircularProgress","Clear","Close","EyeOff","EyeOn","InfoCircle","LoadingSpinner","Radio","RadioChecked","Search"],"sources":["index.ts"],"sourcesContent":["export { default as AppBarChevronLeft } from './AppBarChevronLeft';\nexport { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\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 Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAApB,QAA6C,qBAA7C;AACA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC;AACA,SAASF,OAAO,IAAIG,QAApB,QAAoC,YAApC;AACA,SAASH,OAAO,IAAII,eAApB,QAA2C,mBAA3C;AACA,SAASJ,OAAO,IAAIK,UAApB,QAAsC,cAAtC;AACA,SAASL,OAAO,IAAIM,WAApB,QAAuC,eAAvC;AACA,SAASN,OAAO,IAAIO,WAApB,QAAuC,eAAvC;AACA,SAASP,OAAO,IAAIQ,WAApB,QAAuC,eAAvC;AACA,SAASR,OAAO,IAAIS,YAApB,QAAwC,gBAAxC;AACA,SAAST,OAAO,IAAIU,gBAApB,QAA4C,oBAA5C;AACA,SAASV,OAAO,IAAIW,KAApB,QAAiC,SAAjC;AACA,SAASX,OAAO,IAAIY,KAApB,QAAiC,SAAjC;AACA,SAASZ,OAAO,IAAIa,MAApB,QAAkC,UAAlC;AACA,SAASb,OAAO,IAAIc,KAApB,QAAiC,SAAjC;AACA,SAASd,OAAO,IAAIe,UAApB,QAAsC,cAAtC;AACA,SAASf,OAAO,IAAIgB,cAApB,QAA0C,kBAA1C;AACA,SAAShB,OAAO,IAAIiB,KAApB,QAAiC,SAAjC;AACA,SAASjB,OAAO,IAAIkB,YAApB,QAAwC,gBAAxC;AACA,SAASlB,OAAO,IAAImB,MAApB,QAAkC,UAAlC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: React.MemoExoticComponent<{
|
|
3
|
+
(props: {
|
|
4
|
+
readonly color?: "accent" | "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accentAlt" | undefined;
|
|
5
|
+
fontFamily?: string | undefined;
|
|
6
|
+
fontSize?: import("react-native-svg").NumberProp | undefined;
|
|
7
|
+
fontWeight?: import("react-native-svg").FontWeight | undefined;
|
|
8
|
+
letterSpacing?: import("react-native-svg").NumberProp | undefined;
|
|
9
|
+
readonly fill?: import("react-native").ColorValue | undefined;
|
|
10
|
+
fontStyle?: import("react-native-svg").FontStyle | undefined;
|
|
11
|
+
testID?: string | undefined;
|
|
12
|
+
fontVariant?: import("react-native-svg").FontVariant | undefined;
|
|
13
|
+
opacity?: import("react-native-svg").NumberProp | undefined;
|
|
14
|
+
readonly height?: import("react-native-svg").NumberProp | undefined;
|
|
15
|
+
readonly width?: import("react-native-svg").NumberProp | undefined;
|
|
16
|
+
transform?: string | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
|
|
17
|
+
rotation?: import("react-native-svg").NumberProp | undefined;
|
|
18
|
+
scaleX?: import("react-native-svg").NumberProp | undefined;
|
|
19
|
+
scaleY?: import("react-native-svg").NumberProp | undefined;
|
|
20
|
+
translateX?: import("react-native-svg").NumberProp | undefined;
|
|
21
|
+
translateY?: import("react-native-svg").NumberProp | undefined;
|
|
22
|
+
readonly style?: import("@fountain-ui/styles").FountainUiStyle | import("@fountain-ui/styles").FountainUiStyle[] | undefined;
|
|
23
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
24
|
+
title?: string | undefined;
|
|
25
|
+
clipPath?: string | undefined;
|
|
26
|
+
marker?: string | undefined;
|
|
27
|
+
mask?: string | undefined;
|
|
28
|
+
scale?: import("react-native-svg").NumberArray | undefined;
|
|
29
|
+
skewX?: import("react-native-svg").NumberProp | undefined;
|
|
30
|
+
skewY?: import("react-native-svg").NumberProp | undefined;
|
|
31
|
+
readonly viewBox?: string | undefined;
|
|
32
|
+
preserveAspectRatio?: string | undefined;
|
|
33
|
+
fillOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
34
|
+
fillRule?: import("react-native-svg").FillRule | undefined;
|
|
35
|
+
stroke?: import("react-native").ColorValue | undefined;
|
|
36
|
+
strokeWidth?: import("react-native-svg").NumberProp | undefined;
|
|
37
|
+
strokeOpacity?: import("react-native-svg").NumberProp | undefined;
|
|
38
|
+
strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
|
|
39
|
+
strokeDashoffset?: import("react-native-svg").NumberProp | undefined;
|
|
40
|
+
strokeLinecap?: import("react-native-svg").Linecap | undefined;
|
|
41
|
+
strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
|
|
42
|
+
strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
|
|
43
|
+
vectorEffect?: import("react-native-svg").VectorEffect | undefined;
|
|
44
|
+
clipRule?: import("react-native-svg").FillRule | undefined;
|
|
45
|
+
translate?: import("react-native-svg").NumberArray | undefined;
|
|
46
|
+
origin?: import("react-native-svg").NumberArray | undefined;
|
|
47
|
+
originX?: import("react-native-svg").NumberProp | undefined;
|
|
48
|
+
originY?: import("react-native-svg").NumberProp | undefined;
|
|
49
|
+
skew?: import("react-native-svg").NumberArray | undefined;
|
|
50
|
+
x?: import("react-native-svg").NumberArray | undefined;
|
|
51
|
+
y?: import("react-native-svg").NumberArray | undefined;
|
|
52
|
+
pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
|
|
53
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
54
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
55
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
56
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
57
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
58
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
59
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
60
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
61
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
62
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
63
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
64
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
65
|
+
disabled?: boolean | undefined;
|
|
66
|
+
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
67
|
+
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
68
|
+
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
69
|
+
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
70
|
+
delayPressIn?: number | undefined;
|
|
71
|
+
delayPressOut?: number | undefined;
|
|
72
|
+
delayLongPress?: number | undefined;
|
|
73
|
+
id?: string | undefined;
|
|
74
|
+
markerStart?: string | undefined;
|
|
75
|
+
markerMid?: string | undefined;
|
|
76
|
+
markerEnd?: string | undefined;
|
|
77
|
+
accessibilityLabel?: string | undefined;
|
|
78
|
+
accessible?: boolean | undefined;
|
|
79
|
+
font?: import("react-native-svg").FontObject | undefined;
|
|
80
|
+
fontStretch?: import("react-native-svg").FontStretch | undefined;
|
|
81
|
+
textAnchor?: import("react-native-svg").TextAnchor | undefined;
|
|
82
|
+
textDecoration?: import("react-native-svg").TextDecoration | undefined;
|
|
83
|
+
wordSpacing?: import("react-native-svg").NumberProp | undefined;
|
|
84
|
+
kerning?: import("react-native-svg").NumberProp | undefined;
|
|
85
|
+
fontFeatureSettings?: string | undefined;
|
|
86
|
+
fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
|
|
87
|
+
fontVariationSettings?: string | undefined;
|
|
88
|
+
hitSlop?: import("react-native").Insets | undefined;
|
|
89
|
+
removeClippedSubviews?: boolean | undefined;
|
|
90
|
+
nativeID?: string | undefined;
|
|
91
|
+
collapsable?: boolean | undefined;
|
|
92
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
93
|
+
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
94
|
+
focusable?: boolean | undefined;
|
|
95
|
+
shouldRasterizeIOS?: boolean | undefined;
|
|
96
|
+
isTVSelectable?: boolean | undefined;
|
|
97
|
+
hasTVPreferredFocus?: boolean | undefined;
|
|
98
|
+
tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
|
|
99
|
+
tvParallaxShiftDistanceX?: number | undefined;
|
|
100
|
+
tvParallaxShiftDistanceY?: number | undefined;
|
|
101
|
+
tvParallaxTiltAngle?: number | undefined;
|
|
102
|
+
tvParallaxMagnification?: number | undefined;
|
|
103
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
104
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
105
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
106
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
107
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
108
|
+
accessibilityActions?: readonly Readonly<{
|
|
109
|
+
name: string;
|
|
110
|
+
label?: string | undefined;
|
|
111
|
+
}>[] | undefined;
|
|
112
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
113
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
114
|
+
accessibilityHint?: string | undefined;
|
|
115
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
116
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
117
|
+
accessibilityLabelledBy?: string | string[] | undefined;
|
|
118
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
119
|
+
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
120
|
+
accessibilityElementsHidden?: boolean | undefined;
|
|
121
|
+
accessibilityLanguage?: string | undefined;
|
|
122
|
+
accessibilityViewIsModal?: boolean | undefined;
|
|
123
|
+
onAccessibilityEscape?: (() => void) | undefined;
|
|
124
|
+
onAccessibilityTap?: (() => void) | undefined;
|
|
125
|
+
onMagicTap?: (() => void) | undefined;
|
|
126
|
+
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
127
|
+
readonly size?: "medium" | "small" | "large" | undefined;
|
|
128
|
+
}): JSX.Element;
|
|
129
|
+
displayName: string;
|
|
130
|
+
}>;
|
|
131
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fountain-ui/core",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.21",
|
|
4
4
|
"author": "Fountain-UI Team",
|
|
5
5
|
"description": "React components that implement Tappytoon's Fountain Design.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "2ec97c0bb071b4a92a6e05858d2ca2809cd9c209"
|
|
71
71
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import IconButton from '../../IconButton';
|
|
4
|
-
import {
|
|
4
|
+
import { AppBarChevronLeft } from '../../internal';
|
|
5
5
|
import type BackButtonProps from './BackButtonProps';
|
|
6
6
|
import { css } from '@fountain-ui/styles';
|
|
7
7
|
|
|
@@ -33,10 +33,12 @@ export default function BackButton(props: BackButtonProps) {
|
|
|
33
33
|
style={rootStyle}
|
|
34
34
|
{...otherProps}
|
|
35
35
|
>
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
<React.Fragment>
|
|
37
|
+
<AppBarChevronLeft
|
|
38
|
+
height={18}
|
|
39
|
+
width={10}
|
|
40
|
+
/>
|
|
41
|
+
</React.Fragment>
|
|
40
42
|
</IconButton>
|
|
41
43
|
);
|
|
42
44
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Path } from 'react-native-svg';
|
|
3
|
+
import { createSvgIcon } from '../../utils';
|
|
4
|
+
|
|
5
|
+
export default createSvgIcon(
|
|
6
|
+
<React.Fragment>
|
|
7
|
+
<Path
|
|
8
|
+
fillRule="evenodd"
|
|
9
|
+
clipRule="evenodd"
|
|
10
|
+
d="M0.292893 9.70711C-0.0976311 9.31658 -0.0976311 8.68342 0.292893 8.29289L8.2929 0.292893C8.68342 -0.097631 9.31658 -0.097631 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L2.41421 9L9.70711 16.2929C10.0976 16.6834 10.0976 17.3166 9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L0.292893 9.70711Z"
|
|
11
|
+
/>
|
|
12
|
+
</React.Fragment>,
|
|
13
|
+
'AppBarChevronLeft',
|
|
14
|
+
'0 0 10 18',
|
|
15
|
+
);
|