@tempoxyz/ds 0.2.5 → 0.3.0

package/dist/web/components/StatusChip.css

@@ -0,0 +1 @@
+.z_tds_2f_web-6peNOT0{align-items:center}.z_tds_2f_web-6peNOT1{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-6peNOT2{box-sizing:border-box}.z_tds_2f_web-6peNOT3{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-056,#ffffff8f)))}.z_tds_2f_web-6peNOT4{corner-shape:round}.z_tds_2f_web-6peNOT5{display:inline-flex}.z_tds_2f_web-6peNOT6{flex-shrink:0}.z_tds_2f_web-6peNOT7{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-6peNOT8{font-family:var(--z-tds_2f_web-typography-body-b3Strong-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-6peNOT9{font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}.z_tds_2f_web-6peNOTa{font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}.z_tds_2f_web-6peNOTb{letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}.z_tds_2f_web-6peNOTc{line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}.z_tds_2f_web-6peNOTd{vertical-align:middle}.z_tds_2f_web-6peNOTe{white-space:nowrap}.z_tds_2f_web-6peNOTf{&:where([data-intent=negative]){background-color:var(--z-tds_2f_web-color-container-negative,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-red-100,#eb341714),var(--z-tds_2f_web-color-accent-alpha-regular-red-200,#f55c4529)))}}.z_tds_2f_web-6peNOTg{&:where([data-intent=neutral]){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-6peNOTh{&:where([data-intent=positive]){background-color:var(--z-tds_2f_web-color-container-positive,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-green-100,#13a96314),var(--z-tds_2f_web-color-accent-alpha-regular-green-200,#59e5a429)))}}.z_tds_2f_web-6peNOTi{&:where([data-intent=warning]){background-color:var(--z-tds_2f_web-color-container-warning,light-dark(var(--z-tds_2f_web-color-accent-alpha-regular-orange-100,#e06f1214),var(--z-tds_2f_web-color-accent-alpha-regular-orange-200,#fa8e3629)))}}.z_tds_2f_web-6peNOTj{&:where([data-network=true]){min-width:var(--z-tds_2f_web-spacing-80,5rem)}}.z_tds_2f_web-6peNOTk{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-6peNOTl{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-6peNOTm{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-6peNOTn{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-6peNOTo{&:where([data-network=true]):where(*,.__zyzz-compound-0){column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-6peNOTp{&:where([data-intent=negative]){background-color:var(--z-tds_2f_web-color-content-negative,var(--z-tds_2f_web-color-accent-red-background,light-dark(#eb3417,#f55c45)))}}.z_tds_2f_web-6peNOTq{&:where([data-intent=neutral]){background-color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}.z_tds_2f_web-6peNOTr{&:where([data-intent=positive]){background-color:var(--z-tds_2f_web-color-content-positive,var(--z-tds_2f_web-color-accent-green-background,light-dark(#13a963,#59e5a4)))}}.z_tds_2f_web-6peNOTs{&:where([data-intent=warning]){background-color:var(--z-tds_2f_web-color-content-warning,var(--z-tds_2f_web-color-accent-orange-background,light-dark(#e06f12,#fa8e36)))}}.z_tds_2f_web-6peNOTt{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-6peNOTu{&:where([data-size=medium]){width:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-6peNOTv{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-6peNOTw{&:where([data-size=small]){width:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-6peNOTx{&>[role=progressbar]{height:100%}}.z_tds_2f_web-6peNOTy{&>[role=progressbar]{width:100%}}.z_tds_2f_web-6peNOTz{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-6peNOT10{&:where([data-size=medium]){width:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-6peNOT11{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-6peNOT12{&:where([data-size=small]){width:var(--z-tds_2f_web-spacing-10,.625rem)}}

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

@@ -0,0 +1,162 @@
+import type { ComponentPropsWithRef } from 'react';
+import type * as zyzz from 'zyzz';
+/**
+ * A pill that names the status of a payment, an authorization, or a network, rendered as a
+ * `span`. A dot in the color of its `intent` leads the label, and `loading` replaces the dot with
+ * a spinner. It sets no live region, so a status that changes in place needs one around it.
+ *
+ * - Keep the label to one or two words that name the status, such as Pending or Needs approval.
+ * - Pick the `intent` from the outcome: `positive` for done or live, `warning` for waiting on
+ *   someone, `negative` for failed, and `neutral` for ended without an outcome.
+ * - Set `network` for the chip that names a network, such as Mainnet or Testnet. It keeps an 80px
+ *   minimum width, with 4px between the dot and the label.
+ * - Use `Badge` for a category or an attribute that is not a status.
+ *
+ * @example
+ * <StatusChip intent="warning">Pending</StatusChip>
+ * <StatusChip loading size="small">Processing</StatusChip>
+ * <StatusChip intent="positive" network>Mainnet</StatusChip>
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/span | MDN span element}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html | WCAG 2.2 Use of Color}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
+ */
+export declare function StatusChip(props: StatusChip.Props): import("react").JSX.Element;
+export declare namespace StatusChip {
+    type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.chip> & {
+        /**
+         * Replaces the dot with a spinner, for a status that is in progress, such as Processing.
+         *
+         * @default false
+         */
+        loading?: boolean | undefined;
+    };
+}
+declare namespace styles {
+    const chip: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly alignItems: "center";
+            readonly borderRadius: "full";
+            readonly boxSizing: "border-box";
+            readonly color: "content.secondary";
+            readonly cornerShape: "round";
+            readonly display: "inline-flex";
+            readonly flexShrink: "0 !custom";
+            readonly paddingInline: "8";
+            readonly typography: "body.b3Strong";
+            readonly verticalAlign: "middle";
+            readonly whiteSpace: "nowrap";
+        };
+        readonly compoundVariants: readonly [{
+            readonly when: {
+                readonly network: true;
+            };
+            readonly style: {
+                readonly columnGap: "4";
+            };
+        }];
+        readonly defaultVariants: {
+            readonly intent: "neutral";
+            readonly network: false;
+            readonly size: "medium";
+        };
+        readonly variants: {
+            readonly intent: {
+                readonly negative: {
+                    readonly backgroundColor: "container.negative";
+                };
+                readonly neutral: {
+                    readonly backgroundColor: "container.regular";
+                };
+                readonly positive: {
+                    readonly backgroundColor: "container.positive";
+                };
+                readonly warning: {
+                    readonly backgroundColor: "container.warning";
+                };
+            };
+            readonly network: {
+                readonly false: {};
+                readonly true: {
+                    readonly minWidth: "80";
+                };
+            };
+            readonly size: {
+                readonly medium: {
+                    readonly columnGap: "6";
+                    readonly height: "28";
+                };
+                readonly small: {
+                    readonly columnGap: "4";
+                    readonly height: "24";
+                };
+            };
+        };
+    }, "react">;
+    const dot: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly borderRadius: "full";
+            readonly cornerShape: "round";
+            readonly flexShrink: "0 !custom";
+        };
+        readonly defaultVariants: {
+            readonly intent: "neutral";
+            readonly size: "medium";
+        };
+        readonly variants: {
+            readonly intent: {
+                readonly negative: {
+                    readonly backgroundColor: "content.negative";
+                };
+                readonly neutral: {
+                    readonly backgroundColor: "content.subtle";
+                };
+                readonly positive: {
+                    readonly backgroundColor: "content.positive";
+                };
+                readonly warning: {
+                    readonly backgroundColor: "content.warning";
+                };
+            };
+            readonly size: {
+                readonly medium: {
+                    readonly height: "8";
+                    readonly width: "8";
+                };
+                readonly small: {
+                    readonly height: "6";
+                    readonly width: "6";
+                };
+            };
+        };
+    }, "react">;
+    const spinner: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly display: "inline-flex";
+            readonly flexShrink: "0 !custom";
+            readonly selectors: {
+                readonly '& > [role="progressbar"]': {
+                    readonly height: "100% !custom";
+                    readonly width: "100% !custom";
+                };
+            };
+        };
+        readonly defaultVariants: {
+            readonly size: "medium";
+        };
+        readonly variants: {
+            readonly size: {
+                readonly medium: {
+                    readonly height: "12";
+                    readonly width: "12";
+                };
+                readonly small: {
+                    readonly height: "10";
+                    readonly width: "10";
+                };
+            };
+        };
+    }, "react">;
+}
+export {};
+//# sourceMappingURL=StatusChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.d.ts","sourceRoot":"","sources":["../../../src/web/components/StatusChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,+BAoBjD;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG;QACxC;;;;WAIG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B,CAAA;CACJ;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkChB,CAAA;IAEM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkBf,CAAA;IAGM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;eAkBnB,CAAA;CACF"}

package/dist/web/components/StatusChip.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { variants } from '../zyzz.config.js';
+import { Spinner } from './Spinner.js';
+/**
+ * A pill that names the status of a payment, an authorization, or a network, rendered as a
+ * `span`. A dot in the color of its `intent` leads the label, and `loading` replaces the dot with
+ * a spinner. It sets no live region, so a status that changes in place needs one around it.
+ *
+ * - Keep the label to one or two words that name the status, such as Pending or Needs approval.
+ * - Pick the `intent` from the outcome: `positive` for done or live, `warning` for waiting on
+ *   someone, `negative` for failed, and `neutral` for ended without an outcome.
+ * - Set `network` for the chip that names a network, such as Mainnet or Testnet. It keeps an 80px
+ *   minimum width, with 4px between the dot and the label.
+ * - Use `Badge` for a category or an attribute that is not a status.
+ *
+ * @example
+ * <StatusChip intent="warning">Pending</StatusChip>
+ * <StatusChip loading size="small">Processing</StatusChip>
+ * <StatusChip intent="positive" network>Mainnet</StatusChip>
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/span | MDN span element}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html | WCAG 2.2 Use of Color}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
+ */
+export function StatusChip(props) {
+    const { children, className, intent, loading = false, network, size, vars, ...attributes } = props;
+    return (_jsxs("span", { ...attributes, "data-intent": intent ?? 'neutral', ...styles.chip({ className, intent, network, size, style: props.style, vars }), children: [loading ? (_jsx("span", { "aria-hidden": "true", ...styles.spinner({ size }), children: _jsx(Spinner, {}) })) : (_jsx("span", { "aria-hidden": "true", ...styles.dot({ intent, size }) })), children] }));
+}
+var styles;
+(function (styles) {
+    styles.chip = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-6peNOT0 z_tds_2f_web-6peNOT1 z_tds_2f_web-6peNOT2 z_tds_2f_web-6peNOT3 z_tds_2f_web-6peNOT4 z_tds_2f_web-6peNOT5 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOT7 z_tds_2f_web-6peNOT8 z_tds_2f_web-6peNOT9 z_tds_2f_web-6peNOTa z_tds_2f_web-6peNOTb z_tds_2f_web-6peNOTc z_tds_2f_web-6peNOTd z_tds_2f_web-6peNOTe z_tds_2f_web-6peNOTf z_tds_2f_web-6peNOTg z_tds_2f_web-6peNOTh z_tds_2f_web-6peNOTi z_tds_2f_web-6peNOTj z_tds_2f_web-6peNOTk z_tds_2f_web-6peNOTl z_tds_2f_web-6peNOTm z_tds_2f_web-6peNOTn z_tds_2f_web-6peNOTo"+" "+external:"z_tds_2f_web-6peNOT0 z_tds_2f_web-6peNOT1 z_tds_2f_web-6peNOT2 z_tds_2f_web-6peNOT3 z_tds_2f_web-6peNOT4 z_tds_2f_web-6peNOT5 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOT7 z_tds_2f_web-6peNOT8 z_tds_2f_web-6peNOT9 z_tds_2f_web-6peNOTa z_tds_2f_web-6peNOTb z_tds_2f_web-6peNOTc z_tds_2f_web-6peNOTd z_tds_2f_web-6peNOTe z_tds_2f_web-6peNOTf z_tds_2f_web-6peNOTg z_tds_2f_web-6peNOTh z_tds_2f_web-6peNOTi z_tds_2f_web-6peNOTj z_tds_2f_web-6peNOTk z_tds_2f_web-6peNOTl z_tds_2f_web-6peNOTm z_tds_2f_web-6peNOTn z_tds_2f_web-6peNOTo",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"intent")?input["intent"]:void 0;if(value===void 0)value="neutral";if(value!==null&&value!==void 0)result["data-intent"]=String(value);value=Object.hasOwn(input,"network")?input["network"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-network"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.dot = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-6peNOT1 z_tds_2f_web-6peNOT4 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOTp z_tds_2f_web-6peNOTq z_tds_2f_web-6peNOTr z_tds_2f_web-6peNOTs z_tds_2f_web-6peNOTt z_tds_2f_web-6peNOTu z_tds_2f_web-6peNOTv z_tds_2f_web-6peNOTw"+" "+external:"z_tds_2f_web-6peNOT1 z_tds_2f_web-6peNOT4 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOTp z_tds_2f_web-6peNOTq z_tds_2f_web-6peNOTr z_tds_2f_web-6peNOTs z_tds_2f_web-6peNOTt z_tds_2f_web-6peNOTu z_tds_2f_web-6peNOTv z_tds_2f_web-6peNOTw",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"intent")?input["intent"]:void 0;if(value===void 0)value="neutral";if(value!==null&&value!==void 0)result["data-intent"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    // The spinner shrinks to the 12 or 10px mark, which the attribute selector holds over its own size.
+    styles.spinner = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-6peNOT5 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOTx z_tds_2f_web-6peNOTy z_tds_2f_web-6peNOTz z_tds_2f_web-6peNOT10 z_tds_2f_web-6peNOT11 z_tds_2f_web-6peNOT12"+" "+external:"z_tds_2f_web-6peNOT5 z_tds_2f_web-6peNOT6 z_tds_2f_web-6peNOTx z_tds_2f_web-6peNOTy z_tds_2f_web-6peNOTz z_tds_2f_web-6peNOT10 z_tds_2f_web-6peNOT11 z_tds_2f_web-6peNOT12",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+})(styles || (styles = {}));
+//# sourceMappingURL=StatusChip.js.map
+import './StatusChip.css';

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

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