@mittwald/flow-react-components 0.1.0-alpha.161 → 0.1.0-alpha.162

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

@@ -5,6 +5,7 @@ type SvgAttributeProps = SVGAttributes<SVGSVGElement>;
 export interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name">>, FlowComponentProps {
     /** @default "m" */
     size?: "s" | "m" | "l";
+    color?: "light" | "dark";
 }
 export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<never>>;
 export default Icon;

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

@@ -8,3 +8,5 @@ export declare const Alias: Story;
 export declare const TablerIcon: Story;
 export declare const CustomSvgString: Story;
 export declare const CustomSvg: Story;
+export declare const Dark: Story;
+export declare const Light: Story;

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

@@ -1,7 +1,8 @@
 import { ComponentProps, FC, PropsWithChildren } from 'react';
 
 export interface IllustratedMessageProps extends PropsWithChildren<ComponentProps<"div">> {
-    variant?: "info" | "negative";
+    /** @default "info" */
+    color?: "info" | "negative" | "light" | "dark";
 }
 export declare const IllustratedMessage: FC<IllustratedMessageProps>;
 export default IllustratedMessage;

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

@@ -6,3 +6,5 @@ export default meta;
 type Story = StoryObj<typeof IllustratedMessage>;
 export declare const Default: Story;
 export declare const Negative: Story;
+export declare const Dark: Story;
+export declare const Light: Story;

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

@@ -5,6 +5,7 @@ import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType<"span" | "div" | "p">, FlowComponentProps {
     emulateBoldWidth?: boolean;
+    color?: "light" | "dark";
 }
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<never>>;
 export default Text;

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

@@ -5,3 +5,5 @@ declare const meta: Meta<typeof Text>;
 export default meta;
 type Story = StoryObj<typeof Text>;
 export declare const Default: 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.161",
+  "version": "0.1.0-alpha.162",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -276,7 +276,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.161",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.162",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -303,7 +303,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.161",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.162",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.3.0",
     "@storybook/addon-a11y": "^8.1.10",
@@ -379,5 +379,5 @@
       "optional": true
     }
   },
-  "gitHead": "8e20511c574ad6d2af80285ab6f9519e9eea4583"
+  "gitHead": "1c39ac6cf85882729c969b11c315de4de027a279"
 }

package/dist/Icon-DZtYAxOE.js

@@ -1,53 +0,0 @@
-"use client"
-/* */
-import i, { Children as f, useMemo as p } from "react";
-import g from "clsx";
-import d from "html-react-parser";
-import { C as w } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { f as z } from "./flowComponent-TgbbWDzO.js";
-const b = "flow--icon", c = {
-  icon: b,
-  "size-m": "flow--icon--size-m",
-  "size-s": "flow--icon--size-s",
-  "size-l": "flow--icon--size-l"
-}, u = (e) => {
-  const t = f.toArray(d(e)).find(
-    (o) => typeof o == "object" && "type" in o && o.type === "svg"
-  );
-  if (!t)
-    throw new Error(`Invalid SVG string (got ${String(e)})`);
-  return t;
-}, $ = z("Icon", (e) => {
-  const {
-    className: t,
-    "aria-label": o,
-    children: r,
-    size: l = "m",
-    refProp: E,
-    ...a
-  } = e, m = {
-    ...a,
-    focusable: "false",
-    role: "img",
-    "aria-hidden": !o,
-    "aria-label": o,
-    className: g(c.icon, t, c[`size-${l}`])
-  }, s = typeof r == "string", n = p(
-    () => s ? u(r) : r,
-    [s, r]
-  );
-  if (!i.isValidElement(n))
-    throw new Error(
-      `Expected children of Icon component to be a valid React element (got ${String(
-        n
-      )})`
-    );
-  return /* @__PURE__ */ i.createElement(w, null, i.cloneElement(n, m));
-});
-export {
-  $ as I
-};

package/dist/IllustratedMessage-DadLfPs9.js

@@ -1,38 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import s from "clsx";
-import "./propsContext-DzAKlmhS.js";
-import { P as m } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-const d = "flow--illustrated-message--illustrated-message-container", g = "flow--illustrated-message", u = "flow--illustrated-message--icon", p = "flow--illustrated-message--heading", f = "flow--illustrated-message--text", x = "flow--illustrated-message--button", N = "flow--illustrated-message--negative", e = {
-  illustratedMessageContainer: d,
-  illustratedMessage: g,
-  icon: u,
-  heading: p,
-  text: f,
-  button: x,
-  negative: N
-}, E = (a) => {
-  const { className: o, children: l, variant: n = "info", ...r } = a, i = s(e.illustratedMessageContainer, o), c = {
-    Icon: {
-      className: e.icon,
-      size: "l"
-    },
-    Heading: {
-      className: e.heading
-    },
-    Text: {
-      className: e.text
-    },
-    Button: {
-      className: e.button,
-      color: "accent"
-    }
-  };
-  return /* @__PURE__ */ t.createElement("div", { ...r, className: i }, /* @__PURE__ */ t.createElement("div", { className: s(e.illustratedMessage, e[n]) }, /* @__PURE__ */ t.createElement(m, { props: c }, l)));
-};
-export {
-  E as I
-};

package/dist/Text-C_luMjbn.js

@@ -1,38 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as f from "react-aria-components";
-import { C as x } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as E } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import u from "invariant";
-import { f as T } from "./flowComponent-TgbbWDzO.js";
-import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
-import { W as C } from "./Wrap-DGT1h1o3.js";
-const A = T("Text", (r) => {
-  const {
-    children: i,
-    className: p,
-    elementType: t = "span",
-    emulateBoldWidth: l,
-    refProp: o,
-    ...s
-  } = r, n = { ...s, className: p }, a = {
-    Link: {
-      inline: !0
-    }
-  }, m = /* @__PURE__ */ e.createElement(E, { props: a }, /* @__PURE__ */ e.createElement(C, { if: l }, /* @__PURE__ */ e.createElement(d, null, i)));
-  if (!r.slot) {
-    const c = t;
-    return /* @__PURE__ */ e.createElement(c, { ...n, ref: o }, m);
-  }
-  return u(
-    typeof t == "string",
-    "'elementType' in Text component must be of type string"
-  ), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(f.Text, { ...n, elementType: t, ref: o }, m));
-});
-export {
-  A as T
-};