namirasoft-site-react 1.4.134 → 1.4.136

package/src/components/NSEntityCardBackground.tsx

@@ -1,37 +1,37 @@
-// todo, this does not seem to work. I removed export to see if some application need this or not. 
-// we need to delete after a while
-import Styles from './NSEntityCardBackground.module.css'
-import { NSLinkBlue } from './NSLinkBlue';
-import { ILinkProps } from '../props/ILinkProps';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface NSEntityCardBackgroundProps extends IBaseComponentProps
-{
-	title: string;
-	link?: ILinkProps
-}
-
-export function NSEntityCardBackground(props: NSEntityCardBackgroundProps)
-{
-	return (
-		<>
-			<article id={props.id}
-				className={`${Styles.card_background} ${props.classList?.join(" ")}`}
-				style={props.style}
-			>
-				<h3 className={Styles.card_background_text}>
-					{props.title}
-				</h3>
-				{
-					props.link &&
-					<div className={Styles.ns_card_link_container}>
-						<NSLinkBlue
-							href={props.link.href}
-							target={props.link.target}
-						/>
-					</div>
-				}
-			</article >
-		</>
-	);
+// todo, this does not seem to work. I removed export to see if some application need this or not. 
+// we need to delete after a while
+import Styles from './NSEntityCardBackground.module.css'
+import { NSLinkBlue } from './NSLinkBlue';
+import { ILinkProps } from '../props/ILinkProps';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface NSEntityCardBackgroundProps extends IBaseComponentProps
+{
+	title: string;
+	link?: ILinkProps
+}
+
+export function NSEntityCardBackground(props: NSEntityCardBackgroundProps)
+{
+	return (
+		<>
+			<article id={props.id}
+				className={`${Styles.card_background} ${props.classList?.join(" ")}`}
+				style={props.style}
+			>
+				<h3 className={Styles.card_background_text}>
+					{props.title}
+				</h3>
+				{
+					props.link &&
+					<div className={Styles.ns_card_link_container}>
+						<NSLinkBlue
+							href={props.link.href}
+							target={props.link.target}
+						/>
+					</div>
+				}
+			</article >
+		</>
+	);
 }

package/src/components/NSFilterBox.module.css

@@ -1,63 +1,56 @@
-.ns_select_container {
-	display: flex;
-	flex-direction: row;
-	justify-content: left;
-	align-items: flex-start;
-	width: 100%;
-	gap: 16px;
-}
-
-.ns_input_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	align-items: center;
-	position: relative;
-	width: 100%;
-	gap: 16px;
-}
-
-.ns_input_filter {
-	width: 100%;
-}
-
-.ns_input_icon_container {
-	margin: 0 !important;
-	position: absolute;
-	left: 12px;
-	top: 12px;
-}
-
-.ns_input {
-	border-radius: 8px;
-	padding: 10px 12px 10px 48px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	width: 100%;
-}
-
-.ns_input:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
-}
-
-.ns_input_close_icon {
-	margin: 0 !important;
-	position: absolute;
-	right: 16px;
-	cursor: pointer;
-}
-
-.ns_selected_list_parent {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	gap: 8px;
-}
-
-@media only screen and (min-width: 480px) {
-	.ns_input_filter {
-		width: auto;
-	}
+.ns_filter_box_container {
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	align-items: flex-start;
+	width: 100%;
+	gap: 16px;
+}
+
+.ns_filter_box_filter_parent {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-items: center;
+	position: relative;
+	width: 100%;
+	gap: 16px;
+}
+
+.ns_filter_box_filter {
+	width: 100%;
+}
+
+.ns_filter_box_icon_parent {
+	margin: 0 !important;
+	position: absolute;
+	left: 12px;
+	top: 12px;
+}
+
+.ns_filter_box_input {
+	border-radius: 8px;
+	padding: 10px 12px 10px 48px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	width: 100%;
+}
+
+.ns_filter_box_input:focus-visible {
+	border-color: rgba(0, 0, 0, 1) !important;
+	outline: solid 1px #4096ff !important;
+}
+
+.ns_filter_box_selected_list_parent {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: 8px;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_filter_box_filter {
+		width: auto;
+	}
 }