@youasked/react 0.5.0 → 0.7.0

package/README.md

@@ -67,9 +67,11 @@ Then pass `user={{ id: userId }} signature={signature} ready={loaded}` to `<YouA
 It reads shadcn tokens (`--primary`, `--background`, `--radius` and so on) on its own. Otherwise pass `appearance`:
 
 ```tsx
-<YouAsked appKey="ya_pub_…" appearance={{ accent: "#5b3df5", radius: 16, fontFamily: "inherit" }} />
+<YouAsked appKey="ya_pub_…" appearance={{ accent: "#5b3df5", radius: 16, buttonRadius: "pill", fontFamily: "inherit" }} />
 ```
 
+`radius` shapes cards, rows and the sheet; `buttonRadius` shapes buttons, the ask bar, the composer and chips (a number in px, any CSS length, or `"pill"`). Leave `buttonRadius` out and each control keeps its own shape.
+
 Dark mode follows the page's `.dark` class or `data-theme`.
 
 ## Shipping

package/dist/YouAsked.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from "react";
 import { type YouAskedUser } from "./client";
+import { type NudgeSettings } from "./nudge";
 import { type Appearance } from "./theme";
 export declare const DEFAULT_API_URL = "https://api.youasked.dev";
 export type YouAskedProps = {
@@ -34,7 +35,13 @@ export type YouAskedProps = {
     offset?: number;
     /** Show the corner card for replies, shipped requests and what's new. Turn off for previews embedded in a page. */
     cards?: boolean;
+    /**
+     * The occasional "Got an idea for <App>?" prompt. Set it up in the dashboard; this overrides it:
+     * false turns it off, true turns it on with the dashboard's (or default) settings, an object
+     * changes individual settings, e.g. `{ everyDays: 14, activeSeconds: 60 }`.
+     */
+    nudge?: boolean | Partial<NudgeSettings>;
     apiUrl?: string;
     children?: ReactNode;
 };
-export declare function YouAsked({ appKey, demo, cards, user, signature, ready, appearance, trigger, position, label, appName, appIcon, greeting, title, offset, apiUrl, children, }: YouAskedProps): import("react").JSX.Element;
+export declare function YouAsked({ appKey, demo, cards, nudge: nudgeProp, user, signature, ready, appearance, trigger, position, label, appName, appIcon, greeting, title, offset, apiUrl, children, }: YouAskedProps): import("react").JSX.Element;

package/dist/client.d.ts

@@ -69,6 +69,8 @@ export type Config = {
     unseen: Notice[];
     whatsNew: WhatsNew | null;
     mode?: "test" | "live";
+    /** The occasional in-app prompt, as set in the dashboard. null when it's off. */
+    nudge?: import("./nudge").NudgeSettings | null;
 };
 export type NewRequest = {
     title: string;

package/dist/context.d.ts

@@ -23,9 +23,12 @@ export type Route = {
 } | {
     view: "board";
     tab?: "top" | "new" | "shipped";
-} | {
+}
+/** `from` is where Back goes: the list they opened it from. */
+ | {
     view: "detail";
     id: string;
+    from?: "home" | "board" | "mine";
 } | {
     view: "mine";
 };

package/dist/icons.d.ts

@@ -11,4 +11,7 @@ export declare const IconBulb: () => import("react").JSX.Element;
 export declare const IconFrame: () => import("react").JSX.Element;
 export declare const IconSpark: () => import("react").JSX.Element;
 /** YouAsked's own mark for asking: a speech bubble with an up arrow (ask, and vote it up). */
-export declare const IconIdea: () => import("react").JSX.Element;
+/** The ask mark: a speech bubble holding the vote arrow. `ink` colours the arrow; by default the background. */
+export declare const IconIdea: ({ ink }: {
+    ink?: string;
+}) => import("react").JSX.Element;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { YouAsked, DEFAULT_API_URL } from "./YouAsked";
+export type { NudgeSettings } from "./nudge";
 export type { YouAskedProps } from "./YouAsked";
 export { useYouAsked, openYouAsked } from "./context";
 export type { OpenOptions } from "./context";