@mittwald/flow-react-components 0.1.0-alpha.40 → 0.1.0-alpha.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ import { FC, PropsWithChildren } from "react";
2
+ import { PropsWithElementType } from '../../lib/types/props';
3
+ export interface HeaderProps extends PropsWithChildren, PropsWithElementType {
4
+ }
5
+ export declare const Header: FC<HeaderProps>;
6
+ export default Header;
@@ -0,0 +1,3 @@
1
+ import { Header } from "./Header";
2
+ export { type HeaderProps, Header } from "./Header";
3
+ export default Header;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import Header from "../Header";
3
+ declare const meta: Meta<typeof Header>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Header>;
6
+ export declare const Default: Story;
@@ -5,3 +5,5 @@ export default meta;
5
5
  type Story = StoryObj<typeof Section>;
6
6
  export declare const Default: Story;
7
7
  export declare const MultipleSections: Story;
8
+ export declare const WithSwitch: Story;
9
+ export declare const WithStatusBadge: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import Section from "../Section";
3
+ import { Text } from '../../Text';
4
+ declare const meta: Meta<typeof Section>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof Text>;
7
+ export declare const WithLongHeading: Story;
8
+ export declare const SmallSpace: Story;
@@ -4,7 +4,7 @@ import type { IconProps } from '../Icon';
4
4
  import type { LabelProps } from '../Label';
5
5
  import type { ContentProps } from '../Content';
6
6
  import type { LayoutCardProps } from '../LayoutCard';
7
- import type { NavigationItemProps, NavigationProps } from '../Navigation';
7
+ import type { NavigationItemProps } from '../Navigation';
8
8
  import type { LinkProps } from '../Link';
9
9
  import type { FieldErrorProps } from '../FieldError';
10
10
  import type { FieldDescriptionProps } from '../FieldDescription';
@@ -13,23 +13,24 @@ import type { HeadingProps } from '../Heading';
13
13
  import type { InitialsProps } from '../Initials';
14
14
  import type { ImageProps } from '../Image';
15
15
  import type { CopyButtonProps } from '../CopyButton';
16
+ import { HeaderProps } from '../Header';
16
17
  export * from "./types";
17
18
  export interface FlowComponentPropsTypes {
18
- Text: TextProps;
19
19
  Button: ButtonProps;
20
+ Content: ContentProps;
20
21
  CopyButton: CopyButtonProps;
22
+ FieldDescription: FieldDescriptionProps;
23
+ FieldError: FieldErrorProps;
24
+ Header: HeaderProps;
25
+ Heading: HeadingProps;
21
26
  Icon: IconProps;
27
+ Image: ImageProps;
28
+ Initials: InitialsProps;
29
+ InlineAlert: InlineAlertProps;
22
30
  Label: LabelProps;
23
- Content: ContentProps;
24
31
  LayoutCard: LayoutCardProps;
25
- Navigation: NavigationProps;
26
- NavigationItem: NavigationItemProps;
27
- Heading: HeadingProps;
28
- InlineAlert: InlineAlertProps;
29
32
  Link: LinkProps;
30
- Initials: InitialsProps;
31
- Image: ImageProps;
32
- FieldError: FieldErrorProps;
33
- FieldDescription: FieldDescriptionProps;
33
+ NavigationItem: NavigationItemProps;
34
+ Text: TextProps;
34
35
  }
35
36
  export declare const propsContextSupportingComponents: string[];
@@ -1,20 +1,20 @@
1
1
  /// <reference types="react" />
2
2
  export declare const propsContext: import("react").Context<Partial<{
3
- Text: import('./types').ComponentPropsContext<"Text">;
4
3
  Button: import('./types').ComponentPropsContext<"Button">;
4
+ Content: import('./types').ComponentPropsContext<"Content">;
5
5
  CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
6
+ FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
7
+ FieldError: import('./types').ComponentPropsContext<"FieldError">;
8
+ Header: import('./types').ComponentPropsContext<"Header">;
9
+ Heading: import('./types').ComponentPropsContext<"Heading">;
6
10
  Icon: import('./types').ComponentPropsContext<"Icon">;
11
+ Image: import('./types').ComponentPropsContext<"Image">;
12
+ Initials: import('./types').ComponentPropsContext<"Initials">;
13
+ InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
7
14
  Label: import('./types').ComponentPropsContext<"Label">;
8
- Content: import('./types').ComponentPropsContext<"Content">;
9
15
  LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
10
- Navigation: import('./types').ComponentPropsContext<"Navigation">;
11
- NavigationItem: import('./types').ComponentPropsContext<"NavigationItem">;
12
- Heading: import('./types').ComponentPropsContext<"Heading">;
13
- InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
14
16
  Link: import('./types').ComponentPropsContext<"Link">;
15
- Initials: import('./types').ComponentPropsContext<"Initials">;
16
- Image: import('./types').ComponentPropsContext<"Image">;
17
- FieldError: import('./types').ComponentPropsContext<"FieldError">;
18
- FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
17
+ NavigationItem: import('./types').ComponentPropsContext<"NavigationItem">;
18
+ Text: import('./types').ComponentPropsContext<"Text">;
19
19
  TestComponent: import('./types').ComponentPropsContext<"TestComponent">;
20
20
  }>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mittwald/flow-react-components",
3
- "version": "0.1.0-alpha.40",
3
+ "version": "0.1.0-alpha.41",
4
4
  "type": "module",
5
5
  "description": "A React implementation of Flow, mittwald’s design system",
6
6
  "homepage": "https://mittwald.github.io/flow",
@@ -38,6 +38,10 @@
38
38
  "types": "./dist/types/components/FieldError/index.d.ts",
39
39
  "import": "./dist/FieldError.js"
40
40
  },
41
+ "./Header": {
42
+ "types": "./dist/types/components/Header/index.d.ts",
43
+ "import": "./dist/Header.js"
44
+ },
41
45
  "./Heading": {
42
46
  "types": "./dist/types/components/Heading/index.d.ts",
43
47
  "import": "./dist/Heading.js"
@@ -164,7 +168,7 @@
164
168
  "remeda": "^1.51.0"
165
169
  },
166
170
  "devDependencies": {
167
- "@mittwald/flow-design-tokens": "^0.1.0-alpha.37",
171
+ "@mittwald/flow-design-tokens": "^0.1.0-alpha.41",
168
172
  "@nx/storybook": "^18.1.1",
169
173
  "@storybook/addon-a11y": "^7.6.17",
170
174
  "@storybook/addon-actions": "^7.6.17",
@@ -228,5 +232,5 @@
228
232
  "optional": true
229
233
  }
230
234
  },
231
- "gitHead": "d54cb6ae67a40f3749ec3ed509902880e410d0f2"
235
+ "gitHead": "c6a35419df441f7b0865519427836eff2ee6d3ab"
232
236
  }