namirasoft-site-react 1.3.325 → 1.3.327

package/src/components/NSTag.module.css

@@ -1,45 +1,45 @@
-.ns_tag_container {
-    display: flex;
-    flex-direction: column;
-    background-color: white;
-    width: fit-content;
-    border-radius: 8px;
-    padding: 16px;
-    margin: 48px;
-}
-
-.ns_tag_title {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: left;
-}
-
-.ns_tag_title h2 {
-    color: #141B5C;
-    font-weight: 600;
-    font-size: 24px;
-    margin: 0;
-}
-
-.ns_tag_title h6 {
-    color: rgb(68, 182, 243);
-    font-weight: 600;
-    font-size: 16px;
-    margin: 0;
-}
-
-.ns_tag_input_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: left;
-    align-items: flex-start;
-    gap: 16px;
-}
-
-.ns_tag_input_group {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-
+.ns_tag_container {
+    display: flex;
+    flex-direction: column;
+    background-color: white;
+    width: fit-content;
+    border-radius: 8px;
+    padding: 16px;
+    margin: 48px;
+}
+
+.ns_tag_title {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: left;
+}
+
+.ns_tag_title h2 {
+    color: #141B5C;
+    font-weight: 600;
+    font-size: 24px;
+    margin: 0;
+}
+
+.ns_tag_title h6 {
+    color: rgb(68, 182, 243);
+    font-weight: 600;
+    font-size: 16px;
+    margin: 0;
+}
+
+.ns_tag_input_container {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+    align-items: flex-start;
+    gap: 16px;
+}
+
+.ns_tag_input_group {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+
 }

package/src/components/NSTag.tsx

@@ -1,50 +1,50 @@
-import { NSBoxString } from './NSBoxString';
-import NSButton from './NSButton';
-import Styles from './NSTag.module.css';
-
-function InputGroup()
-{
-    return (
-        <section className={Styles.ns_tag_input_container}>
-            <div className={Styles.ns_tag_input_group}>
-                <NSBoxString title='Key' required />
-                <NSBoxString title='Value' required />
-                <NSBoxString title='Option' required />
-                <NSButton
-                    title='Remove'
-                    onClick={() => { }}
-                    style={{
-                        backgroundColor: "transparent",
-                        border: "1px solid rgba(3, 119, 255, 1)",
-                        width: "145px",
-                        marginTop: "28px"
-                    }}
-                />
-            </div>
-        </section>
-    )
-}
-function NSTag()
-{
-    return (
-        <div className={Styles.ns_tag_container}>
-            <div className={Styles.ns_tag_title}>
-                <InputGroup />
-                <InputGroup />
-                <InputGroup />
-                <InputGroup />
-                <NSButton
-                    title='Add new tag'
-                    onClick={() => { }}
-                    style={{
-                        backgroundColor: "transparent",
-                        border: "1px solid rgba(3, 119, 255, 1)",
-                        width: "145px",
-                        marginTop: "24px"
-                    }} />
-            </div>
-        </div>
-    );
-}
-
+import { NSBoxString } from './NSBoxString';
+import NSButton from './NSButton';
+import Styles from './NSTag.module.css';
+
+function InputGroup()
+{
+    return (
+        <section className={Styles.ns_tag_input_container}>
+            <div className={Styles.ns_tag_input_group}>
+                <NSBoxString title='Key' required />
+                <NSBoxString title='Value' required />
+                <NSBoxString title='Option' required />
+                <NSButton
+                    title='Remove'
+                    onClick={() => { }}
+                    style={{
+                        backgroundColor: "transparent",
+                        border: "1px solid rgba(3, 119, 255, 1)",
+                        width: "145px",
+                        marginTop: "28px"
+                    }}
+                />
+            </div>
+        </section>
+    )
+}
+function NSTag()
+{
+    return (
+        <div className={Styles.ns_tag_container}>
+            <div className={Styles.ns_tag_title}>
+                <InputGroup />
+                <InputGroup />
+                <InputGroup />
+                <InputGroup />
+                <NSButton
+                    title='Add new tag'
+                    onClick={() => { }}
+                    style={{
+                        backgroundColor: "transparent",
+                        border: "1px solid rgba(3, 119, 255, 1)",
+                        width: "145px",
+                        marginTop: "24px"
+                    }} />
+            </div>
+        </div>
+    );
+}
+
 export default NSTag;

package/src/components/NSTitle.module.css

@@ -1,16 +1,16 @@
-.ns_title {
-	font-size: 24px;
-	font-weight: 700;
-	line-height: normal;
-	color: inherit;
-	margin-bottom: 16px;
-	width: 100%;
-	text-align: center;
-	font-family: inherit;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_title {
-		font-size: 32px;
-	}
+.ns_title {
+	font-size: 24px;
+	font-weight: 700;
+	line-height: normal;
+	color: inherit;
+	margin-bottom: 16px;
+	width: 100%;
+	text-align: center;
+	font-family: inherit;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_title {
+		font-size: 32px;
+	}
 }

package/src/components/NSTitle.tsx

@@ -1,20 +1,20 @@
-import Styles from './NSTitle.module.css';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface INSTitleProps extends IBaseComponentProps
-{
-	title: string;
-}
-
-export function NSTitle(props: INSTitleProps)
-{
-	return (
-		<h2
-			id={props.id}
-			className={`${Styles.ns_title} ${props.classList?.join(" ")}`}
-			style={props.style}
-		>
-			{props.title}
-		</h2>
-	);
+import Styles from './NSTitle.module.css';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface INSTitleProps extends IBaseComponentProps
+{
+	title: string;
+}
+
+export function NSTitle(props: INSTitleProps)
+{
+	return (
+		<h2
+			id={props.id}
+			className={`${Styles.ns_title} ${props.classList?.join(" ")}`}
+			style={props.style}
+		>
+			{props.title}
+		</h2>
+	);
 }

package/src/components/NSVerification.module.css

@@ -1,23 +1,23 @@
-.ns_verification_container {
-    background-color: #FFF;
-    border: 1px solid #A1A4B0;
-    backdrop-filter: blur(5px);
-    border-radius: 8px;
-    width: 100%;
-    max-width: 594px;
-    padding: 16px;
-    color: #141B5C !important;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    align-items: center;
-}
-
-.ns_verification_container p{
-    text-align: center;
-}
-
-.ns_verification_vector{
-    width: 224px;
-    height: 224px;
+.ns_verification_container {
+    background-color: #FFF;
+    border: 1px solid #A1A4B0;
+    backdrop-filter: blur(5px);
+    border-radius: 8px;
+    width: 100%;
+    max-width: 594px;
+    padding: 16px;
+    color: #141B5C !important;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: center;
+}
+
+.ns_verification_container p{
+    text-align: center;
+}
+
+.ns_verification_vector{
+    width: 224px;
+    height: 224px;
 }

package/src/components/NSVerification.tsx

@@ -1,42 +1,42 @@
-import React, { useState } from "react";
-import vector from '../assets/images/verify.png'
-import { IBaseComponentProps, IImageProps } from '../main';
-import NSBoxOTP from './NSBoxOTP';
-import Styles from './NSVerification.module.css'
-
-interface INSVerificationProps extends IBaseComponentProps {
-    verificationType : string;
-    onChanged ?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    image ?: IImageProps;
-}
-
-
-
-function NSVerification(props:INSVerificationProps) {
-    const [values, setValue] = useState<string>('')
-
-    function onChanged(event: React.ChangeEvent<HTMLInputElement>): string | undefined
-	{
-		setValue(prevValues => [...prevValues , event.target.value].join(''));
-		if (props.onChanged)
-			props.onChanged(event);
-        console.log(values);
-        return (values);
-	}
-    return (
-        <div 
-            className={`${Styles.ns_verification_container} ${props.classList?.join(" ")}`}
-	    	style={props.style}
-            >
-            <img 
-            src={props.image?.src ?? vector} 
-            alt={props.image?.alt ?? 'verification vector'} 
-            className={Styles.ns_verification_vector}
-            />
-            <p>Please enter code sent to {props.verificationType}</p>
-            <NSBoxOTP onChanged={onChanged}/>
-        </div>
-    );
-}
-
+import React, { useState } from "react";
+import vector from '../assets/images/verify.png'
+import { IBaseComponentProps, IImageProps } from '../main';
+import NSBoxOTP from './NSBoxOTP';
+import Styles from './NSVerification.module.css'
+
+interface INSVerificationProps extends IBaseComponentProps {
+    verificationType : string;
+    onChanged ?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    image ?: IImageProps;
+}
+
+
+
+function NSVerification(props:INSVerificationProps) {
+    const [values, setValue] = useState<string>('')
+
+    function onChanged(event: React.ChangeEvent<HTMLInputElement>): string | undefined
+	{
+		setValue(prevValues => [...prevValues , event.target.value].join(''));
+		if (props.onChanged)
+			props.onChanged(event);
+        console.log(values);
+        return (values);
+	}
+    return (
+        <div 
+            className={`${Styles.ns_verification_container} ${props.classList?.join(" ")}`}
+	    	style={props.style}
+            >
+            <img 
+            src={props.image?.src ?? vector} 
+            alt={props.image?.alt ?? 'verification vector'} 
+            className={Styles.ns_verification_vector}
+            />
+            <p>Please enter code sent to {props.verificationType}</p>
+            <NSBoxOTP onChanged={onChanged}/>
+        </div>
+    );
+}
+
 export default NSVerification;

package/src/index.tsx

@@ -1,8 +1,8 @@
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import { App } from './App';
-
-const root = ReactDOM.createRoot(
-    document.getElementById('root') as HTMLElement
-);
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+
+const root = ReactDOM.createRoot(
+    document.getElementById('root') as HTMLElement
+);
 root.render(<App />);

package/src/main.ts

@@ -1,81 +1,81 @@
-export * from "./components/NSActionMenu";
-export * from "./components/NSBarAction";
-export * from "./components/NSBarHeroBanner";
-export * from "./components/NSBarNotification";
-export * from "./components/NSBarTitle";
-export * from "./components/NSBoxBoolean";
-export * from "./components/NSBoxCombo";
-export * from "./components/NSBoxDate";
-export * from "./components/NSBoxDateTime";
-export * from "./components/NSBoxDouble";
-export * from "./components/NSBoxDuration";
-export * from "./components/NSBoxEmail";
-export * from "./components/NSBoxEntity";
-export * from "./components/NSBoxEnum";
-export * from "./components/NSBoxErrorNotifier";
-export * from "./components/NSBoxInteger";
-export * from "./components/NSBoxIPV4";
-export * from "./components/NSBoxIPV6";
-export * from "./components/NSBoxLabel";
-export * from "./components/NSBoxOTP";
-export * from "./components/NSBoxPassword";
-export * from "./components/NSBoxPhone";
-export * from "./components/NSBoxPrice";
-export * from "./components/NSBoxString";
-export * from "./components/NSBoxSearch";
-export * from "./components/NSBoxTextArea";
-export * from "./components/NSBoxTime";
-export * from "./components/NSButton";
-export * from "./components/NSButtonBlue";
-export * from "./components/NSButtonGreen";
-export * from "./components/NSButtonRed";
-export * from "./components/NSCard";
-export * from "./components/NSCopyToClipboard";
-export * from "./components/NSElectronicCard";
-export * from "./components/NSEntityBar";
-export * from "./components/NSEntityCardBackground";
-export * from "./components/NSFilterBox";
-export * from "./components/NSFilterBoxDialog";
-export * from "./components/NSFilterItem";
-export * from "./components/NSFooter";
-export * from "./components/NSGroupedList";
-export * from "./components/NSHeader";
-export * from "./components/NSLayout";
-export * from "./components/NSLine";
-export * from "./components/NSLink";
-export * from "./components/NSLinkBlue";
-export * from "./components/NSLinkGreen";
-export * from "./components/NSLinkRed";
-export * from "./components/NSLoading";
-export * from "./components/NSNoData";
-export * from "./components/NSModal";
-export * from "./components/NSPagination";
-export * from "./components/NSPanel";
-export * from "./components/NSPageSelectionModal";
-export * from "./components/NSRadioButton";
-export * from "./components/NSSection";
-export * from "./components/NSSectionBars";
-export * from "./components/NSSectionCards";
-export * from "./components/NSSectionTitle";
-export * from "./components/NSSpace";
-export * from "./components/NSTable";
-export * from "./components/NSTag";
-export * from "./components/NSTabPage";
-export * from "./components/NSTitle";
-export * from "./components/NSVerification";
-export * from "./pages/NSLoginPage";
-export * from "./pages/NSNotFoundPage";
-export * from "./props/IBaseComponentProps";
-export * from "./props/IHeaderIconProps";
-export * from "./props/IHeaderProps";
-export * from "./props/IImageProps";
-export * from "./props/ILinkProps";
-export * from "./props/IValidationNumberProps";
-export * from "./props/IValidationProps";
-export * from "./props/IValidationRegexProps";
-export * from "./props/IValidationStringProps";
-export * from "./routing/INSRouterMaker";
-export * from "./routing/INSRouterProps";
-export * from "./routing/INSRouterState";
-export * from "./routing/Notifier";
+export * from "./components/NSActionMenu";
+export * from "./components/NSBarAction";
+export * from "./components/NSBarHeroBanner";
+export * from "./components/NSBarNotification";
+export * from "./components/NSBarTitle";
+export * from "./components/NSBoxBoolean";
+export * from "./components/NSBoxCombo";
+export * from "./components/NSBoxDate";
+export * from "./components/NSBoxDateTime";
+export * from "./components/NSBoxDouble";
+export * from "./components/NSBoxDuration";
+export * from "./components/NSBoxEmail";
+export * from "./components/NSBoxEntity";
+export * from "./components/NSBoxEnum";
+export * from "./components/NSBoxErrorNotifier";
+export * from "./components/NSBoxInteger";
+export * from "./components/NSBoxIPV4";
+export * from "./components/NSBoxIPV6";
+export * from "./components/NSBoxLabel";
+export * from "./components/NSBoxOTP";
+export * from "./components/NSBoxPassword";
+export * from "./components/NSBoxPhone";
+export * from "./components/NSBoxPrice";
+export * from "./components/NSBoxString";
+export * from "./components/NSBoxSearch";
+export * from "./components/NSBoxTextArea";
+export * from "./components/NSBoxTime";
+export * from "./components/NSButton";
+export * from "./components/NSButtonBlue";
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSCard";
+export * from "./components/NSCopyToClipboard";
+export * from "./components/NSElectronicCard";
+export * from "./components/NSEntityBar";
+export * from "./components/NSEntityCardBackground";
+export * from "./components/NSFilterBox";
+export * from "./components/NSFilterBoxDialog";
+export * from "./components/NSFilterItem";
+export * from "./components/NSFooter";
+export * from "./components/NSGroupedList";
+export * from "./components/NSHeader";
+export * from "./components/NSLayout";
+export * from "./components/NSLine";
+export * from "./components/NSLink";
+export * from "./components/NSLinkBlue";
+export * from "./components/NSLinkGreen";
+export * from "./components/NSLinkRed";
+export * from "./components/NSLoading";
+export * from "./components/NSNoData";
+export * from "./components/NSModal";
+export * from "./components/NSPagination";
+export * from "./components/NSPanel";
+export * from "./components/NSPageSelectionModal";
+export * from "./components/NSRadioButton";
+export * from "./components/NSSection";
+export * from "./components/NSSectionBars";
+export * from "./components/NSSectionCards";
+export * from "./components/NSSectionTitle";
+export * from "./components/NSSpace";
+export * from "./components/NSTable";
+export * from "./components/NSTag";
+export * from "./components/NSTabPage";
+export * from "./components/NSTitle";
+export * from "./components/NSVerification";
+export * from "./pages/NSLoginPage";
+export * from "./pages/NSNotFoundPage";
+export * from "./props/IBaseComponentProps";
+export * from "./props/IHeaderIconProps";
+export * from "./props/IHeaderProps";
+export * from "./props/IImageProps";
+export * from "./props/ILinkProps";
+export * from "./props/IValidationNumberProps";
+export * from "./props/IValidationProps";
+export * from "./props/IValidationRegexProps";
+export * from "./props/IValidationStringProps";
+export * from "./routing/INSRouterMaker";
+export * from "./routing/INSRouterProps";
+export * from "./routing/INSRouterState";
+export * from "./routing/Notifier";
 export * from "./routing/NSRouterMaker";

package/src/pages/NSLoginPage.module.css

@@ -1,20 +1,20 @@
-.ns_login_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.ns_logo {
-	text-align: center;
-}
-
-.ns_title {
-	font-size: 32px;
-	font-weight: 700;
-	text-align: center;
-}
-
-.ns_button {
-	text-align: center;
+.ns_login_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.ns_logo {
+	text-align: center;
+}
+
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	text-align: center;
+}
+
+.ns_button {
+	text-align: center;
 }