@tempoxyz/ds 0.2.6 → 0.3.1

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

@@ -0,0 +1,161 @@
+import * as BaseUi from '@base-ui/react/button';
+import type { ComponentPropsWithRef } from 'react';
+import type * as zyzz from 'zyzz';
+/**
+ * An inline message on a tinted container, marked by an indicator in the color of its `intent`.
+ * The `negative` and `warning` intents render `role="alert"` and interrupt screen readers. The
+ * rest render `role="status"` and announce politely. Pass `role` to override either.
+ *
+ * - Use for guidance tied to nearby content. Use `Banner` for system or page-wide messages.
+ * - Keep the message short, with one `Alert.Action` at most, placed inside `Alert.Content`.
+ * - State the outcome in the text, so the meaning never depends on color alone.
+ *
+ * @example
+ * <Alert intent="warning">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>New address</Alert.Title>
+ *     Check the first and last 4 characters.
+ *     <Alert.Action onClick={review}>Review</Alert.Action>
+ *   </Alert.Content>
+ *   <Alert.Dismiss onClick={() => setOpen(false)} />
+ * </Alert>
+ *
+ * @see {@link https://base-ui.com/react/components/button | Base UI Button}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role | MDN status role}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role | MDN alert role}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
+ * @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/contrast-minimum.html | WCAG 2.2 Contrast (Minimum)}
+ */
+export declare function Alert(props: Alert.Props): import("react").JSX.Element;
+export declare namespace Alert {
+    type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.note>;
+    /**
+     * A text `<button>` with a 44px tall target, in the alert's strong type. Place it inside
+     * `Alert.Content`, after the message, or at the end of the row, where its label sits in line
+     * with the first line. Name the action it performs, such as Review fees.
+     */
+    function Action(props: Action.Props): import("react").JSX.Element;
+    namespace Action {
+        type Props = ComponentPropsWithRef<'button'> & zyzz.Props.Variants<typeof styles.action> & Pick<BaseUi.Button.Props, 'nativeButton' | 'render'>;
+    }
+    /**
+     * Stacks the title, message, and action in a `<div>` that fills the row and can shrink, so long
+     * text wraps beside the indicator. The message flows as text. When it sits beside a paragraph or
+     * a list, wrap it in a `p`, so the blocks keep their 4px gap.
+     */
+    function Content(props: Content.Props): import("react").JSX.Element;
+    namespace Content {
+        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.content>;
+    }
+    /**
+     * A 44px icon button at the end of the row. Without children it shows a `×` glyph labelled
+     * `Dismiss`. It only renders the button, so remove the alert in its `onClick`.
+     */
+    function Dismiss(props: Dismiss.Props): import("react").JSX.Element;
+    namespace Dismiss {
+        type Props = ComponentPropsWithRef<'button'> & zyzz.Props.Variants<typeof styles.dismiss> & Pick<BaseUi.Button.Props, 'nativeButton' | 'render'>;
+    }
+    /**
+     * Renders an 8px square in the color of the alert's `intent`, inside an `aria-hidden` `<span>`
+     * as tall as the first line. The indicator stays decorative, so the text must carry the meaning.
+     */
+    function Icon(props: Icon.Props): import("react").JSX.Element;
+    namespace Icon {
+        type Props = Omit<ComponentPropsWithRef<'span'>, 'children'> & zyzz.Props.Variants<typeof styles.icon>;
+    }
+    /** Renders the heading of the message in a `<div>`, in the strong weight of the alert's type. */
+    function Title(props: Title.Props): import("react").JSX.Element;
+    namespace Title {
+        type Props = ComponentPropsWithRef<'div'>;
+    }
+}
+declare namespace styles {
+    const action: zyzz.style.ReturnType<"react">;
+    const content: zyzz.style.ReturnType<"react">;
+    const dismiss: zyzz.style.ReturnType<"react">;
+    const icon: zyzz.style.ReturnType<"react">;
+    const indicator: zyzz.style.ReturnType<"react">;
+    const note: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly alignItems: "flex-start";
+            readonly borderRadius: "xs";
+            readonly boxSizing: "border-box";
+            readonly color: "content.primary";
+            readonly columnGap: "12";
+            readonly display: "flex";
+            readonly padding: "16";
+            readonly typography: "body.b3";
+            readonly selectors: {
+                readonly '& > [data-alert-action]': {
+                    readonly marginBlock: "calc((1rem - 2.75rem) / 2) !custom";
+                };
+                readonly '& [data-alert-action], & [data-alert-title]': {
+                    readonly typography: "body.b3Strong";
+                };
+                readonly '& [data-alert-icon]': {
+                    readonly height: "16";
+                    readonly width: "16";
+                };
+            };
+        };
+        readonly defaultVariants: {
+            readonly intent: "neutral";
+        };
+        readonly variants: {
+            readonly intent: {
+                readonly negative: {
+                    readonly backgroundColor: "container.negative";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "content.negative";
+                        };
+                    };
+                };
+                readonly neutral: {
+                    readonly backgroundColor: "container.regular";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "content.subtle";
+                        };
+                    };
+                };
+                readonly positive: {
+                    readonly backgroundColor: "container.positive";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "content.positive";
+                        };
+                    };
+                };
+                readonly special: {
+                    readonly backgroundColor: "light-dark(rgb(126 89 228 / 0.08), rgb(152 119 241 / 0.16)) !custom";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "accent.violet.background";
+                        };
+                    };
+                };
+                readonly tip: {
+                    readonly backgroundColor: "light-dark(rgb(68 113 237 / 0.08), rgb(116 152 251 / 0.16)) !custom";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "accent.blue.background";
+                        };
+                    };
+                };
+                readonly warning: {
+                    readonly backgroundColor: "container.warning";
+                    readonly selectors: {
+                        readonly '& [data-alert-icon]': {
+                            readonly color: "content.warning";
+                        };
+                    };
+                };
+            };
+        };
+    }, "react">;
+}
+export {};
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/web/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAWvC;AAED,yBAAiB,KAAK,CAAC;IACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;IAE1F;;;;OAIG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAUzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,CAAA;KACvD;IAED;;;;OAIG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAI3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAC9F;IAED;;;OAGG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAY3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,CAAA;KACvD;IAED;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAarC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GACjE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC1C;IAED,iGAAiG;IACjG,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAEvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;KACjD;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAiClB,CAAA;IAKM,MAAM,OAAO,gCAqBnB,CAAA;IAEM,MAAM,OAAO,gCAsCnB,CAAA;IAEM,MAAM,IAAI,gCAQhB,CAAA;IAEM,MAAM,SAAS,gCASrB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoDhB,CAAA;CACF"}

package/dist/web/components/Alert.js

@@ -0,0 +1,97 @@
+
+import { Props as __zyzzProps } from 'zyzz/runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as BaseUi from '@base-ui/react/button';
+import { style, variants } from '../zyzz.config.js';
+/**
+ * An inline message on a tinted container, marked by an indicator in the color of its `intent`.
+ * The `negative` and `warning` intents render `role="alert"` and interrupt screen readers. The
+ * rest render `role="status"` and announce politely. Pass `role` to override either.
+ *
+ * - Use for guidance tied to nearby content. Use `Banner` for system or page-wide messages.
+ * - Keep the message short, with one `Alert.Action` at most, placed inside `Alert.Content`.
+ * - State the outcome in the text, so the meaning never depends on color alone.
+ *
+ * @example
+ * <Alert intent="warning">
+ *   <Alert.Icon />
+ *   <Alert.Content>
+ *     <Alert.Title>New address</Alert.Title>
+ *     Check the first and last 4 characters.
+ *     <Alert.Action onClick={review}>Review</Alert.Action>
+ *   </Alert.Content>
+ *   <Alert.Dismiss onClick={() => setOpen(false)} />
+ * </Alert>
+ *
+ * @see {@link https://base-ui.com/react/components/button | Base UI Button}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role | MDN status role}
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role | MDN alert role}
+ * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
+ * @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/contrast-minimum.html | WCAG 2.2 Contrast (Minimum)}
+ */
+export function Alert(props) {
+    const { className, intent, vars, ...attributes } = props;
+    return (_jsx("div", { 
+        // Urgent intents interrupt assistive technology, the rest announce politely.
+        role: intent === 'negative' || intent === 'warning' ? 'alert' : 'status', ...attributes, ...styles.note({ className, intent, style: props.style, vars }) }));
+}
+(function (Alert) {
+    /**
+     * A text `<button>` with a 44px tall target, in the alert's strong type. Place it inside
+     * `Alert.Content`, after the message, or at the end of the row, where its label sits in line
+     * with the first line. Name the action it performs, such as Review fees.
+     */
+    function Action(props) {
+        const { className, vars, ...attributes } = props;
+        return (_jsx(BaseUi.Button, { ...attributes, "data-alert-action": "", ...styles.action({ className, style: props.style, vars }) }));
+    }
+    Alert.Action = Action;
+    /**
+     * Stacks the title, message, and action in a `<div>` that fills the row and can shrink, so long
+     * text wraps beside the indicator. The message flows as text. When it sits beside a paragraph or
+     * a list, wrap it in a `p`, so the blocks keep their 4px gap.
+     */
+    function Content(props) {
+        const { className, vars, ...attributes } = props;
+        return _jsx("div", { ...attributes, ...styles.content({ className, style: props.style, vars }) });
+    }
+    Alert.Content = Content;
+    /**
+     * A 44px icon button at the end of the row. Without children it shows a `×` glyph labelled
+     * `Dismiss`. It only renders the button, so remove the alert in its `onClick`.
+     */
+    function Dismiss(props) {
+        const { children, className, vars, ...attributes } = props;
+        return (_jsx(BaseUi.Button, { "aria-label": "Dismiss", ...attributes, ...styles.dismiss({ className, style: props.style, vars }), children: children ?? _jsx("span", { "aria-hidden": "true", children: "\u00D7" }) }));
+    }
+    Alert.Dismiss = Dismiss;
+    /**
+     * Renders an 8px square in the color of the alert's `intent`, inside an `aria-hidden` `<span>`
+     * as tall as the first line. The indicator stays decorative, so the text must carry the meaning.
+     */
+    function Icon(props) {
+        const { className, vars, ...attributes } = props;
+        return (_jsx("span", { "aria-hidden": "true", ...attributes, "data-alert-icon": "", ...styles.icon({ className, style: props.style, vars }), children: _jsx("span", { ...styles.indicator() }) }));
+    }
+    Alert.Icon = Icon;
+    /** Renders the heading of the message in a `<div>`, in the strong weight of the alert's type. */
+    function Title(props) {
+        return _jsx("div", { ...props, "data-alert-title": "" });
+    }
+    Alert.Title = Title;
+})(Alert || (Alert = {}));
+var styles;
+(function (styles) {
+    styles.action = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-tEkDsv0 z_tds_2f_web-tEkDsv1 z_tds_2f_web-tEkDsv2 z_tds_2f_web-tEkDsv3 z_tds_2f_web-tEkDsv4 z_tds_2f_web-tEkDsv5 z_tds_2f_web-tEkDsv6 z_tds_2f_web-tEkDsv7 z_tds_2f_web-tEkDsv8 z_tds_2f_web-tEkDsv9 z_tds_2f_web-tEkDsva z_tds_2f_web-tEkDsvb z_tds_2f_web-tEkDsvc z_tds_2f_web-tEkDsvd z_tds_2f_web-tEkDsve z_tds_2f_web-tEkDsvf z_tds_2f_web-tEkDsvg z_tds_2f_web-tEkDsvh z_tds_2f_web-tEkDsvi z_tds_2f_web-tEkDsvj z_tds_2f_web-tEkDsvk z_tds_2f_web-tEkDsvl z_tds_2f_web-tEkDsvm z_tds_2f_web-tEkDsvn z_tds_2f_web-tEkDsvo z_tds_2f_web-tEkDsvp z_tds_2f_web-tEkDsvq"});
+    // The message flows as text, so inline elements such as `strong` stay on its lines. The title,
+    // the action and block children each take a line of their own, 4px from the content beside
+    // them.
+    styles.content = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-tEkDsvr z_tds_2f_web-tEkDsvs z_tds_2f_web-tEkDsvt z_tds_2f_web-tEkDsvu z_tds_2f_web-tEkDsvv z_tds_2f_web-tEkDsvw z_tds_2f_web-tEkDsvx z_tds_2f_web-tEkDsvy z_tds_2f_web-tEkDsvz"});
+    styles.dismiss = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-tEkDsv0 z_tds_2f_web-tEkDsv10 z_tds_2f_web-tEkDsv11 z_tds_2f_web-tEkDsv12 z_tds_2f_web-tEkDsv13 z_tds_2f_web-tEkDsv14 z_tds_2f_web-tEkDsv6 z_tds_2f_web-tEkDsvn z_tds_2f_web-tEkDsv15 z_tds_2f_web-tEkDsv16 z_tds_2f_web-tEkDsv9 z_tds_2f_web-tEkDsv17 z_tds_2f_web-tEkDsva z_tds_2f_web-tEkDsvk z_tds_2f_web-tEkDsv18 z_tds_2f_web-tEkDsvc z_tds_2f_web-tEkDsvd z_tds_2f_web-tEkDsve z_tds_2f_web-tEkDsvf z_tds_2f_web-tEkDsv19 z_tds_2f_web-tEkDsvh z_tds_2f_web-tEkDsv1a z_tds_2f_web-tEkDsv1b z_tds_2f_web-tEkDsv1c z_tds_2f_web-tEkDsv1d z_tds_2f_web-tEkDsv1e z_tds_2f_web-tEkDsv1f z_tds_2f_web-tEkDsvj z_tds_2f_web-tEkDsvq z_tds_2f_web-tEkDsv1g z_tds_2f_web-tEkDsv1h z_tds_2f_web-tEkDsv1i z_tds_2f_web-tEkDsv1j"});
+    styles.icon = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-tEkDsv0 z_tds_2f_web-tEkDsv15 z_tds_2f_web-tEkDsv16 z_tds_2f_web-tEkDsv17"});
+    styles.indicator = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-tEkDsv1k z_tds_2f_web-tEkDsv1l z_tds_2f_web-tEkDsv1m z_tds_2f_web-tEkDsv1n"});
+    styles.note = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-tEkDsv1o z_tds_2f_web-tEkDsv1p z_tds_2f_web-tEkDsv1q z_tds_2f_web-tEkDsv1r z_tds_2f_web-tEkDsv1s z_tds_2f_web-tEkDsv1t z_tds_2f_web-tEkDsv1u z_tds_2f_web-tEkDsv1v z_tds_2f_web-tEkDsv1w z_tds_2f_web-tEkDsv1x z_tds_2f_web-tEkDsv1y z_tds_2f_web-tEkDsv1z z_tds_2f_web-tEkDsv20 z_tds_2f_web-tEkDsv21 z_tds_2f_web-tEkDsv22 z_tds_2f_web-tEkDsv23 z_tds_2f_web-tEkDsv24 z_tds_2f_web-tEkDsv25 z_tds_2f_web-tEkDsv26 z_tds_2f_web-tEkDsv27 z_tds_2f_web-tEkDsv28 z_tds_2f_web-tEkDsv29 z_tds_2f_web-tEkDsv2a z_tds_2f_web-tEkDsv2b z_tds_2f_web-tEkDsv2c z_tds_2f_web-tEkDsv2d z_tds_2f_web-tEkDsv2e z_tds_2f_web-tEkDsv2f z_tds_2f_web-tEkDsv2g z_tds_2f_web-tEkDsv2h z_tds_2f_web-tEkDsv2i z_tds_2f_web-tEkDsv2j"+" "+external:"z_tds_2f_web-tEkDsv1o z_tds_2f_web-tEkDsv1p z_tds_2f_web-tEkDsv1q z_tds_2f_web-tEkDsv1r z_tds_2f_web-tEkDsv1s z_tds_2f_web-tEkDsv1t z_tds_2f_web-tEkDsv1u z_tds_2f_web-tEkDsv1v z_tds_2f_web-tEkDsv1w z_tds_2f_web-tEkDsv1x z_tds_2f_web-tEkDsv1y z_tds_2f_web-tEkDsv1z z_tds_2f_web-tEkDsv20 z_tds_2f_web-tEkDsv21 z_tds_2f_web-tEkDsv22 z_tds_2f_web-tEkDsv23 z_tds_2f_web-tEkDsv24 z_tds_2f_web-tEkDsv25 z_tds_2f_web-tEkDsv26 z_tds_2f_web-tEkDsv27 z_tds_2f_web-tEkDsv28 z_tds_2f_web-tEkDsv29 z_tds_2f_web-tEkDsv2a z_tds_2f_web-tEkDsv2b z_tds_2f_web-tEkDsv2c z_tds_2f_web-tEkDsv2d z_tds_2f_web-tEkDsv2e z_tds_2f_web-tEkDsv2f z_tds_2f_web-tEkDsv2g z_tds_2f_web-tEkDsv2h z_tds_2f_web-tEkDsv2i z_tds_2f_web-tEkDsv2j",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);return result});
+})(styles || (styles = {}));
+//# sourceMappingURL=Alert.js.map
+import './Alert.css';

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

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