koylu-vampir-design 1.0.28 → 1.0.29

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.
Files changed (10) hide show
  1. package/dist/Buttons/BGFrame.d.ts +1 -0
  2. package/dist/Buttons/BGFrame.d.ts.map +1 -1
  3. package/dist/Buttons/BGFrame.js +19 -10
  4. package/dist/Buttons/ColorFrame.d.ts +1 -0
  5. package/dist/Buttons/ColorFrame.d.ts.map +1 -1
  6. package/dist/Buttons/ColorFrame.js +20 -7
  7. package/dist/Buttons/DeadFrame.d.ts +1 -0
  8. package/dist/Buttons/DeadFrame.d.ts.map +1 -1
  9. package/dist/Buttons/DeadFrame.js +21 -15
  10. package/package.json +1 -1
package/dist/Buttons/BGFrame.d.ts CHANGED
@@ -3,6 +3,7 @@ import { GestureResponderEvent } from "react-native";
3
3
  declare type Props = {
4
4
  selected?: boolean;
5
5
  onPress: (event?: GestureResponderEvent) => void;
6
+ have: boolean;
6
7
  frame: {
7
8
  [key: string]: any;
8
9
  };
package/dist/Buttons/BGFrame.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAIpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC/B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAanC,CAAC"}
1
+ {"version":3,"file":"BGFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/BGFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBnC,CAAC"}
package/dist/Buttons/BGFrame.js CHANGED
@@ -8,35 +8,44 @@ const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
9
  const Views_1 = require("../Views");
10
10
  const Utils_1 = require("../Utils");
11
- const BGFrame = ({ selected, onPress, frame }) => {
11
+ const BGFrame = ({ selected, onPress, frame, have, }) => {
12
12
  const frameSource = Utils_1.Assets.getSource("frame", frame.path);
13
- return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
13
+ return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
14
14
  styles.colorFrameWrapper,
15
15
  selected ? styles.colorFrameWrapperSelected : {},
16
16
  ] },
17
- react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource }));
17
+ react_1.default.createElement(Utils_1.FadeImage, { style: styles.frameImage, source: frameSource }),
18
+ !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
18
19
  };
19
20
  exports.BGFrame = BGFrame;
20
21
  const styles = react_native_1.StyleSheet.create({
21
22
  colorFrameWrapper: {
22
23
  width: 94,
23
24
  height: 94,
24
- backgroundColor: 'transparent',
25
+ backgroundColor: "transparent",
25
26
  borderWidth: 2,
26
27
  borderRadius: 24,
27
- borderColor: 'transparent',
28
- flexDirection: 'column',
29
- justifyContent: 'center',
30
- alignItems: 'center',
28
+ borderColor: "transparent",
29
+ flexDirection: "column",
30
+ justifyContent: "center",
31
+ alignItems: "center",
31
32
  },
32
33
  colorFrameWrapperSelected: {
33
- borderColor: "#ffff00"
34
+ borderColor: "#ffff00",
34
35
  },
35
36
  frameImage: {
36
37
  width: 84,
37
38
  height: 84,
38
39
  borderRadius: 20,
39
40
  borderWidth: 2,
40
- backgroundColor: '#ca8989',
41
+ backgroundColor: "#ca8989",
42
+ },
43
+ have: {
44
+ position: "absolute",
45
+ width: 40,
46
+ height: 40,
47
+ left: 2,
48
+ top: 2,
49
+ borderTopLeftRadius: 20,
41
50
  },
42
51
  });
package/dist/Buttons/ColorFrame.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import { GestureResponderEvent } from "react-native";
3
3
  declare type Props = {
4
4
  selected?: boolean;
5
+ have?: boolean;
5
6
  onPress: (event?: GestureResponderEvent) => void;
6
7
  customFrame: {
7
8
  [key: string]: any;
package/dist/Buttons/ColorFrame.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUtC,CAAC"}
1
+ {"version":3,"file":"ColorFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/ColorFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BtC,CAAC"}
package/dist/Buttons/ColorFrame.js CHANGED
@@ -7,12 +7,17 @@ exports.ColorFrame = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
9
  const Views_1 = require("../Views");
10
+ const Utils_1 = require("../Utils");
10
11
  const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
11
- const ColorFrame = ({ selected, onPress, customFrame }) => {
12
+ const ColorFrame = ({ selected, onPress, customFrame, have, }) => {
12
13
  const colors = customFrame.bg;
13
14
  const borderColor = customFrame.bc;
14
- return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [styles.colorFrameWrapper, selected ? styles.colorFrameWrapperSelected : {}] },
15
- react_1.default.createElement(react_native_linear_gradient_1.default, { style: [styles.colorFrame, { borderColor }], colors: colors, start: { x: 1, y: 0 } }));
15
+ return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, style: [
16
+ styles.colorFrameWrapper,
17
+ selected ? styles.colorFrameWrapperSelected : {},
18
+ ] },
19
+ react_1.default.createElement(react_native_linear_gradient_1.default, { style: [styles.colorFrame, { borderColor }], colors: colors, start: { x: 1, y: 0 } }),
20
+ !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
16
21
  };
17
22
  exports.ColorFrame = ColorFrame;
18
23
  const styles = react_native_1.StyleSheet.create({
@@ -25,16 +30,24 @@ const styles = react_native_1.StyleSheet.create({
25
30
  borderColor: "transparent",
26
31
  flexDirection: "column",
27
32
  justifyContent: "center",
28
- alignItems: "center"
33
+ alignItems: "center",
29
34
  },
30
35
  colorFrameWrapperSelected: {
31
- borderColor: "#ffff00"
36
+ borderColor: "#ffff00",
32
37
  },
33
38
  colorFrame: {
34
39
  width: 54,
35
40
  height: 54,
36
41
  borderRadius: 32,
37
42
  borderWidth: 2,
38
- backgroundColor: "#ca8989"
39
- }
43
+ backgroundColor: "#ca8989",
44
+ },
45
+ have: {
46
+ position: "absolute",
47
+ width: 40,
48
+ height: 40,
49
+ left: 0,
50
+ top: 0,
51
+ borderRadius: 28,
52
+ },
40
53
  });
package/dist/Buttons/DeadFrame.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import { GestureResponderEvent } from "react-native";
3
3
  declare type Props = {
4
4
  selected?: boolean;
5
+ have?: boolean;
5
6
  onPress: (event?: GestureResponderEvent) => void;
6
7
  avatar: string;
7
8
  };
package/dist/Buttons/DeadFrame.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAiC,MAAM,cAAc,CAAC;AAKpF,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBrC,CAAC"}
1
+ {"version":3,"file":"DeadFrame.d.ts","sourceRoot":"","sources":["../../src/Buttons/DeadFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAKtB,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BrC,CAAC"}
package/dist/Buttons/DeadFrame.js CHANGED
@@ -8,42 +8,48 @@ const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
9
  const Views_1 = require("../Views");
10
10
  const Utils_1 = require("../Utils");
11
- const DeadFrame = ({ selected, onPress, avatar }) => {
11
+ const DeadFrame = ({ selected, onPress, avatar, have, }) => {
12
12
  const avatarSource = Utils_1.Assets.getSource("avatar", avatar);
13
- return react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
13
+ return (react_1.default.createElement(Views_1.TouchableView, { out: selected, onPress: onPress, accessibilityLabel: avatar, style: [
14
14
  styles.colorFrameWrapper,
15
15
  selected ? styles.colorFrameWrapperSelected : {},
16
16
  ] },
17
- react_1.default.createElement(react_native_1.Image, { style: [
18
- styles.frameImage,
19
- selected ? styles.frameImageSelected : {},
20
- ], source: avatarSource }));
17
+ react_1.default.createElement(react_native_1.Image, { style: [styles.frameImage, selected ? styles.frameImageSelected : {}], source: avatarSource }),
18
+ !!have && (react_1.default.createElement(react_native_1.Image, { style: styles.have, source: Utils_1.Assets.getSource("image", "tickTrg") }))));
21
19
  };
22
20
  exports.DeadFrame = DeadFrame;
23
21
  const styles = react_native_1.StyleSheet.create({
24
22
  colorFrameWrapper: {
25
23
  width: 120,
26
24
  height: 120,
27
- backgroundColor: 'transparent',
25
+ backgroundColor: "transparent",
28
26
  borderWidth: 2,
29
27
  borderRadius: 24,
30
- borderColor: 'transparent',
31
- flexDirection: 'column',
32
- justifyContent: 'center',
33
- alignItems: 'center',
28
+ borderColor: "transparent",
29
+ flexDirection: "column",
30
+ justifyContent: "center",
31
+ alignItems: "center",
34
32
  },
35
33
  colorFrameWrapperSelected: {
36
- borderColor: '#ffff00',
34
+ borderColor: "#ffff00",
37
35
  },
38
36
  frameImage: {
39
37
  width: 110,
40
38
  height: 110,
41
39
  borderRadius: 20,
42
40
  borderWidth: 2,
43
- borderColor: '#ffffff',
44
- backgroundColor: '#ffffff55',
41
+ borderColor: "#ffffff",
42
+ backgroundColor: "#ffffff55",
45
43
  },
46
44
  frameImageSelected: {
47
- backgroundColor: '#ffffff',
45
+ backgroundColor: "#ffffff",
46
+ },
47
+ have: {
48
+ position: "absolute",
49
+ width: 40,
50
+ height: 40,
51
+ left: 2,
52
+ top: 2,
53
+ borderTopLeftRadius: 20,
48
54
  },
49
55
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.28",
3
+ "version": "1.0.29",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",