@mittwald/flow-react-components 0.2.0-alpha.983 → 0.2.0-alpha.985

package/dist/js/packages/components/src/components/InlineCode/InlineCode.mjs

@@ -6,13 +6,24 @@ import styles from './InlineCode.module.scss.mjs';
 import { isAlphaColor } from '../../lib/types/props.mjs';
 
 const InlineCode = (props) => {
-  const { children, className, color = "default", ...rest } = props;
+  const {
+    children,
+    className,
+    color = "default",
+    style: styleFromProps,
+    whiteSpace,
+    ...rest
+  } = props;
   const rootClassName = clsx(
     styles.inlineCode,
     isAlphaColor(color) && styles[color],
     className
   );
-  return /* @__PURE__ */ jsx("code", { ...rest, className: rootClassName, children });
+  const style = {
+    whiteSpace,
+    ...styleFromProps
+  };
+  return /* @__PURE__ */ jsx("code", { ...rest, style, className: rootClassName, children });
 };
 
 export { InlineCode };

package/dist/js/packages/components/src/components/InlineCode/InlineCode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineCode.mjs","sources":["../../../../../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./InlineCode.module.scss\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface InlineCodeProps extends PropsWithChildren<\n  ComponentProps<\"code\">\n> {\n  /** The color schema of the inline code component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const InlineCode: FC<InlineCodeProps> = (props) => {\n  const { children, className, color = \"default\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.inlineCode,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  return (\n    <code {...rest} className={rootClassName}>\n      {children}\n    </code>\n  );\n};\n\nexport default InlineCode;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,QAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE5D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,UAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,2BACG,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,SAAA,EAAW,eACxB,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InlineCode.mjs","sources":["../../../../../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":["import type {\n  ComponentProps,\n  CSSProperties,\n  FC,\n  PropsWithChildren,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./InlineCode.module.scss\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface InlineCodeProps extends PropsWithChildren<\n  ComponentProps<\"code\">\n> {\n  /** The color schema of the inline code component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** The white-space property of the inline code component. @default undefined */\n  whiteSpace?: CSSProperties[\"whiteSpace\"];\n}\n\n/** @flr-generate all */\nexport const InlineCode: FC<InlineCodeProps> = (props) => {\n  const {\n    children,\n    className,\n    color = \"default\",\n    style: styleFromProps,\n    whiteSpace,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.inlineCode,\n    isAlphaColor(color) && styles[color],\n    className,\n  );\n\n  const style = {\n    whiteSpace,\n    ...styleFromProps,\n  };\n\n  return (\n    <code {...rest} style={style} className={rootClassName}>\n      {children}\n    </code>\n  );\n};\n\nexport default InlineCode;\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,KAAA,EAAO,cAAA;AAAA,IACP,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,UAAA;AAAA,IACP,YAAA,CAAa,KAAK,CAAA,IAAK,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC;AAAA,GACF;AAEA,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,UAAA;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,2BACG,MAAA,EAAA,EAAM,GAAG,MAAM,KAAA,EAAc,SAAA,EAAW,eACtC,QAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1,8 +1,10 @@
-import { ComponentProps, FC, PropsWithChildren } from 'react';
+import { ComponentProps, CSSProperties, FC, PropsWithChildren } from 'react';
 import { AlphaColor } from '../../lib/types/props';
 export interface InlineCodeProps extends PropsWithChildren<ComponentProps<"code">> {
     /** The color schema of the inline code component. @default "default" */
     color?: "default" | AlphaColor;
+    /** The white-space property of the inline code component. @default undefined */
+    whiteSpace?: CSSProperties["whiteSpace"];
 }
 /** @flr-generate all */
 export declare const InlineCode: FC<InlineCodeProps>;

package/dist/types/components/InlineCode/InlineCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,CACxD,cAAc,CAAC,MAAM,CAAC,CACvB;IACC,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAChC;AAED,wBAAwB;AACxB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAc1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,EAAE,EACF,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,CACxD,cAAc,CAAC,MAAM,CAAC,CACvB;IACC,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,gFAAgF;IAChF,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C;AAED,wBAAwB;AACxB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0B1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.983",
+  "version": "0.2.0-alpha.985",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -68,9 +68,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.983",
+    "@mittwald/flow-icons": "0.2.0-alpha.985",
     "@mittwald/password-tools-js": "3.0.0-alpha.31",
-    "@mittwald/react-tunnel": "0.2.0-alpha.983",
+    "@mittwald/react-tunnel": "0.2.0-alpha.985",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -125,7 +125,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.983",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.985",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -180,7 +180,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.983",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.985",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -201,5 +201,5 @@
       "optional": true
     }
   },
-  "gitHead": "0bb7eac3a69560c1525cbebf429997f0c818defe"
+  "gitHead": "710b0f89aba7447784149ff03db50b09090e7770"
 }