pi-kiosk-shared 2.3.10 → 2.3.13

package/README.md

@@ -9,7 +9,7 @@ Shared types, API contracts, and error classes for the Pi Kiosk system.
 
 ## Temporary retention
 
-`up-backend` keeps production `react` / `react-dom` until cold/start paths consume a Node-safe published or overlaid main barrel. Do **not** drop those deps until that consume path is proven on the version actually installed (registry tarball from `npm view`, or monorepo overlay of sibling `../shared` **2.3.5**). Same caveat as `up-backend/docs/DEPLOYMENT/DEPLOY_SEPARATE_REPOS.md`.
+`up-backend` keeps production `react` / `react-dom` until cold/start paths consume a Node-safe published or overlaid main barrel. Do **not** drop those deps until that consume path is proven on the version actually installed (registry tarball from `npm view`, or monorepo overlay of sibling `../shared` **2.3.10**). Same caveat as `up-backend/docs/DEPLOYMENT/DEPLOY_SEPARATE_REPOS.md`.
 
 ## Installation
 
@@ -74,7 +74,7 @@ Frontends import React modules from `/ui`. The **target** main barrel (local ove
 
 ## Local monorepo overlay
 
-**Honesty (SSOT):** Live monorepo source is `shared/package.json` **2.3.5**. All consumers pin **`^2.3.5`** in `package.json`. **Committed locks resolve the npm registry tarball** (`https://registry.npmjs.org/pi-kiosk-shared/-/pi-kiosk-shared-2.3.5.tgz` after refresh) — that is what Railway / app-only `npm ci` installs.
+**Honesty (SSOT):** Live monorepo source is `shared/package.json` **2.3.10**. Monorepo consumers pin **`file:../shared/pi-kiosk-shared-2.3.10.tgz`** (or overlay sibling `../shared`). **Registry / app-only clones** should pin **`^2.3.10`** — versions **< 2.3.10** lack adaptive add-to-cart CQ rules (`.rp-add-cta--always-long`, `@container rp-add-cta` at **14rem**) in `src/tokens/responsive.css`. **Committed locks resolve the npm registry tarball** (`https://registry.npmjs.org/pi-kiosk-shared/-/pi-kiosk-shared-2.3.10.tgz` after refresh) — that is what Railway / app-only `npm ci` installs when not using monorepo overlay.
 
 **Local monorepo dev does not use committed tarballs.** When sibling `../shared` exists, `postinstall`/`prepare` → `overlaySharedIfPresent.mjs` → `ensureDist.mjs` copies `shared/dist` into each consumer's `node_modules/pi-kiosk-shared`. You work against live source; registry version in `node_modules` is overwritten on install.
 
@@ -87,18 +87,20 @@ After every `shared` version bump: `npm publish` (or your release pipeline), the
 
 Do **not** commit `file:../shared/pi-kiosk-shared-*.tgz` pins — stale registry locks (e.g. `2.3.2`) ship pre-rewrite outage UI on Railway until locks are refreshed.
 
+**Monorepo tarball refresh (local):** from `shared/`, run `npm run publish:local` to build and pack `pi-kiosk-shared-<version>.tgz`; reinstall in consumers with `npm install file:../shared/pi-kiosk-shared-<version>.tgz`.
+
 ### Distribution paths
 
 | Path | When | How rewrite reaches consumers |
 |------|------|-------------------------------|
 | **Local overlay** | Monorepo with sibling `shared/` | `npm ci` / `npm install` hooks → `ensureDist.mjs` |
-| **Registry `^2.3.5`** | Railway, app-only clones | `npm ci` → registry tarball from lockfile |
+| **Registry `^2.3.10`** | Railway, app-only clones | `npm ci` → registry tarball from lockfile (≥ 2.3.10 for adaptive-label CSS) |
 
 Verify publish contents (maintainers only):
 
 ```powershell
 cd shared; npm run build; npm pack
-tar -xOf pi-kiosk-shared-2.3.5.tgz package/dist/components/DatabaseUnavailable.js | Select-String "Aplikace"
+tar -xOf pi-kiosk-shared-2.3.10.tgz package/src/tokens/responsive.css | Select-String "rp-add-cta--always-long"
 ```
 
 **Documented cold path (monorepo):** `npm ci` / `npm install` in each app runs lifecycle hooks → `scripts/overlaySharedIfPresent.mjs` → `shared/scripts/ensureDist.mjs` when sibling `../shared` exists:
@@ -136,7 +138,7 @@ npm run gate:main-barrel-node-safe
 
 From `shared/`, prove the documented cold path:
 
-1. **DIAGNOSTIC** — `npm pack` a known Node-safe registry tarball (`COLD_VERSION` in `prove-pi-kiosk-shared-cold-overlay.mjs`, currently `2.2.82` — intentional historical diagnostic fixture, not the live pin) in a temp dir and assert COLD_BAD markers (never installs into a consumer with `--ignore-scripts`). Live monorepo source is `shared/package.json` **2.3.5**.
+1. **DIAGNOSTIC** — `npm pack` a known Node-safe registry tarball (`COLD_VERSION` in `prove-pi-kiosk-shared-cold-overlay.mjs`, currently `2.2.82` — intentional historical diagnostic fixture, not the live pin) in a temp dir and assert COLD_BAD markers (never installs into a consumer with `--ignore-scripts`). Live monorepo source is `shared/package.json` **2.3.10**.
 2. **PASS** — wipe that consumer’s `node_modules/pi-kiosk-shared`, then `npm install` with **scripts on** (no package args) so `prepare` / `postinstall` overlays during install; assert Node-safe barrel + `NODE_IMPORT_OK`.
 
 ```bash

package/dist/branding/logoChipMarkStyle.d.ts

@@ -11,9 +11,20 @@ export type LogoChipMarkResolvedChrome = {
 /** Where the square mark appears — shadow treatment differs on login hero only. */
 export type LogoChipMarkStyleVariant = 'orgPicker' | 'loginHero';
 export type LogoChipMarkInlineStyle = Record<string, string>;
+export type LogoChipMarkPartitionedStyles = {
+    readonly shell: LogoChipMarkInlineStyle | undefined;
+    readonly fill: LogoChipMarkInlineStyle | undefined;
+};
 /**
  * Inline styles for logo chip rim + background fill.
  * SSOT for admin org picker, login hero, and branding previews.
  */
 export declare function buildLogoChipMarkStyle(resolved: LogoChipMarkResolvedChrome, variant?: LogoChipMarkStyleVariant): LogoChipMarkInlineStyle | undefined;
+/**
+ * Rim (box-shadow) on the outer shell; background fill on an inner layer.
+ * Prevents the background colour picker from appearing to recolour the rim when both are on.
+ */
+export declare function partitionLogoChipMarkStyle(resolved: LogoChipMarkResolvedChrome, variant?: LogoChipMarkStyleVariant): LogoChipMarkPartitionedStyles;
+/** Partition a combined {@link buildLogoChipMarkStyle} result when background is enabled. */
+export declare function partitionLogoChipMarkInlineStyle(style: LogoChipMarkInlineStyle | undefined, showBackground: boolean): LogoChipMarkPartitionedStyles;
 //# sourceMappingURL=logoChipMarkStyle.d.ts.map

package/dist/branding/logoChipMarkStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logoChipMarkStyle.d.ts","sourceRoot":"","sources":["../../src/branding/logoChipMarkStyle.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,GAAG,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,QAAQ,CAAC,UAAU,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG,WAAW,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,0BAA0B,EACpC,OAAO,GAAE,wBAAsC,GAC9C,uBAAuB,GAAG,SAAS,CAqBrC"}
+{"version":3,"file":"logoChipMarkStyle.d.ts","sourceRoot":"","sources":["../../src/branding/logoChipMarkStyle.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,GAAG,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,QAAQ,CAAC,UAAU,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG,WAAW,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,0BAA0B,EACpC,OAAO,GAAE,wBAAsC,GAC9C,uBAAuB,GAAG,SAAS,CAqBrC;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,0BAA0B,EACpC,OAAO,GAAE,wBAAsC,GAC9C,6BAA6B,CAyB/B;AAED,6FAA6F;AAC7F,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,uBAAuB,GAAG,SAAS,EAC1C,cAAc,EAAE,OAAO,GACtB,6BAA6B,CA6B/B"}

package/dist/branding/logoChipMarkStyle.js

@@ -23,4 +23,54 @@ export function buildLogoChipMarkStyle(resolved, variant = 'orgPicker') {
     }
     return style;
 }
+/**
+ * Rim (box-shadow) on the outer shell; background fill on an inner layer.
+ * Prevents the background colour picker from appearing to recolour the rim when both are on.
+ */
+export function partitionLogoChipMarkStyle(resolved, variant = 'orgPicker') {
+    if (!resolved.background.show) {
+        return { shell: buildLogoChipMarkStyle(resolved, variant), fill: undefined };
+    }
+    const fill = {
+        '--logo-chip-background': resolved.background.color,
+        backgroundColor: 'var(--logo-chip-background)',
+        backgroundImage: 'none',
+    };
+    if (!resolved.rim.show) {
+        return { shell: undefined, fill };
+    }
+    return {
+        shell: buildLogoChipMarkStyle({
+            rim: resolved.rim,
+            background: { show: false, color: resolved.background.color },
+        }, variant),
+        fill,
+    };
+}
+/** Partition a combined {@link buildLogoChipMarkStyle} result when background is enabled. */
+export function partitionLogoChipMarkInlineStyle(style, showBackground) {
+    if (!style || !showBackground) {
+        return { shell: style, fill: undefined };
+    }
+    const fill = {};
+    if (style['--logo-chip-background'] != null) {
+        fill['--logo-chip-background'] = style['--logo-chip-background'];
+    }
+    if (style.backgroundColor != null) {
+        fill.backgroundColor = style.backgroundColor;
+    }
+    if (style.backgroundImage != null) {
+        fill.backgroundImage = style.backgroundImage;
+    }
+    const shell = { ...style };
+    delete shell['--logo-chip-background'];
+    delete shell.backgroundColor;
+    delete shell.backgroundImage;
+    const hasShell = shell.boxShadow != null
+        || shell['--logo-chip-rim'] != null;
+    return {
+        shell: hasShell ? shell : undefined,
+        fill,
+    };
+}
 //# sourceMappingURL=logoChipMarkStyle.js.map

package/dist/branding/logoChipMarkStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"logoChipMarkStyle.js","sourceRoot":"","sources":["../../src/branding/logoChipMarkStyle.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CACpC,QAAoC,EACpC,UAAoC,WAAW;IAE/C,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;IAClC,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC;IAChD,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,KAAK,GAA4B,EAAE,CAAC;IAC1C,IAAI,OAAO,EAAE,CAAC;QACZ,KAAK,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QAC9C,KAAK,CAAC,SAAS;YACb,OAAO,KAAK,WAAW;gBACrB,CAAC,CAAC,6DAA6D;gBAC/D,CAAC,CAAC,gCAAgC,CAAC;IACzC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,KAAK,CAAC,wBAAwB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;QAC5D,KAAK,CAAC,eAAe,GAAG,6BAA6B,CAAC;QACtD,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC;IACjC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"logoChipMarkStyle.js","sourceRoot":"","sources":["../../src/branding/logoChipMarkStyle.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pi-kiosk-shared",
-    "version": "2.3.10",
+    "version": "2.3.13",
     "type": "module",
     "private": false,
     "description": "Shared types, API contracts, and error classes for Pi Kiosk system",

package/src/tokens/responsive.css

@@ -92,3 +92,44 @@
     }
   }
 }
+
+/**
+ * Adaptive add-to-cart CTA copy — long label when the inner frame is wide enough,
+ * short label in narrow 2-col browse card cells. Parent button must be block/w-full;
+ * AdaptiveAddToCartLabel renders the `.rp-add-cta` frame inside the button.
+ *
+ * Threshold 14rem: ~390px viewport 2-col action cells (~175px) stay short; full-width
+ * detail footer uses `.rp-add-cta--always-long` instead of CQ.
+ */
+.rp-add-cta {
+  container-type: inline-size;
+  container-name: rp-add-cta;
+}
+
+.rp-add-cta-label-long {
+  display: none;
+}
+
+.rp-add-cta-label-short {
+  display: inline;
+}
+
+.rp-add-cta--always-long .rp-add-cta-label-long {
+  display: inline;
+}
+
+.rp-add-cta--always-long .rp-add-cta-label-short {
+  display: none;
+}
+
+@supports (container-type: inline-size) {
+  @container rp-add-cta (min-width: 14rem) {
+    .rp-add-cta:not(.rp-add-cta--always-long) .rp-add-cta-label-long {
+      display: inline;
+    }
+
+    .rp-add-cta:not(.rp-add-cta--always-long) .rp-add-cta-label-short {
+      display: none;
+    }
+  }
+}