namirasoft-site-react 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,6 @@
1
1
  import { Component } from 'react';
2
2
  export interface NSCardProps {
3
+ id?: string | number;
3
4
  title: string;
4
5
  description?: string;
5
6
  image: {
@@ -5,8 +5,8 @@ import Styles from './NSCard.module.css';
5
5
  export class NSCard extends Component {
6
6
  render() {
7
7
  var _a;
8
- 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.card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsx("h3", { className: Styles.card_title, children: this.props.title })] }), this.props.description &&
9
- _jsx("p", { className: Styles.card_description, children: this.props.description })] }), this.props.link &&
8
+ 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.description &&
9
+ _jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link &&
10
10
  _jsx("div", { className: Styles.ns_card_link_container, children: _jsx("a", { className: Styles.ns_card_link, href: this.props.link.href, target: (_a = this.props.link.target) !== null && _a !== void 0 ? _a : "_self", children: this.props.link.text }) })] }) }));
11
11
  }
12
12
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAkBxC,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,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EACzF,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,GACb,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACnC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,mCAAI,OAAO,YACtG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAClB,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,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,GACb,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,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,mCAAI,OAAO,YACtG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAClB,GACC,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
@@ -1,5 +1,6 @@
1
1
  import { Component } from 'react';
2
2
  export interface NSEntityBarProps {
3
+ id?: string | number;
3
4
  title: string;
4
5
  description: string;
5
6
  image: {
@@ -4,7 +4,7 @@ import { Component } from 'react';
4
4
  import Styles from './NSEntityBar.module.css';
5
5
  export class NSEntityBar extends Component {
6
6
  render() {
7
- return (_jsxs("article", { className: Styles.entity_bar_item, children: [_jsx("figure", { className: Styles.entity_bar_image_container, children: _jsx("img", { src: this.props.image.src, alt: this.props.image.alt, width: 310, height: 240 }) }), _jsxs("div", { className: Styles.entity_bar_details_container, children: [_jsxs("h3", { className: Styles.entity_bar_image_title, children: [" ", this.props.title, " "] }), _jsxs("p", { className: Styles.entity_bar_image_description, children: [" ", this.props.description, " "] })] })] }));
7
+ return (_jsxs("article", { className: Styles.ns_entity_bar_item, children: [_jsx("figure", { className: Styles.ns_entity_bar_image_container, children: _jsx("img", { src: this.props.image.src, alt: this.props.image.alt, width: 310, height: 240 }) }), _jsxs("div", { className: Styles.ns_entity_bar_details_container, children: [_jsxs("h3", { className: Styles.ns_entity_bar_image_title, children: [" ", this.props.title, " "] }), _jsxs("p", { className: Styles.ns_entity_bar_image_description, children: [" ", this.props.description, " "] })] })] }));
8
8
  }
9
9
  }
10
10
  //# sourceMappingURL=NSEntityBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAY7C,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAClD,MAAM;QAEd,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,aACzC,iBAAQ,SAAS,EAAE,MAAM,CAAC,0BAA0B,YACnD,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAC9E,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,4BAA4B,aAClD,cAAI,SAAS,EAAE,MAAM,CAAC,sBAAsB,kBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAO,EACvE,aAAG,SAAS,EAAE,MAAM,CAAC,4BAA4B,kBAAK,IAAI,CAAC,KAAK,CAAC,WAAW,SAAM,IAC7E,IACG,CACV,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAa7C,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAClD,MAAM;QAEd,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAC5C,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAC9E,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAO,EAC1E,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,IAAI,CAAC,KAAK,CAAC,WAAW,SAAM,IAChF,IACG,CACV,CAAC;IACH,CAAC;CACD"}
@@ -7,7 +7,7 @@ import { NSSection } from './NSSection';
7
7
  export class NSSectionBars extends Component {
8
8
  render() {
9
9
  var _a;
10
- return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = this.props.bars) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSEntityBar, Object.assign({}, bar))) }) }) }));
10
+ return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`, children: (_a = this.props.bars) === null || _a === void 0 ? void 0 : _a.map((bar) => _jsx(NSEntityBar, Object.assign({}, bar), bar.id)) }) }) }));
11
11
  }
12
12
  }
13
13
  //# sourceMappingURL=NSSectionBars.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSSectionBars.js","sourceRoot":"","sources":["../../src/components/NSSectionBars.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,cAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,YAEjF,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAM,GAAG,EAAI,CAAC,GAEpD,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSSectionBars.js","sourceRoot":"","sources":["../../src/components/NSSectionBars.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,cAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,YAEjF,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,WAAW,oBAAkB,GAAG,GAAf,GAAG,CAAC,EAAE,CAAa,CAAC,GAEhE,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
@@ -11,7 +11,7 @@ export class NSSectionCards extends Component {
11
11
  var _a, _b, _c, _d, _e, _f;
12
12
  return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
13
13
  _jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { color: (_a = this.props.title) === null || _a === void 0 ? void 0 : _a.color, title: (_b = this.props.title) === null || _b === void 0 ? void 0 : _b.text }), this.props.description &&
14
- _jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card))) }), this.props.button &&
14
+ _jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), this.props.button &&
15
15
  _jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, { href: (_e = this.props.button) === null || _e === void 0 ? void 0 : _e.href, title: (_f = this.props.button) === null || _f === void 0 ? void 0 : _f.title }) })] }) }) }));
16
16
  }
17
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAM,IAAI,EAAI,CAAC,GAElD,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.0",
11
+ "version": "1.3.1",
12
12
  "main": "./dist/main.js",
13
13
  "types": "./dist/main.d.ts",
14
14
  "author": "Amir Abolhasani",
@@ -28,11 +28,11 @@
28
28
  "bootstrap": "^5.3.3",
29
29
  "link-react": "^3.0.0",
30
30
  "namirasoft-api-link": "^1.3.0",
31
- "namirasoft-core": "^1.3.0",
31
+ "namirasoft-core": "^1.3.11",
32
32
  "path-browserify": "^1.0.1",
33
33
  "react": "^18.2.0",
34
34
  "react-app-rewired": "^2.2.1",
35
- "react-bootstrap": "^2.10.1",
35
+ "react-bootstrap": "^2.10.2",
36
36
  "react-dom": "^18.2.0",
37
37
  "react-phone-input-2": "^2.15.1",
38
38
  "react-phone-number-input": "^3.3.9",
@@ -30,27 +30,29 @@
30
30
  width: 100%;
31
31
  }
32
32
 
33
- .card_img {
33
+ .ns_card_img {
34
34
  object-fit: cover;
35
35
  width: 100%;
36
36
  height: 100%;
37
37
  max-height: 310px;
38
38
  }
39
39
 
40
- .card_title {
41
- font-style: normal;
40
+ .ns_card_title {
41
+ font-style: inherit;
42
42
  font-size: 24px;
43
43
  font-weight: 700;
44
+ font-family: inherit;
44
45
  line-height: normal;
45
46
  color: inherit;
46
47
  text-align: inherit;
47
48
  color: #141161;
48
49
  }
49
50
 
50
- .card_description {
51
+ .ns_card_description {
51
52
  font-style: normal;
52
53
  font-size: 16px;
53
54
  font-weight: 400;
55
+ font-family: inherit;
54
56
  line-height: normal;
55
57
  color: inherit;
56
58
  text-align: justify;
@@ -71,7 +73,8 @@
71
73
  width: 100%;
72
74
  max-width: 310px;
73
75
  }
74
- .ns_card_link_container {
76
+
77
+ .ns_card_link_container {
75
78
  width: 100%;
76
79
  }
77
80
 
@@ -6,6 +6,7 @@ import Styles from './NSCard.module.css'
6
6
 
7
7
  export interface NSCardProps
8
8
  {
9
+ id?: string | number;
9
10
  title: string;
10
11
  description?: string;
11
12
  image: {
@@ -28,14 +29,14 @@ export class NSCard extends Component<NSCardProps> {
28
29
  <article className={Styles.ns_card}>
29
30
  <div className={Styles.ns_card_detail_container}>
30
31
  <div className={Styles.ns_card_title_img} style={{ alignItems: this.props.description ? "flex-start" : "center" }}>
31
- <img className={Styles.card_img} src={this.props.image.src} alt={this.props.image.alt} />
32
- <h3 className={Styles.card_title}>
32
+ <img className={Styles.ns_card_img} src={this.props.image.src} alt={this.props.image.alt} />
33
+ <h3 className={Styles.ns_card_title}>
33
34
  {this.props.title}
34
35
  </h3>
35
36
  </div>
36
37
 
37
38
  {this.props.description &&
38
- <p className={Styles.card_description}>
39
+ <p className={Styles.ns_card_description}>
39
40
  {this.props.description}
40
41
  </p>
41
42
  }
@@ -1,4 +1,4 @@
1
- .entity_bar_item {
1
+ .ns_entity_bar_item {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  justify-content: flex-start;
@@ -10,34 +10,35 @@
10
10
  max-width: 358px;
11
11
  }
12
12
 
13
- .entity_bar_image_container {
13
+ .ns_entity_bar_image_container {
14
14
  width: 100%;
15
15
  }
16
16
 
17
- .entity_bar_details_container {
17
+ .ns_entity_bar_details_container {
18
18
  text-align: start;
19
19
  }
20
20
 
21
- .entity_bar_image_title {
21
+ .ns_entity_bar_image_title {
22
22
  color: #001664;
23
23
  font-size: 32px;
24
24
  font-weight: 700;
25
+ font-family: inherit;
25
26
  line-height: 32px;
26
27
  margin-bottom: 16px;
27
28
  text-align: start;
28
29
  }
29
30
 
30
- .entity_bar_image_description {
31
-
31
+ .ns_entity_bar_image_description {
32
32
  color: #001664;
33
33
  font-size: 16px;
34
34
  font-weight: 400;
35
+ font-family: inherit;
35
36
  line-height: 24px;
36
37
  text-align: justify;
37
38
  }
38
39
 
39
40
  @media only screen and (min-width: 992px) {
40
- .entity_bar_item {
41
+ .ns_entity_bar_item {
41
42
  display: flex;
42
43
  flex-direction: row;
43
44
  justify-content: flex-start;
@@ -47,7 +48,7 @@
47
48
  max-width: 1170px;
48
49
  }
49
50
 
50
- .entity_bar_details_container {
51
+ .ns_entity_bar_details_container {
51
52
  padding: 24px 0;
52
53
  }
53
54
  }
@@ -6,6 +6,7 @@ import Styles from './NSEntityBar.module.css'
6
6
 
7
7
  export interface NSEntityBarProps
8
8
  {
9
+ id?: string | number;
9
10
  title: string;
10
11
  description: string;
11
12
  image: {
@@ -18,13 +19,13 @@ export class NSEntityBar extends Component<NSEntityBarProps> {
18
19
  override render()
19
20
  {
20
21
  return (
21
- <article className={Styles.entity_bar_item}>
22
- <figure className={Styles.entity_bar_image_container}>
22
+ <article className={Styles.ns_entity_bar_item}>
23
+ <figure className={Styles.ns_entity_bar_image_container}>
23
24
  <img src={this.props.image.src} alt={this.props.image.alt} width={310} height={240} />
24
25
  </figure>
25
- <div className={Styles.entity_bar_details_container}>
26
- <h3 className={Styles.entity_bar_image_title}> {this.props.title} </h3>
27
- <p className={Styles.entity_bar_image_description} > {this.props.description} </p>
26
+ <div className={Styles.ns_entity_bar_details_container}>
27
+ <h3 className={Styles.ns_entity_bar_image_title}> {this.props.title} </h3>
28
+ <p className={Styles.ns_entity_bar_image_description} > {this.props.description} </p>
28
29
  </div>
29
30
  </article>
30
31
  );
@@ -7,7 +7,6 @@ import Styles from './NSSectionBars.module.css';
7
7
  import { NSEntityBar, NSEntityBarProps } from './NSEntityBar';
8
8
  import { NSSection } from './NSSection';
9
9
  import { Background } from '../types/Background';
10
- // import { NSLinkBlue } from './NSLinkBlue';
11
10
 
12
11
  interface NSSectionBarsProps
13
12
  {
@@ -23,7 +22,7 @@ export class NSSectionBars extends Component<NSSectionBarsProps> {
23
22
  <NSSection background={this.props.background} >
24
23
  <div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_entity_bar_container}`}>
25
24
  {
26
- this.props.bars?.map((bar) => <NSEntityBar {...bar} />)
25
+ this.props.bars?.map((bar) => <NSEntityBar key={bar.id} {...bar} />)
27
26
  }
28
27
  </div>
29
28
  </NSSection>
@@ -18,7 +18,7 @@
18
18
  flex-direction: row;
19
19
  flex-wrap: wrap;
20
20
  justify-content: center;
21
- gap: 48px;
21
+ gap: 24px;
22
22
  width: 100%;
23
23
  }
24
24
 
@@ -30,9 +30,9 @@
30
30
 
31
31
  .description {
32
32
  font-style: normal;
33
- font-weight: initial;
33
+ font-weight: inherit;
34
34
  font-size: 16px;
35
- font-family: initial;
36
- line-height: initial;
35
+ font-family: inherit;
36
+ line-height: inherit;
37
37
  margin-bottom: 16px;
38
38
  }
@@ -50,7 +50,7 @@ export class NSSectionCards extends Component<NSSectionCardsProps> {
50
50
 
51
51
  <div className={` ${Styles.ns_card_container}`}>
52
52
  {
53
- this.props.cards?.map((card) => <NSCard {...card} />)
53
+ this.props.cards?.map((card) => <NSCard key={card.id} {...card} />)
54
54
  }
55
55
  </div>
56
56
  {
@@ -6,4 +6,5 @@
6
6
  margin-bottom: 16px;
7
7
  width: 100%;
8
8
  text-align: center;
9
+ font-family: inherit;
9
10
  }