koylu-vampir-design 1.0.43 → 1.0.45

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 (7) hide show
  1. package/dist/Screens/ScreenBase.d.ts +3 -0
  2. package/dist/Screens/ScreenBase.d.ts.map +1 -1
  3. package/dist/Screens/ScreenBase.js +4 -1
  4. package/dist/Screens/ScreenHeader.d.ts +2 -0
  5. package/dist/Screens/ScreenHeader.d.ts.map +1 -1
  6. package/dist/Screens/ScreenHeader.js +3 -3
  7. package/package.json +1 -1
package/dist/Screens/ScreenBase.d.ts CHANGED
@@ -3,6 +3,9 @@ import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  export declare type ScreenBaseProps = {
4
4
  style?: StyleProp<any>;
5
5
  contentStyle?: StyleProp<any>;
6
+ headerStyle?: StyleProp<any>;
7
+ headerTitleStyle?: StyleProp<any>;
8
+ headerTitleTextStyle?: StyleProp<any>;
6
9
  icon?: ImageSourcePropType;
7
10
  title?: string;
8
11
  children?: React.ReactNode;
package/dist/Screens/ScreenBase.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScreenBase.d.ts","sourceRoot":"","sources":["../../src/Screens/ScreenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAOtB,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC3E,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyGhD,CAAC"}
1
+ {"version":3,"file":"ScreenBase.d.ts","sourceRoot":"","sources":["../../src/Screens/ScreenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EAGV,MAAM,cAAc,CAAC;AAOtB,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CAC3E,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+GhD,CAAC"}
package/dist/Screens/ScreenBase.js CHANGED
@@ -11,7 +11,7 @@ const Themes_1 = require("../Themes");
11
11
  const Utils_1 = require("../Utils");
12
12
  const ScreenFooter_1 = require("./ScreenFooter");
13
13
  const ScreenHeader_1 = require("./ScreenHeader");
14
- const ScreenBase = ({ children, style, contentStyle = {}, icon, title, onBack, background, scrollable, transparent, onAccept, noPaddings, renderHeader, acceptText, onLeftPress, leftButtonIcon, leftButtonColor, leftButtonIconColor, leftButtonLabel, leftButtonFont, }) => {
14
+ const ScreenBase = ({ children, style, contentStyle = {}, headerTitleTextStyle, headerTitleStyle, icon, title, onBack, background, scrollable, transparent, onAccept, noPaddings, renderHeader, headerStyle, acceptText, onLeftPress, leftButtonIcon, leftButtonColor, leftButtonIconColor, leftButtonLabel, leftButtonFont, }) => {
15
15
  const { dimBackgroundColorTransparent } = Themes_1.useColors();
16
16
  const insets = react_native_safe_area_context_1.useSafeAreaInsets();
17
17
  const renderContent = () => {
@@ -46,6 +46,9 @@ const ScreenBase = ({ children, style, contentStyle = {}, icon, title, onBack, b
46
46
  renderContent(),
47
47
  !hasCustomheader ? (react_1.default.createElement(ScreenHeader_1.ScreenHeader, Object.assign({}, {
48
48
  icon,
49
+ style: headerStyle,
50
+ titleStyle: headerTitleStyle,
51
+ titleTextStyle: headerTitleTextStyle,
49
52
  onLeftPress,
50
53
  leftButtonIcon,
51
54
  leftButtonFont,
package/dist/Screens/ScreenHeader.d.ts CHANGED
@@ -3,6 +3,8 @@ import { ImageSourcePropType, StyleProp } from "react-native";
3
3
  declare type Props = {
4
4
  children?: React.ReactNode;
5
5
  style?: StyleProp<any>;
6
+ titleStyle?: StyleProp<any>;
7
+ titleTextStyle?: StyleProp<any>;
6
8
  icon?: ImageSourcePropType;
7
9
  onLeftPress?: (any: any) => void;
8
10
  leftButtonIcon?: string;
package/dist/Screens/ScreenHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../src/Screens/ScreenHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,SAAS,EAIV,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyCxC,CAAC"}
1
+ {"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../src/Screens/ScreenHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EACnB,SAAS,EAIV,MAAM,cAAc,CAAC;AAItB,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2CxC,CAAC"}
package/dist/Screens/ScreenHeader.js CHANGED
@@ -8,15 +8,15 @@ const react_1 = __importDefault(require("react"));
8
8
  const react_native_1 = require("react-native");
9
9
  const Buttons_1 = require("../Buttons");
10
10
  const Utils_1 = require("../Utils");
11
- const ScreenHeader = ({ children, style, icon, onLeftPress, leftButtonIcon, leftButtonFont, leftButtonLabel, leftButtonColor, leftButtonIconColor, }) => {
11
+ const ScreenHeader = ({ children, style, titleStyle, titleTextStyle, icon, onLeftPress, leftButtonIcon, leftButtonFont, leftButtonLabel, leftButtonColor, leftButtonIconColor, }) => {
12
12
  if (!children && !icon) {
13
13
  return null;
14
14
  }
15
15
  return (react_1.default.createElement(react_native_1.View, { style: [styles.fixedTop, style] },
16
16
  react_1.default.createElement(react_native_1.View, { style: styles.titleWrapper },
17
- react_1.default.createElement(react_native_1.View, { style: styles.title },
17
+ react_1.default.createElement(react_native_1.View, { style: [styles.title, titleStyle] },
18
18
  !!icon && react_1.default.createElement(react_native_1.Image, { source: icon, style: styles.titleIcon }),
19
- react_1.default.createElement(react_native_1.Text, { style: styles.titleText }, children))),
19
+ react_1.default.createElement(react_native_1.Text, { style: [styles.titleText, titleTextStyle] }, children))),
20
20
  !!onLeftPress && (react_1.default.createElement(Buttons_1.FabButton, { style: [
21
21
  styles.leftButton,
22
22
  leftButtonColor && { backgroundColor: leftButtonColor },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "koylu-vampir-design",
3
- "version": "1.0.43",
3
+ "version": "1.0.45",
4
4
  "description": "Design System for Koylu Vampir Game",
5
5
  "keywords": [
6
6
  "react-native",