@latte-macchiat-io/latte-vanilla-components 0.0.158 → 0.0.159
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 +4 -4
- package/dist/index.es.js +1273 -1276
- package/dist/latte-vanilla-components.css +1 -1
- package/dist/types/components/Columns/styles.css.d.ts +10 -15
- 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)}[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)}._18hbdtx3{top:50%;left:50%;width:auto;min-width:100%;min-height:100%;position:absolute;transform:translate(-50%,-50%);max-height:var(--_18hbdtx1)}._18hbdtx5{top:0;left:0;width:100%;height:100%;position:absolute;opacity:var(--_18hbdtx0);pointer-events:var(--_18hbdtx2)}._18hbdtx6{object-fit:cover}._18hbdtx7{top:50%;left:50%;cursor:pointer;position:absolute;transform:translate(-50%,-50%)}._18hbdtx8{position:absolute;right:50px;bottom:10px;cursor:pointer}._18hbdtx9{position:absolute;top:15px;right:15px;cursor:pointer}._18hbdtxa{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)}@media screen and (min-width: 768px){.fl7h886{flex-direction:row}}
|
|
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)}._18hbdtx3{top:50%;left:50%;width:auto;min-width:100%;min-height:100%;position:absolute;transform:translate(-50%,-50%);max-height:var(--_18hbdtx1)}._18hbdtx5{top:0;left:0;width:100%;height:100%;position:absolute;opacity:var(--_18hbdtx0);pointer-events:var(--_18hbdtx2)}._18hbdtx6{object-fit:cover}._18hbdtx7{top:50%;left:50%;cursor:pointer;position:absolute;transform:translate(-50%,-50%)}._18hbdtx8{position:absolute;right:50px;bottom:10px;cursor:pointer}._18hbdtx9{position:absolute;top:15px;right:15px;cursor:pointer}._18hbdtxa{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)}@media screen and (min-width: 768px){.fl7h886{flex-direction:row}}.mx2tfy1{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:var(--mx2tfy0);justify-content:space-between;text-align:left}@media screen and (min-width: 768px){.mx2tfy1{gap:var(--mx2tfy0);flex-direction:row;align-items:stretch;justify-content:flex-start}}@media screen and (min-width: 1024px){.mx2tfy1{gap:var(--mx2tfy0)}}._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}
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
columnsGap: `var(--${string})`;
|
|
3
|
-
columnsTextAlign: `var(--${string})`;
|
|
4
|
-
columnsJustifyContent: `var(--${string})`;
|
|
5
|
-
isCentered: `var(--${string})`;
|
|
6
|
-
isInverted: `var(--${string})`;
|
|
7
|
-
column0: `var(--${string})`;
|
|
8
|
-
column1: `var(--${string})`;
|
|
9
|
-
column2: `var(--${string})`;
|
|
10
|
-
column3: `var(--${string})`;
|
|
11
3
|
};
|
|
12
4
|
export declare const styles: {
|
|
13
5
|
width: string;
|
|
@@ -17,16 +9,19 @@ export declare const styles: {
|
|
|
17
9
|
alignItems: string;
|
|
18
10
|
gap: `var(--${string})`;
|
|
19
11
|
justifyContent: string;
|
|
20
|
-
textAlign:
|
|
12
|
+
textAlign: string;
|
|
21
13
|
'@media': {
|
|
22
14
|
[x: string]: {
|
|
15
|
+
gap: `var(--${string})`;
|
|
23
16
|
flexDirection: string;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
alignItems: string;
|
|
18
|
+
justifyContent: string;
|
|
19
|
+
} | {
|
|
20
|
+
gap: `var(--${string})`;
|
|
21
|
+
flexDirection?: undefined;
|
|
22
|
+
alignItems?: undefined;
|
|
23
|
+
justifyContent?: undefined;
|
|
30
24
|
};
|
|
31
25
|
};
|
|
32
26
|
};
|
|
27
|
+
export declare const columnsStyle: string;
|
package/package.json
CHANGED