@contentful/experiences-design 0.7.5 → 0.7.6

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.7.6 (2026-08-20)
+
+### 🚀 Features
+
+- **adapter-angular:** scaffold @contentful/experiences-angular [AIS-361] ([#134](https://github.com/contentful/experiences/pull/134))
+
+### 🧱 Updated Dependencies
+
+- Updated core to 0.7.6
+
 ## 0.7.5 (2026-08-12)
 
 ### 🧱 Updated Dependencies

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { toCssMediaQuery } from './viewport.js';
 export { CSS_PROPERTIES, isCssProperty, toCssKey } from './css-properties.js';
+export { selectResolvedDesign } from './select-resolved-design.js';
+export { MediaQueryMatcher, createMediaQueryMatchers } from './media-query-matchers.js';
 export { applyTokenResolver, getValueForViewport, getViewportIndex, resolveDesignProperties } from '@contentful/experiences-sdk-core';

package/dist/index.js

@@ -6,13 +6,17 @@ import {
   toCssMediaQuery
 } from "./viewport";
 import { CSS_PROPERTIES, isCssProperty, toCssKey } from "./css-properties";
+import { selectResolvedDesign } from "./select-resolved-design";
+import { createMediaQueryMatchers } from "./media-query-matchers";
 export {
   CSS_PROPERTIES,
   applyTokenResolver,
+  createMediaQueryMatchers,
   getValueForViewport,
   getViewportIndex,
   isCssProperty,
   resolveDesignProperties,
+  selectResolvedDesign,
   toCssKey,
   toCssMediaQuery
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  applyTokenResolver,\n  getValueForViewport,\n  getViewportIndex,\n  resolveDesignProperties,\n  toCssMediaQuery,\n} from './viewport';\nexport { CSS_PROPERTIES, isCssProperty, toCssKey } from './css-properties';\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,eAAe,gBAAgB;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  applyTokenResolver,\n  getValueForViewport,\n  getViewportIndex,\n  resolveDesignProperties,\n  toCssMediaQuery,\n} from './viewport';\nexport { CSS_PROPERTIES, isCssProperty, toCssKey } from './css-properties';\nexport { selectResolvedDesign } from './select-resolved-design';\nexport { createMediaQueryMatchers } from './media-query-matchers';\nexport type { MediaQueryMatcher } from './media-query-matchers';\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,eAAe,gBAAgB;AACxD,SAAS,4BAA4B;AACrC,SAAS,gCAAgC;","names":[]}

package/dist/media-query-matchers.d.ts

@@ -0,0 +1,17 @@
+import { ViewportDef } from '@contentful/experiences-sdk-core';
+
+interface MediaQueryMatcher {
+    index: number;
+    signal: MediaQueryList;
+}
+/**
+ * Builds one `MediaQueryList` per viewport that has a real media query, plus a
+ * parallel array of their current match states.
+ *
+ * Outside the browser the matcher list comes back empty and only the wildcard
+ * viewport is marked as matching, so callers stay SSR-safe without their own
+ * `typeof window` guard.
+ */
+declare function createMediaQueryMatchers(viewports: ViewportDef[]): [MediaQueryMatcher[], boolean[]];
+
+export { type MediaQueryMatcher, createMediaQueryMatchers };

package/dist/media-query-matchers.js

@@ -0,0 +1,23 @@
+import { toCssMediaQuery } from "./viewport";
+function createMediaQueryMatchers(viewports) {
+  const mediaQueryMatches = new Array(viewports.length).fill(false);
+  mediaQueryMatches[0] = true;
+  const mediaQueryMatchers = [];
+  if (typeof window === "undefined") {
+    return [mediaQueryMatchers, mediaQueryMatches];
+  }
+  for (let index = 0; index < viewports.length; index++) {
+    const viewport = viewports[index];
+    if (!viewport) continue;
+    const cssQuery = toCssMediaQuery(viewport);
+    if (!cssQuery) continue;
+    const matcher = window.matchMedia(cssQuery);
+    mediaQueryMatches[index] = matcher.matches;
+    mediaQueryMatchers.push({ index, signal: matcher });
+  }
+  return [mediaQueryMatchers, mediaQueryMatches];
+}
+export {
+  createMediaQueryMatchers
+};
+//# sourceMappingURL=media-query-matchers.js.map

package/dist/media-query-matchers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/media-query-matchers.ts"],"sourcesContent":["/*\n * `window.matchMedia` plumbing for viewport tracking, shared by every adapter.\n *\n * Each adapter owns its own reactivity primitive (React `useState`, Svelte\n * `$state`, Angular signals) but the matcher construction and the SSR guard are\n * identical, so they live here.\n *\n * \"Active viewport\" = the last-matching media query in the ordered viewports\n * list. With desktop-first ordering (`*`, `<992px`, `<576px`), the narrowest\n * matching query wins. With mobile-first ordering, the widest wins. Either\n * way: the last `findLastIndex` of `mediaQueryMatches[i] === true`.\n */\n\nimport type { ViewportDef } from '@contentful/experiences-sdk-core';\n\nimport { toCssMediaQuery } from './viewport';\n\nexport interface MediaQueryMatcher {\n  index: number;\n  signal: MediaQueryList;\n}\n\n/**\n * Builds one `MediaQueryList` per viewport that has a real media query, plus a\n * parallel array of their current match states.\n *\n * Outside the browser the matcher list comes back empty and only the wildcard\n * viewport is marked as matching, so callers stay SSR-safe without their own\n * `typeof window` guard.\n */\nexport function createMediaQueryMatchers(\n  viewports: ViewportDef[]\n): [MediaQueryMatcher[], boolean[]] {\n  const mediaQueryMatches: boolean[] = new Array(viewports.length).fill(false);\n  // The first viewport is the wildcard \"*\" and always matches.\n  mediaQueryMatches[0] = true;\n\n  const mediaQueryMatchers: MediaQueryMatcher[] = [];\n  if (typeof window === 'undefined') {\n    return [mediaQueryMatchers, mediaQueryMatches];\n  }\n  for (let index = 0; index < viewports.length; index++) {\n    const viewport = viewports[index];\n    if (!viewport) continue;\n    const cssQuery = toCssMediaQuery(viewport);\n    if (!cssQuery) continue;\n    const matcher = window.matchMedia(cssQuery);\n    mediaQueryMatches[index] = matcher.matches;\n    mediaQueryMatchers.push({ index, signal: matcher });\n  }\n  return [mediaQueryMatchers, mediaQueryMatches];\n}\n"],"mappings":"AAeA,SAAS,uBAAuB;AAezB,SAAS,yBACd,WACkC;AAClC,QAAM,oBAA+B,IAAI,MAAM,UAAU,MAAM,EAAE,KAAK,KAAK;AAE3E,oBAAkB,CAAC,IAAI;AAEvB,QAAM,qBAA0C,CAAC;AACjD,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,CAAC,oBAAoB,iBAAiB;AAAA,EAC/C;AACA,WAAS,QAAQ,GAAG,QAAQ,UAAU,QAAQ,SAAS;AACrD,UAAM,WAAW,UAAU,KAAK;AAChC,QAAI,CAAC,SAAU;AACf,UAAM,WAAW,gBAAgB,QAAQ;AACzC,QAAI,CAAC,SAAU;AACf,UAAM,UAAU,OAAO,WAAW,QAAQ;AAC1C,sBAAkB,KAAK,IAAI,QAAQ;AACnC,uBAAmB,KAAK,EAAE,OAAO,QAAQ,QAAQ,CAAC;AAAA,EACpD;AACA,SAAO,CAAC,oBAAoB,iBAAiB;AAC/C;","names":[]}

package/dist/select-resolved-design.d.ts

@@ -0,0 +1,11 @@
+import { DesignPropValue, ViewportDef, ResolveToken } from '@contentful/experiences-sdk-core';
+
+declare function selectResolvedDesign(props: {
+    design: Record<string, unknown>;
+    designRaw: Record<string, DesignPropValue>;
+}, viewports: ViewportDef[], activeViewportIndex: number, fallbackViewportIndex: number, resolveToken: ResolveToken | undefined): {
+    props: Record<string, unknown>;
+    unresolved: string[];
+};
+
+export { selectResolvedDesign };

package/dist/select-resolved-design.js

@@ -0,0 +1,12 @@
+import { applyTokenResolver, resolveDesignProperties } from "@contentful/experiences-sdk-core";
+function selectResolvedDesign(props, viewports, activeViewportIndex, fallbackViewportIndex, resolveToken) {
+  if (activeViewportIndex === fallbackViewportIndex) {
+    return { props: props.design, unresolved: [] };
+  }
+  const resolvedDesign = resolveDesignProperties(props.designRaw, viewports, activeViewportIndex);
+  return applyTokenResolver(resolvedDesign, resolveToken);
+}
+export {
+  selectResolvedDesign
+};
+//# sourceMappingURL=select-resolved-design.js.map

package/dist/select-resolved-design.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select-resolved-design.ts"],"sourcesContent":["/*\n * Picks the design record a renderer should use for the active viewport.\n *\n * Shared by every framework adapter: the choice between \"trust the server's\n * pre-resolved values\" and \"recompute the cascade client-side\" is a property of\n * the IR, not of any one framework.\n */\n\nimport type { DesignPropValue, ResolveToken, ViewportDef } from '@contentful/experiences-sdk-core';\nimport { applyTokenResolver, resolveDesignProperties } from '@contentful/experiences-sdk-core';\n\n// Use the server-resolved `props.design` when the active viewport matches the\n// fallback; otherwise recompute the cascade from raw `props.designRaw`.\nexport function selectResolvedDesign(\n  props: { design: Record<string, unknown>; designRaw: Record<string, DesignPropValue> },\n  viewports: ViewportDef[],\n  activeViewportIndex: number,\n  fallbackViewportIndex: number,\n  resolveToken: ResolveToken | undefined\n): { props: Record<string, unknown>; unresolved: string[] } {\n  if (activeViewportIndex === fallbackViewportIndex) {\n    return { props: props.design, unresolved: [] };\n  }\n  const resolvedDesign = resolveDesignProperties(props.designRaw, viewports, activeViewportIndex);\n  return applyTokenResolver(resolvedDesign, resolveToken);\n}\n"],"mappings":"AASA,SAAS,oBAAoB,+BAA+B;AAIrD,SAAS,qBACd,OACA,WACA,qBACA,uBACA,cAC0D;AAC1D,MAAI,wBAAwB,uBAAuB;AACjD,WAAO,EAAE,OAAO,MAAM,QAAQ,YAAY,CAAC,EAAE;AAAA,EAC/C;AACA,QAAM,iBAAiB,wBAAwB,MAAM,WAAW,WAAW,mBAAmB;AAC9F,SAAO,mBAAmB,gBAAgB,YAAY;AACxD;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-design",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "Viewport math and design-property resolution utilities for Contentful Experiences",
   "license": "MIT",
   "type": "module",
@@ -30,6 +30,6 @@
     "directory": "packages/design"
   },
   "dependencies": {
-    "@contentful/experiences-sdk-core": "0.7.5"
+    "@contentful/experiences-sdk-core": "0.7.6"
   }
 }