@voxel51/voodo 2.8.0-responsive.1 → 2.8.0-responsive.2

package/dist/components/DataTable/DataTable.d.ts

@@ -15,7 +15,12 @@ export type DataTableColumn = {
     /** Hides the column (header and cells) on windows narrower than this. Wide mode only. */
     hideBelow?: Breakpoint;
     align?: "start" | "end";
-    /** Column width in wide mode, e.g. `"16rem"`. */
+    /**
+     * Column width in wide mode: a length such as `"16rem"`; `"fit"` hugs the
+     * content without wrapping; `"fill"` takes the free space and truncates
+     * first. Give the `primary` column `"fill"` and the others `"fit"` for a
+     * row of one flexible card then compact cells.
+     */
     width?: string;
 };
 /** A row of a {@link DataTable}. */
@@ -42,6 +47,13 @@ export interface DataTableProps {
     /** The table shows cards while it is narrower than this. Defaults to `"sm"`. */
     cardBelow?: Breakpoint;
     className?: string;
+    /** Names the table for assistive technology. */
+    "aria-label"?: string;
+    /**
+     * More rows, as {@link DataTableRowItem} elements: for a row which needs
+     * hooks or state of its own. They follow `rows`.
+     */
+    children?: ReactNode;
 }
 /**
  * A table built from a column model. While the table itself is narrower
@@ -78,6 +90,26 @@ export interface DataTableProps {
  * @param empty Shown in place of the rows when there are none.
  * @param cardBelow Breakpoint under which the table shows cards. Defaults to `"sm"` (640px).
  * @param className Additional CSS class names for the table, or the box holding the cards.
+ * @param aria-label Names the table for assistive technology.
+ * @param children More rows as {@link DataTableRowItem} elements, for rows with hooks or state.
  */
 export declare const DataTable: FC<DataTableProps>;
+/**
+ * A row of a {@link DataTable}, rendered as a table row or a card to match
+ * the table. Use it as a child of `DataTable` when a row needs hooks or state
+ * of its own; its props are those of a {@link DataTableRow}, without `id`.
+ *
+ * @example
+ * ```tsx
+ * const RunRow = ({ run }: { run: Run }) => {
+ *   const [open, setOpen] = useState(false);
+ *   return <DataTableRowItem cells={{ name: run.name, menu: <Menu open={open} /> }} />;
+ * };
+ *
+ * <DataTable columns={columns} rows={[]}>
+ *   {runs.map((run) => <RunRow key={run.id} run={run} />)}
+ * </DataTable>
+ * ```
+ */
+export declare const DataTableRowItem: FC<Omit<DataTableRow, "id">>;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EAEd,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAwBf,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKxE,uCAAuC;AACvC,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,yFAAyF;IACzF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oCAAoC;AACpC,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAmCxC,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EAEd,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAwBf,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKxE,uCAAuC;AACvC,MAAM,MAAM,eAAe,GAAG;IAC5B,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,yFAAyF;IACzF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oCAAoC;AACpC,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACjC,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC5C;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAkOD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+CxC,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAQzD,CAAC"}

package/dist/components/Stack/Stack.d.ts

@@ -52,7 +52,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
  * @param orientation Orientation of the stack. See {@link Orientation}.
  * @param spacing Spacing between child components in the stack. See {@link Spacing}.
  * @param wrap If `true`, children flow onto further lines when they do not fit on one.
- * @param scroll If `true`, children stay on one line that scrolls sideways with a hidden scrollbar, each at its own width (filter pill rows on a phone).
+ * @param scroll If `true`, children stay on one line that scrolls sideways with a hidden scrollbar, each at its own width (filter pill rows on a phone). The edge with more content beyond it fades.
  * @param children Content which is wrapped by this component.
  * @param className `class` overrides to apply to the component.
  * @param props Additional HTML properties to apply to the component.

package/dist/components/Stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG/D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,KAAK,uGAmCjB,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAe,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAI/D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,KAAK,uGA8CjB,CAAC"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -13,7 +13,7 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "cont
 }
 /**
  * A tooltip which appears when hovering over the wrapped content, or for a
- * moment after a tap on a touch screen. It stays
+ * moment after a long press on a touch screen (a tap does not show it). It stays
  * inside the viewport: it flips to the opposite side when its own side has no
  * room, slides along that side near an edge with its arrow still on the
  * content, and follows the content on scroll and resize.

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,MAAM,EAIN,MAAM,EAMP,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,aAAa,GAAG,GAAG,OAAO,CACpC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,EAAE,CAAC;AAEJ,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0HpC,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EACL,MAAM,EAIN,MAAM,EAMP,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,aAAa,GAAG,GAAG,OAAO,CACpC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,EAAE,CAAC;AAEJ,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkJpC,CAAC"}