@cosmoops/connect-sdk 0.44.0 → 0.45.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 `@cosmoops/connect-sdk` follows semver, with the 0.x convention that **minor
 versions may carry breaking changes** and patch versions never do.
 
+## 0.45.0
+
+### `theme.css`: a secondary colour
+
+The shared theme gains a second brand colour, a deep indigo, beside the
+green. HeroUI v3 has a single brand role (`--accent`), so the indigo adds no
+classes. It fills two roles HeroUI components already read:
+
+- **`--link`** - `<Link>`, prose anchors and `text-link` now draw in indigo
+  rather than in body-text colour.
+- **`--focus`** - the keyboard focus ring on every component is indigo rather
+  than green, so a focused primary button is no longer a green ring around a
+  green button.
+
+`--secondary` holds the value both read from, so a platform restyling them
+redefines one token after the import. Green stays the colour of action;
+indigo never paints a fill. The current breadcrumb item, which HeroUI also
+draws with `--link`, is pinned to `--foreground` so the page you are on does
+not look like a link.
+
+**What moves on upgrade:** links and focus rings change colour. Nothing else
+does.
+
 ## 0.44.0
 
 ### `ConnectCall.dialledAt`: was the person's phone rung?

package/dist/cjs/server/client.js

@@ -183,4 +183,4 @@ class ConnectClient {
 }
 exports.ConnectClient = ConnectClient;
 /** Kept in step with `package.json` by `sdk.test.ts`. */
-exports.SDK_VERSION = "0.44.0";
+exports.SDK_VERSION = "0.45.0";

package/dist/esm/server/client.js

@@ -179,4 +179,4 @@ export class ConnectClient {
     }
 }
 /** Kept in step with `package.json` by `sdk.test.ts`. */
-export const SDK_VERSION = "0.44.0";
+export const SDK_VERSION = "0.45.0";

package/dist/theme.css

@@ -79,8 +79,37 @@
   --danger-foreground: oklch(99.11% 0 0);
   --warning: oklch(79% 0.16 76);
   --warning-foreground: oklch(21.03% 0.0067 145.67);
-  --focus: oklch(62.23% 0.192 145.67);
   --overlay: oklch(100% 0.002 145.67);
+  /*
+   * The secondary brand colour - a deep indigo, hue 268 - and the two HeroUI
+   * roles it fills.
+   *
+   * HeroUI v3 has one brand role, `--accent`, and no `secondary` colour: its
+   * `secondary` Button and Chip variants are the neutral `--default`. So the
+   * indigo does not get utilities of its own. It is assigned to roles every
+   * HeroUI component already reads, and reaches the whole UI through them:
+   *
+   * - `--link` - `<Link>`, prose anchors and every `text-link`. HeroUI's
+   *   default is `--foreground`, which leaves a link telling itself apart
+   *   from body text by underline alone.
+   * - `--focus` - the keyboard focus ring on every button, field, menu item,
+   *   tab and table cell. It used to be the green, which drew a green ring
+   *   around a green primary button, and measured 3.33:1 against the page;
+   *   indigo is a different hue from the thing it outlines and clears 5:1.
+   *
+   * Green acts, indigo navigates - which is why indigo is never a fill here.
+   * A second filled hue beside the green competes for the main action.
+   *
+   * The hue is chosen by what is already taken: danger sits at ~13 and
+   * warning at ~60-76, so green's textbook complement (magenta) would read as
+   * an error, and teal sits too close to the green to tell apart.
+   *
+   * One value per theme, solved for text: 5.18:1 on `--surface-tertiary`, the
+   * darkest light surface, so a link passes AA wherever it lands.
+   */
+  --secondary: oklch(50% 0.16 268);
+  --link: var(--secondary);
+  --focus: var(--secondary);
 }
 
 .dark,
@@ -102,8 +131,27 @@
   --danger-foreground: oklch(99.11% 0 0);
   --warning: oklch(79% 0.16 76);
   --warning-foreground: oklch(17% 0.0067 145.67);
-  --focus: oklch(62.23% 0.192 145.67);
   --overlay: oklch(21% 0.002 145.67);
+  /* See the light block. Lifted to the darkest indigo that still clears
+     4.5:1 against the lightest dark surface (5.09:1). */
+  --secondary: oklch(68% 0.13 268);
+  --link: var(--secondary);
+  --focus: var(--secondary);
+}
+
+/*
+ * The current breadcrumb is where you are, not somewhere to go - but HeroUI
+ * paints it with `--link` (`.breadcrumbs__link[data-current]`), so pointing
+ * `--link` at the indigo would draw the page you are on as a link to itself.
+ * Pinned back to `--foreground`, HeroUI's own default for that role, through
+ * the component's documented BEM class. The selector repeats HeroUI's own
+ * nesting (`.breadcrumbs .breadcrumbs__link`) to match its specificity; in the
+ * same layer, coming later is then what wins.
+ */
+@layer components {
+  .breadcrumbs .breadcrumbs__link[data-current="true"] {
+    color: var(--foreground);
+  }
 }
 
 /* ---------------------------------------------------------------------------

package/dist/types/server/client.d.ts

@@ -141,4 +141,4 @@ export declare class ConnectClient {
     constructor(options: ConnectClientOptions);
 }
 /** Kept in step with `package.json` by `sdk.test.ts`. */
-export declare const SDK_VERSION = "0.44.0";
+export declare const SDK_VERSION = "0.45.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmoops/connect-sdk",
-  "version": "0.44.0",
+  "version": "0.45.0",
   "description": "Official server-side SDK for the CosmoOps Connect platform API - Login with Connect, entitlements, billing and metering.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "commonjs",