@mittwald/flow-react-components 0.1.0-alpha.420 → 0.1.0-alpha.422

package/dist/js/types/components/Align/stories/TextContextualHelp.stories.d.ts

@@ -0,0 +1,6 @@
+import { Align } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Align>;
+export default meta;
+type Story = StoryObj<typeof Align>;
+export declare const Default: Story;

package/dist/js/types/components/List/typedList.d.ts

@@ -23,7 +23,7 @@ export declare const typedList: <T>() => {
         children?: import('react').ReactNode | undefined;
     } & import('../../lib/types/props').PropsWithClassName) => import("react").JSX.Element;
     TableHeader: (ignoredProps: import('./model/table/types').TableHeaderShape) => null;
-    TableColumn: (ignoredProps: import('react-aria-components').ColumnProps) => null;
+    TableColumn: (ignoredProps: import('../Table').TableColumnProps) => null;
     TableBody: (ignoredProps: import('./model/table/types').TableBodyShape<T>) => null;
     TableRow: (ignoredProps: {
         footer?: boolean | undefined;

package/dist/js/types/components/Table/components/TableCell/TableCell.d.ts

@@ -2,6 +2,8 @@ import { FC, PropsWithChildren } from 'react';
 import * as Aria from "react-aria-components";
 export interface TableCellProps extends Omit<Aria.CellProps, "children" | "style">, PropsWithChildren {
     rowHeader?: boolean;
+    /** @default "start" */
+    horizontalAlign?: "start" | "center";
 }
 export declare const TableCell: FC<TableCellProps>;
 export default TableCell;

package/dist/js/types/components/Table/components/TableColumn/TableColumn.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import * as Aria from "react-aria-components";
-export type TableColumnProps = Aria.ColumnProps;
+export interface TableColumnProps extends Aria.ColumnProps {
+    /** @default "start" */
+    horizontalAlign?: "start" | "center";
+}
 export declare const TableColumn: FC<TableColumnProps>;
 export default TableColumn;

package/dist/js/types/components/Table/stories/Default.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Default: Story;
 export declare const VerticallyCenteredRows: Story;
 export declare const WithFooter: Story;
 export declare const WithRowHeader: Story;
+export declare const HorizontallyCenteredColumns: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.420",
+  "version": "0.1.0-alpha.422",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -440,7 +440,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.420",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.422",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -471,7 +471,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.420",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.422",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -566,5 +566,5 @@
       }
     }
   },
-  "gitHead": "194f7486f370f7dd0d0051ecbe50ab126fec46cd"
+  "gitHead": "3141032e1b503684253c1c16c5314e5b751d9090"
 }

package/dist/js/Table-Cgwv_qa_.js

@@ -1,58 +0,0 @@
-"use client"
-/* */
-import s, { Suspense as i } from "react";
-import * as n from "react-aria-components";
-import m from "clsx";
-import { S as d } from "./SkeletonText-B5ZghZhO.js";
-const f = "flow--table--table-container", N = "flow--table", w = "flow--table--column", u = "flow--table--cell", C = "flow--table--header", h = "flow--table--body", T = "flow--table--row", E = "flow--table--footer", r = {
-  tableContainer: f,
-  table: N,
-  column: w,
-  cell: u,
-  header: C,
-  body: h,
-  row: T,
-  footer: E,
-  "vertical-align-middle": "flow--table--vertical-align-middle"
-}, x = (a) => {
-  const { children: l, className: e, ...o } = a, t = m(r.body, e);
-  return /* @__PURE__ */ s.createElement(n.TableBody, { className: t, ...o }, l);
-}, H = (a) => {
-  const { children: l, className: e, rowHeader: o, ...t } = a, c = m(r.cell, e), b = /* @__PURE__ */ s.createElement(i, { fallback: /* @__PURE__ */ s.createElement(d, { width: "100px" }) }, l);
-  return o ? /* @__PURE__ */ s.createElement(p, { className: c, ...t }, b) : /* @__PURE__ */ s.createElement(n.Cell, { className: c, ...t }, b);
-}, p = (a) => {
-  const { children: l, className: e, ...o } = a, t = m(r.column, e);
-  return /* @__PURE__ */ s.createElement(n.Column, { isRowHeader: !0, className: t, ...o }, l);
-}, R = (a) => {
-  const { children: l, className: e, ...o } = a, t = m(r.header, e);
-  return /* @__PURE__ */ s.createElement(n.TableHeader, { className: t, ...o }, l);
-}, S = (a) => {
-  const { children: l, className: e, footer: o, ...t } = a;
-  return /* @__PURE__ */ s.createElement(
-    n.Row,
-    {
-      className: (c) => m(
-        r.row,
-        o && r.footer,
-        typeof e == "function" ? e(c) : e
-      ),
-      ...t
-    },
-    l
-  );
-}, k = (a) => {
-  const { children: l, className: e, verticalAlign: o = "top", ...t } = a, c = m(
-    r.table,
-    r[`vertical-align-${o}`],
-    e
-  );
-  return /* @__PURE__ */ s.createElement("div", { className: r.tableContainer }, /* @__PURE__ */ s.createElement(n.Table, { className: c, ...t }, l));
-};
-export {
-  S as T,
-  k as a,
-  x as b,
-  H as c,
-  p as d,
-  R as e
-};