namirasoft-site-react 1.3.16 → 1.3.18

package/dist/components/NSCard.d.ts

@@ -1,4 +1,5 @@
 import { Component } from 'react';
+import { NSLinkBlueState } from './NSLinkBlue';
 export interface NSCardProps {
     id?: string | number;
     title?: string;
@@ -7,11 +8,7 @@ export interface NSCardProps {
         src: string;
         alt: string;
     };
-    link?: {
-        text?: string;
-        href: string;
-        target?: string;
-    };
+    link?: NSLinkBlueState;
 }
 export declare class NSCard extends Component<NSCardProps> {
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSCard.js

@@ -2,15 +2,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Component } from 'react';
 import Styles from './NSCard.module.css';
+import { NSLinkBlue } from './NSLinkBlue';
 export class NSCard extends Component {
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
         return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: { alignItems: this.props.description ? "flex-start" : "center" }, children: [_jsx("img", { className: Styles.ns_card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsx("h3", { className: Styles.ns_card_title, children: this.props.title && this.props.title })] }), this.props.description &&
-                                _jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link &&
-                        this.props.link.text ?
-                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: (_a = this.props.link) === null || _a === void 0 ? void 0 : _a.href, target: (_c = (_b = this.props.link) === null || _b === void 0 ? void 0 : _b.target) !== null && _c !== void 0 ? _c : "_self", children: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.text }) })
+                                _jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link ?
+                        this.props.link.title ?
+                            _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { title: this.props.link.title, href: this.props.link.href, target: this.props.link.target, style: { marginTop: "24px" } }) })
+                            :
+                                _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: this.props.link.href, target: this.props.link.target }) })
                         :
-                            _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.href, target: (_g = (_f = this.props.link) === null || _f === void 0 ? void 0 : _f.target) !== null && _g !== void 0 ? _g : "_self" }) })] }) }));
+                            _jsx(_Fragment, {})] }) }));
     }
 }
 //# sourceMappingURL=NSCard.js.map

package/dist/components/NSCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAmBxC,MAAM,OAAO,MAAO,SAAQ,SAAsB;IACxC,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,aAChH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACjC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACtB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,YACxG,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,GACnB,GACC;wBACN,CAAC;4BACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAc3D,MAAM,OAAO,MAAO,SAAQ,SAAsB;IAExC,MAAM;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,EAAE,aAChH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACjC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;wBACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;4BACtB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAC5B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAC9B,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,GACzB,GACG;4BACN,CAAC;gCACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAC7B,GACG;wBACP,CAAC;4BACD,mBAAK,IAEI,GACT,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSCard.module.css

@@ -32,7 +32,7 @@
 }
 
 .ns_card_img {
-	border-radius: 24px;
+	border-radius: 16px;
 	object-fit: cover;
 	width: 100%;
 	height: 100%;
@@ -80,17 +80,6 @@
 	width: 100%;
 }
 
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-}
-
 
 @media only screen and (min-width: 576px) {
 	.ns_card {

package/dist/components/NSEntityCardBackground.d.ts

@@ -1,12 +1,10 @@
 import { Component } from 'react';
 import { Background } from '../types/Background';
+import { NSLinkBlueState } from './NSLinkBlue';
 export interface NSEntityCardBackgroundProps {
     id?: string | number;
     title: string;
-    link?: {
-        href: string;
-        target?: string;
-    };
+    link?: NSLinkBlueState;
     background?: Background;
 }
 export interface NSEntityCardBackgroundState {

package/dist/components/NSEntityCardBackground.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Component } from 'react';
 import Styles from './NSEntityCardBackground.module.css';
+import { NSLinkBlue } from './NSLinkBlue';
 export class NSEntityCardBackground extends Component {
     constructor(props) {
         var _a, _b, _c;
@@ -15,13 +16,13 @@ export class NSEntityCardBackground extends Component {
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c;
         return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.card_background, style: {
                     backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
                     backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
                     backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
                 }, children: [_jsx("p", { className: Styles.card_background_text, children: this.props.title }), this.props.link &&
-                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_link_absolute, href: (_d = this.props.link) === null || _d === void 0 ? void 0 : _d.href, target: (_f = (_e = this.props.link) === null || _e === void 0 ? void 0 : _e.target) !== null && _f !== void 0 ? _f : "_self" }) })] }) }));
+                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: this.props.link.href, target: this.props.link.target }) })] }) }));
     }
 }
 //# sourceMappingURL=NSEntityCardBackground.js.map

package/dist/components/NSEntityCardBackground.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAqBxD,MAAM,OAAO,sBAAuB,SAAQ,SAAmE;IAE9G,YAAY,KAAkC;;QAE7C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,KAAK,EACJ;oBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;iBACnD,aAGD,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAGH,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,MAAM,mCAAI,OAAO,GAC1G,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAExD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAgB3D,MAAM,OAAO,sBAAuB,SAAQ,SAAmE;IAG9G,YAAY,KAAkC;;QAE7C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,KAAK,EACJ;oBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;iBACnD,aAGD,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAGH,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAC7B,GACG,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSEntityCardBackground.module.css

@@ -26,14 +26,3 @@
 .ns_card_link_container {
 	width: 100%;
 }
-
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-}

package/dist/components/NSLinkBlue.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
 export interface NSLinkBlueProps {
-    title: string;
+    title?: string;
     href: string;
+    target?: string;
     style?: React.CSSProperties;
 }
 export interface NSLinkBlueState {
-    title: string;
+    title?: string;
     href: string;
+    target?: string;
 }
 export declare class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState> {
     constructor(props: NSLinkBlueProps);

package/dist/components/NSLinkBlue.js

@@ -5,7 +5,7 @@ import React from "react";
 export class NSLinkBlue extends React.Component {
     constructor(props) {
         super(props);
-        this.state = { title: props.title, href: props.href };
+        this.state = { title: props.title, href: props.href, target: props.target };
     }
     setTitle(title) {
         this.setState({ title });
@@ -14,7 +14,8 @@ export class NSLinkBlue extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx("div", { className: Styles.ns_link_parent, style: this.props.style, children: _jsx("a", { className: "text-white text-decoration-none", href: this.state.href, children: this.state.title }) }));
+        var _a, _b;
+        return (_jsx("div", { className: Styles.ns_link_parent, style: this.props.style, children: _jsx("a", { className: `text-white text-decoration-none ${this.props.title ? Styles.ns_link : Styles.ns_link_absolute}`, href: this.state.href, target: (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.target) !== null && _b !== void 0 ? _b : "_self", children: this.state.title }) }));
     }
 }
 //# sourceMappingURL=NSLinkBlue.js.map

package/dist/components/NSLinkBlue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAEhF,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACvD,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,CAAC,IAAY;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IACQ,MAAM;QAEd,OAAO,CAEN,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YAC7D,YAAG,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,YAClE,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,GACC,CACN,CAAA;IACF,CAAC;CACD"}
+{"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAEhF,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAG,IAAI,EAAE,KAAK,CAAC,IAAI,EAAG,MAAM,EAAE,KAAK,CAAC,MAAM,EAAC,CAAC;IAC9E,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,CAAC,IAAY;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IACQ,MAAM;;QAEd,OAAO,CAEN,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YAC7D,YAAG,SAAS,EAAE,mCAAmC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,OAAO,YAC1K,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,GACC,CACN,CAAA;IACF,CAAC;CACD"}

package/dist/components/NSLinkBlue.module.css

@@ -7,9 +7,10 @@
 	gap: 24px;
 }
 
-.ns_link_parent a {
+.ns_link {
 	text-decoration: none;
 	background-color: #366EFF;
+	box-shadow: inset 2px 2px 2px 0 #1754F3;
 	color: #fff;
 	font-size: 16px;
 	font-weight: 400;
@@ -21,4 +22,15 @@
 	border-radius: 24px;
 	max-width: 358px;
 	width: 100%;
-}
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}

package/package.json

@@ -8,7 +8,7 @@
   "framework": "npm",
   "application": "package",
   "private": false,
-  "version": "1.3.16",
+  "version": "1.3.18",
   "author": "Amir Abolhasani",
   "license": "MIT",
   "main": "./dist/main.js",

package/src/components/NSCard.module.css

@@ -32,7 +32,7 @@
 }
 
 .ns_card_img {
-	border-radius: 24px;
+	border-radius: 16px;
 	object-fit: cover;
 	width: 100%;
 	height: 100%;
@@ -80,17 +80,6 @@
 	width: 100%;
 }
 
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-}
-
 
 @media only screen and (min-width: 576px) {
 	.ns_card {

package/src/components/NSCard.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { Component } from 'react';
 import Styles from './NSCard.module.css'
+import { NSLinkBlue, NSLinkBlueState } from './NSLinkBlue';
 
 export interface NSCardProps
 {
@@ -11,15 +12,11 @@ export interface NSCardProps
 		src: string;
 		alt: string;
 	};
-	link?:
-	{
-		text?: string;
-		href: string;
-		target?: string;
-	}
+	link?: NSLinkBlueState
 }
 
-export class NSCard extends Component<NSCardProps> {
+export class NSCard extends Component<NSCardProps>
+{
 	override render()
 	{
 		return (
@@ -40,18 +37,25 @@ export class NSCard extends Component<NSCardProps> {
 						}
 
 					</div>
-					{this.props.link &&
-						this.props.link.text ?
-						<div className={Styles.ns_card_link_container}>
-							<a className={Styles.ns_card_link} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
-								{this.props.link?.text}
-							</a>
-						</div>
+					{this.props.link ?
+						this.props.link.title ?
+							<div className={Styles.ns_card_link_container}>
+								<NSLinkBlue
+									title={this.props.link.title}
+									href={this.props.link.href}
+									target={this.props.link.target}
+									style={{marginTop: "24px"}}
+								/>
+							</div>
+							:
+							<div className={Styles.ns_card_link_container}>
+								<NSLinkBlue
+									href={this.props.link.href}
+									target={this.props.link.target}
+								/>
+							</div>
 						:
-						<div className={Styles.ns_card_link_container}>
-							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
-							</a>
-						</div>
+						<></>
 					}
 				</article >
 			</>

package/src/components/NSEntityCardBackground.module.css

@@ -26,14 +26,3 @@
 .ns_card_link_container {
 	width: 100%;
 }
-
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-}

package/src/components/NSEntityCardBackground.tsx

@@ -3,16 +3,13 @@
 import { Component } from 'react';
 import Styles from './NSEntityCardBackground.module.css'
 import { Background } from '../types/Background';
+import { NSLinkBlue, NSLinkBlueState } from './NSLinkBlue';
 
 export interface NSEntityCardBackgroundProps
 {
 	id?: string | number;
 	title: string;
-	link?:
-	{
-		href: string;
-		target?: string;
-	};
+	link?: NSLinkBlueState
 
 	background?: Background;
 }
@@ -22,7 +19,8 @@ export interface NSEntityCardBackgroundState
 	background?: Background;
 }
 
-export class NSEntityCardBackground extends Component<NSEntityCardBackgroundProps, NSEntityCardBackgroundState> {
+export class NSEntityCardBackground extends Component<NSEntityCardBackgroundProps, NSEntityCardBackgroundState>
+{
 
 	constructor(props: NSEntityCardBackgroundProps)
 	{
@@ -56,8 +54,10 @@ export class NSEntityCardBackground extends Component<NSEntityCardBackgroundProp
 
 					{this.props.link &&
 						<div className={Styles.ns_card_link_container}>
-							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
-							</a>
+							<NSLinkBlue
+								href={this.props.link.href}
+								target={this.props.link.target}
+							/>
 						</div>
 					}
 				</article >

package/src/components/NSLinkBlue.module.css

@@ -7,9 +7,10 @@
 	gap: 24px;
 }
 
-.ns_link_parent a {
+.ns_link {
 	text-decoration: none;
 	background-color: #366EFF;
+	box-shadow: inset 2px 2px 2px 0 #1754F3;
 	color: #fff;
 	font-size: 16px;
 	font-weight: 400;
@@ -21,4 +22,15 @@
 	border-radius: 24px;
 	max-width: 358px;
 	width: 100%;
-}
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}

package/src/components/NSLinkBlue.tsx

@@ -5,15 +5,17 @@ import React from "react";
 
 export interface NSLinkBlueProps
 {
-	title: string;
+	title?: string;
 	href: string;
+	target?: string;
 	style?: React.CSSProperties;
 }
 
 export interface NSLinkBlueState
 {
-	title: string;
+	title?: string;
 	href: string;
+	target?: string;
 }
 
 export class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState>
@@ -21,7 +23,7 @@ export class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState
 	constructor(props: NSLinkBlueProps)
 	{
 		super(props);
-		this.state = { title: props.title, href: props.href };
+		this.state = { title: props.title , href: props.href , target: props.target};
 	}
 	setTitle(title: string)
 	{
@@ -36,7 +38,7 @@ export class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState
 		return (
 
 			<div className={Styles.ns_link_parent} style={this.props.style}>
-				<a className="text-white text-decoration-none" href={this.state.href}>
+				<a className={`text-white text-decoration-none ${this.props.title ? Styles.ns_link : Styles.ns_link_absolute}`} href={this.state.href} target={this.state?.target ?? "_self"} >
 					{this.state.title}
 				</a>
 			</div>