@mittwald/flow-react-components 0.2.0-alpha.546 → 0.2.0-alpha.547

package/dist/js/components/src/components/IllustratedMessage/IllustratedMessage.mjs

@@ -35,7 +35,7 @@ const IllustratedMessage = (props) => {
     },
     ProgressBar: { className: styles.progressBar }
   };
-  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { clear: true, props: propsContext, children }) });
 };
 
 export { IllustratedMessage, IllustratedMessage as default };

package/dist/js/components/src/components/IllustratedMessage/IllustratedMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.mjs","sources":["../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** The color of the illustrated message. @default \"primary\" */\n  color?: \"primary\" | \"danger\" | \"light\" | \"dark\";\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage: FC<IllustratedMessageProps> = (props) => {\n  const { className, children, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.illustratedMessage,\n    className,\n    styles[color],\n  );\n\n  const lightOrDarkColor =\n    color === \"dark\" || color === \"light\" ? color : undefined;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"l\",\n    },\n    Heading: {\n      className: styles.heading,\n      color: lightOrDarkColor,\n    },\n    Text: {\n      className: styles.text,\n      color: lightOrDarkColor,\n    },\n    Button: {\n      color: lightOrDarkColor ?? \"accent\",\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n    },\n    ProgressBar: { className: styles.progressBar },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default IllustratedMessage;\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,kBAAA,GAAkD,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE5D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,kBAAA;AAAA,IACP,SAAA;AAAA,IACA,OAAO,KAAK;AAAA,GACd;AAEA,EAAA,MAAM,gBAAA,GACJ,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,KAAA,GAAQ,MAAA;AAElD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,OAAO,gBAAA,IAAoB;AAAA,KAC7B;AAAA,IACA,WAAA,EAAa;AAAA,MACX,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,WAAA,EAAa,EAAE,SAAA,EAAW,MAAA,CAAO,WAAA;AAAY,GAC/C;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IllustratedMessage.mjs","sources":["../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** The color of the illustrated message. @default \"primary\" */\n  color?: \"primary\" | \"danger\" | \"light\" | \"dark\";\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage: FC<IllustratedMessageProps> = (props) => {\n  const { className, children, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.illustratedMessage,\n    className,\n    styles[color],\n  );\n\n  const lightOrDarkColor =\n    color === \"dark\" || color === \"light\" ? color : undefined;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      size: \"l\",\n    },\n    Heading: {\n      className: styles.heading,\n      color: lightOrDarkColor,\n    },\n    Text: {\n      className: styles.text,\n      color: lightOrDarkColor,\n    },\n    Button: {\n      color: lightOrDarkColor ?? \"accent\",\n    },\n    ActionGroup: {\n      className: styles.actionGroup,\n    },\n    ProgressBar: { className: styles.progressBar },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider clear props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default IllustratedMessage;\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,kBAAA,GAAkD,CAAC,KAAA,KAAU;AACxE,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE5D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,kBAAA;AAAA,IACP,SAAA;AAAA,IACA,OAAO,KAAK;AAAA,GACd;AAEA,EAAA,MAAM,gBAAA,GACJ,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,KAAA,GAAQ,MAAA;AAElD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,OAAO,gBAAA,IAAoB;AAAA,KAC7B;AAAA,IACA,WAAA,EAAa;AAAA,MACX,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,WAAA,EAAa,EAAE,SAAA,EAAW,MAAA,CAAO,WAAA;AAAY,GAC/C;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAK,IAAA,EAAC,KAAA,EAAO,YAAA,EAChC,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -9,4 +9,5 @@ export declare const Dark: Story;
 export declare const Light: Story;
 export declare const WithActionGroup: Story;
 export declare const WithProgressBar: Story;
+export declare const InSection: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IllustratedMessage/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAUvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAiBzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IllustratedMessage/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAWvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAiBzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.546",
+  "version": "0.2.0-alpha.547",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -58,7 +58,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.546",
+    "@mittwald/react-tunnel": "0.2.0-alpha.547",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.2",
     "@react-aria/live-announcer": "^3.4.4",
@@ -101,7 +101,7 @@
     "@faker-js/faker": "^10.1.0",
     "@internationalized/date": "^3.10.0",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.546",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.547",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@mittwald/typescript-config": "",
@@ -174,5 +174,5 @@
       "optional": true
     }
   },
-  "gitHead": "039f8c12006132f0e7e4f985f68f87bedf794f71"
+  "gitHead": "7b729fc2bfd301ec3b430fbb05e399eb7ce437eb"
 }