@lanaco/lnc-react-ui 4.0.129 → 4.0.130
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.
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
max-height: ${e=>`${e.height}px`||"22.5rem"};
|
|
7
7
|
min-height: ${e=>`${e.height}px`||"22.5rem"};
|
|
8
8
|
background-color: ${e=>e.bgcolor||"transparent"};
|
|
9
|
+
position: relative;
|
|
9
10
|
|
|
10
11
|
& button {
|
|
11
12
|
width: fit-content;
|
|
@@ -20,10 +21,10 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
& .header-image {
|
|
23
|
-
max-width:
|
|
24
|
-
max-height:
|
|
24
|
+
max-width: 9.25rem;
|
|
25
|
+
max-height: 9.25rem;
|
|
25
26
|
position: absolute;
|
|
26
|
-
left:
|
|
27
|
+
left: 1rem;
|
|
27
28
|
top: 0;
|
|
28
29
|
}
|
|
29
30
|
|
|
@@ -52,10 +53,9 @@
|
|
|
52
53
|
}
|
|
53
54
|
|
|
54
55
|
& .header-image {
|
|
55
|
-
max-width:
|
|
56
|
-
max-height:
|
|
57
|
-
min-width:
|
|
58
|
-
position: absolute;
|
|
56
|
+
max-width: 8rem;
|
|
57
|
+
max-height: 8rem;
|
|
58
|
+
min-width: 8rem;
|
|
59
59
|
left: 0;
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
padding: 0;
|
|
89
89
|
flex-direction: column;
|
|
90
90
|
|
|
91
|
-
${e=>e!=null&&e.hasHeaderImage?"padding:
|
|
91
|
+
${e=>e!=null&&e.hasHeaderImage?"padding: 3.5rem 3.5rem 0 3.5rem;":""}
|
|
92
92
|
}
|
|
93
93
|
`,k=n.styled.div`
|
|
94
94
|
display: flex;
|
|
@@ -129,4 +129,4 @@
|
|
|
129
129
|
letter-spacing: -0.0112rem;
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
|
-
`,q=H.forwardRef((e,d)=>{const{title:g,subtitle:c,buttonText:x,buttonLink:u,onButtonAction:
|
|
132
|
+
`,q=H.forwardRef((e,d)=>{const{title:g,subtitle:c,buttonText:x,buttonLink:u,onButtonAction:b=()=>{},imageUrl:o,imagePosition:m="right",hideImageForMobile:s=!1,sectionHeight:p="12.65625rem",imageWidth:f,imageHeightMobile:$,smallPadding:w=!1,isHorizontalContent:y=!1,backgroundColor:v,hasBorder:j=!1,headerImageUrl:i}=e,l=z.useDetectMobile();return t.jsxs(B,{ref:d,bgcolor:v,height:p,imgW:f,imgHMob:$,hasBorder:j,children:[i&&t.jsx("img",{src:i,className:"header-image",alt:"Header image"}),m!=="right"&&!(s===!0&&l===!0)&&t.jsx("img",{src:o,className:"banner-image"}),t.jsxs(_,{isHorizontalContent:y,smallPadding:w,hasHeaderImage:I.isDefined(i),children:[t.jsxs(k,{children:[t.jsx("div",{className:"header-title",children:g}),t.jsx("div",{className:"header-subitle",children:c})]}),t.jsx(M,{size:"medium",color:"neutral",type:"button",className:"header-button",onClick:r=>{var h;(h=r==null?void 0:r.target)==null||h.blur(),b(u)},children:x})]}),m==="right"&&!(s===!0&&l===!0)&&t.jsx("img",{src:o,className:"banner-image"})]})});module.exports=q;
|
|
@@ -13,6 +13,7 @@ const I = o.div`
|
|
|
13
13
|
max-height: ${(e) => `${e.height}px` || "22.5rem"};
|
|
14
14
|
min-height: ${(e) => `${e.height}px` || "22.5rem"};
|
|
15
15
|
background-color: ${(e) => e.bgcolor || "transparent"};
|
|
16
|
+
position: relative;
|
|
16
17
|
|
|
17
18
|
& button {
|
|
18
19
|
width: fit-content;
|
|
@@ -27,10 +28,10 @@ const I = o.div`
|
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
& .header-image {
|
|
30
|
-
max-width:
|
|
31
|
-
max-height:
|
|
31
|
+
max-width: 9.25rem;
|
|
32
|
+
max-height: 9.25rem;
|
|
32
33
|
position: absolute;
|
|
33
|
-
left:
|
|
34
|
+
left: 1rem;
|
|
34
35
|
top: 0;
|
|
35
36
|
}
|
|
36
37
|
|
|
@@ -59,10 +60,9 @@ const I = o.div`
|
|
|
59
60
|
}
|
|
60
61
|
|
|
61
62
|
& .header-image {
|
|
62
|
-
max-width:
|
|
63
|
-
max-height:
|
|
64
|
-
min-width:
|
|
65
|
-
position: absolute;
|
|
63
|
+
max-width: 8rem;
|
|
64
|
+
max-height: 8rem;
|
|
65
|
+
min-width: 8rem;
|
|
66
66
|
left: 0;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
@@ -95,7 +95,7 @@ const I = o.div`
|
|
|
95
95
|
padding: 0;
|
|
96
96
|
flex-direction: column;
|
|
97
97
|
|
|
98
|
-
${(e) => e != null && e.hasHeaderImage ? "padding:
|
|
98
|
+
${(e) => e != null && e.hasHeaderImage ? "padding: 3.5rem 3.5rem 0 3.5rem;" : ""}
|
|
99
99
|
}
|
|
100
100
|
`, W = o.div`
|
|
101
101
|
display: flex;
|
|
@@ -150,8 +150,8 @@ const I = o.div`
|
|
|
150
150
|
sectionHeight: b = "12.65625rem",
|
|
151
151
|
imageWidth: $,
|
|
152
152
|
imageHeightMobile: w,
|
|
153
|
-
smallPadding:
|
|
154
|
-
isHorizontalContent:
|
|
153
|
+
smallPadding: v = !1,
|
|
154
|
+
isHorizontalContent: y = !1,
|
|
155
155
|
backgroundColor: H,
|
|
156
156
|
hasBorder: z = !1,
|
|
157
157
|
headerImageUrl: i
|
|
@@ -171,8 +171,8 @@ const I = o.div`
|
|
|
171
171
|
/* @__PURE__ */ a(
|
|
172
172
|
N,
|
|
173
173
|
{
|
|
174
|
-
isHorizontalContent:
|
|
175
|
-
smallPadding:
|
|
174
|
+
isHorizontalContent: y,
|
|
175
|
+
smallPadding: v,
|
|
176
176
|
hasHeaderImage: B(i),
|
|
177
177
|
children: [
|
|
178
178
|
/* @__PURE__ */ a(W, { children: [
|
package/dist/BlogListSection.cjs
CHANGED
package/dist/BlogListSection.js
CHANGED