namirasoft-site-react 1.4.311 → 1.4.312
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.
- package/dist/components/NSBanner.d.ts +16 -0
- package/dist/components/NSBanner.js +13 -0
- package/dist/components/NSBanner.js.map +1 -0
- package/dist/components/NSBanner.module.css +48 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NSBanner.module.css +48 -0
- package/src/components/NSBanner.tsx +81 -0
- package/src/main.ts +3 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IImageProps } from "../main";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
export interface NSBannerProps extends IBaseComponentProps {
|
|
4
|
+
imageRight: (IImageProps & IBaseComponentProps) | null;
|
|
5
|
+
imageLeft: (IImageProps & IBaseComponentProps) | null;
|
|
6
|
+
headline?: (IBaseComponentProps & {
|
|
7
|
+
text: string;
|
|
8
|
+
}) | null;
|
|
9
|
+
title: (IBaseComponentProps & {
|
|
10
|
+
text: string;
|
|
11
|
+
}) | null;
|
|
12
|
+
desciption?: (IBaseComponentProps & {
|
|
13
|
+
text: string;
|
|
14
|
+
}) | null;
|
|
15
|
+
}
|
|
16
|
+
export declare function NSBanner(props: NSBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Styles from "./NSBanner.module.css";
|
|
3
|
+
export function NSBanner(props) {
|
|
4
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
5
|
+
return (_jsxs("div", { id: props.id, className: `${Styles.ns_banner_container} ${(_b = (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: props.style, children: [props.imageLeft &&
|
|
6
|
+
_jsx("img", { id: props.imageLeft.id, className: `${Styles.ns_banner_image_right} ${(_d = (_c = props.imageLeft.classList) === null || _c === void 0 ? void 0 : _c.join(" ")) !== null && _d !== void 0 ? _d : ""}`, src: props.imageLeft.src, alt: props.imageLeft.alt, width: 192, height: 192, style: props.imageLeft.style }), _jsxs("div", { className: Styles.ns_banner_text_container, children: [props.headline &&
|
|
7
|
+
_jsx("h6", { id: props.headline.id, className: `${Styles.ns_banner_headline} ${(_f = (_e = props.headline.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : ""}`, style: props.headline.style, children: props.headline.text }), props.title &&
|
|
8
|
+
_jsx("h1", { id: props.title.id, className: `${Styles.ns_banner_title} ${(_h = (_g = props.title.classList) === null || _g === void 0 ? void 0 : _g.join(" ")) !== null && _h !== void 0 ? _h : ""}`, style: props.title.style, children: props.title.text }), props.desciption &&
|
|
9
|
+
_jsx("p", { id: props.desciption.id, className: `${Styles.ns_banner_description} ${(_k = (_j = props.desciption.classList) === null || _j === void 0 ? void 0 : _j.join(" ")) !== null && _k !== void 0 ? _k : ""}`, style: props.desciption.style, children: props.desciption.text })] }), props.imageRight &&
|
|
10
|
+
_jsx("img", { id: props.imageRight.id, className: `${Styles.ns_banner_image_right} ${(_m = (_l = props.imageRight.classList) === null || _l === void 0 ? void 0 : _l.join(" ")) !== null && _m !== void 0 ? _m : ""}`, src: props.imageRight.src, alt: props.imageRight.alt, width: 192, height: 192, style: props.imageRight.style })] }));
|
|
11
|
+
}
|
|
12
|
+
;
|
|
13
|
+
//# sourceMappingURL=NSBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBanner.js","sourceRoot":"","sources":["../../src/components/NSBanner.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAW1C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC9E,KAAK,EAAE,KAAK,CAAC,KAAK,aAGjB,KAAK,CAAC,SAAS;gBACf,cACC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC1F,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,GAC3B,EAEH,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAE7C,KAAK,CAAC,QAAQ;wBACd,aACC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,MAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACtF,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,YAE1B,KAAK,CAAC,QAAQ,CAAC,IAAI,GAChB,EAGL,KAAK,CAAC,KAAK;wBACX,aACC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAChF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,YAEvB,KAAK,CAAC,KAAK,CAAC,IAAI,GACb,EAGL,KAAK,CAAC,UAAU;wBAChB,YACC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,EACvB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3F,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,YAE5B,KAAK,CAAC,UAAU,CAAC,IAAI,GACnB,IAEA,EAEL,KAAK,CAAC,UAAU;gBAChB,cACC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,EACvB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3F,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EACzB,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EACzB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,GAC5B,IAEE,CACN,CAAC;AACH,CAAC;AAAA,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
.ns_banner_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: 48px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_banner_image_right {
|
|
10
|
+
justify-content: center;
|
|
11
|
+
align-self: center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_banner_image_left {
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-self: center;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_banner_text_container {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_banner_headline {
|
|
25
|
+
font-size: 24px;
|
|
26
|
+
color: rgba(20, 27, 92, 1);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ns_banner_title {
|
|
30
|
+
font-size: 48px;
|
|
31
|
+
color: rgba(20, 27, 92, 1);
|
|
32
|
+
text-align: start;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ns_banner_description {
|
|
36
|
+
font-size: 16px;
|
|
37
|
+
color: rgba(20, 27, 92, 1);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media only screen and (min-width:992px) {
|
|
41
|
+
.ns_banner_container {
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.ns_banner_text_container {
|
|
46
|
+
width: 624px;
|
|
47
|
+
}
|
|
48
|
+
}
|
package/dist/main.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export * from "./components/NSBarAction";
|
|
|
2
2
|
export * from "./components/NSBarAlert";
|
|
3
3
|
export * from "./components/NSBarNotification";
|
|
4
4
|
export * from "./components/NSBarTitle";
|
|
5
|
+
export * from "./components/NSBanner";
|
|
5
6
|
export * from "./components/INSBox";
|
|
6
7
|
export * from "./components/NSBox";
|
|
7
8
|
export * from "./components/NSBoxBaseLayout";
|
package/dist/main.js
CHANGED
|
@@ -4,6 +4,7 @@ export * from "./components/NSBarAction";
|
|
|
4
4
|
export * from "./components/NSBarAlert";
|
|
5
5
|
export * from "./components/NSBarNotification";
|
|
6
6
|
export * from "./components/NSBarTitle";
|
|
7
|
+
export * from "./components/NSBanner";
|
|
7
8
|
export * from "./components/INSBox";
|
|
8
9
|
export * from "./components/NSBox";
|
|
9
10
|
export * from "./components/NSBoxBaseLayout";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAA;AAG7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AAGnD,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAGlD,cAAc,uBAAuB,CAAC;AAGtC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAG3C,cAAc,wBAAwB,CAAC;AAGvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAG9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8BAA8B,CAAC;AAG7C,cAAc,oBAAoB,CAAC;AAGnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,sBAAsB,CAAC;AAGrC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AAGzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAG/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAElC,SAAS,IAAI;IAET,kBAAkB,CAAC,gBAAgB,GAAG,UAAU,IAAY;QAExD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAC7C,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;QACnF,OAAO,sBAAsB,IAAI,EAAE,CAAC;IACxC,CAAC,CAAA;AACL,CAAC;AAED,IAAI,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
.ns_banner_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: 48px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_banner_image_right {
|
|
10
|
+
justify-content: center;
|
|
11
|
+
align-self: center;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_banner_image_left {
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-self: center;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_banner_text_container {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_banner_headline {
|
|
25
|
+
font-size: 24px;
|
|
26
|
+
color: rgba(20, 27, 92, 1);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ns_banner_title {
|
|
30
|
+
font-size: 48px;
|
|
31
|
+
color: rgba(20, 27, 92, 1);
|
|
32
|
+
text-align: start;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ns_banner_description {
|
|
36
|
+
font-size: 16px;
|
|
37
|
+
color: rgba(20, 27, 92, 1);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media only screen and (min-width:992px) {
|
|
41
|
+
.ns_banner_container {
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.ns_banner_text_container {
|
|
46
|
+
width: 624px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
// todo move to its own probject: I guess this is Timify
|
|
2
|
+
import { IImageProps } from "../main";
|
|
3
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
|
+
import Styles from "./NSBanner.module.css"
|
|
5
|
+
|
|
6
|
+
export interface NSBannerProps extends IBaseComponentProps
|
|
7
|
+
{
|
|
8
|
+
imageRight: (IImageProps & IBaseComponentProps) | null;
|
|
9
|
+
imageLeft: (IImageProps & IBaseComponentProps) | null;
|
|
10
|
+
headline?: (IBaseComponentProps & { text: string }) | null;
|
|
11
|
+
title: (IBaseComponentProps & { text: string }) | null;
|
|
12
|
+
desciption?: (IBaseComponentProps & { text: string }) | null;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export function NSBanner(props: NSBannerProps)
|
|
16
|
+
{
|
|
17
|
+
return (
|
|
18
|
+
<div
|
|
19
|
+
id={props.id}
|
|
20
|
+
className={`${Styles.ns_banner_container} ${props.classList?.join(" ") ?? ""}`}
|
|
21
|
+
style={props.style}
|
|
22
|
+
>
|
|
23
|
+
{
|
|
24
|
+
props.imageLeft &&
|
|
25
|
+
<img
|
|
26
|
+
id={props.imageLeft.id}
|
|
27
|
+
className={`${Styles.ns_banner_image_right} ${props.imageLeft.classList?.join(" ") ?? ""}`}
|
|
28
|
+
src={props.imageLeft.src}
|
|
29
|
+
alt={props.imageLeft.alt}
|
|
30
|
+
width={192}
|
|
31
|
+
height={192}
|
|
32
|
+
style={props.imageLeft.style}
|
|
33
|
+
/>
|
|
34
|
+
}
|
|
35
|
+
<div className={Styles.ns_banner_text_container}>
|
|
36
|
+
{
|
|
37
|
+
props.headline &&
|
|
38
|
+
<h6
|
|
39
|
+
id={props.headline.id}
|
|
40
|
+
className={`${Styles.ns_banner_headline} ${props.headline.classList?.join(" ") ?? ""}`}
|
|
41
|
+
style={props.headline.style}
|
|
42
|
+
>
|
|
43
|
+
{props.headline.text}
|
|
44
|
+
</h6>
|
|
45
|
+
}
|
|
46
|
+
{
|
|
47
|
+
props.title &&
|
|
48
|
+
<h1
|
|
49
|
+
id={props.title.id}
|
|
50
|
+
className={`${Styles.ns_banner_title} ${props.title.classList?.join(" ") ?? ""}`}
|
|
51
|
+
style={props.title.style}
|
|
52
|
+
>
|
|
53
|
+
{props.title.text}
|
|
54
|
+
</h1>
|
|
55
|
+
}
|
|
56
|
+
{
|
|
57
|
+
props.desciption &&
|
|
58
|
+
<p
|
|
59
|
+
id={props.desciption.id}
|
|
60
|
+
className={`${Styles.ns_banner_description} ${props.desciption.classList?.join(" ") ?? ""}`}
|
|
61
|
+
style={props.desciption.style}
|
|
62
|
+
>
|
|
63
|
+
{props.desciption.text}
|
|
64
|
+
</p>
|
|
65
|
+
}
|
|
66
|
+
</div>
|
|
67
|
+
{
|
|
68
|
+
props.imageRight &&
|
|
69
|
+
<img
|
|
70
|
+
id={props.imageRight.id}
|
|
71
|
+
className={`${Styles.ns_banner_image_right} ${props.imageRight.classList?.join(" ") ?? ""}`}
|
|
72
|
+
src={props.imageRight.src}
|
|
73
|
+
alt={props.imageRight.alt}
|
|
74
|
+
width={192}
|
|
75
|
+
height={192}
|
|
76
|
+
style={props.imageRight.style}
|
|
77
|
+
/>
|
|
78
|
+
}
|
|
79
|
+
</div>
|
|
80
|
+
);
|
|
81
|
+
};
|
package/src/main.ts
CHANGED
|
@@ -7,6 +7,9 @@ export * from "./components/NSBarAlert";
|
|
|
7
7
|
export * from "./components/NSBarNotification";
|
|
8
8
|
export * from "./components/NSBarTitle";
|
|
9
9
|
|
|
10
|
+
// Banner
|
|
11
|
+
export * from "./components/NSBanner";
|
|
12
|
+
|
|
10
13
|
// Box
|
|
11
14
|
export * from "./components/INSBox";
|
|
12
15
|
export * from "./components/NSBox";
|