najwer23morsels 0.10.26 → 0.10.27
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/lib/Grid.js +1 -1
- package/package.json +1 -1
package/lib/Grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as r}from"react/jsx-runtime";import{L as d}from"./Loader-CCAFWxEH.js";import{g as o}from"./TextBox-BFVrBnCa.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";var e={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};a("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh,auto);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-align-items,center);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridColumns__oyScE,.Grid-module_n23mGridFlex__bsotF{column-gap:var(--grid-col-gap,0);display:flex;row-gap:var(--grid-row-gap)}.Grid-module_n23mGridColumns__oyScE{flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-col-gap, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-desktop)}}}");const m=({children:a,widthMin:m=
|
|
1
|
+
import{jsxs as i,jsx as r}from"react/jsx-runtime";import{L as d}from"./Loader-CCAFWxEH.js";import{g as o}from"./TextBox-BFVrBnCa.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";var e={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};a("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh,auto);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-align-items,center);justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridColumns__oyScE,.Grid-module_n23mGridFlex__bsotF{column-gap:var(--grid-col-gap,0);display:flex;row-gap:var(--grid-row-gap)}.Grid-module_n23mGridColumns__oyScE{flex-wrap:wrap;width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-col-gap, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-desktop)}}}");const m=({children:a,widthMin:m="0px",widthMax:l="1920px",padding:n="0px",margin:t="auto",layout:g,gap:s,col:c,loading:p=!1,justifyContent:_,alignItems:G,minHeight:u,flexWrap:x,className:w,style:v,...h})=>{if("container"===g||"flex"===g)return i("div",{className:[e["n23mGrid"+g.charAt(0).toUpperCase()+g.slice(1)],"n23mGrid"+g.charAt(0).toUpperCase()+g.slice(1),w].filter(Boolean).join(" "),style:{...o({"--grid-p":n,"--grid-m":t,"--grid-jc":_,"--grid-col-gap":s?.col,"--grid-row-gap":s?.row,"--grid-align-items":G,"--grid-fw":x,"--grid-mh":u,"--grid-wMin":m,"--grid-wMax":l}),...v},...h,children:[!p&&a,p&&r(d,{minHeight:`${u}`})]});if(!s||!c)throw new Error('When layout="columns", gap and col props are required');return r("div",{className:[e.n23mGridColumns,"n23mGridColumns",w].filter(Boolean).join(" "),style:{"--grid-col-mobile":c.mobile.toString(),"--grid-col-tablet":c.tablet.toString(),"--grid-col-small-desktop":c.smallDesktop.toString(),"--grid-col-desktop":c.desktop.toString(),"--grid-col-gap":s.col,"--grid-row-gap":s.row},...h,children:a})};m.displayName="Grid";export{m as Grid};
|