@0610studio/zs-ui 0.0.49 → 0.0.50
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/assets/SvgExclamation.d.ts +8 -0
- package/build/assets/SvgExclamation.d.ts.map +1 -0
- package/build/assets/SvgExclamation.js +14 -0
- package/build/assets/SvgExclamation.js.map +1 -0
- package/build/ui/ZSTextField/ui/ErrorComponent.d.ts.map +1 -1
- package/build/ui/ZSTextField/ui/ErrorComponent.js +3 -7
- package/build/ui/ZSTextField/ui/ErrorComponent.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const SvgExclamation: ({ size, backgroundColor, exclamationColor, }: {
|
|
3
|
+
size?: number | undefined;
|
|
4
|
+
backgroundColor?: string | undefined;
|
|
5
|
+
exclamationColor?: string | undefined;
|
|
6
|
+
}) => React.JSX.Element;
|
|
7
|
+
export default SvgExclamation;
|
|
8
|
+
//# sourceMappingURL=SvgExclamation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SvgExclamation.d.ts","sourceRoot":"","sources":["../../src/assets/SvgExclamation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,cAAc;;;;uBAkCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path, Circle } from 'react-native-svg';
|
|
3
|
+
const SvgExclamation = ({ size = 24, backgroundColor = '#FF4D4F', exclamationColor = '#FFFFFF', }) => {
|
|
4
|
+
return (<Svg width={size} height={size} viewBox="0 0 24 24">
|
|
5
|
+
{/* 배경 원 */}
|
|
6
|
+
<Circle cx="12" cy="12" r="10" fill={backgroundColor}/>
|
|
7
|
+
|
|
8
|
+
{/* 느낌표 표시 */}
|
|
9
|
+
<Path d="M12 6.5v6" stroke={exclamationColor} strokeWidth="2.2" strokeLinecap="round"/>
|
|
10
|
+
<Circle cx="12.1" cy="17" r="1.5" fill={exclamationColor}/>
|
|
11
|
+
</Svg>);
|
|
12
|
+
};
|
|
13
|
+
export default SvgExclamation;
|
|
14
|
+
//# sourceMappingURL=SvgExclamation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SvgExclamation.js","sourceRoot":"","sources":["../../src/assets/SvgExclamation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,GAAG,EAAE,EACT,eAAe,GAAG,SAAS,EAC3B,gBAAgB,GAAG,SAAS,GAC7B,EAAE,EAAE;IACH,OAAO,CACL,CAAC,GAAG,CACF,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,OAAO,CAAC,WAAW,CAEnB;MAAA,CAAC,UAAU,CACX;MAAA,CAAC,MAAM,CACL,EAAE,CAAC,IAAI,CACP,EAAE,CAAC,IAAI,CACP,CAAC,CAAC,IAAI,CACN,IAAI,CAAC,CAAC,eAAe,CAAC,EAGxB;;MAAA,CAAC,YAAY,CACb;MAAA,CAAC,IAAI,CACH,CAAC,CAAC,WAAW,CACb,MAAM,CAAC,CAAC,gBAAgB,CAAC,CACzB,WAAW,CAAC,KAAK,CACjB,aAAa,CAAC,OAAO,EAEvB;MAAA,CAAC,MAAM,CACL,EAAE,CAAC,MAAM,CACT,EAAE,CAAC,IAAI,CACP,CAAC,CAAC,KAAK,CACP,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAE3B;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport Svg, { Path, Circle } from 'react-native-svg';\n\nconst SvgExclamation = ({ \n size = 24,\n backgroundColor = '#FF4D4F',\n exclamationColor = '#FFFFFF',\n}) => {\n return (\n <Svg\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n >\n {/* 배경 원 */}\n <Circle\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n fill={backgroundColor}\n />\n \n {/* 느낌표 표시 */}\n <Path\n d=\"M12 6.5v6\"\n stroke={exclamationColor}\n strokeWidth=\"2.2\"\n strokeLinecap=\"round\"\n />\n <Circle\n cx=\"12.1\"\n cy=\"17\"\n r=\"1.5\"\n fill={exclamationColor}\n />\n </Svg>\n );\n};\n\nexport default SvgExclamation;"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorComponent.d.ts","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,kCAGjB;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,
|
|
1
|
+
{"version":3,"file":"ErrorComponent.d.ts","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,kCAGjB;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,gCAaA,CAAA;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
import { View } from "react-native";
|
|
2
1
|
import Animated, { FadeInDown } from "react-native-reanimated";
|
|
3
2
|
import ZSText from "../../ZSText";
|
|
3
|
+
import SvgExclamation from "../../../assets/SvgExclamation";
|
|
4
4
|
const ErrorComponent = ({ errorMessage, errorColor, }) => {
|
|
5
5
|
return (<Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>
|
|
6
|
-
<
|
|
7
|
-
<ZSText allowFontScaling={false} typo='title.4' style={{ color: 'white', textAlign: 'center', textAlignVertical: 'center' }}>
|
|
8
|
-
{`!`}
|
|
9
|
-
</ZSText>
|
|
10
|
-
</View>
|
|
6
|
+
<SvgExclamation size={16} backgroundColor={errorColor}/>
|
|
11
7
|
|
|
12
|
-
<ZSText typo='body.4' style={{ marginLeft:
|
|
8
|
+
<ZSText typo='body.4' style={{ marginLeft: 4, color: errorColor }}>
|
|
13
9
|
{errorMessage}
|
|
14
10
|
</ZSText>
|
|
15
11
|
</Animated.View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorComponent.js","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ErrorComponent.js","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,MAAM,cAAc,GAAG,CAAC,EACtB,YAAY,EACZ,UAAU,GAIX,EAAE,EAAE;IACH,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACtI;MAAA,CAAC,cAAc,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,eAAe,CAAC,CAAC,UAAU,CAAC,EAG9B;;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAChE;QAAA,CAAC,YAAY,CACf;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAC","sourcesContent":["import Animated, { FadeInDown } from \"react-native-reanimated\";\nimport ZSText from \"../../ZSText\";\nimport SvgExclamation from \"../../../assets/SvgExclamation\";\n\nconst ErrorComponent = ({\n errorMessage,\n errorColor,\n}: {\n errorMessage: string;\n errorColor: string;\n}) => {\n return (\n <Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>\n <SvgExclamation\n size={16}\n backgroundColor={errorColor}\n />\n\n <ZSText typo='body.4' style={{ marginLeft: 4, color: errorColor }}>\n {errorMessage}\n </ZSText>\n </Animated.View>\n )\n}\n\nexport default ErrorComponent;"]}
|