@tempoxyz/ds 0.3.0 → 0.3.2

package/dist/web/components/AddressCard.css

@@ -0,0 +1 @@
+.z_tds_2f_web-sUSBhP0{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-sUSBhP1{font-family:var(--z-tds_2f_web-typography-mono-m1-fontFamily,var(--z-tds_2f_web-fontFamily-mono,"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace))}.z_tds_2f_web-sUSBhP2{font-size:var(--z-tds_2f_web-typography-mono-m1-fontSize,12px)}.z_tds_2f_web-sUSBhP3{font-weight:var(--z-tds_2f_web-typography-mono-m1-fontWeight,400)}.z_tds_2f_web-sUSBhP4{letter-spacing:var(--z-tds_2f_web-typography-mono-m1-letterSpacing,0px)}.z_tds_2f_web-sUSBhP5{line-height:var(--z-tds_2f_web-typography-mono-m1-lineHeight,16px)}.z_tds_2f_web-sUSBhP6{white-space:nowrap}.z_tds_2f_web-sUSBhP7{border-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-sUSBhP8{border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-sUSBhP9{border-style:solid}.z_tds_2f_web-sUSBhPa{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}.z_tds_2f_web-sUSBhPb{box-sizing:border-box}.z_tds_2f_web-sUSBhPc{column-gap:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-sUSBhPd{display:flex}.z_tds_2f_web-sUSBhPe{padding:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-sUSBhPf{column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}.z_tds_2f_web-sUSBhPg{flex-wrap:wrap}.z_tds_2f_web-sUSBhPh{row-gap:var(--z-tds_2f_web-spacing-6,.375rem)}.z_tds_2f_web-sUSBhPi{flex:1}.z_tds_2f_web-sUSBhPj{flex-direction:column}.z_tds_2f_web-sUSBhPk{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-sUSBhPl{row-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-sUSBhPm{clip-path:inset(50%)}.z_tds_2f_web-sUSBhPn{height:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-sUSBhPo{overflow:hidden}.z_tds_2f_web-sUSBhPp{position:absolute}.z_tds_2f_web-sUSBhPq{width:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-sUSBhPr{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}.z_tds_2f_web-sUSBhPs{font-family:var(--z-tds_2f_web-typography-body-b3-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-sUSBhPt{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}.z_tds_2f_web-sUSBhPu{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}.z_tds_2f_web-sUSBhPv{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}.z_tds_2f_web-sUSBhPw{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}.z_tds_2f_web-sUSBhPx{&>svg{height:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-sUSBhPy{&>svg{width:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-sUSBhPz{row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-sUSBhP10{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-sUSBhP11{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-sUSBhP12{flex-shrink:0}.z_tds_2f_web-sUSBhP13{padding:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-sUSBhP14{&>svg{height:var(--z-tds_2f_web-spacing-120,7.5rem)}}.z_tds_2f_web-sUSBhP15{&>svg{width:var(--z-tds_2f_web-spacing-120,7.5rem)}}.z_tds_2f_web-sUSBhP16{align-items:center}.z_tds_2f_web-sUSBhP17{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-sUSBhP18{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}

package/dist/web/components/AddressCard.d.ts

@@ -0,0 +1,85 @@
+/**
+ * A receive card that pairs a wallet address with its QR code, a copy action, and the networks it
+ * accepts.
+ * @module
+ */
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type * as zyzz from 'zyzz';
+import { AssetChip } from './AssetChip.js';
+import { NetworkLogo } from './NetworkLogo.js';
+/**
+ * A bordered receive card with a 120px QR code of `address` beside the address, a copy button,
+ * and the networks that it accepts. The address shows its first and last four characters, and
+ * screen readers receive the full value. Pass `AddressCard.Networks` as children to list the
+ * networks.
+ *
+ * - Use it where a person receives funds, such as a deposit or top-up screen.
+ * - List only the networks that the address accepts, and mark the picked one `selected`.
+ * - Use `Hex` with `copy` for an address inside a row or a sentence.
+ *
+ * @example
+ * <AddressCard address={address}>
+ *   <AddressCard.Networks>
+ *     <AddressCard.Network network="tempo" selected>
+ *       Tempo
+ *     </AddressCard.Network>
+ *     <AddressCard.Network network="base">Base</AddressCard.Network>
+ *   </AddressCard.Networks>
+ * </AddressCard>
+ *
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html | WCAG 2.2 Non-text Content}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html | WCAG 2.2 Name, Role, Value}
+ */
+export declare function AddressCard(props: AddressCard.Props): import("react").JSX.Element;
+export declare namespace AddressCard {
+    type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.card> & {
+        /** Wallet address that the QR code encodes and the copy button writes. */
+        address: string;
+        /**
+         * Label above the address.
+         * @default 'Your wallet address'
+         */
+        label?: ReactNode | undefined;
+    };
+    /**
+     * One network that the address accepts, rendered as an `AssetChip` with the 12px logo of
+     * `network` before its text. Give it an `onClick` to pick a network, and set `selected` on the
+     * picked one.
+     */
+    function Network(props: Network.Props): import("react").JSX.Element;
+    namespace Network {
+        type Props = Omit<AssetChip.Props, 'vars'> & {
+            /** Network whose logo renders before the text. */
+            network: NetworkLogo.Props['network'];
+        };
+    }
+    /**
+     * Lists the `AddressCard.Network` chips under a label, wrapping them onto more rows. Screen
+     * readers announce the chips as a group named by the label.
+     */
+    function Networks(props: Networks.Props): import("react").JSX.Element;
+    namespace Networks {
+        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.networks> & {
+            /**
+             * Label above the chips, which also names their group.
+             * @default 'Network'
+             */
+            label?: ReactNode | undefined;
+        };
+    }
+}
+declare namespace styles {
+    const address: zyzz.style.ReturnType<"react">;
+    const card: zyzz.style.ReturnType<"react">;
+    const chips: zyzz.style.ReturnType<"react">;
+    const details: zyzz.style.ReturnType<"react">;
+    const hidden: zyzz.style.ReturnType<"react">;
+    const label: zyzz.style.ReturnType<"react">;
+    const network: zyzz.style.ReturnType<"react">;
+    const networks: zyzz.style.ReturnType<"react">;
+    const qr: zyzz.style.ReturnType<"react">;
+    const row: zyzz.style.ReturnType<"react">;
+    const section: zyzz.style.ReturnType<"react">;
+}
+export {};
+//# sourceMappingURL=AddressCard.d.ts.map

package/dist/web/components/AddressCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressCard.d.ts","sourceRoot":"","sources":["../../../src/web/components/AddressCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAuBnD;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG;QACxC,0EAA0E;QAC1E,OAAO,EAAE,MAAM,CAAA;QACf;;;WAGG;QACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;KAC9B,CAAA;IAEH;;;;OAIG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAS3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YAClD,kDAAkD;YAClD,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;SACtC,CAAA;KACF;IAED;;;OAGG;IACH,SAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,+BAc7C;IAED,UAAiB,QAAQ,CAAC;QACxB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG;YAC5C;;;eAGG;YACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;SAC9B,CAAA;KACJ;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,OAAO,gCAGnB,CAAA;IAGM,MAAM,IAAI,gCAYhB,CAAA;IAEM,MAAM,KAAK,gCAGjB,CAAA;IAEM,MAAM,OAAO,gCAGnB,CAAA;IAEM,MAAM,MAAM,gCAUlB,CAAA;IAEM,MAAM,KAAK,gCAGjB,CAAA;IAGM,MAAM,OAAO,gCAGnB,CAAA;IAEM,MAAM,QAAQ,gCAGpB,CAAA;IAIM,MAAM,EAAE,gCAad,CAAA;IAEM,MAAM,GAAG,gCAGf,CAAA;IAEM,MAAM,OAAO,gCAGnB,CAAA;CACF"}

package/dist/web/components/AddressCard.js

@@ -0,0 +1,79 @@
+
+import { Props as __zyzzProps } from 'zyzz/runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { style } from '../zyzz.config.js';
+import { AssetChip } from './AssetChip.js';
+import { CopyButton } from './CopyButton.js';
+import { formatHex } from './Hex.js';
+import { NetworkLogo } from './NetworkLogo.js';
+import { Qr } from './Qr.js';
+/**
+ * A bordered receive card with a 120px QR code of `address` beside the address, a copy button,
+ * and the networks that it accepts. The address shows its first and last four characters, and
+ * screen readers receive the full value. Pass `AddressCard.Networks` as children to list the
+ * networks.
+ *
+ * - Use it where a person receives funds, such as a deposit or top-up screen.
+ * - List only the networks that the address accepts, and mark the picked one `selected`.
+ * - Use `Hex` with `copy` for an address inside a row or a sentence.
+ *
+ * @example
+ * <AddressCard address={address}>
+ *   <AddressCard.Networks>
+ *     <AddressCard.Network network="tempo" selected>
+ *       Tempo
+ *     </AddressCard.Network>
+ *     <AddressCard.Network network="base">Base</AddressCard.Network>
+ *   </AddressCard.Networks>
+ * </AddressCard>
+ *
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html | WCAG 2.2 Non-text Content}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html | WCAG 2.2 Name, Role, Value}
+ */
+export function AddressCard(props) {
+    const { address, children, className, label = 'Your wallet address', vars, ...attributes } = props;
+    return (_jsxs("div", { ...attributes, ...styles.card({ className, style: props.style, vars }), children: [_jsx("div", { ...styles.qr(), children: _jsx(Qr, { value: address }) }), _jsxs("div", { ...styles.details(), children: [_jsxs("div", { ...styles.section(), children: [_jsx("span", { ...styles.label(), children: label }), _jsxs("div", { ...styles.row(), children: [_jsxs("span", { ...styles.address(), children: [_jsx("span", { "aria-hidden": "true", children: formatHex(address) }), _jsx("span", { ...styles.hidden(), children: address })] }), _jsx(CopyButton, { "aria-label": "Copy address", value: address, variant: "secondary" })] })] }), children] })] }));
+}
+(function (AddressCard) {
+    /**
+     * One network that the address accepts, rendered as an `AssetChip` with the 12px logo of
+     * `network` before its text. Give it an `onClick` to pick a network, and set `selected` on the
+     * picked one.
+     */
+    function Network(props) {
+        const { children, className, network, ...attributes } = props;
+        return (_jsxs(AssetChip, { ...attributes, ...styles.network({ className, style: props.style }), children: [_jsx(NetworkLogo, { network: network }), children] }));
+    }
+    AddressCard.Network = Network;
+    /**
+     * Lists the `AddressCard.Network` chips under a label, wrapping them onto more rows. Screen
+     * readers announce the chips as a group named by the label.
+     */
+    function Networks(props) {
+        const { children, className, label = 'Network', vars, ...attributes } = props;
+        const id = useId();
+        return (_jsxs("div", { ...attributes, ...styles.networks({ className, style: props.style, vars }), children: [_jsx("span", { id: id, ...styles.label(), children: label }), _jsx("div", { "aria-labelledby": id, role: "group", ...styles.chips(), children: children })] }));
+    }
+    AddressCard.Networks = Networks;
+})(AddressCard || (AddressCard = {}));
+var styles;
+(function (styles) {
+    styles.address = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhP0 z_tds_2f_web-sUSBhP1 z_tds_2f_web-sUSBhP2 z_tds_2f_web-sUSBhP3 z_tds_2f_web-sUSBhP4 z_tds_2f_web-sUSBhP5 z_tds_2f_web-sUSBhP6"});
+    // The card pads its 16px corner by 16px inside its 1px border.
+    styles.card = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhP7 z_tds_2f_web-sUSBhP8 z_tds_2f_web-sUSBhP9 z_tds_2f_web-sUSBhPa z_tds_2f_web-sUSBhPb z_tds_2f_web-sUSBhPc z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhPe"});
+    styles.chips = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPf z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhPg z_tds_2f_web-sUSBhPh"});
+    styles.details = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhPi z_tds_2f_web-sUSBhPj z_tds_2f_web-sUSBhPk z_tds_2f_web-sUSBhPl"});
+    styles.hidden = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPm z_tds_2f_web-sUSBhPn z_tds_2f_web-sUSBhPo z_tds_2f_web-sUSBhPp z_tds_2f_web-sUSBhP6 z_tds_2f_web-sUSBhPq"});
+    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPr z_tds_2f_web-sUSBhPs z_tds_2f_web-sUSBhPt z_tds_2f_web-sUSBhPu z_tds_2f_web-sUSBhPv z_tds_2f_web-sUSBhPw"});
+    // The chip sizes a token image to its 12px logo slot, and the network logo takes the same slot.
+    styles.network = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPx z_tds_2f_web-sUSBhPy"});
+    styles.networks = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhPj z_tds_2f_web-sUSBhPz"});
+    // Figma pads the 12px corner of the QR frame by 8px, below its radius, and the 120px code fills
+    // the rest.
+    styles.qr = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhP10 z_tds_2f_web-sUSBhP7 z_tds_2f_web-sUSBhP11 z_tds_2f_web-sUSBhP9 z_tds_2f_web-sUSBhPa z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhP12 z_tds_2f_web-sUSBhP13 z_tds_2f_web-sUSBhP14 z_tds_2f_web-sUSBhP15"});
+    styles.row = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhP16 z_tds_2f_web-sUSBhP17 z_tds_2f_web-sUSBhPd"});
+    styles.section = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-sUSBhPd z_tds_2f_web-sUSBhPj z_tds_2f_web-sUSBhP18"});
+})(styles || (styles = {}));
+//# sourceMappingURL=AddressCard.js.map
+import './AddressCard.css';

package/dist/web/components/AddressCard.js.map

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