@mittwald/flow-react-components 0.1.0-alpha.126 → 0.1.0-alpha.127

package/dist/types/components/CounterLabel/CounterLabel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { PropsWithElementType } from '../../lib/types/props';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+
+export interface CounterLabelProps extends PropsWithElementType<"span">, FlowComponentProps<"CounterLabel"> {
+    count?: number;
+}
+export declare const CounterLabel: FC<CounterLabelProps>;
+export default CounterLabel;

package/dist/types/components/CounterLabel/index.d.ts

@@ -0,0 +1,4 @@
+import { CounterLabel } from './CounterLabel';
+
+export { type CounterLabelProps, CounterLabel } from './CounterLabel';
+export default CounterLabel;

package/dist/types/components/CounterLabel/stories/Default.stories.d.ts

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

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

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableProps extends Aria.TableProps {
-}
+export type TableProps = Aria.TableProps;
 export declare const Table: FC<TableProps>;
 export default Table;

package/dist/types/components/Table/components/TableBody/TableBody.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableBodyProps extends Aria.TableBodyProps<never> {
-}
+export type TableBodyProps = Aria.TableBodyProps<never>;
 export declare const TableBody: FC<TableBodyProps>;
 export default TableBody;

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

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableCellProps extends Aria.CellProps {
-}
+export type TableCellProps = Aria.CellProps;
 export declare const TableCell: FC<TableCellProps>;
 export default TableCell;

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

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableColumnProps extends Aria.ColumnProps {
-}
+export type TableColumnProps = Aria.ColumnProps;
 export declare const TableColumn: FC<TableColumnProps>;
 export default TableColumn;

package/dist/types/components/Table/components/TableHeader/TableHeader.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableHeaderProps extends Aria.TableHeaderProps<never> {
-}
+export type TableHeaderProps = Aria.TableHeaderProps<never>;
 export declare const TableHeader: FC<TableHeaderProps>;
 export default TableHeader;

package/dist/types/components/Table/components/TableRow/TableRow.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface TableRowProps extends Aria.RowProps<never> {
-}
+export type TableRowProps = Aria.RowProps<never>;
 export declare const TableRow: FC<TableRowProps>;
 export default TableRow;

package/dist/types/components/propTypes/index.d.ts

@@ -30,6 +30,7 @@ import { CheckboxButtonProps } from '../CheckboxButton';
 import { TabsProps } from '../Tabs';
 import { ModalProps } from '../Modal';
 import { SectionProps } from '../Section';
+import { CounterLabelProps } from '../CounterLabel';
 
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -43,6 +44,7 @@ export interface FlowComponentPropsTypes {
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
     CopyButton: CopyButtonProps;
+    CounterLabel: CounterLabelProps;
     FieldDescription: FieldDescriptionProps;
     FieldError: FieldErrorProps;
     Header: HeaderProps;

package/dist/types/lib/propsContext/propsContext.d.ts

@@ -11,6 +11,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
     CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
+    CounterLabel: import('./types').ComponentPropsContext<"CounterLabel">;
     FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
     FieldError: import('./types').ComponentPropsContext<"FieldError">;
     Header: import('./types').ComponentPropsContext<"Header">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.126",
+  "version": "0.1.0-alpha.127",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -50,6 +50,10 @@
       "types": "./dist/types/components/Content/index.d.ts",
       "import": "./dist/Content.js"
     },
+    "./CounterLabel": {
+      "types": "./dist/types/components/CounterLabel/index.d.ts",
+      "import": "./dist/CounterLabel.js"
+    },
     "./IllustratedMessage": {
       "types": "./dist/types/components/IllustratedMessage/index.d.ts",
       "import": "./dist/IllustratedMessage.js"
@@ -255,7 +259,7 @@
   },
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.126",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.127",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -279,7 +283,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.126",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.127",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.0.5",
     "@storybook/addon-a11y": "^8.1.2",
@@ -355,5 +359,5 @@
       "optional": true
     }
   },
-  "gitHead": "a34b368d9d2e9482b38ba871af6d94b3d92e258b"
+  "gitHead": "0344a25da2cf7f981180c9035758696649ae8236"
 }

package/dist/Button-tEtjVHFC.js

@@ -1,116 +0,0 @@
-"use client"
-/* */
-import o, { useEffect as x } from "react";
-import * as F from "react-aria-components";
-import E from "clsx";
-import { C as y } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as h } from "./PropsContextProvider-ChpH8eF2.js";
-import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DXq5lwp4.js";
-import { I as C, a as I } from "./IconSucceeded-B4DEKa6J.js";
-import { W as u } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-DOQUStg_.js";
-import { f as k } from "./flowComponent-Cv_SURLH.js";
-import { L as A } from "./LoadingSpinner-smFm5pXR.js";
-import { useLocalizedStringFormatter as D } from "react-aria";
-import { useLiveRegion as T } from "@chakra-ui/live-region";
-const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--is-succeeded", $ = "flow--button--is-failed", j = "flow--button--is-pending", q = "flow--button--plain", G = "flow--button--primary", H = "flow--button--solid", J = "flow--button--aria-disabled", M = "flow--button--accent", O = "flow--button--danger", Q = "flow--button--secondary", V = "flow--button--dark", X = "flow--button--light", Y = "flow--button--soft", t = {
-  button: z,
-  content: B,
-  stateIcon: L,
-  avatar: R,
-  icon: K,
-  text: U,
-  isSucceeded: W,
-  isFailed: $,
-  isPending: j,
-  plain: q,
-  "size-s": "flow--button--size-s",
-  primary: G,
-  solid: H,
-  ariaDisabled: J,
-  accent: M,
-  danger: O,
-  secondary: Q,
-  dark: V,
-  light: X,
-  soft: Y
-}, Z = {
-  "de-DE": {
-    "action.isFailed": "Fehlgeschlagen",
-    "action.isPending": "Ausstehend...",
-    "action.isSucceeded": "Erfolgreich"
-  },
-  "en-EN": {
-    "action.isFailed": "Failed",
-    "action.isPending": "Pending...",
-    "action.isSucceeded": "Succeeded"
-  }
-}, _ = (e, r = {}) => {
-  const i = D(Z), {
-    isPendingText: a = i.format("action.isPending"),
-    isSucceededText: c = i.format("action.isSucceeded"),
-    isFailedText: s = i.format("action.isFailed")
-  } = r, n = T({
-    "aria-live": "polite",
-    "aria-atomic": !1,
-    "aria-relevant": "text additions",
-    role: "status"
-  });
-  x(() => {
-    e === "isPending" ? n.speak(a) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(s);
-  }, [e]);
-}, ee = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), we = k("Button", (e) => {
-  e = ee(e);
-  const {
-    color: r = "primary",
-    variant: i = "solid",
-    children: a,
-    className: c,
-    size: s = "m",
-    isPending: n,
-    isSucceeded: d,
-    isFailed: l,
-    "aria-disabled": b,
-    refProp: g,
-    unstyled: m,
-    ...P
-  } = e, w = m ? c : E(
-    t.button,
-    n && t.isPending,
-    d && t.isSucceeded,
-    l && t.isFailed,
-    t[`size-${s}`],
-    t[r],
-    t[i],
-    c,
-    /**
-     * Workaround warning: The Aria.Button does not support "aria-disabled"
-     * by now, so this Button will be visually disabled via CSS.
-     */
-    b && t.ariaDisabled
-  );
-  _(
-    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
-  );
-  const v = {
-    Icon: {
-      className: t.icon,
-      "aria-hidden": !0,
-      size: s
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    }
-  }, f = d ? C : l ? I : n ? A : void 0, p = f && /* @__PURE__ */ o.createElement(f, { size: s, className: t.stateIcon }), S = typeof a == "string";
-  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: g, ...P }, /* @__PURE__ */ o.createElement(h, { props: v }, /* @__PURE__ */ o.createElement(u, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(u, { if: S }, /* @__PURE__ */ o.createElement(N, null, a))))), p));
-});
-export {
-  we as B
-};