@nok-integration/storefront-react 0.16.0 → 0.16.1

package/dist/standalone/styles.css

@@ -3,6 +3,23 @@
  * as CSS custom properties. Mobile-first, 375pt base width, embedded in the DAZN app.
  * Values are display tokens only; money is always server-authoritative.
  */
+/*
+ * THE HOST PROVIDES THE TYPEFACE. There is deliberately no `@font-face` here.
+ *
+ * The name below is the one inside DAZN's own font files (`name` ID 1 = "DAZN Oscine"),
+ * so a host that already serves the face — as DAZN do on their pages — is matched exactly
+ * and the mounted components inherit it. Nothing to configure.
+ *
+ * Two reasons not to ship it in the package. A `url()` here resolves against the
+ * CONSUMER's origin, so any path we picked would 404 in every host but the one we guessed;
+ * and inlining the two faces as data URIs adds ~120 kB to a bundle that is 67 kB gzipped,
+ * which is most of a tripling to deliver something the host almost certainly already has.
+ *
+ * A host WITHOUT the face falls through to the system stack and renders correctly but not
+ * on-brand. If that is ever the situation, the fix belongs in the host, not here.
+ *
+ * Our own storefront is such a host and serves them from `app/theme.css`.
+ */
 :root {
   /* ── Typeface ─────────────────────────────────────────────────────────── */
   --font-family-base:

package/dist/styles.css

@@ -3,6 +3,23 @@
  * as CSS custom properties. Mobile-first, 375pt base width, embedded in the DAZN app.
  * Values are display tokens only; money is always server-authoritative.
  */
+/*
+ * THE HOST PROVIDES THE TYPEFACE. There is deliberately no `@font-face` here.
+ *
+ * The name below is the one inside DAZN's own font files (`name` ID 1 = "DAZN Oscine"),
+ * so a host that already serves the face — as DAZN do on their pages — is matched exactly
+ * and the mounted components inherit it. Nothing to configure.
+ *
+ * Two reasons not to ship it in the package. A `url()` here resolves against the
+ * CONSUMER's origin, so any path we picked would 404 in every host but the one we guessed;
+ * and inlining the two faces as data URIs adds ~120 kB to a bundle that is 67 kB gzipped,
+ * which is most of a tripling to deliver something the host almost certainly already has.
+ *
+ * A host WITHOUT the face falls through to the system stack and renders correctly but not
+ * on-brand. If that is ever the situation, the fix belongs in the host, not here.
+ *
+ * Our own storefront is such a host and serves them from `app/theme.css`.
+ */
 :root {
   /* ── Typeface ─────────────────────────────────────────────────────────── */
   --font-family-base:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "publishConfig": {