@estiva-app/ui 0.35.2 → 0.36.0

package/dist/gates/token-style.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The token contract's inline-style check, where a selector cannot reach
+ * (the second review's R9, 25 September). `no-restricted-syntax` reads a
+ * `style={{ … }}` written in place; a style kept in a `const` and passed by name
+ * got through every lint in all three repos:
+ *
+ *   const look = { background: 'red' }
+ *   <div style={look} />
+ *
+ * This follows the name to its `const` in the same file and reads the keys
+ * there, quoted or not. It reports on the key, where the value is written, so
+ * an escape sits beside it. A style the code works out while it runs passes:
+ * nothing can read it.
+ */
+import type { ESLint } from 'eslint';
+/** The style keys outside the token contract: colours, a font size, borders and shadows. */
+export declare const INLINE_STYLE_TOKEN_KEYS: RegExp;
+export declare const INLINE_STYLE_MESSAGE = "An inline style that sets a colour, a font size, a border or a shadow is outside the token contract: use a token class. If the value is computed (a palette, a size from a prop), say why in an eslint-disable comment. Width, height and transforms are fine.";
+/** The plugin, as the token lint registers it: `token-style/no-token-style`. */
+export declare const tokenStylePlugin: ESLint.Plugin;
+//# sourceMappingURL=token-style.d.ts.map

package/dist/gates/token-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-style.d.ts","sourceRoot":"","sources":["../../src/gates/token-style.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,QAAQ,CAAA;AAEjD,4FAA4F;AAC5F,eAAO,MAAM,uBAAuB,QAAoM,CAAA;AAExO,eAAO,MAAM,oBAAoB,mQACiO,CAAA;AAwDlQ,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAsD,CAAA"}

package/dist/index.js

@@ -244,12 +244,12 @@ function Card({
   if (href !== void 0) {
     const { ref, ...anchorProps } = props;
     return (
-      // @estiva-escape: a card that leads somewhere is drawn on Link's anchor (UIG-27 ruling 1), so this frame is Card's own look, not Link restyled
+      // @estiva-escape(no-copied-look, no-restyled-part): a card that leads somewhere is drawn on Link's anchor (UIG-27 ruling 1), so this frame is Card's own look, not Link restyled
       /* @__PURE__ */ jsx5(Link, { href, variant: "plain", ref, className: classes, ...anchorProps, children })
     );
   }
   return (
-    // @estiva-escape: N6 (Katerina, 24 September: leave alone): a card that cuts its content to its corners shares four words with the palette's window by coincidence
+    // @estiva-escape(no-copied-look): N6 (Katerina, 24 September: leave alone): a card that cuts its content to its corners shares four words with the palette's window by coincidence
     /* @__PURE__ */ jsx5("div", { className: classes, ...props, children })
   );
 }
@@ -632,7 +632,7 @@ function AttachmentCard({
     const failed = state === "failed";
     const warning = state === "warning";
     return (
-      // @estiva-escape: a failed or warning file's strong hairline is AttachmentCard's own state; Card's attention hairlines are the soft ones (UIG-9, Katerina 17 September)
+      // @estiva-escape(no-restyled-part): a failed or warning file's strong hairline is AttachmentCard's own state; Card's attention hairlines are the soft ones (UIG-9, Katerina 17 September)
       /* @__PURE__ */ jsxs6(
         Card,
         {
@@ -652,7 +652,7 @@ function AttachmentCard({
                 }
               )
             ] }),
-            onRemove && // @estiva-escape: N4 (Katerina, 24 September: record only): the small round button Lightbox's close also draws; a part if a third appears
+            onRemove && // @estiva-escape(no-copied-look): N4 (Katerina, 24 September: record only): the small round button Lightbox's close also draws; a part if a third appears
             /* @__PURE__ */ jsx10(
               BaseButton2,
               {
@@ -672,7 +672,7 @@ function AttachmentCard({
     );
   }
   const downloadControl = saving ? (
-    // @estiva-escape: Download shows when its card is pointed at or focused, AttachmentCard's own action; IconButton has no reveal on its card's hover (UIG-9, Katerina 17 September)
+    // @estiva-escape(no-restyled-part): Download shows when its card is pointed at or focused, AttachmentCard's own action; IconButton has no reveal on its card's hover (UIG-9, Katerina 17 September)
     /* @__PURE__ */ jsx10(
       IconButton,
       {
@@ -692,13 +692,13 @@ function AttachmentCard({
     return (
       // `role="status"`: a plain box may not carry a name (axe, aria-prohibited-attr), and a
       // status says what it is doing — loading — to a reader that cannot see the pulse.
-      // @estiva-escape: the loading pulse is AttachmentCard's own state; Card has no loading state (UIG-9, Katerina 17 September)
+      // @estiva-escape(no-restyled-part): the loading pulse is AttachmentCard's own state; Card has no loading state (UIG-9, Katerina 17 September)
       /* @__PURE__ */ jsx10(Card, { role: "status", fill: "inset", "aria-busy": "true", "aria-label": `Loading ${name}`, className: cn("w-[180px] h-28 animate-pulse", className), ...props, children: null })
     );
   }
   if (drawnState === "unreadable") {
     return (
-      // @estiva-escape: a file that could not be read is faded as well as dashed, AttachmentCard's own state; Card has no faded state (UIG-9, Katerina 17 September)
+      // @estiva-escape(no-restyled-part): a file that could not be read is faded as well as dashed, AttachmentCard's own state; Card has no faded state (UIG-9, Katerina 17 September)
       /* @__PURE__ */ jsxs6(Card, { fill: "inset", unreadable: true, className: cn("flex items-center gap-2 w-[240px] p-1.5 opacity-70", className), ...props, children: [
         /* @__PURE__ */ jsx10("div", { className: TILE_CLASSES, children: /* @__PURE__ */ jsx10(TypeIcon, { name }) }),
         /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-[1px] min-w-0 text-left", children: [
@@ -741,7 +741,7 @@ function AttachmentCard({
     ] })
   ] });
   return (
-    // @estiva-escape: a file that cannot be opened is faded, AttachmentCard's own state; Card has no faded state (UIG-9, Katerina 17 September)
+    // @estiva-escape(no-restyled-part): a file that cannot be opened is faded, AttachmentCard's own state; Card has no faded state (UIG-9, Katerina 17 September)
     /* @__PURE__ */ jsxs6(Card, { fill: "inset", hover: address ? "hairline" : "none", className: cn("group flex items-center gap-2 w-[240px] p-1.5 pr-1", !address && "opacity-70", className), ...props, children: [
       address ? /* @__PURE__ */ jsx10(Link, { href: address, external: true, variant: "plain", className: "flex items-center gap-2 min-w-0 flex-1", onClick: (event) => event.stopPropagation(), children: body }) : /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: body }),
       downloadControl
@@ -876,7 +876,7 @@ function Button({
         size === "default" && (hasLeadingIcon ? "pl-2 pr-3" : "px-2"),
         size === "small" && (hasLeadingIcon ? "pl-1.5 pr-2" : "px-1.5"),
         !state.disabled && (variant === "primary" || variant === "resolve") && "bg-accent-primary hover:bg-accent-hover text-text-inverse cursor-pointer signal:font-semibold",
-        // @estiva-escape: W2 (Katerina, 24 September: leave alone): an outlined button shares four words with Reaction's pill by coincidence
+        // @estiva-escape(no-copied-look): W2 (Katerina, 24 September: leave alone): an outlined button shares four words with Reaction's pill by coincidence
         !state.disabled && variant === "outlined" && "border border-border-default hover:bg-bg-hover text-text-primary cursor-pointer",
         !state.disabled && variant === "muted" && "hover:bg-bg-hover text-text-primary cursor-pointer",
         !state.disabled && variant === "destructive" && "hover:bg-error-muted text-error-default cursor-pointer",
@@ -1970,7 +1970,7 @@ function PersonTrigger({ name, picture, fallback, size, open = false, compact =
     );
   }
   return (
-    // @estiva-escape: N5 (Katerina, 24 September: record only): a row that fills on hover, as NavItem also does
+    // @estiva-escape(no-copied-look): N5 (Katerina, 24 September: record only): a row that fills on hover, as NavItem also does
     /* @__PURE__ */ jsxs21(
       BaseButton5,
       {
@@ -2119,7 +2119,7 @@ function Select({ value, onChange, options, size = "default", ariaLabel, placeho
   const selected = options.find((o) => o.value === value);
   const held = Boolean(disabledReason);
   const trigger = (
-    // @estiva-escape: N1 (Katerina, 24 September: record only): Select's box drops the hover while held, so it cannot take FIELD_SHELL_CLASSES as it is
+    // @estiva-escape(no-copied-look): N1 (Katerina, 24 September: record only): Select's box drops the hover while held, so it cannot take FIELD_SHELL_CLASSES as it is
     /* @__PURE__ */ jsxs23(
       BaseSelect.Trigger,
       {
@@ -2612,7 +2612,7 @@ function Breadcrumb({ items, className }) {
 import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
 function NavItem({ label, href, count, countLabel, active = false, icon, className, ...props }) {
   return (
-    // @estiva-escape: N5 (Katerina, 24 September: record only): a row that fills on hover, as PersonTrigger's row also does
+    // @estiva-escape(no-copied-look): N5 (Katerina, 24 September: record only): a row that fills on hover, as PersonTrigger's row also does
     /* @__PURE__ */ jsxs28(
       "a",
       {
@@ -2883,7 +2883,7 @@ import { Toggle } from "@base-ui/react/toggle";
 import { jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
 function Reaction({ emoji, count, pressed = false, className, ...props }) {
   return (
-    // @estiva-escape: W1 (Katerina, 24 September: leave alone): a reaction pill shares four words with a field's box by coincidence
+    // @estiva-escape(no-copied-look): W1 (Katerina, 24 September: leave alone): a reaction pill shares four words with a field's box by coincidence
     /* @__PURE__ */ jsxs33(
       Toggle,
       {