@bedrock-layout/solid 0.11.5 → 0.11.6

package/lib/index.cjs.js

@@ -89,7 +89,7 @@
     object-fit: cover;
     object-position: ${e=>typeof e.position=="string"?e.position:"50%"};
   }
-`,T=o.styled("div")`
+`,B=o.styled("div")`
   @property --gutter {
     syntax: "<length-percentage>";
     inherits: false;
@@ -124,7 +124,7 @@
     display: block;
     height: 100%;
   }
-`,ie=e=>{const[t,n]=s.createSignal(1),[r,i]=s.createSignal(),c=o.useTheme();return s.onMount(()=>{v.init()}),s.createEffect(()=>{const a=r();if(a==null)return;const l=v.registerCallback(a,({target:u})=>{var z;n(1);const g=e.gutter&&(z=d(e.gutter,c))!=null?z:"1px",y=ne?h(g,u):null,S=Math.max(y!=null?y:1,1),[L]=Array.from(u.children),D=1+Math.min(u.scrollHeight,L.scrollHeight),X=Math.ceil(D/S);n(X)});s.onCleanup(l)}),React.createElement(re,{style:`--rows: ${t()}`,ref:i},e.children)},ae=o.styled(T)`
+`,ie=e=>{const[t,n]=s.createSignal(1),[r,i]=s.createSignal(),c=o.useTheme();return s.onMount(()=>{v.init()}),s.createEffect(()=>{const a=r();if(a==null)return;const l=v.registerCallback(a,({target:u})=>{var z;n(1);const g=e.gutter&&(z=d(e.gutter,c))!=null?z:"1px",y=ne?h(g,u):null,S=Math.max(y!=null?y:1,1),[L]=Array.from(u.children),D=1+Math.min(u.scrollHeight,L.scrollHeight),X=Math.ceil(D/S);n(X)});s.onCleanup(l)}),React.createElement(re,{style:`--rows: ${t()}`,ref:i},e.children)},ae=o.styled(B)`
   grid-template-rows: 1px;
 `,oe=e=>{const t=s.children(()=>e.children),r=[].concat(t()).filter(Boolean).map(i=>React.createElement(ie,{gutter:e.gutter},i));return React.createElement(ae,f({},e),r)},b={start:"flex-start",end:"flex-end",center:"center"},w=m(f({},b),{stretch:"stretch"}),V=o.styled.div`
   --gutter: ${e=>{var t;return e.gutter&&(t=d(e.gutter,e.theme))!=null?t:"0px"}};
@@ -186,7 +186,7 @@
 
   overflow-x: scroll;
 
-  scroll-snap-type: ${({snapType:e="none"})=>{switch(e){case"none":return"none";case"proximity":return"x proximity";case"mandatory":return"x mandatory";default:return"none"}}};
+  scroll-snap-type: ${e=>{switch(e.snapType){case"none":return"none";case"proximity":return"x proximity";case"mandatory":return"x mandatory";default:return"none"}}};
 `,E=o.styled("div")`
   @property --gutter {
     syntax: "<length-percentage>";
@@ -208,7 +208,7 @@
   & > [data-bedrock-column] {
     grid-column: span 1 / auto;
   }
-`,B={"1/4":"1fr 3fr","1/3":"1fr 2fr","1/2":"1fr 1fr","2/3":"2fr 1fr","3/4":"3fr 1fr","auto-start":"auto 1fr","auto-end":"1fr auto"},me=o.styled.div`
+`,T={"1/4":"1fr 3fr","1/3":"1fr 2fr","1/2":"1fr 1fr","2/3":"2fr 1fr","3/4":"3fr 1fr","auto-start":"auto 1fr","auto-end":"1fr auto"},me=o.styled.div`
     box-sizing: border-box;
     > * {
       margin: 0;
@@ -218,7 +218,7 @@
   
     display: grid;
     gap: var(--gutter, 0px);
-    grid-template-columns: ${({fraction:e="1/2"})=>{var t;return(t=B[e])!=null?t:B["1/2"]}}};
+    grid-template-columns: ${({fraction:e="1/2"})=>{var t;return(t=T[e])!=null?t:T["1/2"]}}};
   `,ye=e=>{const t=typeof e.switchAt=="string"?h(e.switchAt):e.switchAt,n=t&&t>-1?t:0,[r,i]=k(n,e.ref);return React.createElement(s.Switch,null,React.createElement(s.Match,{when:r()===!1},React.createElement(me,m(f({fraction:e.fraction},e),{ref:i}))),React.createElement(s.Match,{when:r()===!0},React.createElement(E,m(f({},e),{ref:i}))))};function xe(e){return typeof e=="number"?`${e}px`:e&&A(e)?e:"100vh"}const he=o.styled.div`
   @property --gutter {
     syntax: "<length-percentage>";
@@ -315,4 +315,4 @@ ${e=>e.offsetEnd&&e.offsetEnd>0?`
     grid-column: span min(${e.offsetEnd}, var(--columns, 1));
   }
   `:""}
-`;exports.Center=q;exports.Column=$e;exports.ColumnDrop=U;exports.Columns=ve;exports.Cover=pe;exports.Frame=ee;exports.Grid=T;exports.Inline=ce;exports.InlineCluster=V;exports.MasonryGrid=oe;exports.PadBox=fe;exports.Reel=ge;exports.Split=ye;exports.Stack=E;exports.checkIsCSSLength=A;exports.createContainerQuery=k;exports.getSpacingValue=d;exports.spacing=R;
+`;exports.Center=q;exports.Column=$e;exports.ColumnDrop=U;exports.Columns=ve;exports.Cover=pe;exports.Frame=ee;exports.Grid=B;exports.Inline=ce;exports.InlineCluster=V;exports.MasonryGrid=oe;exports.PadBox=fe;exports.Reel=ge;exports.Split=ye;exports.Stack=E;exports.checkIsCSSLength=A;exports.createContainerQuery=k;exports.getSpacingValue=d;exports.spacing=R;

package/lib/index.m.js

@@ -520,8 +520,8 @@ const Reel = styled.div`
 
   overflow-x: scroll;
 
-  scroll-snap-type: ${({ snapType = "none" }) => {
-  switch (snapType) {
+  scroll-snap-type: ${(props) => {
+  switch (props.snapType) {
     case "none": {
       return "none";
     }

package/lib/index.umd.js

@@ -186,7 +186,7 @@ var $e=Object.defineProperty,we=Object.defineProperties;var Se=Object.getOwnProp
 
   overflow-x: scroll;
 
-  scroll-snap-type: ${({snapType:e="none"})=>{switch(e){case"none":return"none";case"proximity":return"x proximity";case"mandatory":return"x mandatory";default:return"none"}}};
+  scroll-snap-type: ${e=>{switch(e.snapType){case"none":return"none";case"proximity":return"x proximity";case"mandatory":return"x mandatory";default:return"none"}}};
 `,z=r.styled("div")`
   @property --gutter {
     syntax: "<length-percentage>";

package/lib/reel.d.ts

@@ -1,7 +1,7 @@
 import { SpacingOptions } from "./spacing-constants";
 export interface ReelProps {
     snapType?: "none" | "proximity" | "mandatory";
-    gutter: SpacingOptions;
+    gutter?: SpacingOptions;
 }
 export declare const Reel: ((props: ReelProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => import("solid-js").JSX.Element) & {
     className: (props: ReelProps & import("solid-js").JSX.HTMLAttributes<HTMLDivElement>) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bedrock-layout/solid",
-  "version": "0.11.5",
+  "version": "0.11.6",
   "description": "solid.js port of bedrock-layout primitives",
   "sideEffects": false,
   "private": false,
@@ -62,5 +62,5 @@
   "bugs": {
     "url": "https://github.com/Bedrock-Layouts/Solid-Bedrock/issues"
   },
-  "gitHead": "1950423d7074884b63905120f8ddc251c6f7b194"
+  "gitHead": "4c0005e84cf29973820aaec99c9ba9adaa595582"
 }