@mittwald/flow-react-components 0.1.0-alpha.189 → 0.1.0-alpha.190

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

@@ -6,5 +6,8 @@ export default meta;
 type Story = StoryObj<typeof Text>;
 export declare const Default: Story;
 export declare const RawText: Story;
+export declare const UnorderedList: Story;
+export declare const OrderedList: Story;
+export declare const SmallText: Story;
 export declare const Dark: Story;
 export declare const Light: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.189",
+  "version": "0.1.0-alpha.190",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -284,91 +284,91 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.189",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.190",
     "@mittwald/react-use-promise": "^2.3.13",
-    "@react-aria/utils": "^3.24.1",
-    "@react-types/shared": "^3.23.1",
-    "@storybook/test": "^8.2.4",
+    "@react-aria/utils": "^3.25.1",
+    "@react-types/shared": "^3.24.1",
     "@tabler/icons-react": "^3.11.0",
-    "@tanstack/react-table": "^8.19.3",
+    "@tanstack/react-table": "^8.20.1",
     "@types/luxon": "^3.4.2",
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dot-prop": "^9.0.0",
-    "framer-motion": "^11.3.6",
-    "html-react-parser": "^5.1.11",
+    "framer-motion": "^11.3.21",
+    "html-react-parser": "^5.1.12",
     "invariant": "^2.2.4",
-    "luxon": "^3.4.4",
+    "luxon": "^3.5.0",
     "mobx": "^6.13.1",
     "mobx-react-lite": "^4.0.7",
     "object-code": "^1.3.3",
-    "react-aria": "^3.33.1",
-    "react-aria-components": "^1.2.1",
+    "react-aria": "^3.34.1",
+    "react-aria-components": "^1.3.1",
     "react-children-utilities": "^2.10.0",
-    "react-stately": "^3.31.1",
-    "remeda": "^2.6.0",
+    "react-stately": "^3.32.1",
+    "remeda": "^2.7.0",
     "use-callback-ref": "^1.3.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.189",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.190",
     "@mittwald/react-use-promise": "^2.3.13",
-    "@nx/storybook": "^19.5.0",
-    "@storybook/addon-a11y": "^8.2.4",
-    "@storybook/addon-actions": "^8.2.4",
-    "@storybook/addon-essentials": "^8.2.4",
-    "@storybook/addon-interactions": "^8.2.4",
-    "@storybook/addon-links": "^8.2.4",
-    "@storybook/blocks": "^8.2.4",
-    "@storybook/components": "^8.2.4",
-    "@storybook/core-events": "^8.2.4",
-    "@storybook/manager-api": "^8.2.4",
-    "@storybook/preview-api": "^8.2.4",
-    "@storybook/react": "^8.2.4",
-    "@storybook/react-vite": "^8.2.4",
-    "@storybook/theming": "^8.2.4",
-    "@testing-library/dom": "^10.3.2",
-    "@testing-library/jest-dom": "^6.4.6",
+    "@nx/storybook": "^19.5.6",
+    "@storybook/addon-a11y": "^8.2.7",
+    "@storybook/addon-actions": "^8.2.7",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-interactions": "^8.2.7",
+    "@storybook/addon-links": "^8.2.7",
+    "@storybook/blocks": "^8.2.7",
+    "@storybook/components": "^8.2.7",
+    "@storybook/core-events": "^8.2.7",
+    "@storybook/manager-api": "^8.2.7",
+    "@storybook/preview-api": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-vite": "^8.2.7",
+    "@storybook/test": "^8.2.7",
+    "@storybook/theming": "^8.2.7",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "6.4.7",
     "@testing-library/react": "~16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/invariant": "^2.2.37",
-    "@types/node": "20.14.11",
+    "@types/node": "20.14.14",
     "@types/prettier": "^3.0.0",
     "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/rollup": "^0.54.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "~2.0.3",
+    "@vitest/coverage-v8": "~2.0.5",
     "decamelize": "^6.0.0",
     "expect-type": "^0.19.0",
     "fs-jetpack": "^5.1.0",
     "happy-dom": "^14.12.3",
     "next": "^14.2.5",
-    "nx": "^19.5.0",
-    "postcss": "^8.4.39",
+    "nx": "^19.5.6",
+    "postcss": "^8.4.40",
     "postcss-nested-import": "^1.3.0",
-    "postcss-nesting": "^12.1.5",
+    "postcss-nesting": "^13.0.0",
     "prettier": "^3.3.3",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-element-to-jsx-string": "^15.0.0",
-    "react-hook-form": "^7.52.1",
-    "rollup": "^4.18.1",
+    "react-hook-form": "^7.52.2",
+    "rollup": "^4.20.0",
     "sass": "^1.77.8",
-    "storybook": "^8.2.4",
-    "storybook-addon-rtl": "^1.0.0",
-    "tsx": "^4.16.2",
-    "typescript": "^5.5.3",
+    "storybook": "^8.2.7",
+    "storybook-addon-rtl": "^1.0.1",
+    "tsx": "^4.16.5",
+    "typescript": "^5.5.4",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.3.4",
+    "vite": "^5.3.5",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.7.2",
-    "vite-plugin-dts": "^4.0.0-beta.0",
+    "vite-plugin-dts": "^4.0.0-beta.2",
     "vite-plugin-externalize-deps": "^0.8.0",
-    "vitest": "~2.0.3",
-    "yaml": "^2.4.5"
+    "vitest": "~2.0.5",
+    "yaml": "^2.5.0"
   },
   "peerDependencies": {
     "@mittwald/react-use-promise": "^2.3.12",
@@ -388,5 +388,5 @@
       "optional": true
     }
   },
-  "gitHead": "2e1a94e382dadaca97062a27e484331556350cd5"
+  "gitHead": "f7d2dd8a0feae45eb9db273cee4c5a895839f8aa"
 }

package/dist/Button-Bewd_wSa.js

@@ -1,117 +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-CUvsbMn8.js";
-import { P as C } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-CUhvR1IT.js";
-import { I as h, a as I } from "./IconSucceeded-DLE96uUC.js";
-import { W as f } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-DQmfbsPC.js";
-import { f as B } from "./flowComponent-COVzhVCB.js";
-import { L as k } from "./LoadingSpinner-BwRfUBmo.js";
-import { useLocalizedStringFormatter as A } from "react-aria";
-import { useLiveRegion as D } from "@chakra-ui/live-region";
-const T = "flow--button", z = "flow--button--content", L = "flow--button--state-icon", R = "flow--button--avatar", K = "flow--button--icon", U = "flow--button--text", W = "flow--button--counter-badge", $ = "flow--button--is-succeeded", j = "flow--button--is-failed", q = "flow--button--is-pending", G = "flow--button--plain", H = "flow--button--primary", J = "flow--button--solid", M = "flow--button--aria-disabled", O = "flow--button--accent", Q = "flow--button--danger", V = "flow--button--secondary", X = "flow--button--dark", Y = "flow--button--light", Z = "flow--button--soft", t = {
-  button: T,
-  content: z,
-  stateIcon: L,
-  avatar: R,
-  icon: K,
-  text: U,
-  counterBadge: W,
-  isSucceeded: $,
-  isFailed: j,
-  isPending: q,
-  plain: G,
-  "size-s": "flow--button--size-s",
-  primary: H,
-  solid: J,
-  ariaDisabled: M,
-  accent: O,
-  danger: Q,
-  secondary: V,
-  dark: X,
-  light: Y,
-  soft: Z
-}, _ = { "de-DE": {
-  "action.isFailed": "Fehlgeschlagen",
-  "action.isPending": "Ausstehend...",
-  "action.isSucceeded": "Erfolgreich"
-}, "en-EN": {
-  "action.isFailed": "Failed",
-  "action.isPending": "Pending...",
-  "action.isSucceeded": "Succeeded"
-} }, ee = (e, r = {}) => {
-  const i = A(_), {
-    isPendingText: s = i.format("action.isPending"),
-    isSucceededText: c = i.format("action.isSucceeded"),
-    isFailedText: a = i.format("action.isFailed")
-  } = r, n = D({
-    "aria-live": "polite",
-    "aria-atomic": !1,
-    "aria-relevant": "text additions",
-    role: "status"
-  });
-  x(() => {
-    e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
-  }, [e]);
-}, te = (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), ve = B("Button", (e) => {
-  e = te(e);
-  const {
-    color: r = "primary",
-    variant: i = "solid",
-    children: s,
-    className: c,
-    size: a = "m",
-    isPending: n,
-    isSucceeded: d,
-    isFailed: l,
-    "aria-disabled": g,
-    refProp: b,
-    unstyled: m,
-    ...P
-  } = e, w = m ? c : E(
-    t.button,
-    n && t.isPending,
-    d && t.isSucceeded,
-    l && t.isFailed,
-    t[`size-${a}`],
-    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.
-     */
-    g && t.ariaDisabled
-  );
-  ee(
-    n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
-  );
-  const v = {
-    Icon: {
-      className: t.icon,
-      "aria-hidden": !0,
-      size: a
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    },
-    CounterBadge: {
-      className: t.counterBadge
-    }
-  }, u = d ? h : l ? I : n ? k : void 0, p = u && /* @__PURE__ */ o.createElement(u, { size: a, className: t.stateIcon }), S = typeof s == "string";
-  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(F.Button, { className: w, ref: b, ...P }, /* @__PURE__ */ o.createElement(C, { props: v }, /* @__PURE__ */ o.createElement(f, { if: !m }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: S }, /* @__PURE__ */ o.createElement(N, null, s))))), p));
-});
-export {
-  ve as B
-};