@mittwald/flow-react-components 0.1.0-alpha.58 → 0.1.0-alpha.60

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

@@ -0,0 +1,6 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface EmulatedBoldTextProps extends PropsWithChildren<ComponentProps<"span">> {
+}
+export declare const EmulatedBoldText: FC<EmulatedBoldTextProps>;
+export default EmulatedBoldText;

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

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

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

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

package/dist/types/components/Icon/components/icons/IconMittwald.d.ts

@@ -0,0 +1,5 @@
+import { Icon } from '../..';
+import { ComponentProps, FC } from 'react';
+
+export declare const IconMittwald: FC<Omit<ComponentProps<typeof Icon>, "children">>;
+export default IconMittwald;

package/dist/types/components/Icon/components/icons/index.d.ts

@@ -53,3 +53,4 @@ export { IconTerminate } from './IconTerminate';
 export { IconTileView } from './IconTileView';
 export { IconTime } from './IconTime';
 export { IconWarning } from './IconWarning';
+export { IconMittwald } from './IconMittwald';

package/dist/types/components/List/components/Header/ListSorting.d.ts

@@ -1,6 +1,7 @@
 import { SortingShape } from '../../model/sorting/types';
 
 interface Props<T> extends SortingShape<T> {
+    defaultEnabled?: boolean;
 }
 export declare function ListSorting<T = never>(ignoredProps: Props<T>): null;
 export {};

package/dist/types/components/List/model/sorting/Sorting.d.ts

@@ -7,12 +7,12 @@ export declare class Sorting<T> {
     readonly list: List<T>;
     readonly property: PropertyName<T>;
     readonly name?: string;
-    private readonly enabledDirection;
+    readonly direction: SortDirection;
+    readonly defaultEnabled: boolean;
     constructor(list: List<T>, shape: SortingShape<T>);
     updateTableColumnDef(def: ColumnDef<T>): void;
-    get direction(): SortDirection | false;
+    isSorted(): boolean;
     getTableColumn(): Column<T>;
-    toggle(): void;
+    enable(): void;
     clear(): void;
-    get enabled(): boolean;
 }

package/dist/types/components/List/model/sorting/types.d.ts

@@ -5,4 +5,5 @@ export interface SortingShape<T> {
     property: PropertyName<T>;
     name?: string;
     direction?: SortDirection;
+    defaultEnabled?: boolean;
 }

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

@@ -3,6 +3,7 @@ import { FC, PropsWithChildren } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface RadioGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">>, Pick<ColumnLayoutProps, "s" | "m" | "l"> {
+    variant?: "segmented" | "default";
 }
 export declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/dist/types/components/RadioGroup/components/SegmentedGroup/SegmentedGroup.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+
+interface Props extends PropsWithChildren {
+}
+export declare const SegmentedGroup: FC<Props>;
+export default SegmentedGroup;

package/dist/types/components/RadioGroup/components/SegmentedGroup/index.d.ts

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

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

@@ -11,3 +11,5 @@ export declare const RadioButtons: Story;
 export declare const RadioButtonDisabled: Story;
 export declare const RadioButtonsWithContent: Story;
 export declare const WithFieldError: Story;
+export declare const SegmentedVariant: Story;
+export declare const SegmentedVariantWithFieldError: Story;

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

@@ -4,6 +4,7 @@ import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType, FlowComponentProps {
+    emulateBoldWidth?: boolean;
 }
 export declare const Text: React.ComponentClass<TextProps, any> | React.FunctionComponent<TextProps>;
 export default Text;

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { PropsContext } from './types';
+
 export declare const propsContext: import('react').Context<Partial<{
     Action: import("@/lib/propsContext/types").ComponentPropsContext<"Action">;
     Avatar: import("@/lib/propsContext/types").ComponentPropsContext<"Avatar">;
@@ -24,3 +25,4 @@ export declare const propsContext: import('react').Context<Partial<{
     Text: import("@/lib/propsContext/types").ComponentPropsContext<"Text">;
     TestComponent: import("@/lib/propsContext/types").ComponentPropsContext<"TestComponent">;
 }>>;
+export declare const useContextProps: () => PropsContext;

package/dist/{useProps-BEU8ldpP.js → useProps-BiJ72z10.js}

@@ -1,14 +1,14 @@
 "use client"
 /* */
 import { mergeProps as s } from "@react-aria/utils";
-import u, { isValidElement as p, useContext as c } from "react";
-import { p as d } from "./propsContext-Dx7WKmmM.js";
-import { pickBy as a } from "remeda";
-import { P as m } from "./PropsContextProvider-BsrVIv1a.js";
-function C(t) {
+import { u } from "./propsContext-CauylOgH.js";
+import p, { isValidElement as c } from "react";
+import { pickBy as d } from "remeda";
+import { P as a } from "./PropsContextProvider-BcOGMJkn.js";
+function m(t) {
   return !!t && typeof t == "object" && "__dynamicProp" in t;
 }
-const f = {
+const C = {
   Action: !0,
   Avatar: !0,
   Button: !0,
@@ -32,39 +32,39 @@ const f = {
   Switch: !0,
   TestComponent: !0,
   Text: !0
-}, l = Object.keys(
-  f
+}, f = Object.keys(
+  C
 );
 function i(t) {
-  return typeof t == "string" && l.includes(t);
+  return typeof t == "string" && f.includes(t);
 }
-function y(t) {
+function l(t) {
   return !i(t);
 }
-const P = (t, r) => {
+const y = (t, r) => {
   const e = {};
   for (const n in t)
-    if (y(n)) {
+    if (l(n)) {
       const o = t[n];
-      C(o) && (e[n] = o.__dynamicProp(r));
+      m(o) && (e[n] = o.__dynamicProp(r));
     }
   return e;
 };
-function x(t) {
+function P(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
-  if (!x(r))
+const x = (t) => d(t, (r, e) => i(e)), h = (t, r) => {
+  if (!P(r))
     return {};
   const e = r.children;
-  if (!Array.isArray(e) && !p(e))
+  if (!Array.isArray(e) && !c(e))
     return {};
-  const n = h(t);
+  const n = x(t);
   return Object.keys(n).length === 0 ? {} : {
-    children: /* @__PURE__ */ u.createElement(m, { props: n }, r.children)
+    children: /* @__PURE__ */ p.createElement(a, { props: n }, r.children)
   };
-}, B = (t, r) => {
-  const e = c(d)[t], n = e ? P(e, r) : void 0, o = e ? v(e, r) : void 0;
+}, A = (t, r) => {
+  const e = u()[t], n = e ? y(e, r) : void 0, o = e ? h(e, r) : void 0;
   return s(
     e,
     r,
@@ -73,5 +73,5 @@ const h = (t) => a(t, (r, e) => i(e)), v = (t, r) => {
   );
 };
 export {
-  B as u
+  A as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.58",
+  "version": "0.1.0-alpha.60",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -142,10 +142,6 @@
       "types": "./dist/types/components/Section/index.d.ts",
       "import": "./dist/Section.js"
     },
-    "./SegmentedControlGroup": {
-      "types": "./dist/types/components/SegmentedControlGroup/index.d.ts",
-      "import": "./dist/SegmentedControlGroup.js"
-    },
     "./StatusBadge": {
       "types": "./dist/types/components/StatusBadge/index.d.ts",
       "import": "./dist/StatusBadge.js"
@@ -198,11 +194,11 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@mittwald/react-tunnel": "^0.1.0-alpha.57",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.59",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.23.2",
     "@react-types/shared": "^3.22.1",
-    "@storybook/test": "^8.0.5",
+    "@storybook/test": "^8.0.6",
     "@tabler/icons-react": "^3.1.0",
     "@tanstack/react-table": "^8.15.3",
     "clsx": "^2.1.0",
@@ -217,44 +213,44 @@
     "react-aria-components": "^1.1.1",
     "react-children-utilities": "^2.10.0",
     "react-stately": "^3.30.1",
-    "remeda": "^1.57.0"
+    "remeda": "^1.57.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.58",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.59",
     "@mittwald/react-use-promise": "^2.3.13",
-    "@nx/storybook": "^18.2.1",
-    "@storybook/addon-a11y": "^8.0.5",
-    "@storybook/addon-actions": "^8.0.5",
-    "@storybook/addon-essentials": "^8.0.5",
-    "@storybook/addon-interactions": "^8.0.5",
-    "@storybook/addon-links": "^8.0.5",
-    "@storybook/blocks": "^8.0.5",
-    "@storybook/components": "^8.0.5",
-    "@storybook/core-events": "^8.0.5",
-    "@storybook/manager-api": "^8.0.5",
-    "@storybook/preview-api": "^8.0.5",
-    "@storybook/react": "^8.0.5",
-    "@storybook/react-vite": "^8.0.5",
-    "@storybook/theming": "^8.0.5",
-    "@testing-library/dom": "^9.3.4",
+    "@nx/storybook": "^18.2.3",
+    "@storybook/addon-a11y": "^8.0.6",
+    "@storybook/addon-actions": "^8.0.6",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.0.6",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/components": "^8.0.6",
+    "@storybook/core-events": "^8.0.6",
+    "@storybook/manager-api": "^8.0.6",
+    "@storybook/preview-api": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/react-vite": "^8.0.6",
+    "@storybook/theming": "^8.0.6",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/invariant": "^2.2.37",
-    "@types/node": "20.12.2",
+    "@types/node": "20.12.5",
     "@types/prettier": "^3.0.0",
     "@types/prop-types": "^15.7.12",
-    "@types/react": "^18.2.73",
-    "@types/react-dom": "^18.2.23",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@types/rollup": "^0.54.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.4.0",
     "decamelize": "^6.0.0",
     "fs-jetpack": "^5.1.0",
-    "happy-dom": "^14.3.10",
+    "happy-dom": "^14.7.1",
     "next": "^14.1.4",
-    "nx": "^18.2.1",
+    "nx": "^18.2.3",
     "postcss": "^8.4.38",
     "postcss-nested-import": "^1.3.0",
     "postcss-nesting": "^12.1.1",
@@ -263,13 +259,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-element-to-jsx-string": "^15.0.0",
-    "rollup": "^4.13.2",
-    "sass": "^1.72.0",
-    "storybook": "^8.0.5",
-    "tsx": "^4.7.1",
-    "typescript": "^5.4.3",
+    "rollup": "^4.14.1",
+    "sass": "^1.74.1",
+    "storybook": "^8.0.6",
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.4",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.2.7",
+    "vite": "^5.2.8",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-dts": "^3.8.1",
@@ -291,5 +287,5 @@
       "optional": true
     }
   },
-  "gitHead": "3f41276e27e57519c1df5196ce44bd10f849016d"
+  "gitHead": "814a4d1bf063f728e7c7abba00ec80b8e1394425"
 }

package/dist/SegmentedControlGroup.js

@@ -1,51 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as d from "react-aria-components";
-import p from "clsx";
-import "./propsContext-Dx7WKmmM.js";
-import { P as f } from "./PropsContextProvider-BsrVIv1a.js";
-import "@react-aria/utils";
-import "remeda";
-import { d as g } from "./dynamic-ClpUSmEt.js";
-import { F as u } from "./FieldError-BDRDWTgn.js";
-import { TunnelProvider as E, TunnelExit as o } from "@mittwald/react-tunnel";
-import { s as r } from "./FormField.module-DHK6nIcD.js";
-import "@tabler/icons-react";
-import "html-react-parser";
-import { I as N } from "./IconCheck-DmRifITa.js";
-const k = "flow--segmented-control-group", h = "flow--segmented-control-group--segments", C = "flow--segmented-control-group--segment", F = "flow--segmented-control-group--checkmark", t = {
-  segmentedControlGroup: k,
-  segments: h,
-  segment: C,
-  checkmark: F
-}, S = (s) => {
-  const { children: n, className: l, ...m } = s, c = p(
-    t.segmentedControlGroup,
-    r.formField,
-    l
-  ), a = {
-    Label: {
-      className: r.label,
-      tunnelId: "label"
-    },
-    FieldDescription: {
-      className: r.fieldDescription,
-      tunnelId: "fieldDescription"
-    },
-    FieldError: {
-      className: r.customFieldError,
-      tunnelId: "fieldError"
-    },
-    Radio: {
-      className: t.segment,
-      unstyled: !0,
-      children: g((i) => /* @__PURE__ */ e.createElement(e.Fragment, null, i.children, /* @__PURE__ */ e.createElement(N, { className: t.checkmark })))
-    }
-  };
-  return /* @__PURE__ */ e.createElement(d.RadioGroup, { ...m, className: c }, /* @__PURE__ */ e.createElement(f, { props: a }, /* @__PURE__ */ e.createElement(E, null, /* @__PURE__ */ e.createElement(o, { id: "label" }), /* @__PURE__ */ e.createElement("div", { className: t.segments }, n), /* @__PURE__ */ e.createElement(o, { id: "fieldDescription" }), /* @__PURE__ */ e.createElement(o, { id: "fieldError" }))), /* @__PURE__ */ e.createElement(u, { className: r.fieldError }));
-};
-export {
-  S as SegmentedControlGroup,
-  S as default
-};

package/dist/Text-Dc6eN_n2.js

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import * as l from "react-aria-components";
-import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
-import { P as f } from "./PropsContextProvider-BsrVIv1a.js";
-import "@react-aria/utils";
-import "./propsContext-Dx7WKmmM.js";
-import "remeda";
-import x from "invariant";
-import { f as T } from "./flowComponent-Dv5hKZam.js";
-const v = T("Text", (r) => {
-  const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
-    Link: {
-      inline: !0
-    }
-  }, n = /* @__PURE__ */ t.createElement(f, { props: p }, m);
-  if (!r.slot) {
-    const a = e;
-    return /* @__PURE__ */ t.createElement(a, { ...o }, n);
-  }
-  return x(
-    typeof e == "string",
-    "'elementType' in Text component must be of type string"
-  ), /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(l.Text, { ...o, elementType: e }, n));
-});
-export {
-  v as T
-};

package/dist/propsContext-Dx7WKmmM.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { createContext as t } from "react";
-const e = t({});
-export {
-  e as p
-};

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

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-
-import * as Aria from "react-aria-components";
-export interface SegmentedControlGroupProps extends PropsWithChildren<Omit<Aria.RadioGroupProps, "children">> {
-}
-export declare const SegmentedControlGroup: FC<SegmentedControlGroupProps>;
-export default SegmentedControlGroup;

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

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

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

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

package/dist/types/components/SegmentedControlGroup/stories/EdgeCases.stories.d.ts

@@ -1,8 +0,0 @@
-import { SegmentedControlGroup } from '../index';
-import { Meta, StoryObj } from '@storybook/react';
-
-declare const meta: Meta<typeof SegmentedControlGroup>;
-export default meta;
-type Story = StoryObj<typeof SegmentedControlGroup>;
-export declare const LongTexts: Story;
-export declare const SmallSpace: Story;