@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
|
@@ -5,8 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var styled = require('@emotion/native');
|
|
6
6
|
var Button = require('../../atoms/Button/Button.js');
|
|
7
7
|
require('react');
|
|
8
|
-
require('react-native');
|
|
9
8
|
require('@emotion/react');
|
|
9
|
+
require('react-native-vector-icons/dist/MaterialIcons');
|
|
10
|
+
require('react-native-vector-icons/dist/Fontisto');
|
|
11
|
+
require('react-native-vector-icons/dist/AntDesign');
|
|
12
|
+
require('react-native-vector-icons/dist/Feather');
|
|
13
|
+
require('react-native-vector-icons/dist/SimpleLineIcons');
|
|
14
|
+
require('react-native-vector-icons/dist/FontAwesome5');
|
|
15
|
+
require('react-native-vector-icons/dist/FontAwesome');
|
|
16
|
+
require('react-native-vector-icons/dist/Entypo');
|
|
17
|
+
require('react-native-vector-icons/dist/EvilIcons');
|
|
18
|
+
require('react-native-vector-icons/dist/Foundation');
|
|
19
|
+
require('react-native-vector-icons/dist/Ionicons');
|
|
20
|
+
require('react-native-vector-icons/dist/MaterialCommunityIcons');
|
|
21
|
+
require('react-native-vector-icons/dist/Octicons');
|
|
22
|
+
require('react-native-vector-icons/dist/Zocial');
|
|
10
23
|
require('../../atoms/Text/styled.js');
|
|
11
24
|
require('../../atoms/Button/States/styled.js');
|
|
12
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2BA,2BAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const AntDesign = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(AntDesignRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,YAAY,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACvE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAC9C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import EntypoRNVI from 'react-native-vector-icons/dist/Entypo';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Entypo = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(EntypoRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAC3C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Evil = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(EvilRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,OAAO,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AAClE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AACzC,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import FeatherRNVI from 'react-native-vector-icons/dist/Feather';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Feather = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FeatherRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,WAAA,EAAa,IAAI,CAAA,CAAA;AAC5C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const FontAwesome = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontAwesomeRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACzE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,eAAA,EAAiB,IAAI,CAAA,CAAA;AAChD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const FontAwesomeFive = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,kBAAkB,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AAC7E,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,mBAAA,EAAqB,IAAI,CAAA,CAAA;AACpD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Fontisto = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontistoRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,WAAW,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import FoundationRNVI from 'react-native-vector-icons/dist/Foundation';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Foundation = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FoundationRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,aAAa,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,cAAA,EAAgB,IAAI,CAAA,CAAA;AAC/C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
3
2
|
import { useTheme } from '../../../hooks/useTheme.js';
|
|
4
3
|
import { getIconColor, getIconComponent } from './functions.js';
|
|
5
4
|
|
|
@@ -16,15 +15,13 @@ const Icon = ({
|
|
|
16
15
|
const theme = useTheme();
|
|
17
16
|
const color = getIconColor(colorVariant, colorTone, fontColor, theme);
|
|
18
17
|
const RNVIcon = getIconComponent(type);
|
|
19
|
-
return /* @__PURE__ */ React__default.createElement(
|
|
20
|
-
fallback: /* @__PURE__ */ React__default.createElement(Text, null, " ")
|
|
21
|
-
}, /* @__PURE__ */ React__default.createElement(RNVIcon, {
|
|
18
|
+
return /* @__PURE__ */ React__default.createElement(RNVIcon, {
|
|
22
19
|
...rest,
|
|
23
20
|
style,
|
|
24
21
|
name,
|
|
25
22
|
color,
|
|
26
23
|
size
|
|
27
|
-
})
|
|
24
|
+
});
|
|
28
25
|
};
|
|
29
26
|
|
|
30
27
|
export { Icon as default };
|
|
@@ -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":["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,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAU,iBAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,uBACGA,cAAA,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;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import IonRNVI from 'react-native-vector-icons/dist/Ionicons';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Ionicon = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(IonRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AACxC,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Material = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,WAAW,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -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":["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,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Octicon = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const SimpleLine = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,aAAa,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';
|
|
3
|
-
import { getStyledIcon } from './
|
|
3
|
+
import { getStyledIcon } from './styled.js';
|
|
4
4
|
|
|
5
5
|
const Zocial = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
@@ -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":["React"],"mappings":";;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,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;
|
|
@@ -1,47 +1,55 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import Material from './Material.js';
|
|
2
|
+
import Fontisto from './Fontisto.js';
|
|
3
|
+
import AntDesign from './AntDesign.js';
|
|
4
|
+
import Feather from './Feather.js';
|
|
5
|
+
import SimpleLine from './SimpleLine.js';
|
|
6
|
+
import FontAwesomeFive from './FontAwesomeFive.js';
|
|
7
|
+
import FontAwesome from './FontAwesome.js';
|
|
8
|
+
import Entypo from './Entypo.js';
|
|
9
|
+
import Evil from './Evil.js';
|
|
10
|
+
import Foundation from './Foundation.js';
|
|
11
|
+
import Ionicon from './Ionicon.js';
|
|
12
|
+
import MaterialCommunity from './MaterialCommunity.js';
|
|
13
|
+
import Octicon from './Octicon.js';
|
|
14
|
+
import Zocial from './Zocial.js';
|
|
3
15
|
|
|
4
16
|
const customIcons = {};
|
|
5
|
-
const getStyledIcon = (Component, size) => styled(Component)`
|
|
6
|
-
font-size: ${({ theme }) => theme?.iconSize[size]};
|
|
7
|
-
text-align: center;
|
|
8
|
-
`;
|
|
9
17
|
const getIconComponent = (type) => {
|
|
10
18
|
switch (type) {
|
|
11
19
|
case "zocial":
|
|
12
|
-
return
|
|
20
|
+
return Zocial;
|
|
13
21
|
case "octicon":
|
|
14
|
-
return
|
|
22
|
+
return Octicon;
|
|
15
23
|
case "material":
|
|
16
|
-
return
|
|
24
|
+
return Material;
|
|
17
25
|
case "material-community":
|
|
18
|
-
return
|
|
26
|
+
return MaterialCommunity;
|
|
19
27
|
case "ionicon":
|
|
20
|
-
return
|
|
28
|
+
return Ionicon;
|
|
21
29
|
case "foundation":
|
|
22
|
-
return
|
|
30
|
+
return Foundation;
|
|
23
31
|
case "evilicon":
|
|
24
|
-
return
|
|
32
|
+
return Evil;
|
|
25
33
|
case "entypo":
|
|
26
|
-
return
|
|
34
|
+
return Entypo;
|
|
27
35
|
case "font-awesome":
|
|
28
|
-
return
|
|
36
|
+
return FontAwesome;
|
|
29
37
|
case "font-awesome-5":
|
|
30
|
-
return
|
|
38
|
+
return FontAwesomeFive;
|
|
31
39
|
case "simple-line-icon":
|
|
32
|
-
return
|
|
40
|
+
return SimpleLine;
|
|
33
41
|
case "feather":
|
|
34
|
-
return
|
|
42
|
+
return Feather;
|
|
35
43
|
case "antdesign":
|
|
36
44
|
case "ant-design":
|
|
37
|
-
return
|
|
45
|
+
return AntDesign;
|
|
38
46
|
case "fontisto":
|
|
39
|
-
return
|
|
47
|
+
return Fontisto;
|
|
40
48
|
default:
|
|
41
49
|
if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
|
|
42
50
|
return customIcons[type];
|
|
43
51
|
}
|
|
44
|
-
return
|
|
52
|
+
return Material;
|
|
45
53
|
}
|
|
46
54
|
};
|
|
47
55
|
const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
@@ -51,5 +59,5 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
|
51
59
|
return theme.font.color[fontColor];
|
|
52
60
|
};
|
|
53
61
|
|
|
54
|
-
export { getIconColor, getIconComponent
|
|
62
|
+
export { getIconColor, getIconComponent };
|
|
55
63
|
//# 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 @@
|
|
|
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":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAkB,OAAO,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;;;;"}
|
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
import styled from '@emotion/native';
|
|
2
2
|
import Button from '../../atoms/Button/Button.js';
|
|
3
3
|
import 'react';
|
|
4
|
-
import 'react-native';
|
|
5
4
|
import '@emotion/react';
|
|
5
|
+
import 'react-native-vector-icons/dist/MaterialIcons';
|
|
6
|
+
import 'react-native-vector-icons/dist/Fontisto';
|
|
7
|
+
import 'react-native-vector-icons/dist/AntDesign';
|
|
8
|
+
import 'react-native-vector-icons/dist/Feather';
|
|
9
|
+
import 'react-native-vector-icons/dist/SimpleLineIcons';
|
|
10
|
+
import 'react-native-vector-icons/dist/FontAwesome5';
|
|
11
|
+
import 'react-native-vector-icons/dist/FontAwesome';
|
|
12
|
+
import 'react-native-vector-icons/dist/Entypo';
|
|
13
|
+
import 'react-native-vector-icons/dist/EvilIcons';
|
|
14
|
+
import 'react-native-vector-icons/dist/Foundation';
|
|
15
|
+
import 'react-native-vector-icons/dist/Ionicons';
|
|
16
|
+
import 'react-native-vector-icons/dist/MaterialCommunityIcons';
|
|
17
|
+
import 'react-native-vector-icons/dist/Octicons';
|
|
18
|
+
import 'react-native-vector-icons/dist/Zocial';
|
|
6
19
|
import '../../atoms/Text/styled.js';
|
|
7
20
|
import '../../atoms/Button/States/styled.js';
|
|
8
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-core",
|
|
3
3
|
"description": "TecSinapse hybrid React components",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.22.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"react-native": "^0.64.0",
|
|
40
40
|
"react-native-vector-icons": "^8.1.0 || ^9.0.0"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "e9dca942e8d8c1751b88c4bc772904120e8eb060"
|
|
43
43
|
}
|