@tecsinapse/react-core 1.21.8 → 1.22.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/dist/cjs/components/atoms/Icon/AntDesign.js +2 -2
- package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Entypo.js +2 -2
- package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Evil.js +2 -2
- package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Feather.js +2 -2
- package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesome.js +2 -2
- package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +2 -2
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Fontisto.js +2 -2
- package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Foundation.js +2 -2
- package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Icon.js +2 -5
- package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Ionicon.js +2 -2
- package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Material.js +2 -2
- package/dist/cjs/components/atoms/Icon/Material.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +2 -2
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Octicon.js +2 -2
- package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/SimpleLine.js +2 -2
- package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Zocial.js +2 -2
- package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/functions.d.ts +1 -2
- package/dist/cjs/components/atoms/Icon/functions.js +29 -28
- package/dist/cjs/components/atoms/Icon/functions.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/styled.d.ts +3 -0
- package/dist/cjs/components/atoms/Icon/styled.js +17 -0
- package/dist/cjs/components/atoms/Icon/styled.js.map +1 -0
- package/dist/cjs/components/molecules/InputPassword/styled.js +14 -1
- package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/esm/components/atoms/Icon/AntDesign.js +1 -1
- package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Entypo.js +1 -1
- package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Evil.js +1 -1
- package/dist/esm/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Feather.js +1 -1
- package/dist/esm/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Fontisto.js +1 -1
- package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Foundation.js +1 -1
- package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.js +2 -5
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Ionicon.js +1 -1
- package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Material.js +1 -1
- package/dist/esm/components/atoms/Icon/Material.js.map +1 -1
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -1
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Octicon.js +1 -1
- package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -1
- package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Zocial.js +1 -1
- package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/esm/components/atoms/Icon/functions.d.ts +1 -2
- package/dist/esm/components/atoms/Icon/functions.js +30 -22
- package/dist/esm/components/atoms/Icon/functions.js.map +1 -1
- package/dist/esm/components/atoms/Icon/styled.d.ts +3 -0
- package/dist/esm/components/atoms/Icon/styled.js +9 -0
- package/dist/esm/components/atoms/Icon/styled.js.map +1 -0
- package/dist/esm/components/molecules/InputPassword/styled.js +14 -1
- package/dist/esm/components/molecules/InputPassword/styled.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var AntDesignRNVI = require('react-native-vector-icons/dist/AntDesign');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var AntDesignRNVI__default = /*#__PURE__*/_interopDefaultLegacy(AntDesignRNVI);
|
|
11
11
|
|
|
12
12
|
const AntDesign = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(AntDesignRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AntDesign.js","sources":["../../../../../src/components/atoms/Icon/AntDesign.tsx"],"sourcesContent":["import React from 'react';\nimport AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"AntDesign.js","sources":["../../../../../src/components/atoms/Icon/AntDesign.tsx"],"sourcesContent":["import React from 'react';\nimport AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst AntDesign = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(AntDesignRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default AntDesign;\n"],"names":["getStyledIcon","AntDesignRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,YAAY,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACvE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,iCAAA,EAAe,IAAI,CAAA,CAAA;AAC9C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var EntypoRNVI = require('react-native-vector-icons/dist/Entypo');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var EntypoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EntypoRNVI);
|
|
11
11
|
|
|
12
12
|
const Entypo = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(EntypoRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Entypo.js","sources":["../../../../../src/components/atoms/Icon/Entypo.tsx"],"sourcesContent":["import React from 'react';\nimport EntypoRNVI from 'react-native-vector-icons/dist/Entypo';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Entypo.js","sources":["../../../../../src/components/atoms/Icon/Entypo.tsx"],"sourcesContent":["import React from 'react';\nimport EntypoRNVI from 'react-native-vector-icons/dist/Entypo';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Entypo = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EntypoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Entypo;\n"],"names":["getStyledIcon","EntypoRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,8BAAA,EAAY,IAAI,CAAA,CAAA;AAC3C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var EvilRNVI = require('react-native-vector-icons/dist/EvilIcons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var EvilRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EvilRNVI);
|
|
11
11
|
|
|
12
12
|
const Evil = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(EvilRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Evil.js","sources":["../../../../../src/components/atoms/Icon/Evil.tsx"],"sourcesContent":["import React from 'react';\nimport EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Evil.js","sources":["../../../../../src/components/atoms/Icon/Evil.tsx"],"sourcesContent":["import React from 'react';\nimport EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Evil = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EvilRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Evil;\n"],"names":["getStyledIcon","EvilRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,OAAO,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AAClE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,4BAAA,EAAU,IAAI,CAAA,CAAA;AACzC,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var FeatherRNVI = require('react-native-vector-icons/dist/Feather');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var FeatherRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FeatherRNVI);
|
|
11
11
|
|
|
12
12
|
const Feather = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(FeatherRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Feather.js","sources":["../../../../../src/components/atoms/Icon/Feather.tsx"],"sourcesContent":["import React from 'react';\nimport FeatherRNVI from 'react-native-vector-icons/dist/Feather';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Feather.js","sources":["../../../../../src/components/atoms/Icon/Feather.tsx"],"sourcesContent":["import React from 'react';\nimport FeatherRNVI from 'react-native-vector-icons/dist/Feather';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Feather = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FeatherRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Feather;\n"],"names":["getStyledIcon","FeatherRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,+BAAA,EAAa,IAAI,CAAA,CAAA;AAC5C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var FontAwesomeRNVI = require('react-native-vector-icons/dist/FontAwesome');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var FontAwesomeRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeRNVI);
|
|
11
11
|
|
|
12
12
|
const FontAwesome = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(FontAwesomeRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesome = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesome;\n"],"names":["getStyledIcon","FontAwesomeRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,cAAc,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACzE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,mCAAA,EAAiB,IAAI,CAAA,CAAA;AAChD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var FontAwesomeFiveRNVI = require('react-native-vector-icons/dist/FontAwesome5');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var FontAwesomeFiveRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeFiveRNVI);
|
|
11
11
|
|
|
12
12
|
const FontAwesomeFive = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(FontAwesomeFiveRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FontAwesomeFive.js","sources":["../../../../../src/components/atoms/Icon/FontAwesomeFive.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"FontAwesomeFive.js","sources":["../../../../../src/components/atoms/Icon/FontAwesomeFive.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesomeFive = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesomeFive;\n"],"names":["getStyledIcon","FontAwesomeFiveRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,kBAAkB,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AAC7E,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,uCAAA,EAAqB,IAAI,CAAA,CAAA;AACpD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var FontistoRNVI = require('react-native-vector-icons/dist/Fontisto');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var FontistoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontistoRNVI);
|
|
11
11
|
|
|
12
12
|
const Fontisto = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(FontistoRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fontisto.js","sources":["../../../../../src/components/atoms/Icon/Fontisto.tsx"],"sourcesContent":["import React from 'react';\nimport FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Fontisto.js","sources":["../../../../../src/components/atoms/Icon/Fontisto.tsx"],"sourcesContent":["import React from 'react';\nimport FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Fontisto = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontistoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Fontisto;\n"],"names":["getStyledIcon","FontistoRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,WAAW,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,gCAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var FoundationRNVI = require('react-native-vector-icons/dist/Foundation');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var FoundationRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FoundationRNVI);
|
|
11
11
|
|
|
12
12
|
const Foundation = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(FoundationRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Foundation.js","sources":["../../../../../src/components/atoms/Icon/Foundation.tsx"],"sourcesContent":["import React from 'react';\nimport FoundationRNVI from 'react-native-vector-icons/dist/Foundation';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Foundation.js","sources":["../../../../../src/components/atoms/Icon/Foundation.tsx"],"sourcesContent":["import React from 'react';\nimport FoundationRNVI from 'react-native-vector-icons/dist/Foundation';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Foundation = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FoundationRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Foundation;\n"],"names":["getStyledIcon","FoundationRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,aAAa,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,kCAAA,EAAgB,IAAI,CAAA,CAAA;AAC/C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var reactNative = require('react-native');
|
|
5
4
|
var useTheme = require('../../../hooks/useTheme.js');
|
|
6
5
|
var functions = require('./functions.js');
|
|
7
6
|
|
|
@@ -22,15 +21,13 @@ const Icon = ({
|
|
|
22
21
|
const theme = useTheme.useTheme();
|
|
23
22
|
const color = functions.getIconColor(colorVariant, colorTone, fontColor, theme);
|
|
24
23
|
const RNVIcon = functions.getIconComponent(type);
|
|
25
|
-
return /* @__PURE__ */ React__default["default"].createElement(
|
|
26
|
-
fallback: /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, null, " ")
|
|
27
|
-
}, /* @__PURE__ */ React__default["default"].createElement(RNVIcon, {
|
|
24
|
+
return /* @__PURE__ */ React__default["default"].createElement(RNVIcon, {
|
|
28
25
|
...rest,
|
|
29
26
|
style,
|
|
30
27
|
name,
|
|
31
28
|
color,
|
|
32
29
|
size
|
|
33
|
-
})
|
|
30
|
+
});
|
|
34
31
|
};
|
|
35
32
|
|
|
36
33
|
module.exports = Icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n /** Name of the icon. You must use the same icons from react-native-vector-icons */\n name: string;\n /** Default icon sizes from theme */\n size?: IconSizeType;\n /** Icon family. You must use the same icons from react-native-vector-icons */\n type: IconType;\n /** Font theme fill color */\n fontColor?: FontColorType;\n /** Palette theme fill color */\n colorVariant?: ColorType;\n /** Palette theme gradation fill color */\n colorTone?: ColorGradationType;\n style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n name,\n size = 'centi',\n type,\n style,\n fontColor = 'dark',\n colorVariant,\n colorTone = 'medium',\n ...rest\n}) => {\n const theme = useTheme();\n const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n const RNVIcon = getIconComponent(type);\n\n return (\n <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent","React"],"mappings":";;;;;;;;;;AA6BA,MAAM,OAAsB,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,YAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACT,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,iBAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,sBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,2BAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAS,GAAG,IAAA;AAAA,IAAM,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,IAAc,IAAA;AAAA,GAAY,CAAA,CAAA;AAE3E;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var IonRNVI = require('react-native-vector-icons/dist/Ionicons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var IonRNVI__default = /*#__PURE__*/_interopDefaultLegacy(IonRNVI);
|
|
11
11
|
|
|
12
12
|
const Ionicon = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(IonRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ionicon.js","sources":["../../../../../src/components/atoms/Icon/Ionicon.tsx"],"sourcesContent":["import React from 'react';\nimport IonRNVI from 'react-native-vector-icons/dist/Ionicons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Ionicon.js","sources":["../../../../../src/components/atoms/Icon/Ionicon.tsx"],"sourcesContent":["import React from 'react';\nimport IonRNVI from 'react-native-vector-icons/dist/Ionicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Ionicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(IonRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Ionicon;\n"],"names":["getStyledIcon","IonRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,2BAAA,EAAS,IAAI,CAAA,CAAA;AACxC,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var MaterialRNVI = require('react-native-vector-icons/dist/MaterialIcons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var MaterialRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialRNVI);
|
|
11
11
|
|
|
12
12
|
const Material = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(MaterialRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Material = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["getStyledIcon","MaterialRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,WAAW,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,gCAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var MaterialCommunityRNVI = require('react-native-vector-icons/dist/MaterialCommunityIcons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -15,7 +15,7 @@ const MaterialCommunity = ({
|
|
|
15
15
|
name,
|
|
16
16
|
...rest
|
|
17
17
|
}) => {
|
|
18
|
-
const Icon =
|
|
18
|
+
const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
|
|
19
19
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
20
20
|
...rest,
|
|
21
21
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n size,\n color,\n name,\n ...rest\n}: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAyB,KAAA;AACvB,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var MaterialCommunityRNVI = require('react-native-vector-icons/dist/Octicons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
|
|
11
11
|
|
|
12
12
|
const Octicon = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var MaterialCommunityRNVI = require('react-native-vector-icons/dist/SimpleLineIcons');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
|
|
11
11
|
|
|
12
12
|
const SimpleLine = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,aAAa,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var MaterialCommunityRNVI = require('react-native-vector-icons/dist/Zocial');
|
|
5
|
-
var
|
|
5
|
+
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
|
|
11
11
|
|
|
12
12
|
const Zocial = ({ size, color, name, ...rest }) => {
|
|
13
|
-
const Icon =
|
|
13
|
+
const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
|
|
14
14
|
return /* @__PURE__ */ React__default["default"].createElement(Icon, {
|
|
15
15
|
...rest,
|
|
16
16
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './
|
|
1
|
+
{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ComponentType } from 'react';
|
|
2
2
|
import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
|
|
3
|
-
import { IconInternalProps
|
|
3
|
+
import { IconInternalProps } from './types';
|
|
4
4
|
export declare const registerCustomIconType: (id: string, customIcon: any) => void;
|
|
5
|
-
export declare const getStyledIcon: (Component: ComponentType<IconRNVIProps>, size: IconSizeType) => import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
6
5
|
export declare const getIconComponent: (type: IconType) => ComponentType<IconInternalProps>;
|
|
7
6
|
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;
|
|
@@ -2,56 +2,58 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
5
|
+
var Material = require('./Material.js');
|
|
6
|
+
var Fontisto = require('./Fontisto.js');
|
|
7
|
+
var AntDesign = require('./AntDesign.js');
|
|
8
|
+
var Feather = require('./Feather.js');
|
|
9
|
+
var SimpleLine = require('./SimpleLine.js');
|
|
10
|
+
var FontAwesomeFive = require('./FontAwesomeFive.js');
|
|
11
|
+
var FontAwesome = require('./FontAwesome.js');
|
|
12
|
+
var Entypo = require('./Entypo.js');
|
|
13
|
+
var Evil = require('./Evil.js');
|
|
14
|
+
var Foundation = require('./Foundation.js');
|
|
15
|
+
var Ionicon = require('./Ionicon.js');
|
|
16
|
+
var MaterialCommunity = require('./MaterialCommunity.js');
|
|
17
|
+
var Octicon = require('./Octicon.js');
|
|
18
|
+
var Zocial = require('./Zocial.js');
|
|
13
19
|
|
|
14
20
|
const customIcons = {};
|
|
15
|
-
const getStyledIcon = (Component, size) => styled__default["default"](Component)`
|
|
16
|
-
font-size: ${({ theme }) => theme?.iconSize[size]};
|
|
17
|
-
text-align: center;
|
|
18
|
-
`;
|
|
19
21
|
const getIconComponent = (type) => {
|
|
20
22
|
switch (type) {
|
|
21
23
|
case "zocial":
|
|
22
|
-
return
|
|
24
|
+
return Zocial;
|
|
23
25
|
case "octicon":
|
|
24
|
-
return
|
|
26
|
+
return Octicon;
|
|
25
27
|
case "material":
|
|
26
|
-
return
|
|
28
|
+
return Material;
|
|
27
29
|
case "material-community":
|
|
28
|
-
return
|
|
30
|
+
return MaterialCommunity;
|
|
29
31
|
case "ionicon":
|
|
30
|
-
return
|
|
32
|
+
return Ionicon;
|
|
31
33
|
case "foundation":
|
|
32
|
-
return
|
|
34
|
+
return Foundation;
|
|
33
35
|
case "evilicon":
|
|
34
|
-
return
|
|
36
|
+
return Evil;
|
|
35
37
|
case "entypo":
|
|
36
|
-
return
|
|
38
|
+
return Entypo;
|
|
37
39
|
case "font-awesome":
|
|
38
|
-
return
|
|
40
|
+
return FontAwesome;
|
|
39
41
|
case "font-awesome-5":
|
|
40
|
-
return
|
|
42
|
+
return FontAwesomeFive;
|
|
41
43
|
case "simple-line-icon":
|
|
42
|
-
return
|
|
44
|
+
return SimpleLine;
|
|
43
45
|
case "feather":
|
|
44
|
-
return
|
|
46
|
+
return Feather;
|
|
45
47
|
case "antdesign":
|
|
46
48
|
case "ant-design":
|
|
47
|
-
return
|
|
49
|
+
return AntDesign;
|
|
48
50
|
case "fontisto":
|
|
49
|
-
return
|
|
51
|
+
return Fontisto;
|
|
50
52
|
default:
|
|
51
53
|
if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
|
|
52
54
|
return customIcons[type];
|
|
53
55
|
}
|
|
54
|
-
return
|
|
56
|
+
return Material;
|
|
55
57
|
}
|
|
56
58
|
};
|
|
57
59
|
const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
@@ -63,5 +65,4 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
|
63
65
|
|
|
64
66
|
exports.getIconColor = getIconColor;
|
|
65
67
|
exports.getIconComponent = getIconComponent;
|
|
66
|
-
exports.getStyledIcon = getStyledIcon;
|
|
67
68
|
//# sourceMappingURL=functions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType
|
|
1
|
+
{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n type: IconType\n): ComponentType<IconInternalProps> => {\n switch (type) {\n case 'zocial':\n return Zocial;\n case 'octicon':\n return Octicon;\n case 'material':\n return Material;\n case 'material-community':\n return MaterialCommunity;\n case 'ionicon':\n return Ionicon;\n case 'foundation':\n return Foundation;\n case 'evilicon':\n return Evil;\n case 'entypo':\n return Entypo;\n case 'font-awesome':\n return FontAwesome;\n case 'font-awesome-5':\n return FontAwesomeFive;\n case 'simple-line-icon':\n return SimpleLine;\n case 'feather':\n return Feather;\n case 'antdesign':\n case 'ant-design':\n return AntDesign;\n case 'fontisto':\n return Fontisto;\n default:\n if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n return customIcons[type];\n }\n return Material;\n }\n};\n/* eslint-enable */\nexport const getIconColor = (\n colorVariant: ColorType | undefined,\n colorGradation: ColorGradationType | undefined,\n fontColor: FontColorType,\n theme: ThemeProp\n): string => {\n if (colorVariant && colorGradation) {\n return theme.color[colorVariant][colorGradation];\n }\n return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,WAAY,CAAA,IAAA,CAAA,CAAA;AAAA,OACrB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAO,OAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAC1B;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styled = require('@emotion/native');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
10
|
+
|
|
11
|
+
const getStyledIcon = (Component, size) => styled__default["default"](Component)`
|
|
12
|
+
font-size: ${({ theme }) => theme?.iconSize[size]};
|
|
13
|
+
text-align: center;
|
|
14
|
+
`;
|
|
15
|
+
|
|
16
|
+
exports.getStyledIcon = getStyledIcon;
|
|
17
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n Component: ComponentType<IconRNVIProps>,\n size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n text-align: center;\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACGA,2BAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAkB,OAAO,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;;;;"}
|