@exponential_app/eui-react 0.11.0 → 0.12.0

package/dist/index.js

@@ -7400,7 +7400,7 @@ var useIsoLayoutEffect3 = typeof window === `undefined` ? useEffect22 : useLayou
 function surfaceLayout(box, inputs) {
   const breakpoint = activeBreakpoint(box.width, inputs.breakpoints);
   const height = inputs.viewportHeight ?? box.height;
-  const ctx = { width: box.width, height, hover: inputs.hover, reducedMotion: inputs.reducedMotion };
+  const ctx = { width: box.width, height, hover: inputs.hover, reducedMotion: inputs.reducedMotion, breakpoints: inputs.breakpoints, formFactor: inputs.formFactor };
   const xq = inputs.queries.filter((key) => {
     const c = parseMediaCondition(key);
     return c ? mediaMatches(c, ctx) : false;
@@ -7539,6 +7539,7 @@ function ExponentialSurface({
   direction: directionProp,
   width,
   viewportHeight,
+  formFactor,
   id: idProp,
   handleRef,
   className,
@@ -7613,7 +7614,7 @@ function ExponentialSurface({
   const [portal, setPortal] = useState22(null);
   const [toastLayer, setToastLayer] = useState22(null);
   const box = useRef26({ width: typeof width === `number` ? width : 0, height: undefined, measured: false });
-  const layoutInputs = { breakpoints: theme.tokens.breakpoint ?? {}, queries: sheet.queries, viewportHeight, hover, reducedMotion };
+  const layoutInputs = { breakpoints: theme.tokens.breakpoint ?? {}, queries: sheet.queries, viewportHeight, formFactor, hover, reducedMotion };
   const { breakpoint, xq } = surfaceLayout(box.current, layoutInputs);
   const inputsRef = useRef26(layoutInputs);
   inputsRef.current = layoutInputs;
@@ -8099,5 +8100,5 @@ export {
   walkNodes
 };
 
-//# debugId=EF808DB07BCA693364756E2164756E21
+//# debugId=730892E878BA336264756E2164756E21
 //# sourceMappingURL=index.js.map