@latte-macchiat-io/latte-vanilla-components 0.0.143 → 0.0.144
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/index.cjs.js +2 -2
- package/dist/index.es.js +507 -507
- package/dist/latte-vanilla-components.css +1 -1
- package/dist/types/components/Columns/styles.css.d.ts +1 -1
- package/dist/types/components/ConsentCookie/styles.css.d.ts +1 -1
- package/dist/types/components/Footer/styles.css.d.ts +14 -1
- package/dist/types/components/Form/Row/styles.css.d.ts +8 -1
- package/dist/types/components/Form/TextField/Input/styles.css.d.ts +17 -2
- package/dist/types/components/Form/TextField/Label/styles.css.d.ts +9 -2
- package/dist/types/components/Form/TextField/Textarea/styles.css.d.ts +1 -1
- package/dist/types/components/Form/TextField/styles.css.d.ts +1 -1
- package/dist/types/components/Form/styles.css.d.ts +12 -1
- package/dist/types/components/Header/styles.css.d.ts +9 -1
- package/dist/types/components/Icon/styles.css.d.ts +5 -1
- package/dist/types/components/LanguageSwitcher/styles.css.d.ts +6 -1
- package/dist/types/components/Logo/styles.css.d.ts +1 -1
- package/dist/types/components/Modal/styles.css.d.ts +19 -1
- package/dist/types/components/Nav/styles.css.d.ts +5 -1
- package/dist/types/components/NavLegal/styles.css.d.ts +5 -1
- package/dist/types/components/NavSocial/styles.css.d.ts +7 -1
- package/dist/types/components/Video/styles.css.d.ts +6 -1
- package/dist/types/components/VideoFullWidth/styles.css.d.ts +9 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
._1h0tdm5e{position:relative;display:inline-block;color:var(--_1h0tdm50);border:var(--_1h0tdm52);cursor:var(--_1h0tdm51);min-width:var(--_1h0tdm53);font-weight:var(--_1h0tdm54);transition:var(--_1h0tdm55);padding-top:var(--_1h0tdm56);padding-left:var(--_1h0tdm57);padding-right:var(--_1h0tdm58);padding-bottom:var(--_1h0tdm59);pointer-event:var(--_1h0tdm5a);border-radius:var(--_1h0tdm5b);letter-spacing:var(--_1h0tdm5c);background-color:var(--_1h0tdm5d)}._1h0tdm5e:hover{opacity:.5}._1v7zi9y5{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--_1v7zi9y0);align-items:var(--_1v7zi9y1);padding-top:var(--_1v7zi9y2);padding-bottom:var(--_1v7zi9y3);justify-content:var(--_1v7zi9y4)}
|
|
1
|
+
._1h0tdm5e{position:relative;display:inline-block;color:var(--_1h0tdm50);border:var(--_1h0tdm52);cursor:var(--_1h0tdm51);min-width:var(--_1h0tdm53);font-weight:var(--_1h0tdm54);transition:var(--_1h0tdm55);padding-top:var(--_1h0tdm56);padding-left:var(--_1h0tdm57);padding-right:var(--_1h0tdm58);padding-bottom:var(--_1h0tdm59);pointer-event:var(--_1h0tdm5a);border-radius:var(--_1h0tdm5b);letter-spacing:var(--_1h0tdm5c);background-color:var(--_1h0tdm5d)}._1h0tdm5e:hover{opacity:.5}._1v7zi9y5{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--_1v7zi9y0);align-items:var(--_1v7zi9y1);padding-top:var(--_1v7zi9y2);padding-bottom:var(--_1v7zi9y3);justify-content:var(--_1v7zi9y4)}[object Object] path{fill:var(--_1slxfz51);transition:color .5s ease}._1slxfz52{margin:0 auto;display:inline-block;vertical-align:middle}._18bqyaqe{z-index:100;position:fixed;width:100%;height:100%}._18bqyaqe:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;opacity:var(--_18bqyaq0);background-color:var(--_18bqyaq1);-webkit-backdrop-filter:blur(var(--_18bqyaq2));backdrop-filter:blur(var(--_18bqyaq2))}._18bqyaqf{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;text-align:var(--_18bqyaqa);width:var(--_18bqyaq3);max-width:var(--_18bqyaq8);max-height:var(--_18bqyaq9);padding-top:var(--_18bqyaq4);padding-bottom:var(--_18bqyaq5);padding-left:var(--_18bqyaq6);padding-right:var(--_18bqyaq7);background-color:var(--_18bqyaqb);border-radius:var(--_18bqyaqc);border:var(--_18bqyaqd)}._18bqyaqg{position:absolute;top:15px;right:15px;z-index:20;border:0;background-color:transparent;cursor:pointer;transition:all .5s ease-in-out}._18bqyaqg:hover{transform:scale(1.2)}._18hbdtx1{position:relative;width:100%;height:100%;max-height:var(--_18hbdtx0)}._18hbdtx2{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}._18hbdtx2 img{width:100%;height:100%;object-fit:cover}._18hbdtx3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}._18hbdtx4{position:absolute;right:50px;bottom:10px;cursor:pointer}._18hbdtx5{position:absolute;top:15px;right:15px;cursor:pointer}._18hbdtx6{position:absolute;right:15px;bottom:15px;cursor:pointer}[object Object] img{width:100%;height:auto;max-width:var(--_13pkfbg0)}[object Object] > div{flex:0 0 calc(100% / var(--displayItem));transition:transform .3s ease-in-out}[object Object] button{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}[object Object] > div + div{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}._177g97f1{font-size:1.2em;padding-bottom:var(--_177g97f0)}._177g97f1 span{font-size:2.5em;line-height:1em}._177g97f2{display:flex;flex-direction:column}._29n9il2{height:0;width:100vw;overflow:hidden;position:relative;padding-bottom:56.25%;left:var(--_29n9il0);right:var(--_29n9il1)}._9kkynw1{right:30px;top:50%;position:absolute;transform:translateY(-50%)}._9kkynw2{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:15px 30px}._9kkynw2:focus{outline:none}._9kkynw3{margin-left:auto;margin-right:auto;position:relative;width:var(--_9kkynw0)}._1wp326d2{display:flex;background-color:var(--_1wp326d1);flex:1 1 auto;min-height:45vh;text-align:center;align-items:center;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){._1wp326d2{min-height:var(--_1wp326d0)}}.xr8l1e2{top:0;left:0;z-index:40;width:100vw;display:flex;height:100vh;position:fixed;overflow:hidden;text-align:center;align-items:center;flex-direction:column;transform-origin:0% 0%;justify-content:center;gap:var(--overlayGap, 20px);bottom:var(--xr8l1e0);transform:var(--xr8l1e1);transition:transform .5s cubic-bezier(.77,.2,.05,1)}@media (min-width: 640px){.xr8l1e2{gap:var(--overlayGap0, 20px)}}@media (min-width: 768px){.xr8l1e2{gap:var(--overlayGap1, 30px)}}@media (min-width: 1024px){.xr8l1e2{gap:var(--overlayGap2, 40px)}}._1c0ak731{border:0;width:25px;height:12px;z-index:60;margin-left:0;cursor:pointer;position:relative}._1c0ak732{height:2px;width:25px;margin-bottom:8px;display:block;position:relative;transform-origin:center center;transition:all .5s ease-in-out}._1c0ak732[data-open=true]:nth-of-type(1){transform:rotate(45deg) translate(4px,3px)}._1c0ak732[data-open=true]:nth-of-type(2){transform:rotate(-45deg) translate(4px,-3px)}@media screen and (min-width: 1024px){._1c0ak731{display:var(--_1c0ak730)}}._15wg1hu1{z-index:30;width:100%;display:flex;align-items:center;justify-content:space-between;position:var(--_15wg1hu0);background-color:var(--header-bg, white)}._15wg1hu2{height:60px}@media (min-width: 640px){._15wg1hu2{height:80px}}@media (min-width: 768px){._15wg1hu2{height:100px}}@media (min-width: 1024px){._15wg1hu2{height:120px}}[object Object] a{transition:all .5s ease-in-out}[object Object] a:hover{opacity:.5}.fl7h886{z-index:20;display:flex;font-size:.8em;align-items:center;flex-direction:column;justify-content:space-between;gap:var(--fl7h880);background-color:var(--fl7h881);padding-top:var(--fl7h882);padding-bottom:var(--fl7h883);padding-left:var(--fl7h884);padding-right:var(--fl7h885)}[object Object]{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:var(--mx2tfy0);justify-content:space-between;text-align:var(--mx2tfy1)}[object Object] > *{min-width:100%;position:relative}[object Object] > * :empty{margin-top:calc(-1 * var(--gap) / 2)}@media screen and (min-width: 768px){[object Object]{flex-direction:var(--mx2tfy4);align-items:var(--mx2tfy3);justify-content:var(--mx2tfy2)}[object Object] > *:nth-of-type(1){flex:var(--column0);min-width:auto;max-width:var(--column0)}[object Object] > *:nth-of-type(2){flex:var(--column1);min-width:auto;max-width:var(--column1)}[object Object] > *:nth-of-type(3){flex:var(--column2);min-width:auto;max-width:var(--column2)}[object Object] > *:nth-of-type(4){flex:var(--column3);min-width:auto;max-width:var(--column3)}}@media screen and (min-width: 1024px){[object Object]{gap:calc(var(--gap) * 2)}}._14qm28za{width:100%;display:flex;align-items:center;position:relative;flex-direction:column;animation:background .5s ease-in-out;color:var(--_14qm28z2);z-index:var(--_14qm28z1);min-height:var(--_14qm28z7);padding-top:var(--_14qm28z3);padding-left:var(--_14qm28z4);padding-right:var(--_14qm28z5);padding-bottom:var(--_14qm28z6);background:var(--_14qm28z9);justify-content:var(--_14qm28z8)}._14qm28zb{gap:15px;width:100%;display:flex;flex-direction:column;max-width:var(--max-width);text-align:var(--_14qm28z0);align-items:var(--_14qm28z0)}._1h6zt341{display:flex;flex-direction:column;gap:var(--_1h6zt340)}.g7q46n1{display:flex;flex-direction:row}.g7q46n1 a{padding:10px}.g7q46n1 a svg path{transition:all .5s ease-in-out}.g7q46n1 a:hover svg path{opacity:.5}.g7q46n2{display:flex;flex-direction:row;margin-left:0;margin-right:0;gap:var(--g7q46n0)}.vehv9e1{display:flex;flex-direction:row;gap:var(--vehv9e0)}.dvq5w83{width:100%;max-width:var(--dvq5w80);background-color:var(--dvq5w82);padding:var(--dvq5w81);position:relative}@media (min-width: 768px){.dvq5w83{padding:var(--formPadding)}}._223sdz4{display:flex;flex-direction:column;gap:var(--_223sdz0);padding:var(--_223sdz1);font-size:var(--_223sdz2);justify-content:var(--_223sdz3)}[object Object]::placeholder{color:var(--k6gj0i6);opacity:var(--k6gj0i7)}.k6gj0i8{width:100%;font-size:inherit;line-height:1.5em;font-family:var(--k6gj0i0);color:var(--k6gj0i1);border:var(--k6gj0i2);border-radius:var(--k6gj0i3);background-color:var(--k6gj0i4);padding:var(--k6gj0i5)}.k6gj0i8:focus{outline:var(--k6gj0i2)}[object Object]::placeholder{color:var(--l5ei126);opacity:var(--l5ei127)}._1s956dc4{width:100%;text-align:left;font-family:var(--_1s956dc0);color:var(--_1s956dc1);font-weight:var(--_1s956dc2);padding-bottom:var(--_1s956dc3)}[object Object] span{display:block;font-size:.875rem;margin-top:.25rem;color:var(--_1e95ziv0)}[object Object]::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;opacity:var(--pewdww1);background-color:var(--pewdww2);-webkit-backdrop-filter:blur(var(--pewdww0)px);backdrop-filter:blur(var(--pewdww0)px);z-index:100}[object Object] > div{position:fixed;right:15px;bottom:15px;z-index:20;width:var(--pewdww3);border-radius:var(--pewdww5);border:var(--pewdww6);background-color:var(--pewdww4);display:flex;flex-direction:column;padding-top:var(--pewdww8)}[object Object] > div > div{display:flex;flex-direction:row;gap:var(--pewdww7);justify-content:flex-end}
|
|
@@ -6,5 +6,18 @@ export declare const vars: {
|
|
|
6
6
|
footerPaddingLeft: `var(--${string})`;
|
|
7
7
|
footerPaddingRight: `var(--${string})`;
|
|
8
8
|
};
|
|
9
|
-
export declare const styles:
|
|
9
|
+
export declare const styles: {
|
|
10
|
+
zIndex: number;
|
|
11
|
+
display: string;
|
|
12
|
+
fontSize: string;
|
|
13
|
+
alignItems: string;
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
justifyContent: string;
|
|
16
|
+
gap: `var(--${string})`;
|
|
17
|
+
backgroundColor: `var(--${string})`;
|
|
18
|
+
paddingTop: `var(--${string})`;
|
|
19
|
+
paddingBottom: `var(--${string})`;
|
|
20
|
+
paddingLeft: `var(--${string})`;
|
|
21
|
+
paddingRight: `var(--${string})`;
|
|
22
|
+
};
|
|
10
23
|
export declare const footerStyle: string;
|
|
@@ -4,5 +4,12 @@ export declare const vars: {
|
|
|
4
4
|
rowFontSize: `var(--${string})`;
|
|
5
5
|
rowJustifyContent: `var(--${string})`;
|
|
6
6
|
};
|
|
7
|
+
export declare const styles: {
|
|
8
|
+
display: string;
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
gap: `var(--${string})`;
|
|
11
|
+
padding: `var(--${string})`;
|
|
12
|
+
fontSize: `var(--${string})`;
|
|
13
|
+
justifyContent: `var(--${string})`;
|
|
14
|
+
};
|
|
7
15
|
export declare const rowStyle: string;
|
|
8
|
-
export declare const styles: string;
|
|
@@ -8,5 +8,20 @@ export declare const vars: {
|
|
|
8
8
|
placeholderColor: `var(--${string})`;
|
|
9
9
|
placeholderOpacity: `var(--${string})`;
|
|
10
10
|
};
|
|
11
|
-
export declare const
|
|
12
|
-
|
|
11
|
+
export declare const styles: {
|
|
12
|
+
width: string;
|
|
13
|
+
fontSize: string;
|
|
14
|
+
lineHeight: string;
|
|
15
|
+
fontFamily: `var(--${string})`;
|
|
16
|
+
color: `var(--${string})`;
|
|
17
|
+
border: `var(--${string})`;
|
|
18
|
+
borderRadius: `var(--${string})`;
|
|
19
|
+
backgroundColor: `var(--${string})`;
|
|
20
|
+
padding: `var(--${string})`;
|
|
21
|
+
selectors: {
|
|
22
|
+
'&:focus': {
|
|
23
|
+
outline: `var(--${string})`;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare const textFieldStyle: string;
|
|
@@ -4,5 +4,12 @@ export declare const vars: {
|
|
|
4
4
|
fontWeight: `var(--${string})`;
|
|
5
5
|
paddingBottom: `var(--${string})`;
|
|
6
6
|
};
|
|
7
|
-
export declare const
|
|
8
|
-
|
|
7
|
+
export declare const styles: {
|
|
8
|
+
width: string;
|
|
9
|
+
textAlign: string;
|
|
10
|
+
fontFamily: `var(--${string})`;
|
|
11
|
+
color: `var(--${string})`;
|
|
12
|
+
fontWeight: `var(--${string})`;
|
|
13
|
+
paddingBottom: `var(--${string})`;
|
|
14
|
+
};
|
|
15
|
+
export declare const textFieldLabel: string;
|
|
@@ -3,5 +3,16 @@ export declare const vars: {
|
|
|
3
3
|
formPadding: `var(--${string})`;
|
|
4
4
|
formBackgroundColor: `var(--${string})`;
|
|
5
5
|
};
|
|
6
|
+
export declare const styles: {
|
|
7
|
+
width: string;
|
|
8
|
+
maxWidth: `var(--${string})`;
|
|
9
|
+
backgroundColor: `var(--${string})`;
|
|
10
|
+
padding: `var(--${string})`;
|
|
11
|
+
position: string;
|
|
12
|
+
'@media': {
|
|
13
|
+
[x: string]: {
|
|
14
|
+
padding: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
6
18
|
export declare const formStyle: string;
|
|
7
|
-
export declare const styles: string;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
isFixed: `var(--${string})`;
|
|
3
3
|
};
|
|
4
|
-
export declare const styles:
|
|
4
|
+
export declare const styles: {
|
|
5
|
+
zIndex: number;
|
|
6
|
+
width: string;
|
|
7
|
+
display: string;
|
|
8
|
+
alignItems: string;
|
|
9
|
+
justifyContent: string;
|
|
10
|
+
position: `var(--${string})`;
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
5
13
|
export declare const headerStyle: string;
|
|
6
14
|
export declare const headerPlaceholderStyle: string;
|
|
@@ -2,6 +2,10 @@ export declare const vars: {
|
|
|
2
2
|
iconSize: `var(--${string})`;
|
|
3
3
|
iconColor: `var(--${string})`;
|
|
4
4
|
};
|
|
5
|
-
export declare const styles:
|
|
5
|
+
export declare const styles: {
|
|
6
|
+
margin: string;
|
|
7
|
+
display: string;
|
|
8
|
+
verticalAlign: string;
|
|
9
|
+
};
|
|
6
10
|
export declare const iconStyle: string;
|
|
7
11
|
export declare const iconPathStyle: string;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
languageSwitcherWidth: `var(--${string})`;
|
|
3
3
|
};
|
|
4
|
-
export declare const styles:
|
|
4
|
+
export declare const styles: {
|
|
5
|
+
marginLeft: string;
|
|
6
|
+
marginRight: string;
|
|
7
|
+
position: string;
|
|
8
|
+
width: `var(--${string})`;
|
|
9
|
+
};
|
|
5
10
|
export declare const languageSwitcherIconStyle: string;
|
|
6
11
|
export declare const languageSwitcherSelectStyle: string;
|
|
7
12
|
export declare const languageSwitcherFinalStyle: string;
|
|
@@ -14,7 +14,25 @@ export declare const vars: {
|
|
|
14
14
|
modalContentBorderRadius: `var(--${string})`;
|
|
15
15
|
modalContentBorders: `var(--${string})`;
|
|
16
16
|
};
|
|
17
|
-
export declare const styles:
|
|
17
|
+
export declare const styles: {
|
|
18
|
+
zIndex: number;
|
|
19
|
+
position: string;
|
|
20
|
+
width: string;
|
|
21
|
+
height: string;
|
|
22
|
+
selectors: {
|
|
23
|
+
'&:before': {
|
|
24
|
+
content: string;
|
|
25
|
+
position: string;
|
|
26
|
+
top: number;
|
|
27
|
+
left: number;
|
|
28
|
+
right: number;
|
|
29
|
+
bottom: number;
|
|
30
|
+
opacity: `var(--${string})`;
|
|
31
|
+
backgroundColor: `var(--${string})`;
|
|
32
|
+
backdropFilter: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
18
36
|
export declare const modalStyle: string;
|
|
19
37
|
export declare const modalContentStyle: string;
|
|
20
38
|
export declare const modalCloseButtonStyle: string;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
navLegalGap: `var(--${string})`;
|
|
3
3
|
};
|
|
4
|
-
export declare const styles:
|
|
4
|
+
export declare const styles: {
|
|
5
|
+
display: string;
|
|
6
|
+
flexDirection: string;
|
|
7
|
+
gap: `var(--${string})`;
|
|
8
|
+
};
|
|
5
9
|
export declare const navLegalStyle: string;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
navSocialGap: `var(--${string})`;
|
|
3
3
|
};
|
|
4
|
-
export declare const styles:
|
|
4
|
+
export declare const styles: {
|
|
5
|
+
display: string;
|
|
6
|
+
flexDirection: string;
|
|
7
|
+
marginLeft: number;
|
|
8
|
+
marginRight: number;
|
|
9
|
+
gap: `var(--${string})`;
|
|
10
|
+
};
|
|
5
11
|
export declare const navSocialLinkStyle: string;
|
|
6
12
|
export declare const navSocialStyle: string;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
videoMaxHeight: `var(--${string})`;
|
|
3
3
|
};
|
|
4
|
-
export declare const styles:
|
|
4
|
+
export declare const styles: {
|
|
5
|
+
position: string;
|
|
6
|
+
width: string;
|
|
7
|
+
height: string;
|
|
8
|
+
maxHeight: `var(--${string})`;
|
|
9
|
+
};
|
|
5
10
|
export declare const videoStyle: string;
|
|
6
11
|
export declare const videoPosterStyle: string;
|
|
7
12
|
export declare const playButtonStyle: string;
|
|
@@ -2,5 +2,13 @@ export declare const vars: {
|
|
|
2
2
|
videoFullWidthLeft: `var(--${string})`;
|
|
3
3
|
videoFullWidthRight: `var(--${string})`;
|
|
4
4
|
};
|
|
5
|
-
export declare const styles:
|
|
5
|
+
export declare const styles: {
|
|
6
|
+
height: number;
|
|
7
|
+
width: string;
|
|
8
|
+
overflow: string;
|
|
9
|
+
position: string;
|
|
10
|
+
paddingBottom: string;
|
|
11
|
+
left: `var(--${string})`;
|
|
12
|
+
right: `var(--${string})`;
|
|
13
|
+
};
|
|
6
14
|
export declare const videoFullWidthStyles: string;
|
package/package.json
CHANGED