@cronos-labs/ui 0.6.0 → 0.7.1

package/dist/Footer/index.js

@@ -42,7 +42,14 @@ export function Footer({ brandWordmarkSrc, columns, content, forceDocumentNaviga
     };
     const renderLegalLink = (link) => {
         if (link.isCookiePreferences) {
-            return (_jsx(FooterLegalButton, { id: "ot-sdk-btn", className: "ot-sdk-show-settings", type: "button", onClick: onOpenCookiePreferences, children: link.label }));
+            // Deliberately not OneTrust's `#ot-sdk-btn.ot-sdk-show-settings` hook:
+            // the SDK rewrites any element carrying it with the label configured in
+            // the OneTrust admin ("Cookies Settings"), replacing the localized copy
+            // and, on the Astro sites, changing the server-rendered text before the
+            // island hydrates — React then throws a hydration error and re-renders
+            // the whole tree on the client. `onOpenCookiePreferences` already opens
+            // the preference centre through the OneTrust API directly.
+            return (_jsx(FooterLegalButton, { type: "button", onClick: onOpenCookiePreferences, children: link.label }));
         }
         if (link.disabled) {
             return _jsx(FooterLegalText, { "aria-disabled": "true", children: link.label });

package/dist/Footer/styles.js

@@ -19,7 +19,12 @@ export const FooterContainer = styled.div `
   margin: 0 auto;
 
   ${({ theme }) => theme.mediaQueries.lg} {
-    width: min(calc(100% - (2 * ${({ theme }) => theme.layout.pagePaddingInlineWide})), 1209px);
+    /* The same shell as HeaderShell: the landing wide width with 80px
+       gutters. It was 1209px, 13px wider than the header it sits under. */
+    width: min(
+      calc(100% - (2 * ${({ theme }) => theme.layout.pagePaddingInlineWide})),
+      ${({ theme }) => theme.layout.landingWideWidth}
+    );
     margin: 0 auto;
   }
 `;
@@ -222,6 +227,10 @@ export const FooterLegalLink = styled.a `
     line-height: 1.3333;
   }
 `;
+// The `!important`s below date from when this button carried OneTrust's
+// `#ot-sdk-btn.ot-sdk-show-settings` hook and had to beat the SDK's own
+// button styles. The hook is gone (see Footer/index.tsx); they are kept for
+// now so this change stays limited to the label/hydration fix.
 export const FooterLegalButton = styled.button `
   display: inline !important;
   min-width: 0 !important;

package/dist/Header/styles.js

@@ -93,6 +93,16 @@ export const HeaderShell = styled.header `
     calc(100% - (2 * ${({ theme }) => theme.layout.pagePaddingInline})),
     ${({ theme }) => theme.layout.landingWideWidth}
   );
+
+  ${({ theme }) => theme.mediaQueries.lg} {
+    /* The same 80px gutter the footer and every page shell use from 1024px;
+       with only the 16px gutter the header sat 64px further out than the
+       content beneath it between 1024px and 1276px. */
+    width: min(
+      calc(100% - (2 * ${({ theme }) => theme.layout.pagePaddingInlineWide})),
+      ${({ theme }) => theme.layout.landingWideWidth}
+    );
+  }
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr auto;

package/dist/environment.d.ts

@@ -0,0 +1,32 @@
+export declare enum CronosEnvironment {
+    Staging = "staging",
+    Prod = "prod"
+}
+export interface CronosUrls {
+    cronos: string;
+    bridge: string;
+    launch: string;
+}
+/**
+ * Narrows a raw `VITE_ENVIRONMENT` value to a known environment.
+ *
+ * Staging is the fallback, not prod: an unset variable means a local dev
+ * server or a misconfigured preview, and pointing those at production
+ * traffic is the more expensive mistake. Production deploys set the
+ * variable explicitly.
+ *
+ * @param value Raw environment variable value, of unknown shape.
+ * @returns The matching environment, or staging when the value is unrecognised.
+ */
+export declare const resolveCronosEnvironment: (value: unknown) => CronosEnvironment;
+/**
+ * Resolves the origins of the three Cronos web apps for an environment.
+ *
+ * The apps link to each other across origins, so these have to move as a
+ * set — a staging build linking to a production sibling is the failure this
+ * prevents. Origins carry no trailing slash; callers append their own path.
+ *
+ * @param environment The environment the app is running in.
+ * @returns The sibling app origins for that environment.
+ */
+export declare const resolveCronosUrls: (environment: CronosEnvironment) => CronosUrls;

package/dist/environment.js

@@ -0,0 +1,38 @@
+export var CronosEnvironment;
+(function (CronosEnvironment) {
+    CronosEnvironment["Staging"] = "staging";
+    CronosEnvironment["Prod"] = "prod";
+})(CronosEnvironment || (CronosEnvironment = {}));
+const PROD_URLS = {
+    cronos: 'https://cronos.com',
+    bridge: 'https://bridge.cronos.com',
+    launch: 'https://launch.cronos.com',
+};
+const STAGING_URLS = {
+    cronos: 'https://psta-cronos-landingpage-webui.crorc.co',
+    bridge: 'https://psta-cronos-bridge-webui.crorc.co',
+    launch: 'https://psta-cronos-launch-webui.crorc.co',
+};
+/**
+ * Narrows a raw `VITE_ENVIRONMENT` value to a known environment.
+ *
+ * Staging is the fallback, not prod: an unset variable means a local dev
+ * server or a misconfigured preview, and pointing those at production
+ * traffic is the more expensive mistake. Production deploys set the
+ * variable explicitly.
+ *
+ * @param value Raw environment variable value, of unknown shape.
+ * @returns The matching environment, or staging when the value is unrecognised.
+ */
+export const resolveCronosEnvironment = (value) => value === CronosEnvironment.Prod ? CronosEnvironment.Prod : CronosEnvironment.Staging;
+/**
+ * Resolves the origins of the three Cronos web apps for an environment.
+ *
+ * The apps link to each other across origins, so these have to move as a
+ * set — a staging build linking to a production sibling is the failure this
+ * prevents. Origins carry no trailing slash; callers append their own path.
+ *
+ * @param environment The environment the app is running in.
+ * @returns The sibling app origins for that environment.
+ */
+export const resolveCronosUrls = (environment) => environment === CronosEnvironment.Prod ? PROD_URLS : STAGING_URLS;

package/dist/index.d.ts

@@ -34,3 +34,5 @@ export { resetAutocompleteFillMarkersAfterInput } from './waitlist/autocompleteF
 export { clearWaitlistAttribution, getWaitlistBrowserContext } from './waitlist/attribution.js';
 export { cardSurface, cardHoverSurface, wellSurface } from './surfaces.js';
 export { Button, type ButtonProps, type ButtonVariant } from './Button/index.js';
+export { CronosEnvironment, resolveCronosEnvironment, resolveCronosUrls } from './environment.js';
+export type { CronosUrls } from './environment.js';

package/dist/index.js

@@ -27,3 +27,4 @@ export { resetAutocompleteFillMarkersAfterInput } from './waitlist/autocompleteF
 export { clearWaitlistAttribution, getWaitlistBrowserContext } from './waitlist/attribution.js';
 export { cardSurface, cardHoverSurface, wellSurface } from './surfaces.js';
 export { Button } from './Button/index.js';
+export { CronosEnvironment, resolveCronosEnvironment, resolveCronosUrls } from './environment.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronos-labs/ui",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Shared Header, Footer, Seo, locale and theme primitives for Cronos web properties.",
   "license": "UNLICENSED",
   "type": "module",