ncore-ui-kit 1.0.0-pre-alpha.0

package/lib/src/assets/svg/badgeAlertIcon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgBadgeAlertIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { d: "M10 6.667V10m0 3.333h.008m-6.8-6.15a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167, stroke: finalColor }) });
+};
+export default SvgBadgeAlertIcon;

package/lib/src/assets/svg/badgeDangerIcon/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgBadgeDangerIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { d: "m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z", stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167 }) });
+};
+export default SvgBadgeDangerIcon;

package/lib/src/assets/svg/badgeInfoIcon/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgBadgeInfoIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { d: "M10 13.333V10m0-3.333h.008m-6.8.516a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z", stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167 }) });
+};
+export default SvgBadgeInfoIcon;

package/lib/src/assets/svg/badgeQuestionMarkIcon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgBadgeQuestionMarkIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+    return _jsxs(Svg, { height: size, width: size, fill: "none", ...props, children: [_jsx(Path, { d: "m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167, stroke: finalColor }), _jsx(Path, { d: "M7.575 7.5a2.5 2.5 0 0 1 4.858.833c0 1.667-2.5 2.5-2.5 2.5M10 14.167h.008", transform: `scale(${1 / pathScale})`, strokeLinecap: "round", strokeLinejoin: "round", stroke: finalColor, strokeWidth: 1.167 })] });
+};
+export default SvgBadgeQuestionMarkIcon;

package/lib/src/assets/svg/badgeRightIcon/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgChevronRight = ({ color = "default", customColor, size = 30, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 26 / size;
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, d: "m7.5 24 11-11-11-11", strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.55 }) });
+};
+export default SvgChevronRight;

package/lib/src/assets/svg/badgeSuccessIcon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgBadgeSuccessIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+    return _jsxs(Svg, { height: size, width: size, fill: "none", ...props, children: [_jsx(Path, { d: "m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167, stroke: finalColor }), _jsx(Path, { transform: `scale(${1 / pathScale})`, d: "m7.5 10 1.667 1.667L12.5 8.333", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.167, stroke: finalColor })] });
+};
+export default SvgBadgeSuccessIcon;

package/lib/src/assets/svg/chevronRightIcon/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgChevronRight = ({ color = "default", customColor, size = 30, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 26 / size;
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, d: "m7.5 24 11-11-11-11", strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.55 }) });
+};
+export default SvgChevronRight;

package/lib/src/assets/svg/cleanIcon/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgCleanIcon = ({ color = "default", customColor, size = 20, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 27 / size;
+    return _jsx(Svg, { height: size, width: size, fill: "none", ...props, children: _jsx(Path, { d: "M13.5 25C19.851 25 25 19.851 25 13.5S19.851 2 13.5 2 2 7.149 2 13.5 7.149 25 13.5 25ZM16.95 10.05l-6.9 6.9m0-6.9 6.9 6.9", stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.25 }) });
+};
+export default SvgCleanIcon;

package/lib/src/assets/svg/eyeClosedIcon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgEyeClosed = ({ color = "default", customColor, size = 30, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+    return _jsxs(Svg, { height: size, width: size, fill: "none", ...props, children: [_jsx(Path, { d: "M8.958 4.233a8.954 8.954 0 0 1 9.338 5.48c.069.187.069.392 0 .58a9.002 9.002 0 0 1-1.204 2.075m-5.341-.566a2.5 2.5 0 0 1-3.536-3.535", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167, stroke: finalColor }), _jsx(Path, { d: "M14.58 14.586a8.957 8.957 0 0 1-12.848-4.293.833.833 0 0 1 0-.58 8.958 8.958 0 0 1 3.705-4.285M1.68 1.67l16.667 16.667", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", strokeWidth: 1.167, stroke: finalColor })] });
+};
+export default SvgEyeClosed;

package/lib/src/assets/svg/eyeOpenedIcon/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgEyeOpened = ({ color = "default", customColor, size = 30, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const pathScale = 20 / size;
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+    return _jsxs(Svg, { height: size, width: size, fill: "none", ...props, children: [_jsx(Path, { d: "M1.732 10.293a.833.833 0 0 1 0-.58 8.958 8.958 0 0 1 16.563 0c.07.187.07.393 0 .58a8.958 8.958 0 0 1-16.563 0Z", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", stroke: finalColor, strokeWidth: 1.167 }), _jsx(Path, { d: "M10.014 12.503a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z", transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", stroke: finalColor, strokeWidth: 1.167 })] });
+};
+export default SvgEyeOpened;

package/lib/src/assets/svg/index.js

@@ -0,0 +1,10 @@
+export { default as LoadingIcon } from "./loadingIcon";
+export { default as CleanIcon } from "./cleanIcon";
+export { default as ChevronRightIcon } from "./chevronRightIcon";
+export { default as EyeClosedIcon } from "./eyeClosedIcon";
+export { default as EyeOpenedIcon } from "./eyeOpenedIcon";
+export { default as BadgeInfoIcon } from "./badgeInfoIcon";
+export { default as BadgeDangerIcon } from "./badgeDangerIcon";
+export { default as BadgeSuccessIcon } from "./badgeSuccessIcon";
+export { default as BadgeQuestionMarkIcon } from "./badgeQuestionMarkIcon";
+export { default as BadgeAlertIcon } from "./badgeAlertIcon";

package/lib/src/assets/svg/loadingIcon/index.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Easing, View } from "react-native";
+import { NCoreUIKitTheme } from "../../../core/hooks";
+import {} from "../../../types";
+import { Path, Svg } from "react-native-svg";
+const SvgLoadingIcon = ({ color = "emphasized", customColor, size = 22, ...props }) => {
+    const { colors } = NCoreUIKitTheme.useContext();
+    const animValue = useRef(new Animated.Value(0)).current;
+    const pathScale = 38 / size;
+    useEffect(() => {
+        const animation = Animated.loop(Animated.timing(animValue, {
+            toValue: 1,
+            duration: 2000,
+            easing: Easing.linear,
+            useNativeDriver: true
+        }));
+        animation.start();
+        return () => animation.stop();
+    }, [animValue]);
+    const rotate = animValue.interpolate({
+        inputRange: [
+            0,
+            1
+        ],
+        outputRange: [
+            "0deg",
+            "-360deg"
+        ]
+    });
+    return _jsx(View, { style: {
+            height: size,
+            width: size,
+            ...props?.style
+        }, children: _jsx(Animated.View, { style: {
+                transform: [{
+                        rotate: rotate
+                    }]
+            }, children: _jsx(Svg, { height: size, width: size, fill: "none", style: props.style, ...props, children: _jsx(Path, { d: "M11.885 7.303 19 3.194l7.115 4.109v8.215l7.095 4.09v8.215l-7.115 4.108-7.076-4.108-7.114 4.108-7.115-4.108v-8.216l7.095-4.089V7.303Z", stroke: customColor ? customColor : colors.content.icon[color], transform: `scale(${1 / pathScale})`, strokeLinejoin: "round", strokeLinecap: "round", clipRule: "evenodd", strokeWidth: 3 }) }) }) });
+};
+export default SvgLoadingIcon;