namirasoft-site-react 1.3.28 → 1.3.30

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.
Files changed (35) hide show
  1. package/dist/App.js +1 -1
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSLayout.module.css +0 -1
  4. package/dist/components/NSLayoutTitle.js +2 -2
  5. package/dist/components/NSLayoutTitle.js.map +1 -1
  6. package/dist/components/NSLoading.d.ts +0 -1
  7. package/dist/components/NSLoading.js +1 -1
  8. package/dist/components/NSLoading.js.map +1 -1
  9. package/dist/components/NSSection.d.ts +0 -1
  10. package/dist/components/NSSection.js +1 -1
  11. package/dist/components/NSSection.js.map +1 -1
  12. package/dist/components/NSSection.module.css +0 -5
  13. package/dist/components/NSSectionCards.d.ts +0 -1
  14. package/dist/components/NSSectionCards.js +1 -1
  15. package/dist/components/NSSectionCards.js.map +1 -1
  16. package/dist/components/NSSectionTitle.d.ts +0 -1
  17. package/dist/components/NSSectionTitle.js +1 -1
  18. package/dist/components/NSSectionTitle.js.map +1 -1
  19. package/dist/components/NSSpace.d.ts +23 -0
  20. package/dist/components/NSSpace.js +32 -0
  21. package/dist/components/NSSpace.js.map +1 -0
  22. package/dist/main.d.ts +1 -0
  23. package/dist/main.js +1 -0
  24. package/dist/main.js.map +1 -1
  25. package/package.json +65 -65
  26. package/src/App.tsx +1 -1
  27. package/src/components/NSLayout.module.css +0 -1
  28. package/src/components/NSLayoutTitle.tsx +7 -11
  29. package/src/components/NSLoading.tsx +1 -2
  30. package/src/components/NSSection.module.css +0 -5
  31. package/src/components/NSSection.tsx +1 -5
  32. package/src/components/NSSectionCards.tsx +1 -6
  33. package/src/components/NSSectionTitle.tsx +1 -2
  34. package/src/components/NSSpace.tsx +49 -0
  35. package/src/main.ts +2 -3
package/dist/App.js CHANGED
@@ -3,6 +3,6 @@ import './App.css';
3
3
  import 'bootstrap/dist/css/bootstrap.min.css';
4
4
  import { NSLayoutTitle } from './main';
5
5
  export function App() {
6
- return (_jsx("div", { className: "App", children: _jsx(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", description: '', children: _jsx("div", {}) }) }));
6
+ return (_jsx("div", { className: "App", children: _jsx(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", children: _jsx("div", {}) }) }));
7
7
  }
8
8
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,EAAE,YACvF,eAEM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACxE,eAEM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
@@ -9,7 +9,6 @@
9
9
  .ns_header {
10
10
  margin-bottom: 48px;
11
11
  width: 100%;
12
-
13
12
  }
14
13
 
15
14
  .ns_footer {
@@ -5,8 +5,8 @@ import { Component } from 'react';
5
5
  import { NSLayout } from './NSLayout';
6
6
  export class NSLayoutTitle extends Component {
7
7
  render() {
8
- var _a;
9
- return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: this.props.title }), _jsx("p", { className: Styles.description, style: { display: this.props.description == ((_a = this.props.description) === null || _a === void 0 ? void 0 : _a.length) ? "none" : "block" }, children: this.props.description })] }), this.props.children] }));
8
+ return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: this.props.title }), this.props.description &&
9
+ _jsx("p", { className: Styles.description, children: this.props.description })] }), this.props.children] }));
10
10
  }
11
11
  }
12
12
  //# sourceMappingURL=NSLayoutTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;;QAUd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EACpD,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IACzH,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAEtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAEnD,IAAI,CAAC,KAAK,CAAC,WAAW;4BACtB,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAE1D,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
@@ -2,7 +2,6 @@ import { Component } from 'react';
2
2
  import { BackgroundType } from '../types/Background';
3
3
  interface NSLoadingProps {
4
4
  background?: BackgroundType;
5
- padding_bottom?: string;
6
5
  }
7
6
  export declare class NSLoading extends Component<NSLoadingProps> {
8
7
  render(): import("react/jsx-runtime").JSX.Element;
@@ -5,7 +5,7 @@ import Styles from './NSLoading.module.css';
5
5
  import { NSSection } from './NSSection';
6
6
  export class NSLoading extends Component {
7
7
  render() {
8
- return (_jsx(NSSection, { background: this.props.background, padding_bottom: this.props.padding_bottom, children: _jsx("div", { className: Styles.ns_loading_parent, children: _jsx("div", { className: Styles.ns_loader }) }) }));
8
+ return (_jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: Styles.ns_loading_parent, children: _jsx("div", { className: Styles.ns_loader }) }) }));
9
9
  }
10
10
  }
11
11
  //# sourceMappingURL=NSLoading.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAE9C,MAAM;QAEd,OAAO,CACN,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACtF,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ,GACnC,GACK,CACZ,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAE9C,MAAM;QAEd,OAAO,CACN,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ,GACnC,GACK,CACZ,CAAC;IACH,CAAC;CACD"}
@@ -3,7 +3,6 @@ import { BackgroundType } from "../types/Background";
3
3
  export interface NSSectionProps {
4
4
  children: ReactNode;
5
5
  background?: BackgroundType;
6
- padding_bottom?: string;
7
6
  }
8
7
  export interface NSSectionState {
9
8
  background?: BackgroundType;
@@ -20,7 +20,7 @@ export class NSSection extends Component {
20
20
  backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
21
21
  backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
22
22
  backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
23
- }, className: Styles.ns_section, children: _jsx("div", { style: { paddingBottom: this.props.padding_bottom }, className: `${Styles.ns_section_whitespace}`, children: this.props.children }) }));
23
+ }, className: Styles.ns_section, children: this.props.children }));
24
24
  }
25
25
  }
26
26
  //# sourceMappingURL=NSSection.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAe3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IACvE,YAAY,KAAqB;;QAEhC,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;IACQ,MAAM;;QAEd,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,UAAU,YAC5B,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EACvD,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,YAC3C,IAAI,CAAC,KAAK,CAAC,QAAQ,GACf,GACG,CACV,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAc3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IACvE,YAAY,KAAqB;;QAEhC,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;IACQ,MAAM;;QAEd,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,GACX,CACV,CAAC;IACH,CAAC;CACD"}
@@ -2,9 +2,4 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
- }
6
-
7
- .ns_section_whitespace {
8
- padding-bottom: 48px;
9
- padding-top: 48px;
10
5
  }
@@ -16,7 +16,6 @@ export interface NSSectionCardsProps {
16
16
  title: string;
17
17
  };
18
18
  cards: NSCardProps[];
19
- padding_bottom?: string;
20
19
  }
21
20
  export declare class NSSectionCards extends Component<NSSectionCardsProps> {
22
21
  render(): import("react/jsx-runtime").JSX.Element;
@@ -9,7 +9,7 @@ import { NSLinkBlue } from './NSLinkBlue';
9
9
  export class NSSectionCards extends Component {
10
10
  render() {
11
11
  var _a, _b, _c, _d, _e, _f;
12
- return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, padding_bottom: this.props.padding_bottom, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
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
14
  _jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.ns_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 }) })] }) }) }));
@@ -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;AAClC,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;AAsB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IAExD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACtF,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,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGrH,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"}
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;AAClC,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;IAExD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAEjF,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,EAEzE,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,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAErH,EAEP,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"}
@@ -6,7 +6,6 @@ export interface NSSectionTitleProps {
6
6
  color?: string;
7
7
  };
8
8
  background?: BackgroundType;
9
- padding_bottom?: string;
10
9
  children: ReactNode;
11
10
  }
12
11
  export declare class NSSectionTitle extends Component<NSSectionTitleProps> {
@@ -5,7 +5,7 @@ import { NSSection } from './NSSection';
5
5
  import { NSTitle } from './NSTitle';
6
6
  export class NSSectionTitle extends Component {
7
7
  render() {
8
- return (_jsxs(NSSection, { padding_bottom: this.props.padding_bottom, background: this.props.background, children: [_jsx(NSTitle, { color: this.props.title.color, title: this.props.title.text }), this.props.children] }));
8
+ return (_jsxs(NSSection, { background: this.props.background, children: [_jsx(NSTitle, { color: this.props.title.color, title: this.props.title.text }), this.props.children] }));
9
9
  }
10
10
  }
11
11
  //# sourceMappingURL=NSSectionTitle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;QAEd,OAAO,CACN,MAAC,SAAS,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,aACtF,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAI,EACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACT,CACZ,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;QAEd,OAAO,CACN,MAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,aAC3C,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAI,EACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACT,CACZ,CAAC;IACH,CAAC;CACD"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ export interface NSSpaceProps {
3
+ size: NSSpaceSizeType;
4
+ }
5
+ export declare enum NSSpaceSizeType {
6
+ TINY = "4px",
7
+ MINI = "8px",
8
+ SMALL = "16px",
9
+ MEDUIM = "24px",
10
+ LARGE = "32px",
11
+ XLARGE = "48px",
12
+ XXLARGE = "64px",
13
+ XXXLARGE = "96px"
14
+ }
15
+ export interface NSSpaceState {
16
+ size: NSSpaceSizeType;
17
+ }
18
+ export declare class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
19
+ constructor(props: NSSpaceProps);
20
+ setValue(size: NSSpaceSizeType): void;
21
+ getValue(): NSSpaceSizeType;
22
+ render(): import("react/jsx-runtime").JSX.Element;
23
+ }
@@ -0,0 +1,32 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import React from "react";
4
+ export var NSSpaceSizeType;
5
+ (function (NSSpaceSizeType) {
6
+ NSSpaceSizeType["TINY"] = "4px";
7
+ NSSpaceSizeType["MINI"] = "8px";
8
+ NSSpaceSizeType["SMALL"] = "16px";
9
+ NSSpaceSizeType["MEDUIM"] = "24px";
10
+ NSSpaceSizeType["LARGE"] = "32px";
11
+ NSSpaceSizeType["XLARGE"] = "48px";
12
+ NSSpaceSizeType["XXLARGE"] = "64px";
13
+ NSSpaceSizeType["XXXLARGE"] = "96px";
14
+ })(NSSpaceSizeType || (NSSpaceSizeType = {}));
15
+ export class NSSpace extends React.Component {
16
+ constructor(props) {
17
+ super(props);
18
+ this.state = { size: props.size };
19
+ this.setValue = this.setValue.bind(this);
20
+ this.getValue = this.getValue.bind(this);
21
+ }
22
+ setValue(size) {
23
+ this.setState({ size });
24
+ }
25
+ getValue() {
26
+ return this.state.size;
27
+ }
28
+ render() {
29
+ return (_jsx("hr", { style: { height: this.state.size } }));
30
+ }
31
+ }
32
+ //# sourceMappingURL=NSSpace.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,+BAAY,CAAA;IACZ,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,oCAAiB,CAAA;AACrB,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IACpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAI,CAC7C,CAAC;IACN,CAAC;CACJ"}
package/dist/main.d.ts CHANGED
@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
25
25
  export * from "./components/NSLayoutTitle";
26
26
  export * from "./components/NSLoading";
27
27
  export * from "./components/NSSelectBox";
28
+ export * from "./components/NSSpace";
28
29
  export * from "./components/NSSection";
29
30
  export * from "./components/NSSectionBars";
30
31
  export * from "./components/NSSectionCards";
package/dist/main.js CHANGED
@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
25
25
  export * from "./components/NSLayoutTitle";
26
26
  export * from "./components/NSLoading";
27
27
  export * from "./components/NSSelectBox";
28
+ export * from "./components/NSSpace";
28
29
  export * from "./components/NSSection";
29
30
  export * from "./components/NSSectionBars";
30
31
  export * from "./components/NSSectionCards";
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
package/package.json CHANGED
@@ -1,66 +1,66 @@
1
1
  {
2
- "name": "namirasoft-site-react",
3
- "title": "Namirasoft Site React",
4
- "description": "Namira Software Corporation Site React NPM Package",
5
- "icon": "logo.png",
6
- "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
7
- "language": "ts",
8
- "framework": "npm",
9
- "application": "package",
10
- "private": false,
11
- "version": "1.3.28",
12
- "author": "Amir Abolhasani",
13
- "license": "MIT",
14
- "main": "./dist/main.js",
15
- "types": "./dist/main.d.ts",
16
- "scripts": {
17
- "start": "react-app-rewired start",
18
- "build": "npm run copy && tsc",
19
- "test": "react-app-rewired test",
20
- "eject": "react-app-rewired eject",
21
- "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
22
- },
23
- "dependencies": {
24
- "@types/node": "^20.12.6",
25
- "@types/react": "^18.2.75",
26
- "@types/react-dom": "^18.2.24",
27
- "antd": "^5.16.1",
28
- "bootstrap": "^5.3.3",
29
- "link-react": "^3.0.0",
30
- "namirasoft-api-link": "^1.3.1",
31
- "namirasoft-core": "^1.3.18",
32
- "path-browserify": "^1.0.1",
33
- "react": "^18.2.0",
34
- "react-app-rewired": "^2.2.1",
35
- "react-bootstrap": "^2.10.2",
36
- "react-dom": "^18.2.0",
37
- "react-phone-input-2": "^2.15.1",
38
- "react-phone-number-input": "^3.3.12",
39
- "react-router-dom": "^6.22.3",
40
- "react-scripts": "5.0.1",
41
- "copyfiles": "^2.4.1"
42
- },
43
- "eslintConfig": {
44
- "extends": [
45
- "react-app",
46
- "react-app/jest"
47
- ]
48
- },
49
- "skip": {
50
- "content": [
51
- "/tsconfig.json"
52
- ]
53
- },
54
- "browserslist": {
55
- "production": [
56
- ">0.2%",
57
- "not dead",
58
- "not op_mini all"
59
- ],
60
- "development": [
61
- "last 1 chrome version",
62
- "last 1 firefox version",
63
- "last 1 safari version"
64
- ]
65
- }
66
- }
2
+ "name": "namirasoft-site-react",
3
+ "title": "Namirasoft Site React",
4
+ "description": "Namira Software Corporation Site React NPM Package",
5
+ "icon": "logo.png",
6
+ "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
7
+ "language": "ts",
8
+ "framework": "npm",
9
+ "application": "package",
10
+ "private": false,
11
+ "version": "1.3.30",
12
+ "author": "Amir Abolhasani",
13
+ "license": "MIT",
14
+ "main": "./dist/main.js",
15
+ "types": "./dist/main.d.ts",
16
+ "scripts": {
17
+ "start": "react-app-rewired start",
18
+ "build": "npm run copy && tsc",
19
+ "test": "react-app-rewired test",
20
+ "eject": "react-app-rewired eject",
21
+ "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
22
+ },
23
+ "dependencies": {
24
+ "@types/node": "^20.12.7",
25
+ "@types/react": "^18.2.77",
26
+ "@types/react-dom": "^18.2.25",
27
+ "antd": "^5.16.1",
28
+ "bootstrap": "^5.3.3",
29
+ "link-react": "^3.0.0",
30
+ "namirasoft-api-link": "^1.3.1",
31
+ "namirasoft-core": "^1.3.18",
32
+ "path-browserify": "^1.0.1",
33
+ "react": "^18.2.0",
34
+ "react-app-rewired": "^2.2.1",
35
+ "react-bootstrap": "^2.10.2",
36
+ "react-dom": "^18.2.0",
37
+ "react-phone-input-2": "^2.15.1",
38
+ "react-phone-number-input": "^3.3.12",
39
+ "react-router-dom": "^6.22.3",
40
+ "react-scripts": "5.0.1",
41
+ "copyfiles": "^2.4.1"
42
+ },
43
+ "eslintConfig": {
44
+ "extends": [
45
+ "react-app",
46
+ "react-app/jest"
47
+ ]
48
+ },
49
+ "skip": {
50
+ "content": [
51
+ "/tsconfig.json"
52
+ ]
53
+ },
54
+ "browserslist": {
55
+ "production": [
56
+ ">0.2%",
57
+ "not dead",
58
+ "not op_mini all"
59
+ ],
60
+ "development": [
61
+ "last 1 chrome version",
62
+ "last 1 firefox version",
63
+ "last 1 safari version"
64
+ ]
65
+ }
66
+ }
package/src/App.tsx CHANGED
@@ -6,7 +6,7 @@ export function App()
6
6
  {
7
7
  return (
8
8
  <div className="App">
9
- <NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft" description=''>
9
+ <NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft">
10
10
  <div>
11
11
 
12
12
  </div>
@@ -9,7 +9,6 @@
9
9
  .ns_header {
10
10
  margin-bottom: 48px;
11
11
  width: 100%;
12
-
13
12
  }
14
13
 
15
14
  .ns_footer {
@@ -13,23 +13,19 @@ export interface NSLayoutTitleProps
13
13
  description?: string;
14
14
  children: ReactNode;
15
15
  }
16
- export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
16
+
17
+ export class NSLayoutTitle extends Component<NSLayoutTitleProps>
18
+ {
17
19
  override render()
18
20
  {
19
- // var x = this.props.description
20
- // if (this.props.description == this.props.description?.length)
21
- // {
22
-
23
- // } else
24
- // {
25
-
26
- // }
27
21
  return (
28
22
  <NSLayout scope={this.props.scope} logo={this.props.logo} >
29
23
  <div>
30
24
  <h1 className={Styles.title}>{this.props.title}</h1>
31
- <p className={Styles.description}
32
- style={{ display: this.props.description == this.props.description?.length ? "none" : "block" }}>{this.props.description}</p>
25
+ {
26
+ this.props.description &&
27
+ <p className={Styles.description}>{this.props.description}</p>
28
+ }
33
29
  </div>
34
30
  {this.props.children}
35
31
  </NSLayout>
@@ -8,7 +8,6 @@ import { BackgroundType } from '../types/Background';
8
8
  interface NSLoadingProps
9
9
  {
10
10
  background?: BackgroundType;
11
- padding_bottom?: string;
12
11
  }
13
12
 
14
13
  export class NSLoading extends Component<NSLoadingProps>
@@ -16,7 +15,7 @@ export class NSLoading extends Component<NSLoadingProps>
16
15
  override render()
17
16
  {
18
17
  return (
19
- <NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
18
+ <NSSection background={this.props.background} >
20
19
  <div className={Styles.ns_loading_parent}>
21
20
  <div className={Styles.ns_loader}></div>
22
21
  </div>
@@ -2,9 +2,4 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
- }
6
-
7
- .ns_section_whitespace {
8
- padding-bottom: 48px;
9
- padding-top: 48px;
10
5
  }
@@ -8,7 +8,6 @@ export interface NSSectionProps
8
8
  {
9
9
  children: ReactNode;
10
10
  background?: BackgroundType;
11
- padding_bottom?: string
12
11
  }
13
12
 
14
13
  export interface NSSectionState
@@ -38,10 +37,7 @@ export class NSSection extends Component<NSSectionProps, NSSectionState> {
38
37
  backgroundPosition: this.state.background?.position
39
38
  }}
40
39
  className={Styles.ns_section} >
41
- <div style={{ paddingBottom: this.props.padding_bottom }}
42
- className={`${Styles.ns_section_whitespace}`}>
43
- {this.props.children}
44
- </div>
40
+ {this.props.children}
45
41
  </section>
46
42
  );
47
43
  }
@@ -24,7 +24,6 @@ export interface NSSectionCardsProps
24
24
  title: string;
25
25
  };
26
26
  cards: NSCardProps[];
27
- padding_bottom?: string
28
27
  }
29
28
 
30
29
  export class NSSectionCards extends Component<NSSectionCardsProps>
@@ -33,22 +32,18 @@ export class NSSectionCards extends Component<NSSectionCardsProps>
33
32
  {
34
33
  return (
35
34
  <>
36
- <NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
35
+ <NSSection background={this.props.background} >
37
36
  <div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
38
-
39
37
  {
40
38
  this.props.title &&
41
39
  <div className={Styles.ns_section_cards_title_container}>
42
40
  <NSTitle color={this.props.title?.color} title={this.props.title?.text} />
43
-
44
41
  {
45
42
  this.props.description &&
46
43
  <p style={{ color: this.props.description?.color }} className={Styles.ns_description}> {this.props.description.text} </p>
47
44
  }
48
-
49
45
  </div>
50
46
  }
51
-
52
47
  <div className={` ${Styles.ns_card_container}`}>
53
48
  {
54
49
  this.props.cards?.map((card) => <NSCard key={card.id} {...card} />)
@@ -12,7 +12,6 @@ export interface NSSectionTitleProps
12
12
  color?: string
13
13
  };
14
14
  background?: BackgroundType
15
- padding_bottom?: string;
16
15
  children: ReactNode
17
16
  }
18
17
 
@@ -20,7 +19,7 @@ export class NSSectionTitle extends Component<NSSectionTitleProps> {
20
19
  override render()
21
20
  {
22
21
  return (
23
- <NSSection padding_bottom={this.props.padding_bottom} background={this.props.background} >
22
+ <NSSection background={this.props.background} >
24
23
  <NSTitle color={this.props.title.color} title={this.props.title.text} />
25
24
  {this.props.children}
26
25
  </NSSection>
@@ -0,0 +1,49 @@
1
+ "use client";
2
+
3
+ import React from "react";
4
+
5
+ export interface NSSpaceProps
6
+ {
7
+ size: NSSpaceSizeType;
8
+ }
9
+
10
+ export enum NSSpaceSizeType
11
+ {
12
+ TINY = "4px",
13
+ MINI = "8px",
14
+ SMALL = "16px",
15
+ MEDUIM = "24px",
16
+ LARGE = "32px",
17
+ XLARGE = "48px",
18
+ XXLARGE = "64px",
19
+ XXXLARGE = "96px",
20
+ }
21
+
22
+ export interface NSSpaceState
23
+ {
24
+ size: NSSpaceSizeType;
25
+ }
26
+
27
+ export class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
28
+ constructor(props: NSSpaceProps)
29
+ {
30
+ super(props);
31
+ this.state = { size: props.size };
32
+ this.setValue = this.setValue.bind(this);
33
+ this.getValue = this.getValue.bind(this);
34
+ }
35
+ setValue(size: NSSpaceSizeType): void
36
+ {
37
+ this.setState({ size });
38
+ }
39
+ getValue(): NSSpaceSizeType
40
+ {
41
+ return this.state.size;
42
+ }
43
+ override render()
44
+ {
45
+ return (
46
+ <hr style={{ height: this.state.size }} />
47
+ );
48
+ }
49
+ }
package/src/main.ts CHANGED
@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
25
25
  export * from "./components/NSLayoutTitle";
26
26
  export * from "./components/NSLoading";
27
27
  export * from "./components/NSSelectBox";
28
+ export * from "./components/NSSpace";
28
29
  export * from "./components/NSSection";
29
30
  export * from "./components/NSSectionBars";
30
31
  export * from "./components/NSSectionCards";
@@ -36,6 +37,4 @@ export * from "./components/NSPagination";
36
37
  export * from "./components/NSTable";
37
38
  export * from "./components/NSTitle";
38
39
  export * from "./pages/NSLoginPage";
39
- export * from "./pages/NSNotFoundPage";
40
-
41
-
40
+ export * from "./pages/NSNotFoundPage";