@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.
- package/dist/Header.js +18 -0
- package/dist/Section.js +22 -11
- package/dist/styles.css +1 -1
- package/dist/types/components/Header/Header.d.ts +6 -0
- package/dist/types/components/Header/index.d.ts +3 -0
- package/dist/types/components/Header/stories/Default.stories.d.ts +6 -0
- package/dist/types/components/Section/stories/Default.stories.d.ts +2 -0
- package/dist/types/components/Section/stories/EdgeCases.stories.d.ts +8 -0
- package/dist/types/components/propTypes/index.d.ts +12 -11
- package/dist/types/lib/propsContext/propsContext.d.ts +10 -10
- package/package.json +7 -3
|
@@ -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
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
16
|
-
|
|
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.
|
|
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.
|
|
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": "
|
|
235
|
+
"gitHead": "c6a35419df441f7b0865519427836eff2ee6d3ab"
|
|
232
236
|
}
|