namirasoft-site-react 1.3.19 → 1.3.20

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 (7) hide show
  1. package/dist/components/NSLoading.d.ts +10 -0
  2. package/dist/components/NSLoading.js +10 -0
  3. package/dist/components/NSLoading.js.map +1 -0
  4. package/dist/components/NSLoading.module.css +27 -0
  5. package/package.json +1 -1
  6. package/src/components/NSLoading.module.css +27 -0
  7. package/src/components/NSLoading.tsx +25 -0
package/dist/components/NSLoading.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Component } from 'react';
2
+ import { Background } from '../types/Background';
3
+ interface NSLoadingProps {
4
+ background?: Background;
5
+ padding_bottom?: string;
6
+ }
7
+ export declare class NSLoading extends Component<NSLoadingProps> {
8
+ render(): import("react/jsx-runtime").JSX.Element;
9
+ }
10
+ export {};
package/dist/components/NSLoading.js ADDED
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Component } from 'react';
3
+ import Styles from './NSLoading.module.css';
4
+ import { NSSection } from './NSSection';
5
+ export class NSLoading extends Component {
6
+ render() {
7
+ 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
+ }
9
+ }
10
+ //# sourceMappingURL=NSLoading.js.map
package/dist/components/NSLoading.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AAAA,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"}
package/dist/components/NSLoading.module.css ADDED
@@ -0,0 +1,27 @@
1
+ .ns_loading_parent {
2
+ width: 100%;
3
+ display: flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ margin: 0 auto;
7
+ }
8
+
9
+ .ns_loader {
10
+ width: 50px;
11
+ height: 50px;
12
+ border-radius: 50%;
13
+ padding: 1px;
14
+ background: conic-gradient(#0000 10%, #001664) content-box;
15
+ -webkit-mask:
16
+ repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
17
+ radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
18
+ -webkit-mask-composite: destination-in;
19
+ mask-composite: intersect;
20
+ animation: s4 1s infinite steps(10);
21
+ }
22
+
23
+ @keyframes s4 {
24
+ to {
25
+ transform: rotate(1turn)
26
+ }
27
+ }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.19",
11
+ "version": "1.3.20",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSLoading.module.css ADDED
@@ -0,0 +1,27 @@
1
+ .ns_loading_parent {
2
+ width: 100%;
3
+ display: flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ margin: 0 auto;
7
+ }
8
+
9
+ .ns_loader {
10
+ width: 50px;
11
+ height: 50px;
12
+ border-radius: 50%;
13
+ padding: 1px;
14
+ background: conic-gradient(#0000 10%, #001664) content-box;
15
+ -webkit-mask:
16
+ repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
17
+ radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
18
+ -webkit-mask-composite: destination-in;
19
+ mask-composite: intersect;
20
+ animation: s4 1s infinite steps(10);
21
+ }
22
+
23
+ @keyframes s4 {
24
+ to {
25
+ transform: rotate(1turn)
26
+ }
27
+ }
package/src/components/NSLoading.tsx ADDED
@@ -0,0 +1,25 @@
1
+ import { Component } from 'react';
2
+ import Styles from './NSLoading.module.css';
3
+ import { NSSection } from './NSSection';
4
+ import { Background } from '../types/Background';
5
+
6
+ interface NSLoadingProps
7
+ {
8
+ background?: Background;
9
+ padding_bottom?: string;
10
+ }
11
+
12
+ export class NSLoading extends Component<NSLoadingProps>
13
+ {
14
+ override render()
15
+ {
16
+ return (
17
+ <NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
18
+ <div className={Styles.ns_loading_parent}>
19
+ <div className={Styles.ns_loader}></div>
20
+ </div>
21
+ </NSSection>
22
+ );
23
+ }
24
+ }
25
+