@cloudgrid-io/ui 0.43.1 → 0.45.0

package/dist/blocks/request-card.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { Button } from "../ui/button.js";
+import { ChatAppIcon, OpenLiveIcon } from "./icons.js";
+import { Spinner } from "../ui/spinner.js";
+/**
+ * THE REQUEST CARD (ui#411): a feature that is available on request, and the
+ * one way to ask for it.
+ *
+ * Asaf's design for the Console's SSO, Connectors and Dev sandbox settings
+ * pages (CloudGrid 2026 Figma, file 5ouhISIL0mwYGHurvCGoEO: SSO 11916:4300, the
+ * card 11916:4376; Connectors 11916:4449; Dev sandbox 11916:4150). The caller
+ * is cloudgrid-console#983. It replaces the locked-panel look those pages had
+ * (`LockedSection`, ui#387), which stays for a form that is greyed under an
+ * overlay.
+ *
+ * ```
+ * [Available on request]
+ * One sign-in for your team.                       +-------------------+
+ * Connect your organization's identity provider... |   illustration    |
+ * Talk to our team to enable SSO for your Grid.    |     300 x 280     |
+ * [ (chat) Let's talk (arrow) ]                    +-------------------+
+ * Opens a conversation with our team
+ * ```
+ *
+ * ## A block, not a `LockedSection` or `CtaBanner` variant
+ *
+ * `LockedSection` greys children under a centred overlay; `CtaBanner` is one
+ * line on the purple panel. This has neither: no children to lock, a message
+ * column of six parts and a picture beside it. The action shape is
+ * `LockedSection`'s, so the two read the same to a caller.
+ *
+ * ## Measurements (the frame) and tokens
+ *
+ * - Card: `bg-brand-100` (color/violet/100), `rounded-2xl` (radius/400, 24),
+ *   `p-8` (32). Height follows the content, at least the frame's 426.
+ * - Two columns 24 apart (`gap-6`), centred vertically: the message, 480 wide
+ *   with 18 between its parts (`gap-4.5`), then the illustration box, 300x280.
+ * - Chip: `bg-card` white, `rounded-xs` (8), padding 5/12, Manrope Medium 13
+ *   ink (`text-caption`).
+ * - Headline: Manrope Bold 28 ink, `text-heading-28` (added for this card;
+ *   base.json's note on `--cg-heading-28`). Bold is the library's 600.
+ * - Body: Manrope 16 (`text-body-md`). Prompt: Manrope Bold 15 ink
+ *   (`text-body-sm`). Note: Manrope 13 (`text-caption`).
+ * - The body and the note are `text-faint-strong`, not the frame's N3
+ *   (#828c98): N3 on violet-100 is 2.84:1, under AA for 13 and 16px text; the
+ *   strong rung is 4.51:1 (#232).
+ * - The action is the library Button at `size="lg"`, 48 tall as the frame
+ *   draws it; its padding and corner are the library's (Notice's rule: the
+ *   library's control wins).
+ *
+ * It is a light card on every surface (`data-theme="default"`), as Notice is:
+ * inside the purple panel `text-ink` would otherwise resolve to white on the
+ * violet-100 ground. The cyan Button does not flip, so it needs no bridge.
+ *
+ * ## Narrow
+ *
+ * The card is a size container. Under 50.25rem of content width (480 + 24 +
+ * 300, so the two columns no longer fit) it stacks: the illustration on top,
+ * centred, at its own size, and the message under it, full width. Container width rather than viewport, because the Console's
+ * settings column is narrower than the window.
+ *
+ * ## The illustration
+ *
+ * Decorative: the wrapper is `aria-hidden`. At desktop it is the frame's
+ * 300x280 box with the illustration centred in it. Stacked, the box has no
+ * height of its own: it is as tall as the illustration, so the gap to the chip
+ * is the column gap (24) and not the 280 box's spare height (the 375 review on
+ * #413). So draw the illustration to its OWN bounds, the part of the 300x280
+ * frame that has ink, at a fixed aspect ratio and at most its frame width (an
+ * SVG with a tight `viewBox`, or a box with `aspect-ratio` and positions in
+ * percent); it then sits at the frame's pixels at desktop and shrinks, never
+ * clipped, when the column is narrower. The three real ones are the Console's.
+ */
+function RequestCard({ badge = "Available on request", title, headingLevel = 2, description, prompt, action, note, illustration, className, ...props }) {
+    const titleId = React.useId();
+    const Heading = headingLevel === 3 ? "h3" : "h2";
+    return (_jsx("section", { "data-slot": "request-card", "data-theme": "default", "aria-labelledby": titleId, className: cn("@container/request-card flex min-h-106.5 flex-col justify-center rounded-2xl bg-brand-100 p-8 font-ui text-ink", className), ...props, children: _jsxs("div", { "data-slot": "request-card-row", className: "flex flex-col gap-6 @min-[50.25rem]/request-card:flex-row @min-[50.25rem]/request-card:items-center", children: [_jsxs("div", { "data-slot": "request-card-message", className: "flex min-w-0 flex-col items-start gap-4.5 @min-[50.25rem]/request-card:w-120", children: [_jsx("span", { "data-slot": "request-card-badge", className: "rounded-xs bg-card px-3 py-1.25 text-caption font-medium text-ink", children: badge }), _jsx(Heading, { id: titleId, "data-slot": "request-card-title", className: "m-0 text-heading-28 font-bold text-ink text-balance", children: title }), description ? (_jsx("p", { "data-slot": "request-card-description", className: "m-0 text-body-md text-faint-strong text-pretty", children: description })) : null, prompt ? (_jsx("p", { "data-slot": "request-card-prompt", className: "m-0 text-body-sm font-bold text-ink", children: prompt })) : null, action ? _jsx(RequestCardActionButton, { action: action }) : null, note ? (_jsx("p", { "data-slot": "request-card-note", className: "m-0 text-caption text-faint-strong", children: note })) : null] }), illustration ? (_jsx("div", { "data-slot": "request-card-illustration", "aria-hidden": "true", className: "order-first w-full max-w-75 shrink-0 self-center @min-[50.25rem]/request-card:order-none @min-[50.25rem]/request-card:flex @min-[50.25rem]/request-card:h-70 @min-[50.25rem]/request-card:w-75 @min-[50.25rem]/request-card:items-center @min-[50.25rem]/request-card:justify-center", children: illustration })) : null] }) }));
+}
+function RequestCardActionButton({ action }) {
+    const pending = action.href === undefined && action.pending === true;
+    const leading = action.icon === undefined ? _jsx(ChatAppIcon, { className: "size-5" }) : action.icon;
+    const trailing = action.trailingIcon === undefined ? _jsx(OpenLiveIcon, { className: "size-4.5" }) : action.trailingIcon;
+    const content = (_jsxs(_Fragment, { children: [pending ? (_jsx(Spinner, { decorative: true, size: "lg" })) : leading ? (_jsx("span", { "data-slot": "request-card-icon", "aria-hidden": "true", className: "inline-flex", children: leading })) : null, action.label, trailing ? (_jsx("span", { "data-slot": "request-card-trailing-icon", "aria-hidden": "true", className: "inline-flex", children: trailing })) : null] }));
+    if (action.href !== undefined) {
+        return (_jsx(Button, { size: "lg", 
+            // eslint-disable-next-line jsx-a11y/anchor-has-content -- a Base UI render target: the button's children are rendered into this anchor
+            render: _jsx("a", { href: action.href }), nativeButton: false, 
+            // Base UI stamps role="button" on a non-native target; this one navigates.
+            role: "link", children: content }));
+    }
+    return (_jsx(Button, { type: "button", size: "lg", 
+        // Disabled the focusable way, as LockedSection's is: native `disabled`
+        // would drop keyboard focus to <body> the moment the request starts.
+        disabled: pending, focusableWhenDisabled: true, "aria-busy": pending || undefined, className: "data-disabled:cursor-not-allowed data-disabled:opacity-50", onClick: action.onClick, children: content }));
+}
+export { RequestCard };
+//# sourceMappingURL=request-card.js.map

package/dist/blocks/request-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-card.js","sourceRoot":"","sources":["../../src/blocks/request-card.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -71,6 +71,8 @@ export * from "./blocks/logo.js";
 export * from "./blocks/meter.js";
 export * from "./blocks/notice.js";
 export * from "./blocks/notification-row.js";
+export * from "./blocks/onboard-widget.js";
+export * from "./blocks/onboard-widget-content.js";
 export * from "./blocks/onboarding-question.js";
 export * from "./blocks/option-card.js";
 export * from "./blocks/page-heading.js";
@@ -81,6 +83,7 @@ export * from "./blocks/pricing-tier-cards.js";
 export * from "./blocks/pricing-tiers.js";
 export * from "./blocks/prompt-block.js";
 export * from "./blocks/quote.js";
+export * from "./blocks/request-card.js";
 export * from "./blocks/ranked-list.js";
 export * from "./blocks/rich-text.js";
 export * from "./blocks/scroll-rail.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -88,6 +88,8 @@ export * from "./blocks/logo.js";
 export * from "./blocks/meter.js";
 export * from "./blocks/notice.js";
 export * from "./blocks/notification-row.js";
+export * from "./blocks/onboard-widget.js";
+export * from "./blocks/onboard-widget-content.js";
 export * from "./blocks/onboarding-question.js";
 export * from "./blocks/option-card.js";
 export * from "./blocks/page-heading.js";
@@ -98,6 +100,7 @@ export * from "./blocks/pricing-tier-cards.js";
 export * from "./blocks/pricing-tiers.js";
 export * from "./blocks/prompt-block.js";
 export * from "./blocks/quote.js";
+export * from "./blocks/request-card.js";
 export * from "./blocks/ranked-list.js";
 export * from "./blocks/rich-text.js";
 export * from "./blocks/scroll-rail.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/lib/cloudgrid-cn.d.ts

@@ -60,7 +60,7 @@ import { type ClassValue } from "clsx";
  * to write `font-regular` rediscovers this.
  */
 export declare const BRAND_FONT_WEIGHTS: readonly ["heavy", "regular"];
-export declare const BRAND_FONT_SIZES: readonly ["display-3xl", "display-2xl", "display-xl", "display-48", "display-lg", "display-md", "display-sm", "title-lg", "title-36", "title-32", "title-md", "title-24", "title-sm", "heading-lg", "heading-md", "heading-sm", "body-xl", "body-lg", "body-18", "body-md", "body-sm", "caption", "mono", "label", "eyebrow", "stat"];
+export declare const BRAND_FONT_SIZES: readonly ["display-3xl", "display-2xl", "display-xl", "display-48", "display-lg", "display-md", "display-sm", "title-lg", "title-36", "title-32", "title-md", "title-24", "title-sm", "heading-28", "heading-lg", "heading-md", "heading-sm", "body-xl", "body-lg", "body-18", "body-md", "body-sm", "caption", "mono", "label", "eyebrow", "stat"];
 /**
  * Brand radius names that are not t-shirt shaped (#376).
  *

package/dist/lib/cloudgrid-cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloudgrid-cn.d.ts","sourceRoot":"","sources":["../../src/lib/cloudgrid-cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,+BAAgC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,uUA+BnB,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,gCAAiC,CAAA;AAczD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"cloudgrid-cn.d.ts","sourceRoot":"","sources":["../../src/lib/cloudgrid-cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB,+BAAgC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,qVAiCnB,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,gCAAiC,CAAA;AAczD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/cloudgrid-cn.js

@@ -79,6 +79,8 @@ export const BRAND_FONT_SIZES = [
     "title-md",
     "title-24",
     "title-sm",
+    // ui#411: the request card headline, Manrope Bold 28.
+    "heading-28",
     "heading-lg",
     "heading-md",
     "heading-sm",

package/dist/lib/cloudgrid-cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloudgrid-cn.js","sourceRoot":"","sources":["../../src/lib/cloudgrid-cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,aAAa;IACb,aAAa;IACb,YAAY;IACZ,yEAAyE;IACzE,0EAA0E;IAC1E,4EAA4E;IAC5E,8DAA8D;IAC9D,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;CACE,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAU,CAAA;AAEzD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,GAAG,WAAW,CAAC;SACzB;QACD,WAAW,EAAE;YACX,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,gBAAgB,CAAC,EAAE,CAAC;YAC9C,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,kBAAkB,CAAC,EAAE,CAAC;SACnD;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"cloudgrid-cn.js","sourceRoot":"","sources":["../../src/lib/cloudgrid-cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAA;AAE/D,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,aAAa;IACb,aAAa;IACb,YAAY;IACZ,yEAAyE;IACzE,0EAA0E;IAC1E,4EAA4E;IAC5E,8DAA8D;IAC9D,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,UAAU;IACV,sDAAsD;IACtD,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;CACE,CAAA;AAEV;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,WAAW,CAAU,CAAA;AAEzD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,GAAG,WAAW,CAAC;SACzB;QACD,WAAW,EAAE;YACX,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,gBAAgB,CAAC,EAAE,CAAC;YAC9C,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,kBAAkB,CAAC,EAAE,CAAC;SACnD;KACF;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/theme.css

@@ -347,6 +347,11 @@
   --text-title-sm: var(--cg-title-sm);
   --text-title-sm--line-height: var(--cg-title-line);
   --text-title-sm--letter-spacing: var(--cg-title-tracking);
+  /* The request card's headline (ui#411): Manrope Bold 28 at 1.5 in Asaf's
+     frames, on --cg-body-line as --text-body-18 is, not on the heading ramp's
+     1.2. base.json's note on --cg-heading-28 has the reasoning. */
+  --text-heading-28: var(--cg-heading-28);
+  --text-heading-28--line-height: var(--cg-body-line);
   --text-heading-lg: var(--cg-heading-lg);
   --text-heading-lg--line-height: var(--cg-heading-line);
   --text-heading-md: var(--cg-heading-md);

package/dist/tokens/base.json

@@ -1124,6 +1124,16 @@
     }
   },
   "manrope-ramp": {
+    "heading-28": {
+      "$value": "28px",
+      "$type": "dimension",
+      "$description": "SOURCE: Asaf's 2026-11-03 \"Available on request\" card (ui#411), the headline on all three settings frames: SSO 11916:4376, Connectors 11916:4449, Dev sandbox 11916:4150. Manrope Bold 28 at line-height 1.5, ink.\n\nA MANROPE RUNG, NOT A TITLE ONE. The title ramp's note records 28px as deliberately not given a rung (#248): those two home nodes were Tanker placeholders with no settled metrics. This is a different case: a settled Manrope headline drawn three times, one per frame.\n\nIts utility, text-heading-28, takes --cg-body-line (1.46) as its leading, the precedent --cg-body-18 set for thegrid's Manrope 18 at 1.5: 1.46 is the package's nearest declared leading and the difference is under one pixel a line. --cg-heading-line's 1.2 would be the wrong proportion for a headline that wraps to two lines at 375.\n\nNamed by pixel value; --cg-display-64's note has the reasoning (#248).",
+      "$extensions": {
+        "io.cloudgrid": {
+          "css": "--cg-heading-28"
+        }
+      }
+    },
     "heading-lg": {
       "$value": "22px",
       "$type": "dimension",
@@ -1746,6 +1756,16 @@
         }
       }
     },
+    "shadow-float": {
+      "$description": "SOURCE: the CloudGrid-2026 Figma's \"Elevation 1\", read on the live badge's frame (11918:113735,\nui#409): 0 4 12 and 0 12 80, both #0000001F. The lift under a control that floats over\nsomeone else's page, where --cg-shadow-card (the 2026-09-09 draft's \"Elevation 1 New\", 4%)\nis too faint to hold it off an arbitrary app. The design's own value is pure black at 12%;\nthis keeps the ramp's ink base and the design's geometry, the reading --cg-shadow-card and\n--cg-shadow-card-hover took.",
+      "$value": "0 4px 12px rgba(34, 34, 34, 0.12), 0 12px 80px rgba(34, 34, 34, 0.12)",
+      "$extensions": {
+        "io.cloudgrid": {
+          "raw": true,
+          "css": "--cg-shadow-float"
+        }
+      }
+    },
     "shadow-panel": {
       "$value": "0 10px 40px rgba(90, 71, 240, 0.18)",
       "$extensions": {

package/dist/tokens.css

@@ -1119,6 +1119,15 @@
   --cg-title-tracking: 0em;
 
   /* ---- manrope-ramp ---- */
+  /*
+     SOURCE: Asaf's 2026-11-03 "Available on request" card (ui#411), the headline on all three settings frames: SSO 11916:4376, Connectors 11916:4449, Dev sandbox 11916:4150. Manrope Bold 28 at line-height 1.5, ink.
+
+     A MANROPE RUNG, NOT A TITLE ONE. The title ramp's note records 28px as deliberately not given a rung (#248): those two home nodes were Tanker placeholders with no settled metrics. This is a different case: a settled Manrope headline drawn three times, one per frame.
+
+     Its utility, text-heading-28, takes --cg-body-line (1.46) as its leading, the precedent --cg-body-18 set for thegrid's Manrope 18 at 1.5: 1.46 is the package's nearest declared leading and the difference is under one pixel a line. --cg-heading-line's 1.2 would be the wrong proportion for a headline that wraps to two lines at 375.
+
+     Named by pixel value; --cg-display-64's note has the reasoning (#248). */
+  --cg-heading-28: 28px;
   /*
      SOURCE: the founder's 2026-09-10 draft, "H4" — Manrope Medium 22/1.2 (#197).
 
@@ -1406,6 +1415,14 @@
      ramp's ink base and the design's geometry, the reading --cg-shadow-card took of
      "Elevation 1 New". */
   --cg-shadow-card-hover: 0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06);
+  /*
+     SOURCE: the CloudGrid-2026 Figma's "Elevation 1", read on the live badge's frame (11918:113735,
+     ui#409): 0 4 12 and 0 12 80, both #0000001F. The lift under a control that floats over
+     someone else's page, where --cg-shadow-card (the 2026-09-09 draft's "Elevation 1 New", 4%)
+     is too faint to hold it off an arbitrary app. The design's own value is pure black at 12%;
+     this keeps the ramp's ink base and the design's geometry, the reading --cg-shadow-card and
+     --cg-shadow-card-hover took. */
+  --cg-shadow-float: 0 4px 12px rgba(34, 34, 34, 0.12), 0 12px 80px rgba(34, 34, 34, 0.12);
   --cg-shadow-panel: 0 10px 40px rgba(90, 71, 240, 0.18);
   /*
      The lift under a picture tile that sits directly on a surface: the showcase's

package/dist/tokens.json

@@ -119,6 +119,7 @@
       "--cg-title-sm": "20px",
       "--cg-title-line": "var(--cg-display-line-tight)",
       "--cg-title-tracking": "0em",
+      "--cg-heading-28": "28px",
       "--cg-heading-lg": "22px",
       "--cg-heading-md": "20px",
       "--cg-heading-sm": "17px",
@@ -184,6 +185,7 @@
       "--cg-shadow-raised": "0 4px 14px rgba(34, 34, 34, 0.06)",
       "--cg-shadow-hover": "0 8px 24px rgba(34, 34, 34, 0.08)",
       "--cg-shadow-card-hover": "0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06)",
+      "--cg-shadow-float": "0 4px 12px rgba(34, 34, 34, 0.12), 0 12px 80px rgba(34, 34, 34, 0.12)",
       "--cg-shadow-panel": "0 10px 40px rgba(90, 71, 240, 0.18)",
       "--cg-shadow-tile": "var(--cg-shadow-card)",
       "--cg-shadow-tile-hover": "var(--cg-shadow-hover)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudgrid-io/ui",
-  "version": "0.43.1",
+  "version": "0.45.0",
   "description": "CloudGrid design system: React components, brand design tokens, Tailwind theme, self-hosted fonts.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -24,6 +24,10 @@
       "types": "./dist/blocks/install-content.d.ts",
       "default": "./dist/blocks/install-content.js"
     },
+    "./onboard-widget-content": {
+      "types": "./dist/blocks/onboard-widget-content.d.ts",
+      "default": "./dist/blocks/onboard-widget-content.js"
+    },
     "./email": {
       "types": "./dist/email/index.d.ts",
       "default": "./dist/email/index.js"
@@ -40,6 +44,10 @@
       "types": "./dist/badge/owner.d.ts",
       "default": "./dist/badge/owner.js"
     },
+    "./badge/watermark": {
+      "types": "./dist/badge/watermark.d.ts",
+      "default": "./dist/badge/watermark.js"
+    },
     "./claim-banner": {
       "types": "./dist/claim-banner/index.d.ts",
       "default": "./dist/claim-banner/index.js"