namirasoft-site-react 1.4.403 → 1.4.405

package/dist/components/NSButton.module.css

@@ -1,58 +1,58 @@
-.ns_button,
-.ns_button_disabled {
-    background-color: transparent;
-    border-radius: 8px;
-    color: rgba(20, 27, 92, 1);
-    font-size: 16px;
-    font-weight: 600;
-    height: 48px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    text-decoration: none;
-    width: 100%;
-    transition: all 0.2s ease-in-out;
-    border: 0;
-}
-
-.ns_button_disabled {
-    background-color: #A9A9A9 !important;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%), inset 0 4px 4px 0px rgba(255, 255, 255, 0.25) !important;
-    color: #fff !important;
-    cursor: not-allowed !important;
-}
-
-.ns_button:hover {
-    box-shadow: 0 0 10px 2px rgba(119, 117, 117, 0.4);
-    scale: 1.02;
-}
-
-.ns_button:focus-visible {
-    border-color: rgba(0, 0, 0, 1) !important;
-    outline: solid 1px #4096ff !important;
-}
-
-@media only screen and (min-width: 480px) {
-
-    .ns_button,
-    .ns_button_disabled {
-        width: 272px;
-    }
-}
-
-/* @media only screen and (min-width: 480px) {
-
-    .ns_button,
-    .ns_button_disabled {
-        width: 180px;
-    }
-}
-
-@media only screen and (min-width: 768px) {
-
-    .ns_button,
-    .ns_button_disabled {
-        width: 272px;
-    }
+.ns_button,
+.ns_button_disabled {
+    background-color: transparent;
+    border-radius: 8px;
+    color: rgba(20, 27, 92, 1);
+    font-size: 16px;
+    font-weight: 600;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    text-decoration: none;
+    width: 100%;
+    transition: all 0.2s ease-in-out;
+    border: 0;
+}
+
+.ns_button_disabled {
+    background-color: #A9A9A9 !important;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%), inset 0 4px 4px 0px rgba(255, 255, 255, 0.25) !important;
+    color: #fff !important;
+    cursor: not-allowed !important;
+}
+
+.ns_button:hover {
+    box-shadow: 0 0 10px 2px rgba(119, 117, 117, 0.4);
+    scale: 1.02;
+}
+
+.ns_button:focus-visible {
+    border-color: rgba(0, 0, 0, 1) !important;
+    outline: solid 1px #4096ff !important;
+}
+
+@media only screen and (min-width: 480px) {
+
+    .ns_button,
+    .ns_button_disabled {
+        width: 272px;
+    }
+}
+
+/* @media only screen and (min-width: 480px) {
+
+    .ns_button,
+    .ns_button_disabled {
+        width: 180px;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+
+    .ns_button,
+    .ns_button_disabled {
+        width: 272px;
+    }
 } */

package/dist/components/NSButtonBlue.module.css

@@ -1,5 +1,5 @@
-.ns_button_blue {
-    background-color: rgba(3, 119, 255, 1);
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%),inset 0 4px 4px 0px rgba(255, 255, 255, 0.25);
-	color: #fff !important;
+.ns_button_blue {
+    background-color: rgba(3, 119, 255, 1);
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%),inset 0 4px 4px 0px rgba(255, 255, 255, 0.25);
+	color: #fff !important;
 }

package/dist/components/NSButtonGreen.module.css

@@ -1,5 +1,5 @@
-.ns_button_green {
-    background-color: #06D182;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff !important;
+.ns_button_green {
+    background-color: #06D182;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff !important;
 }

package/dist/components/NSButtonRed.module.css

@@ -1,5 +1,5 @@
-.ns_button_red {
-    background-color: #FF3F3F;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff;
+.ns_button_red {
+    background-color: #FF3F3F;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff;
 }

package/dist/components/NSCard.module.css

@@ -1,115 +1,115 @@
-.ns_card {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: space-between;
-	/* gap: 24px 0; */
-	background-color: #fff;
-	box-shadow: 0 2px 10px 4px #00000040;
-	border-radius: 24px;
-	max-width: 310px;
-	position: relative;
-}
-
-.ns_card_detail_container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	color: #001664;
-	width: 100%;
-	height: 100%;
-	padding: 24px;
-	text-decoration: none;
-}
-
-.ns_card_title_img {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 8px;
-	width: 100%;
-}
-
-.ns_card_img {
-	border-radius: 16px;
-	object-fit: cover;
-	width: 128px;
-	height: 128px;
-}
-
-.ns_card_title {
-	font-style: inherit;
-	font-size: 24px;
-	font-weight: 700;
-	font-family: inherit;
-	line-height: normal;
-	text-align: center;
-	width: 100%;
-	color: inherit;
-	margin-bottom: 0;
-}
-
-.ns_card_headline {
-	font-style: normal;
-	font-size: 18px;
-	font-weight: 500;
-	font-family: inherit;
-	line-height: normal;
-	text-align: justify;
-	color: inherit;
-}
-
-.ns_card_description {
-	font-style: normal;
-	font-size: 16px;
-	font-weight: 400;
-	font-family: inherit;
-	line-height: normal;
-	text-align: justify;
-	color: inherit;
-	margin-bottom: 0;
-}
-
-.ns_card_link {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 12px 24px;
-	background-color: #3963FF;
-	box-shadow: inset 2px 2px 2px 0 #1754F3;
-	color: #fff;
-	font-weight: 400;
-	font-style: inherit;
-	line-height: normal;
-	border-radius: 24px;
-	width: 100%;
-	max-width: 272px;
-	margin-top: 24px;
-}
-
-.ns_card_link_container {
-	width: 100%;
-}
-
-
-@media only screen and (min-width: 576px) {
-	.ns_card {
-		width: 65%;
-	}
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_card {
-		width: 41%;
-	}
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_card {
-		width: 25%;
-	}
+.ns_card {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	/* gap: 24px 0; */
+	background-color: #fff;
+	box-shadow: 0 2px 10px 4px #00000040;
+	border-radius: 24px;
+	max-width: 310px;
+	position: relative;
+}
+
+.ns_card_detail_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	color: #001664;
+	width: 100%;
+	height: 100%;
+	padding: 24px;
+	text-decoration: none;
+}
+
+.ns_card_title_img {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	gap: 8px;
+	width: 100%;
+}
+
+.ns_card_img {
+	border-radius: 16px;
+	object-fit: cover;
+	width: 128px;
+	height: 128px;
+}
+
+.ns_card_title {
+	font-style: inherit;
+	font-size: 24px;
+	font-weight: 700;
+	font-family: inherit;
+	line-height: normal;
+	text-align: center;
+	width: 100%;
+	color: inherit;
+	margin-bottom: 0;
+}
+
+.ns_card_headline {
+	font-style: normal;
+	font-size: 18px;
+	font-weight: 500;
+	font-family: inherit;
+	line-height: normal;
+	text-align: justify;
+	color: inherit;
+}
+
+.ns_card_description {
+	font-style: normal;
+	font-size: 16px;
+	font-weight: 400;
+	font-family: inherit;
+	line-height: normal;
+	text-align: justify;
+	color: inherit;
+	margin-bottom: 0;
+}
+
+.ns_card_link {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 12px 24px;
+	background-color: #3963FF;
+	box-shadow: inset 2px 2px 2px 0 #1754F3;
+	color: #fff;
+	font-weight: 400;
+	font-style: inherit;
+	line-height: normal;
+	border-radius: 24px;
+	width: 100%;
+	max-width: 272px;
+	margin-top: 24px;
+}
+
+.ns_card_link_container {
+	width: 100%;
+}
+
+
+@media only screen and (min-width: 576px) {
+	.ns_card {
+		width: 65%;
+	}
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_card {
+		width: 41%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_card {
+		width: 25%;
+	}
 }

package/dist/components/NSCardScreenshot.module.css

@@ -1,42 +1,42 @@
-.card_screenshot {
-    border: 1px solid #CBD7FF;
-    border-radius: 8px;
-    width: 100%;
-    max-width: 370px;
-    height: 266px;
-    padding: 8px;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.card_screenshot_header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 8px 0;
-	color: #141B5C,
-}
-
-.timeSpent {
-    font-size: 16px;
-    font-weight: 600;
-    color: #141B5C,
-}
-
-.deleteButton {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-}
-
-.deleteButton img {
-    width: 100%;
-}
-
-.screenshot_imageSection img {
-    width: 100%;
-    object-fit: cover;
-    border-radius: 4px;
+.card_screenshot {
+    border: 1px solid #CBD7FF;
+    border-radius: 8px;
+    width: 100%;
+    max-width: 370px;
+    height: 266px;
+    padding: 8px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.card_screenshot_header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 0;
+	color: #141B5C,
+}
+
+.timeSpent {
+    font-size: 16px;
+    font-weight: 600;
+    color: #141B5C,
+}
+
+.deleteButton {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+}
+
+.deleteButton img {
+    width: 100%;
+}
+
+.screenshot_imageSection img {
+    width: 100%;
+    object-fit: cover;
+    border-radius: 4px;
 }

package/dist/components/NSChartColumn.module.css

@@ -1,8 +1,8 @@
-.chart_column_container {
-    max-width: 620px;
-    width: 100%;
-}
-
-.chart_column_container canvas {
-    height: 100% !important;
+.chart_column_container {
+    max-width: 620px;
+    width: 100%;
+}
+
+.chart_column_container canvas {
+    height: 100% !important;
 }

package/dist/components/NSChartTable.module.css

@@ -1,22 +1,22 @@
-.custom_row td {
-    border: none;
-}
-
-.custom_row td:nth-child(2),
-.custom_row td:nth-child(3),
-.custom_row td:nth-child(4),
-.custom_row td:nth-child(5),
-.custom_row td:nth-child(6) {
-    border-bottom: 1px dashed #d9d9d9;
-}
-
-/* Override default Ant Design row borders */
-.ant-table-tbody>tr>td {
-    border-bottom: none !important;
-}
-
-/* Increase progress bar height */
-.ant-progress {
-    height: 16px !important;
-    /* Adjust as needed */
+.custom_row td {
+    border: none;
+}
+
+.custom_row td:nth-child(2),
+.custom_row td:nth-child(3),
+.custom_row td:nth-child(4),
+.custom_row td:nth-child(5),
+.custom_row td:nth-child(6) {
+    border-bottom: 1px dashed #d9d9d9;
+}
+
+/* Override default Ant Design row borders */
+.ant-table-tbody>tr>td {
+    border-bottom: none !important;
+}
+
+/* Increase progress bar height */
+.ant-progress {
+    height: 16px !important;
+    /* Adjust as needed */
 }

package/dist/components/NSColumn.module.css

@@ -1,17 +1,17 @@
-.ns_column {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-    margin: 0;
-    justify-content: flex-start;
-    width: max-content;
-    max-width: 100%;
-    width: 100%;
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_column {
-        flex-wrap: wrap;
-    }
+.ns_column {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    margin: 0;
+    justify-content: flex-start;
+    width: max-content;
+    max-width: 100%;
+    width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_column {
+        flex-wrap: wrap;
+    }
 }

package/dist/components/NSCopyBox.module.css

@@ -1,40 +1,40 @@
-.ns_copy {
-    display: flex;
-    flex-direction: column;
-    width: 416px;
-    color: #fff;
-    position: relative;
-    max-width: 100%;
-    margin: 0 auto;
-}
-
-.ns_copy_value {
-    border-radius: 8px;
-    padding: 10px 12px;
-    font-size: 16px;
-    font-weight: 400;
-    text-align: center;
-    overflow: hidden;
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    border-radius: 8px;
-    border: 1px solid rgba(161, 164, 176, 1);
-    background-color: #fff;
-}
-
-.ns_copy_value p {
-    color: rgba(20, 27, 92, 1);
-    width: 100%;
-    display: inline-block;
-    overflow: hidden;
-    word-wrap: break-word;
-}
-
-.ns_copy_title {
-    font-size: 24px;
-    font-weight: 700;
-    color: rgba(20, 27, 92, 1);
-    text-align: center;
-    margin-bottom: 16px;
+.ns_copy {
+    display: flex;
+    flex-direction: column;
+    width: 416px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+    margin: 0 auto;
+}
+
+.ns_copy_value {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+    text-align: center;
+    overflow: hidden;
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    border-radius: 8px;
+    border: 1px solid rgba(161, 164, 176, 1);
+    background-color: #fff;
+}
+
+.ns_copy_value p {
+    color: rgba(20, 27, 92, 1);
+    width: 100%;
+    display: inline-block;
+    overflow: hidden;
+    word-wrap: break-word;
+}
+
+.ns_copy_title {
+    font-size: 24px;
+    font-weight: 700;
+    color: rgba(20, 27, 92, 1);
+    text-align: center;
+    margin-bottom: 16px;
 }

package/dist/components/NSDialog.d.ts

@@ -8,5 +8,6 @@ export interface NSDialogProps extends IBaseComponentProps {
         show?: boolean;
         out?: boolean;
     };
+    zIndex?: number;
 }
 export declare function NSDialog(props: NSDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSDialog.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Styles from './NSDialog.module.css';
 export function NSDialog(props) {
-    var _a, _b, _c, _d, _e;
-    return (_jsxs("section", { id: props.id, className: props.center_dialog ? Styles.ns_dialog_center_container : Styles.ns_dialog_container, children: [_jsx("div", { className: Styles.ns_dialog_background, onClick: () => props.onClose() }), _jsxs("div", { className: `${Styles.ns_dialog_content} ${(_b = (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign({}, props.style), children: [((_c = props.closeButton) === null || _c === void 0 ? void 0 : _c.show) !== false && _jsx("div", { onClick: () => props.onClose(), style: {
+    var _a, _b, _c, _d, _e, _f;
+    return (_jsxs("section", { id: props.id, className: props.center_dialog ? Styles.ns_dialog_container_center : Styles.ns_dialog_container, style: { zIndex: props.zIndex }, children: [_jsx("div", { className: Styles.ns_dialog_background, style: { zIndex: props.zIndex }, onClick: () => props.onClose() }), _jsxs("div", { className: `${Styles.ns_dialog_parent} ${(_b = (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign(Object.assign({}, props.style), { zIndex: props.zIndex }), children: [((_c = props.closeButton) === null || _c === void 0 ? void 0 : _c.show) !== false && _jsx("div", { onClick: () => props.onClose(), style: {
                             position: "absolute",
-                            top: ((_d = props.closeButton) === null || _d === void 0 ? void 0 : _d.out) ? "-60px" : "0px",
-                            right: 0,
+                            top: ((_d = props.closeButton) === null || _d === void 0 ? void 0 : _d.out) ? "-40px" : "0px",
+                            right: ((_e = props.closeButton) === null || _e === void 0 ? void 0 : _e.out) ? "-40px" : "0px",
                             transform: "translate(-40%,40%)",
                             cursor: "pointer",
                             width: "24px",
                             height: "24px",
-                        }, children: _jsx("img", { src: ((_e = props.closeButton) === null || _e === void 0 ? void 0 : _e.out) ? 'https://static.namirasoft.com/image/concept/close/white.svg' : 'https://static.namirasoft.com/image/concept/close/blue.svg', alt: 'close', width: 24, height: 24, style: {
+                        }, children: _jsx("img", { src: ((_f = props.closeButton) === null || _f === void 0 ? void 0 : _f.out) ? 'https://static.namirasoft.com/image/concept/close/white.svg' : 'https://static.namirasoft.com/image/concept/close/blue.svg', alt: 'close', width: 24, height: 24, style: {
                                 position: "absolute"
-                            }, onClick: () => props.onClose() }) }), _jsx("div", { className: Styles.ns_dialog_children, children: props.children })] })] }));
+                            }, onClick: () => props.onClose() }) }), _jsx("div", { className: `${Styles.ns_dialog_content}`, style: { zIndex: props.zIndex }, children: _jsx("div", { className: Styles.ns_dialog_children, children: props.children }) })] })] }));
 }
 //# sourceMappingURL=NSDialog.js.map