@contentful/experiences-design 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,3 +1,137 @@
+## 0.12.0 (2026-10-08)
+
+### 🚀 Features
+
+- ⚠️  remove sdk viewport surface [SPA-5275] ([#220](https://github.com/contentful/experiences/pull/220))
+
+### ⚠️  Breaking Changes
+
+- remove sdk viewport surface [SPA-5275]  ([#220](https://github.com/contentful/experiences/pull/220))
+  The SDK no longer exposes viewport definitions, viewport-aware design-value resolution, or active-viewport hooks. Use CSS media queries or application-owned matchMedia integration for responsive behavior. Delivered design property values are now flat and require no migration."
+  M	AGENTS.md
+  M	ARCHITECTURE.md
+  M	CONTRIBUTING.md
+  M	README.md
+  M	catalog-info.yaml
+  M	examples/angular/README.md
+  M	examples/angular/src/app/components/heading.component.ts
+  D	examples/angular/src/app/lib/detect-viewport.ts
+  M	examples/angular/src/app/lib/experience-config.ts
+  M	examples/angular/src/app/lib/experience-route-data.ts
+  M	examples/angular/src/app/pages/experience-page.component.ts
+  M	examples/angular/src/server.ts
+  M	examples/nextjs/README.md
+  M	examples/nextjs/app/[slug]/page.tsx
+  M	examples/nextjs/components/Heading.tsx
+  M	examples/nextjs/components/LivePreviewExperience.tsx
+  M	examples/nextjs/components/Section.tsx
+  D	examples/nextjs/lib/detect-viewport.ts
+  M	examples/nextjs/lib/experience-config.tsx
+  M	examples/scripts/bootstrap-example.ts
+  M	examples/scripts/fixture/experience.ts
+  M	examples/scripts/fixture/types.ts
+  M	examples/sveltekit/README.md
+  M	examples/sveltekit/src/lib/components/Heading.svelte
+  D	examples/sveltekit/src/lib/detect-viewport.ts
+  M	examples/sveltekit/src/lib/experience-config.ts
+  M	examples/sveltekit/src/routes/[slug]/+page.server.ts
+  M	examples/sveltekit/src/routes/[slug]/+page.svelte
+  M	examples/sveltekit/vite.config.ts
+  M	package-lock.json
+  M	packages/adapter-angular/README.md
+  M	packages/adapter-angular/src/client-experience-renderer.component.ts
+  M	packages/adapter-angular/src/context.ts
+  M	packages/adapter-angular/src/debug-experience.test.ts
+  M	packages/adapter-angular/src/debug-panel-coverage.ssr.test.ts
+  M	packages/adapter-angular/src/debug-panel-coverage.test.ts
+  M	packages/adapter-angular/src/dom-parity.test.ts
+  M	packages/adapter-angular/src/experience-defaults.ts
+  M	packages/adapter-angular/src/experience-scope.ts
+  M	packages/adapter-angular/src/index.ts
+  D	packages/adapter-angular/src/inject-active-viewport.ts
+  M	packages/adapter-angular/src/inject-design-values.ts
+  M	packages/adapter-angular/src/inject-experience-plan.ts
+  M	packages/adapter-angular/src/live-preview-experience.ssr.test.ts
+  M	packages/adapter-angular/src/live-preview-experience.test.ts
+  M	packages/adapter-angular/src/node-render-engine.test.ts
+  M	packages/adapter-angular/src/node-render-engine.ts
+  M	packages/adapter-angular/src/node-scopes.ts
+  M	packages/adapter-angular/src/nodes-renderer.ssr.test.ts
+  M	packages/adapter-angular/src/server-experience-renderer.component.ts
+  M	packages/adapter-angular/src/server-renderer.test.ts
+  M	packages/adapter-angular/src/test-fixtures/render-harness.ts
+  M	packages/adapter-angular/src/types.ts
+  M	packages/adapter-react/README.md
+  M	packages/adapter-react/src/client-renderer.tsx
+  M	packages/adapter-react/src/context.tsx
+  M	packages/adapter-react/src/debug-experience.test.tsx
+  M	packages/adapter-react/src/debug-experience.tsx
+  M	packages/adapter-react/src/debug-panel-coverage.test.tsx
+  M	packages/adapter-react/src/index.ts
+  M	packages/adapter-react/src/nodes-renderer.ssr.test.tsx
+  M	packages/adapter-react/src/nodes-renderer.test.tsx
+  M	packages/adapter-react/src/nodes-renderer.tsx
+  M	packages/adapter-react/src/server-renderer.test.tsx
+  M	packages/adapter-react/src/server-renderer.tsx
+  M	packages/adapter-react/src/types.ts
+  D	packages/adapter-react/src/use-active-viewport.ts
+  M	packages/adapter-react/src/use-design-values.tsx
+  M	packages/adapter-react/src/use-experience-plan.test.tsx
+  M	packages/adapter-react/src/use-experience-plan.ts
+  M	packages/adapter-react/src/use-live-preview-experience.test.tsx
+  M	packages/adapter-react/src/use-live-preview.test.tsx
+  M	packages/adapter-svelte/README.md
+  M	packages/adapter-svelte/src/ClientExperienceRenderer.svelte
+  M	packages/adapter-svelte/src/DebugExperience.svelte
+  M	packages/adapter-svelte/src/DebugExperience.test.ts
+  M	packages/adapter-svelte/src/NodeRenderer.svelte
+  M	packages/adapter-svelte/src/NodeRenderer.test.ts
+  M	packages/adapter-svelte/src/NodesRenderer.svelte
+  M	packages/adapter-svelte/src/ServerExperienceRenderer.svelte
+  M	packages/adapter-svelte/src/component-props.ts
+  M	packages/adapter-svelte/src/context.ts
+  M	packages/adapter-svelte/src/debug-panel-coverage.ssr.test.ts
+  M	packages/adapter-svelte/src/debug-panel-coverage.test.ts
+  M	packages/adapter-svelte/src/get-design-values.ts
+  M	packages/adapter-svelte/src/index.ts
+  M	packages/adapter-svelte/src/nodes-renderer.ssr.test.ts
+  M	packages/adapter-svelte/src/server-renderer.test.ts
+  M	packages/adapter-svelte/src/types.ts
+  D	packages/adapter-svelte/src/use-active-viewport.svelte.ts
+  M	packages/adapter-svelte/src/use-experience-plan.test.ts
+  M	packages/adapter-svelte/src/use-live-preview-experience.test.ts
+  M	packages/adapter-svelte/src/use-live-preview.test.ts
+  M	packages/client/src/contentful-experiences.test.ts
+  M	packages/client/src/contentful-experiences.ts
+  M	packages/client/src/fetch-experience.test.ts
+  M	packages/client/src/fetch-experience.ts
+  M	packages/core/README.md
+  A	packages/core/src/design-properties.test.ts
+  A	packages/core/src/design-properties.ts
+  M	packages/core/src/index.ts
+  M	packages/core/src/resolve-experience.test.ts
+  M	packages/core/src/resolve-experience.ts
+  M	packages/core/src/types.ts
+  D	packages/core/src/viewport.test.ts
+  D	packages/core/src/viewport.ts
+  M	packages/design/README.md
+  M	packages/design/package.json
+  M	packages/design/src/index.ts
+  D	packages/design/src/media-query-matchers.ts
+  D	packages/design/src/select-resolved-design.ts
+  D	packages/design/src/viewport.test.ts
+  D	packages/design/src/viewport.ts
+  M	packages/live-preview/README.md
+  M	packages/live-preview/src/experience-payload.ts
+  M	packages/live-preview/src/fetch-preview-session.test.ts
+  M	packages/live-preview/src/fetch-preview-session.ts
+  M	packages/live-preview/src/live-preview-client.test.ts
+  M	packages/node/README.md
+  M	packages/node/src/contentful-experiences.test.ts
+  M	packages/node/src/contentful-experiences.ts
+  M	packages/web/README.md
+  M	packages/web/src/contentful-experiences.test.ts
+
 ## 0.11.0 (2026-10-06)
 
 ### 🧱 Updated Dependencies

package/README.md

@@ -2,36 +2,37 @@
 
 > ⚠️ **Internal package.** You don't install this directly — the framework adapter (e.g. [`@contentful/experiences-react`](../adapter-react/)) re-exports the utilities you need.
 
-Pure, framework-agnostic viewport math for resolving Contentful's `DesignPropValue` envelopes against an active viewport.
+Framework-agnostic helpers for turning resolved design-property records into
+CSS-shaped values.
 
 ## What lives here
 
-- **`toCssMediaQuery(viewport)`** — convert Contentful's media-query DSL (`<992px`, `>1200px`, `*`) to a CSS media query string. The wildcard and any unrecognized format return `undefined`.
-- **`getViewportIndex(viewports, id?)`** — resolve a viewport id to its index in the cascade list.
-- **`getValueForViewport(prop, viewports, activeIdx)`** — unwrap a `DesignPropValue`. `ManualDesignValue` → its scalar; `ValuesByViewport` → cascade-lookup at the active viewport, then unwrap; `DesignToken` → pass the envelope through (you resolve it via `resolveToken` in v1).
-- **`resolveDesignProperties(designProps, viewports, activeIdx)`** — apply `getValueForViewport` to every key of a node's design-property bag.
-- **`applyTokenResolver(props, resolveToken?)`** — run a resolved design record through the Config's `resolveToken`. Scalars pass through; `DesignToken` envelopes are resolved, and any that resolve to `undefined` are dropped and reported in `unresolved`. With no resolver the record is returned unchanged — and if it still contains tokens, a one-time console warning fires (they'd otherwise reach components as raw envelope objects).
 - **`toCssKey(key)`** — normalize a design-record key to a candidate CSS property name: strip an optional `cf` prefix and camelCase kebab/snake (`cf-font-size` → `fontSize`).
 - **`isCssProperty(key)` / `CSS_PROPERTIES`** — membership test and the underlying `Set` of CSS property names the adapters' `toCss` will emit.
 
 ## `toCss` and the CSS-property whitelist
 
-`toCss` is a companion to the design-hook escape hatch, not part of the recommended styling path. Components should style from their auto-filled design props, where they read the keys they declared and there is nothing to filter — see [Styling components](../../README.md#styling-components). `toCss` earns its place when you're holding a whole resolved record from `useDesignValues()` / `getDesignValues()` / `injectDesignValues()` and need the CSS-shaped subset of it.
+`toCss` is a companion to the design-hook escape hatch, not part of the
+recommended styling path. Components should style from their auto-filled
+design props, where they read the keys they declared and there is nothing to
+filter — see [Styling components](../../README.md#styling-components).
 
-The adapters' `toCss` helper keeps only keys whose normalized form is in `CSS_PROPERTIES` and **drops everything else** — that's how semantic design values (`variant`, `as`, `ratio`, …) stay out of a style object. The trade-off is that a genuine CSS property missing from the set is dropped silently.
+The adapters' `toCss` helper keeps only keys whose normalized form is in
+`CSS_PROPERTIES` and **drops everything else** — that's how semantic design
+values (`variant`, `as`, `ratio`, …) stay out of a style object. The trade-off
+is that a genuine CSS property missing from the set is dropped silently.
 
 If you hit that:
 
 - **Read the value directly.** The full resolved record is available from `useDesignValues()` / `getDesignValues()`; `toCss` is only a convenience over it, so a key it drops is still readable by name.
 - **Extend the set.** `CSS_PROPERTIES` is exported and mutable (`CSS_PROPERTIES.add('containerType')`) — a key added there flows through `toCss` on the next render.
 
-The list is intentionally curated rather than exhaustive (a full CSS-property warning would misfire on the semantic keys `toCss` is meant to drop). Open a PR to add commonly-needed properties.
+The list is intentionally curated rather than exhaustive (a full CSS-property
+warning would misfire on the semantic keys `toCss` is meant to drop). Open a
+PR to add commonly-needed properties.
 
-## Cascade behavior
-
-Viewport order in the payload encodes cascade direction (desktop-first descending, mobile-first ascending). `getValueForViewport` walks backwards from the active viewport toward `viewports[0]`, returning the first defined value — emulating CSS cascade behavior at runtime.
-
-See [`../../AGENTS.md`](../../AGENTS.md) for the design rationale and multi-framework story.
+See [`../../AGENTS.md`](../../AGENTS.md) for the design rationale and
+multi-framework story.
 
 ## License
 

package/dist/index.d.ts

@@ -1,5 +1 @@
-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

@@ -1,23 +1,7 @@
-import {
-  applyTokenResolver,
-  getValueForViewport,
-  getViewportIndex,
-  resolveDesignProperties,
-  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
+  toCssKey
 };
 //# sourceMappingURL=index.js.map

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';\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":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { CSS_PROPERTIES, isCssProperty, toCssKey } from './css-properties';\n"],"mappings":"AAAA,SAAS,gBAAgB,eAAe,gBAAgB;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contentful/experiences-design",
-  "version": "0.11.0",
-  "description": "Viewport math and design-property resolution utilities for Contentful Experiences",
+  "version": "0.12.0",
+  "description": "CSS property utilities for Contentful Experiences",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,8 +28,5 @@
     "type": "git",
     "url": "https://github.com/contentful/experiences.git",
     "directory": "packages/design"
-  },
-  "dependencies": {
-    "@contentful/experiences-sdk-core": "0.11.0"
   }
 }

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

@@ -1,26 +0,0 @@
-import { ViewportDef } from '@contentful/experiences-sdk-core';
-
-/**
- * @deprecated Viewports are being removed from the Experiences APIs. No
- * customer action is needed: this type is only used by the deprecated
- * active-viewport hooks. Will not be removed before 2026-10-06.
- */
-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.
- *
- * @deprecated Viewports are being removed from the Experiences APIs. No
- * customer action is needed: this helper is only used by the deprecated
- * active-viewport hooks. Will not be removed before 2026-10-06.
- */
-declare function createMediaQueryMatchers(viewports: ViewportDef[]): [MediaQueryMatcher[], boolean[]];
-
-export { type MediaQueryMatcher, createMediaQueryMatchers };

package/dist/media-query-matchers.js

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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\n/**\n * @deprecated Viewports are being removed from the Experiences APIs. No\n * customer action is needed: this type is only used by the deprecated\n * active-viewport hooks. Will not be removed before 2026-10-06.\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 *\n * @deprecated Viewports are being removed from the Experiences APIs. No\n * customer action is needed: this helper is only used by the deprecated\n * active-viewport hooks. Will not be removed before 2026-10-06.\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;AAwBzB,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

@@ -1,20 +0,0 @@
-import { DesignPropValue, ViewportDef, ResolveToken } from '@contentful/experiences-sdk-core';
-
-/**
- * Use the server-resolved `props.design` when the active viewport matches the
- * fallback; otherwise recompute the cascade from raw `props.designRaw`.
- *
- * @deprecated Viewports are being removed from the Experiences APIs. No
- * customer action is needed: with a single viewport, the active and fallback
- * indices always match, so this always returns `props.design`. Will not be
- * removed before 2026-10-06.
- */
-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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/**\n * Use the server-resolved `props.design` when the active viewport matches the\n * fallback; otherwise recompute the cascade from raw `props.designRaw`.\n *\n * @deprecated Viewports are being removed from the Experiences APIs. No\n * customer action is needed: with a single viewport, the active and fallback\n * indices always match, so this always returns `props.design`. Will not be\n * removed before 2026-10-06.\n */\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;AAWrD,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/dist/viewport.d.ts

@@ -1,15 +0,0 @@
-import { ViewportDef } from '@contentful/experiences-sdk-core';
-export { applyTokenResolver, getValueForViewport, getViewportIndex, resolveDesignProperties } from '@contentful/experiences-sdk-core';
-
-/**
- * Convert a Contentful viewport `query` string into a CSS media query.
- * Returns `undefined` for the wildcard "*" (always matches; no media query needed)
- * or for any unrecognized format.
- *
- * @deprecated Viewports are being removed from the Experiences APIs. No
- * customer action is needed: this helper is only used by the deprecated
- * active-viewport hooks. Will not be removed before 2026-10-06.
- */
-declare function toCssMediaQuery(viewport: ViewportDef): string | undefined;
-
-export { toCssMediaQuery };

package/dist/viewport.js

@@ -1,30 +0,0 @@
-import {
-  applyTokenResolver,
-  getValueForViewport,
-  getViewportIndex,
-  resolveDesignProperties
-} from "@contentful/experiences-sdk-core";
-const MEDIA_QUERY_REGEXP = /^(<|>)(\d+)(px|cm|mm|in|pt|pc)$/;
-function toCssMediaQuery(viewport) {
-  const { query } = viewport;
-  if (query === "*") return void 0;
-  const match = query.match(MEDIA_QUERY_REGEXP);
-  if (!match) return void 0;
-  const [, operator, value, unit] = match;
-  if (!operator || !value || !unit) return void 0;
-  if (operator === "<") {
-    return `(max-width: ${Number(value) - 1}${unit})`;
-  }
-  if (operator === ">") {
-    return `(min-width: ${Number(value) + 1}${unit})`;
-  }
-  return void 0;
-}
-export {
-  applyTokenResolver,
-  getValueForViewport,
-  getViewportIndex,
-  resolveDesignProperties,
-  toCssMediaQuery
-};
-//# sourceMappingURL=viewport.js.map

package/dist/viewport.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/viewport.ts"],"sourcesContent":["/*\n * Viewport → CSS media-query translation. The cascade + token-resolution\n * helpers now live in core (so the resolve pipeline can pre-resolve design\n * server-side) and are re-exported here to keep this package's API unchanged.\n */\n\nimport type { ViewportDef } from '@contentful/experiences-sdk-core';\n\nexport {\n  applyTokenResolver,\n  getValueForViewport,\n  getViewportIndex,\n  resolveDesignProperties,\n} from '@contentful/experiences-sdk-core';\n\nconst MEDIA_QUERY_REGEXP = /^(<|>)(\\d+)(px|cm|mm|in|pt|pc)$/;\n\n/**\n * Convert a Contentful viewport `query` string into a CSS media query.\n * Returns `undefined` for the wildcard \"*\" (always matches; no media query needed)\n * or for any unrecognized format.\n *\n * @deprecated Viewports are being removed from the Experiences APIs. No\n * customer action is needed: this helper is only used by the deprecated\n * active-viewport hooks. Will not be removed before 2026-10-06.\n */\nexport function toCssMediaQuery(viewport: ViewportDef): string | undefined {\n  const { query } = viewport;\n  if (query === '*') return undefined;\n  const match = query.match(MEDIA_QUERY_REGEXP);\n  if (!match) return undefined;\n  const [, operator, value, unit] = match;\n  if (!operator || !value || !unit) return undefined;\n  if (operator === '<') {\n    return `(max-width: ${Number(value) - 1}${unit})`;\n  }\n  if (operator === '>') {\n    return `(min-width: ${Number(value) + 1}${unit})`;\n  }\n  return undefined;\n}\n"],"mappings":"AAQA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,qBAAqB;AAWpB,SAAS,gBAAgB,UAA2C;AACzE,QAAM,EAAE,MAAM,IAAI;AAClB,MAAI,UAAU,IAAK,QAAO;AAC1B,QAAM,QAAQ,MAAM,MAAM,kBAAkB;AAC5C,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,CAAC,EAAE,UAAU,OAAO,IAAI,IAAI;AAClC,MAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAM,QAAO;AACzC,MAAI,aAAa,KAAK;AACpB,WAAO,eAAe,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI;AAAA,EAChD;AACA,MAAI,aAAa,KAAK;AACpB,WAAO,eAAe,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI;AAAA,EAChD;AACA,SAAO;AACT;","names":[]}