@rocapine/react-native-onboarding-ui 1.25.1 → 1.26.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/UI/Pages/ComposableScreen/elements/IconElement.d.ts +4 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js +3 -1
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js.map +1 -1
- package/package.json +1 -1
- package/src/UI/Pages/ComposableScreen/elements/IconElement.tsx +8 -0
|
@@ -8,6 +8,8 @@ export type IconElementProps = BaseBoxProps & {
|
|
|
8
8
|
size?: number;
|
|
9
9
|
color?: string;
|
|
10
10
|
strokeWidth?: number;
|
|
11
|
+
fill?: string;
|
|
12
|
+
fillOpacity?: number;
|
|
11
13
|
backgroundColor?: string;
|
|
12
14
|
};
|
|
13
15
|
export declare const IconElementPropsSchema: z.ZodObject<{
|
|
@@ -83,6 +85,8 @@ export declare const IconElementPropsSchema: z.ZodObject<{
|
|
|
83
85
|
size: z.ZodOptional<z.ZodNumber>;
|
|
84
86
|
color: z.ZodOptional<z.ZodString>;
|
|
85
87
|
strokeWidth: z.ZodOptional<z.ZodNumber>;
|
|
88
|
+
fill: z.ZodOptional<z.ZodString>;
|
|
89
|
+
fillOpacity: z.ZodOptional<z.ZodNumber>;
|
|
86
90
|
backgroundColor: z.ZodOptional<z.ZodString>;
|
|
87
91
|
}, z.core.$strip>;
|
|
88
92
|
type IconUIElement = Extract<UIElement, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,sBAAsB
|
|
1
|
+
{"version":3,"file":"IconElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAQjC,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAkDpE,CAAC"}
|
|
@@ -11,6 +11,8 @@ exports.IconElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
|
|
|
11
11
|
size: zod_1.z.number().nonnegative().optional(),
|
|
12
12
|
color: zod_1.z.string().optional(),
|
|
13
13
|
strokeWidth: zod_1.z.number().nonnegative().optional(),
|
|
14
|
+
fill: zod_1.z.string().optional(),
|
|
15
|
+
fillOpacity: zod_1.z.number().min(0).max(1).optional(),
|
|
14
16
|
backgroundColor: zod_1.z.string().optional(),
|
|
15
17
|
});
|
|
16
18
|
const IconElementComponent = ({ element, ctx }) => {
|
|
@@ -41,7 +43,7 @@ const IconElementComponent = ({ element, ctx }) => {
|
|
|
41
43
|
borderColor: element.props.borderColor,
|
|
42
44
|
backgroundColor: element.props.backgroundGradient ? undefined : element.props.backgroundColor,
|
|
43
45
|
opacity: element.props.opacity,
|
|
44
|
-
}, children: IconComp ? ((0, jsx_runtime_1.jsx)(IconComp, { size: (_a = element.props.size) !== null && _a !== void 0 ? _a : 24, color: (_b = element.props.color) !== null && _b !== void 0 ? _b : theme.colors.text.primary, strokeWidth: (_c = element.props.strokeWidth) !== null && _c !== void 0 ? _c : 2 })) : null }));
|
|
46
|
+
}, children: IconComp ? ((0, jsx_runtime_1.jsx)(IconComp, { size: (_a = element.props.size) !== null && _a !== void 0 ? _a : 24, color: (_b = element.props.color) !== null && _b !== void 0 ? _b : theme.colors.text.primary, strokeWidth: (_c = element.props.strokeWidth) !== null && _c !== void 0 ? _c : 2, fill: element.props.fill, fillOpacity: element.props.fillOpacity })) : null }));
|
|
45
47
|
};
|
|
46
48
|
exports.IconElementComponent = IconElementComponent;
|
|
47
49
|
//# sourceMappingURL=IconElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,iDAAkE;AAElE,qCAA8C;AAC9C,+CAA4C;
|
|
1
|
+
{"version":3,"file":"IconElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.26.0",
|
|
4
4
|
"description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -10,6 +10,8 @@ export type IconElementProps = BaseBoxProps & {
|
|
|
10
10
|
size?: number;
|
|
11
11
|
color?: string;
|
|
12
12
|
strokeWidth?: number;
|
|
13
|
+
fill?: string;
|
|
14
|
+
fillOpacity?: number;
|
|
13
15
|
backgroundColor?: string;
|
|
14
16
|
};
|
|
15
17
|
|
|
@@ -18,6 +20,8 @@ export const IconElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
|
18
20
|
size: z.number().nonnegative().optional(),
|
|
19
21
|
color: z.string().optional(),
|
|
20
22
|
strokeWidth: z.number().nonnegative().optional(),
|
|
23
|
+
fill: z.string().optional(),
|
|
24
|
+
fillOpacity: z.number().min(0).max(1).optional(),
|
|
21
25
|
backgroundColor: z.string().optional(),
|
|
22
26
|
});
|
|
23
27
|
|
|
@@ -35,6 +39,8 @@ export const IconElementComponent = ({ element, ctx }: Props): React.ReactElemen
|
|
|
35
39
|
size?: number;
|
|
36
40
|
color?: string;
|
|
37
41
|
strokeWidth?: number;
|
|
42
|
+
fill?: string;
|
|
43
|
+
fillOpacity?: number;
|
|
38
44
|
}> | undefined;
|
|
39
45
|
|
|
40
46
|
return (
|
|
@@ -70,6 +76,8 @@ export const IconElementComponent = ({ element, ctx }: Props): React.ReactElemen
|
|
|
70
76
|
size={element.props.size ?? 24}
|
|
71
77
|
color={element.props.color ?? theme.colors.text.primary}
|
|
72
78
|
strokeWidth={element.props.strokeWidth ?? 2}
|
|
79
|
+
fill={element.props.fill}
|
|
80
|
+
fillOpacity={element.props.fillOpacity}
|
|
73
81
|
/>
|
|
74
82
|
) : null}
|
|
75
83
|
</GradientBox>
|