@mittwald/flow-react-components 0.1.0-alpha.267 → 0.1.0-alpha.268
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/{Accordion-Duzv1wFT.js → Accordion-BlErKdEx.js} +3 -3
- package/dist/Accordion.js +1 -1
- package/dist/{Action-BBdK8ZAq.js → Action-BkFTzx0k.js} +1 -1
- package/dist/Action.js +1 -1
- package/dist/{ActionGroup-CX4_8oFU.js → ActionGroup-CPMad0DR.js} +1 -1
- package/dist/ActionGroup.js +1 -1
- package/dist/Alert.js +40 -0
- package/dist/AlertBadge.js +27 -0
- package/dist/AlertIcon-0o0pBBoe.js +47 -0
- package/dist/AlertIcon.js +7 -0
- package/dist/Avatar.js +1 -1
- package/dist/{Badge-BcAQAMkd.js → Badge-D4L1rS_s.js} +4 -4
- package/dist/Badge.js +1 -1
- package/dist/Breadcrumb.js +2 -2
- package/dist/{Button-D1ALxYux.js → Button-DtpO7pbw.js} +5 -5
- package/dist/Button.js +1 -1
- package/dist/{CalendarHeader-lLJrWz6j.js → CalendarHeader-BBBItqDH.js} +4 -4
- package/dist/{Checkbox-CzqG4l7F.js → Checkbox-De8MXwZU.js} +4 -4
- package/dist/Checkbox.js +1 -1
- package/dist/{CheckboxButton-Cz3gStwy.js → CheckboxButton-CJCSygv1.js} +2 -2
- package/dist/CheckboxButton.js +1 -1
- package/dist/CheckboxGroup.js +3 -3
- package/dist/{Content-cYnXBHf-.js → Content-CmH1oHCH.js} +1 -1
- package/dist/Content.js +1 -1
- package/dist/ContextMenu.js +3 -3
- package/dist/{ContextMenuTrigger-5-EjHDtY.js → ContextMenuTrigger-DB1rWK0_.js} +3 -3
- package/dist/ContextualHelp.js +4 -4
- package/dist/CopyButton.js +5 -5
- package/dist/CounterBadge.js +1 -1
- package/dist/DatePicker.js +7 -7
- package/dist/DateRangePicker.js +7 -7
- package/dist/{FieldDescription-DSjltG-W.js → FieldDescription-DPxDs6mv.js} +2 -2
- package/dist/FieldDescription.js +1 -1
- package/dist/{FieldError-Crorz6g5.js → FieldError-DWOQdHwZ.js} +3 -3
- package/dist/FieldError.js +1 -1
- package/dist/{Header-B9w8yH1e.js → Header-Dyx52LYx.js} +1 -1
- package/dist/Header.js +1 -1
- package/dist/{Heading-FRIQlW19.js → Heading-C7-PIEig.js} +16 -16
- package/dist/Heading.js +1 -1
- package/dist/{Icon-cEgH3ZXQ.js → Icon-9pbeBcg1.js} +1 -1
- package/dist/Icon.js +1 -1
- package/dist/{IconCalendar-DBkKsCNt.js → IconCalendar-Cz5XxVGX.js} +1 -1
- package/dist/{IconCheck-C7DgNpRc.js → IconCheck-R8N10v_6.js} +1 -1
- package/dist/{IconCheckboxEmpty-Drda5S1f.js → IconCheckboxEmpty-SthBD9Y4.js} +1 -1
- package/dist/{IconCheckboxIndeterminate-BSSq4uEi.js → IconCheckboxIndeterminate-CmaDvrUS.js} +1 -1
- package/dist/{IconChevronDown-CQUk3agB.js → IconChevronDown-Dyruzo5i.js} +1 -1
- package/dist/{IconChevronRight-D-GVKXLH.js → IconChevronRight-BR_veQoD.js} +1 -1
- package/dist/{IconChevronUp-D3Tg6tuM.js → IconChevronUp-DfMq4CAh.js} +1 -1
- package/dist/{IconClose-DVYTU3Rp.js → IconClose-Cv0NnMI0.js} +1 -1
- package/dist/{IconContextMenu-DLHXM1Ph.js → IconContextMenu-TKPRhsln.js} +1 -1
- package/dist/{IconCopy-Ceve0ccv.js → IconCopy-BZrt59bo.js} +1 -1
- package/dist/{IconDanger-DIQGVmr5.js → IconDanger-BeR9Iq5C.js} +1 -1
- package/dist/{IconInfo-76ibiNDU.js → IconInfo-6FTvYgXx.js} +1 -1
- package/dist/{IconPending-C1JtBTHt.js → IconPending-BpP9iyyQ.js} +1 -1
- package/dist/{IconPlus-5rBbsI1A.js → IconPlus-C8iowIED.js} +1 -1
- package/dist/{IconRadioOn-C_HmW3DQ.js → IconRadioOn-C8pH7mgG.js} +1 -1
- package/dist/{IconSearch-a4VYepNE.js → IconSearch-CSaVgGtE.js} +1 -1
- package/dist/{IconSucceeded-C10oveWn.js → IconSucceeded-C3-di5MF.js} +1 -1
- package/dist/{IconView-B0kOF1Eh.js → IconView-0O55QejB.js} +1 -1
- package/dist/{IconWarning-CVQw2BUC.js → IconWarning-CbM-AxCk.js} +1 -1
- package/dist/Icons.js +20 -20
- package/dist/Image.js +1 -1
- package/dist/Initials.js +1 -1
- package/dist/{Label-C583m3cx.js → Label-CSrClvpU.js} +1 -1
- package/dist/Label.js +1 -1
- package/dist/LayoutCard.js +1 -1
- package/dist/{Link-DW8KPMYX.js → Link-aQ6CGmXP.js} +1 -1
- package/dist/Link.js +1 -1
- package/dist/List.js +60 -60
- package/dist/{LoadingSpinner-2FvUo7ie.js → LoadingSpinner-Blr5zvQY.js} +2 -2
- package/dist/LoadingSpinner.js +1 -1
- package/dist/{MenuItem-CFE7SA5J.js → MenuItem-C51yH30J.js} +5 -5
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.js +6 -6
- package/dist/Navigation.js +2 -2
- package/dist/Notification.js +21 -21
- package/dist/NumberField.js +7 -7
- package/dist/Popover.js +2 -2
- package/dist/{PopoverTrigger-CXPiJcMt.js → PopoverTrigger-CodiJ3NF.js} +1 -1
- package/dist/RadioGroup.js +5 -5
- package/dist/{SearchField-vN6YciFA.js → SearchField-Cb2-vOqm.js} +6 -6
- package/dist/SearchField.js +1 -1
- package/dist/{Section-DsyCp0AH.js → Section-CbYVO00-.js} +1 -1
- package/dist/Section.js +1 -1
- package/dist/Select.js +5 -5
- package/dist/Slider.js +4 -4
- package/dist/Switch.js +5 -5
- package/dist/Tabs.js +7 -7
- package/dist/{Text-T_kNKeFe.js → Text-BAuIxsGX.js} +1 -1
- package/dist/Text.js +1 -1
- package/dist/TextArea.js +2 -2
- package/dist/TextField.js +2 -2
- package/dist/{TextFieldBase-w-pGXcOi.js → TextFieldBase-D9P4vEbc.js} +2 -2
- package/dist/TimeField.js +2 -2
- package/dist/{flowComponent-CY2oW3O9.js → flowComponent-Cnrr91a8.js} +22 -22
- package/dist/react-hook-form.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/types/components/Alert/Alert.d.ts +7 -0
- package/dist/types/components/Alert/index.d.ts +3 -0
- package/dist/types/components/{InlineAlert → Alert}/stories/Default.stories.d.ts +3 -3
- package/dist/types/components/Alert/stories/EdgeCases.stories.d.ts +6 -0
- package/dist/types/components/{StatusBadge → Alert}/stories/Variants.stories.d.ts +4 -4
- package/dist/types/components/AlertBadge/AlertBadge.d.ts +7 -0
- package/dist/types/components/AlertBadge/index.d.ts +3 -0
- package/dist/types/components/AlertBadge/stories/Default.stories.d.ts +6 -0
- package/dist/types/components/AlertBadge/stories/EdgeCases.stories.d.ts +6 -0
- package/dist/types/components/{InlineAlert → AlertBadge}/stories/Variants.stories.d.ts +4 -4
- package/dist/types/components/AlertIcon/AlertIcon.d.ts +7 -0
- package/dist/types/components/AlertIcon/index.d.ts +3 -0
- package/dist/types/components/{StatusIcon → AlertIcon}/stories/Default.stories.d.ts +3 -3
- package/dist/types/components/propTypes/index.d.ts +4 -4
- package/dist/types/lib/controller/overlay/context.d.ts +2 -2
- package/dist/types/lib/propsContext/propsContext.d.ts +4 -4
- package/dist/types/lib/slotContext/slotContext.d.ts +2 -2
- package/package.json +16 -16
- package/dist/InlineAlert.js +0 -40
- package/dist/StatusBadge.js +0 -27
- package/dist/StatusIcon-DEK5-0Aw.js +0 -47
- package/dist/StatusIcon.js +0 -7
- package/dist/types/components/InlineAlert/InlineAlert.d.ts +0 -7
- package/dist/types/components/InlineAlert/index.d.ts +0 -3
- package/dist/types/components/InlineAlert/stories/EdgeCases.stories.d.ts +0 -6
- package/dist/types/components/StatusBadge/StatusBadge.d.ts +0 -7
- package/dist/types/components/StatusBadge/index.d.ts +0 -3
- package/dist/types/components/StatusBadge/stories/Default.stories.d.ts +0 -6
- package/dist/types/components/StatusBadge/stories/EdgeCases.stories.d.ts +0 -6
- package/dist/types/components/StatusIcon/StatusIcon.d.ts +0 -7
- package/dist/types/components/StatusIcon/index.d.ts +0 -3
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentProps, PropsWithChildren, default as React } from 'react';
|
|
2
|
+
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
+
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
|
+
export interface AlertProps extends PropsWithChildren<ComponentProps<"aside">>, PropsWithStatus, FlowComponentProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<never>>;
|
|
7
|
+
export default Alert;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { default as
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { default as Alert } from '../Alert';
|
|
3
|
+
declare const meta: Meta<typeof Alert>;
|
|
4
4
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
5
|
+
type Story = StoryObj<typeof Alert>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const WithContent: Story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { default as
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { default as Alert } from '../Alert';
|
|
3
|
+
declare const meta: Meta<typeof Alert>;
|
|
4
4
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
5
|
+
type Story = StoryObj<typeof Alert>;
|
|
6
6
|
export declare const Info: Story;
|
|
7
|
-
export declare const Success: Story;
|
|
8
7
|
export declare const Warning: Story;
|
|
9
8
|
export declare const Danger: Story;
|
|
9
|
+
export declare const Success: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren, default as React } from 'react';
|
|
2
|
+
import { PropsWithClassName, PropsWithStatus } from '../../lib/types/props';
|
|
3
|
+
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
|
+
export interface AlertBadgeProps extends PropsWithChildren, PropsWithStatus, FlowComponentProps, PropsWithClassName {
|
|
5
|
+
}
|
|
6
|
+
export declare const AlertBadge: React.ForwardRefExoticComponent<AlertBadgeProps & React.RefAttributes<never>>;
|
|
7
|
+
export default AlertBadge;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { default as
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { default as AlertBadge } from '../AlertBadge';
|
|
3
|
+
declare const meta: Meta<typeof AlertBadge>;
|
|
4
4
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
5
|
+
type Story = StoryObj<typeof AlertBadge>;
|
|
6
6
|
export declare const Info: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
7
8
|
export declare const Warning: Story;
|
|
8
9
|
export declare const Danger: Story;
|
|
9
|
-
export declare const Success: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
+
import { IconProps } from '../Icon';
|
|
4
|
+
export interface AlertIconProps extends PropsWithStatus, IconProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const AlertIcon: FC<AlertIconProps>;
|
|
7
|
+
export default AlertIcon;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { default as
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { default as AlertIcon } from '../AlertIcon';
|
|
3
|
+
declare const meta: Meta<typeof AlertIcon>;
|
|
4
4
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
5
|
+
type Story = StoryObj<typeof AlertIcon>;
|
|
6
6
|
export declare const Info: Story;
|
|
7
7
|
export declare const Success: Story;
|
|
8
8
|
export declare const Warning: Story;
|
|
@@ -7,14 +7,14 @@ import { LayoutCardProps } from '../LayoutCard';
|
|
|
7
7
|
import { LinkProps } from '../Link';
|
|
8
8
|
import { FieldErrorProps } from '../FieldError';
|
|
9
9
|
import { FieldDescriptionProps } from '../FieldDescription';
|
|
10
|
-
import {
|
|
10
|
+
import { AlertProps } from '../Alert';
|
|
11
11
|
import { HeadingProps } from '../Heading';
|
|
12
12
|
import { InitialsProps } from '../Initials';
|
|
13
13
|
import { ImageProps } from '../Image';
|
|
14
14
|
import { CopyButtonProps } from '../CopyButton';
|
|
15
15
|
import { HeaderProps } from '../Header';
|
|
16
16
|
import { SwitchProps } from '../Switch';
|
|
17
|
-
import {
|
|
17
|
+
import { AlertBadgeProps } from '../AlertBadge';
|
|
18
18
|
import { ActionGroupProps } from '../ActionGroup';
|
|
19
19
|
import { AvatarProps } from '../Avatar';
|
|
20
20
|
import { ActionProps } from '../Action';
|
|
@@ -48,6 +48,8 @@ export * from './types';
|
|
|
48
48
|
export interface FlowComponentPropsTypes {
|
|
49
49
|
Action: ActionProps;
|
|
50
50
|
ActionGroup: ActionGroupProps;
|
|
51
|
+
Alert: AlertProps;
|
|
52
|
+
AlertBadge: AlertBadgeProps;
|
|
51
53
|
Avatar: AvatarProps;
|
|
52
54
|
Badge: BadgeProps;
|
|
53
55
|
Button: ButtonProps;
|
|
@@ -70,7 +72,6 @@ export interface FlowComponentPropsTypes {
|
|
|
70
72
|
Icon: IconProps;
|
|
71
73
|
Image: ImageProps;
|
|
72
74
|
Initials: InitialsProps;
|
|
73
|
-
InlineAlert: InlineAlertProps;
|
|
74
75
|
Label: LabelProps;
|
|
75
76
|
LayoutCard: LayoutCardProps;
|
|
76
77
|
Link: LinkProps;
|
|
@@ -89,7 +90,6 @@ export interface FlowComponentPropsTypes {
|
|
|
89
90
|
Section: SectionProps;
|
|
90
91
|
Select: SelectProps;
|
|
91
92
|
Slider: SliderProps;
|
|
92
|
-
StatusBadge: StatusBadgeProps;
|
|
93
93
|
Switch: SwitchProps;
|
|
94
94
|
Tabs: TabsProps;
|
|
95
95
|
TabTitle: TabsProps;
|
|
@@ -6,6 +6,8 @@ export type OverlayContext = Partial<{
|
|
|
6
6
|
export declare const overlayContext: import('react').Context<Partial<{
|
|
7
7
|
Action: OverlayController | undefined;
|
|
8
8
|
ActionGroup: OverlayController | undefined;
|
|
9
|
+
Alert: OverlayController | undefined;
|
|
10
|
+
AlertBadge: OverlayController | undefined;
|
|
9
11
|
Avatar: OverlayController | undefined;
|
|
10
12
|
Badge: OverlayController | undefined;
|
|
11
13
|
Button: OverlayController | undefined;
|
|
@@ -28,7 +30,6 @@ export declare const overlayContext: import('react').Context<Partial<{
|
|
|
28
30
|
Icon: OverlayController | undefined;
|
|
29
31
|
Image: OverlayController | undefined;
|
|
30
32
|
Initials: OverlayController | undefined;
|
|
31
|
-
InlineAlert: OverlayController | undefined;
|
|
32
33
|
Label: OverlayController | undefined;
|
|
33
34
|
LayoutCard: OverlayController | undefined;
|
|
34
35
|
Link: OverlayController | undefined;
|
|
@@ -47,7 +48,6 @@ export declare const overlayContext: import('react').Context<Partial<{
|
|
|
47
48
|
Section: OverlayController | undefined;
|
|
48
49
|
Select: OverlayController | undefined;
|
|
49
50
|
Slider: OverlayController | undefined;
|
|
50
|
-
StatusBadge: OverlayController | undefined;
|
|
51
51
|
Switch: OverlayController | undefined;
|
|
52
52
|
Tabs: OverlayController | undefined;
|
|
53
53
|
TabTitle: OverlayController | undefined;
|
|
@@ -2,6 +2,8 @@ import { PropsContext } from './types';
|
|
|
2
2
|
export declare const propsContext: import('react').Context<Partial<{
|
|
3
3
|
Action: import('./types').ComponentPropsContext<"Action">;
|
|
4
4
|
ActionGroup: import('./types').ComponentPropsContext<"ActionGroup">;
|
|
5
|
+
Alert: import('./types').ComponentPropsContext<"Alert">;
|
|
6
|
+
AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
|
|
5
7
|
Avatar: import('./types').ComponentPropsContext<"Avatar">;
|
|
6
8
|
Badge: import('./types').ComponentPropsContext<"Badge">;
|
|
7
9
|
Button: import('./types').ComponentPropsContext<"Button">;
|
|
@@ -24,7 +26,6 @@ export declare const propsContext: import('react').Context<Partial<{
|
|
|
24
26
|
Icon: import('./types').ComponentPropsContext<"Icon">;
|
|
25
27
|
Image: import('./types').ComponentPropsContext<"Image">;
|
|
26
28
|
Initials: import('./types').ComponentPropsContext<"Initials">;
|
|
27
|
-
InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
|
|
28
29
|
Label: import('./types').ComponentPropsContext<"Label">;
|
|
29
30
|
LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
|
|
30
31
|
Link: import('./types').ComponentPropsContext<"Link">;
|
|
@@ -43,7 +44,6 @@ export declare const propsContext: import('react').Context<Partial<{
|
|
|
43
44
|
Section: import('./types').ComponentPropsContext<"Section">;
|
|
44
45
|
Select: import('./types').ComponentPropsContext<"Select">;
|
|
45
46
|
Slider: import('./types').ComponentPropsContext<"Slider">;
|
|
46
|
-
StatusBadge: import('./types').ComponentPropsContext<"StatusBadge">;
|
|
47
47
|
Switch: import('./types').ComponentPropsContext<"Switch">;
|
|
48
48
|
Tabs: import('./types').ComponentPropsContext<"Tabs">;
|
|
49
49
|
TabTitle: import('./types').ComponentPropsContext<"TabTitle">;
|
|
@@ -56,6 +56,8 @@ export declare const propsContext: import('react').Context<Partial<{
|
|
|
56
56
|
export declare const PropsContextProvider: import('react').Provider<Partial<{
|
|
57
57
|
Action: import('./types').ComponentPropsContext<"Action">;
|
|
58
58
|
ActionGroup: import('./types').ComponentPropsContext<"ActionGroup">;
|
|
59
|
+
Alert: import('./types').ComponentPropsContext<"Alert">;
|
|
60
|
+
AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
|
|
59
61
|
Avatar: import('./types').ComponentPropsContext<"Avatar">;
|
|
60
62
|
Badge: import('./types').ComponentPropsContext<"Badge">;
|
|
61
63
|
Button: import('./types').ComponentPropsContext<"Button">;
|
|
@@ -78,7 +80,6 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
|
|
|
78
80
|
Icon: import('./types').ComponentPropsContext<"Icon">;
|
|
79
81
|
Image: import('./types').ComponentPropsContext<"Image">;
|
|
80
82
|
Initials: import('./types').ComponentPropsContext<"Initials">;
|
|
81
|
-
InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
|
|
82
83
|
Label: import('./types').ComponentPropsContext<"Label">;
|
|
83
84
|
LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
|
|
84
85
|
Link: import('./types').ComponentPropsContext<"Link">;
|
|
@@ -97,7 +98,6 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
|
|
|
97
98
|
Section: import('./types').ComponentPropsContext<"Section">;
|
|
98
99
|
Select: import('./types').ComponentPropsContext<"Select">;
|
|
99
100
|
Slider: import('./types').ComponentPropsContext<"Slider">;
|
|
100
|
-
StatusBadge: import('./types').ComponentPropsContext<"StatusBadge">;
|
|
101
101
|
Switch: import('./types').ComponentPropsContext<"Switch">;
|
|
102
102
|
Tabs: import('./types').ComponentPropsContext<"Tabs">;
|
|
103
103
|
TabTitle: import('./types').ComponentPropsContext<"TabTitle">;
|
|
@@ -2,6 +2,8 @@ import { SlotContext } from './types';
|
|
|
2
2
|
export declare const slotContext: import('react').Context<Partial<{
|
|
3
3
|
Action: string;
|
|
4
4
|
ActionGroup: string;
|
|
5
|
+
Alert: string;
|
|
6
|
+
AlertBadge: string;
|
|
5
7
|
Avatar: string;
|
|
6
8
|
Badge: string;
|
|
7
9
|
Button: string;
|
|
@@ -24,7 +26,6 @@ export declare const slotContext: import('react').Context<Partial<{
|
|
|
24
26
|
Icon: string;
|
|
25
27
|
Image: string;
|
|
26
28
|
Initials: string;
|
|
27
|
-
InlineAlert: string;
|
|
28
29
|
Label: string;
|
|
29
30
|
LayoutCard: string;
|
|
30
31
|
Link: string;
|
|
@@ -43,7 +44,6 @@ export declare const slotContext: import('react').Context<Partial<{
|
|
|
43
44
|
Section: string;
|
|
44
45
|
Select: string;
|
|
45
46
|
Slider: string;
|
|
46
|
-
StatusBadge: string;
|
|
47
47
|
Switch: string;
|
|
48
48
|
Tabs: string;
|
|
49
49
|
TabTitle: string;
|
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.268",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -22,6 +22,18 @@
|
|
|
22
22
|
"types": "./dist/types/components/Activity/index.d.ts",
|
|
23
23
|
"import": "./dist/Activity.js"
|
|
24
24
|
},
|
|
25
|
+
"./Alert": {
|
|
26
|
+
"types": "./dist/types/components/Alert/index.d.ts",
|
|
27
|
+
"import": "./dist/Alert.js"
|
|
28
|
+
},
|
|
29
|
+
"./AlertBadge": {
|
|
30
|
+
"types": "./dist/types/components/AlertBadge/index.d.ts",
|
|
31
|
+
"import": "./dist/AlertBadge.js"
|
|
32
|
+
},
|
|
33
|
+
"./AlertIcon": {
|
|
34
|
+
"types": "./dist/types/components/AlertIcon/index.d.ts",
|
|
35
|
+
"import": "./dist/AlertIcon.js"
|
|
36
|
+
},
|
|
25
37
|
"./Avatar": {
|
|
26
38
|
"types": "./dist/types/components/Avatar/index.d.ts",
|
|
27
39
|
"import": "./dist/Avatar.js"
|
|
@@ -126,10 +138,6 @@
|
|
|
126
138
|
"types": "./dist/types/components/Initials/index.d.ts",
|
|
127
139
|
"import": "./dist/Initials.js"
|
|
128
140
|
},
|
|
129
|
-
"./InlineAlert": {
|
|
130
|
-
"types": "./dist/types/components/InlineAlert/index.d.ts",
|
|
131
|
-
"import": "./dist/InlineAlert.js"
|
|
132
|
-
},
|
|
133
141
|
"./InlineCode": {
|
|
134
142
|
"types": "./dist/types/components/InlineCode/index.d.ts",
|
|
135
143
|
"import": "./dist/InlineCode.js"
|
|
@@ -238,14 +246,6 @@
|
|
|
238
246
|
"types": "./dist/types/components/Slider/index.d.ts",
|
|
239
247
|
"import": "./dist/Slider.js"
|
|
240
248
|
},
|
|
241
|
-
"./StatusBadge": {
|
|
242
|
-
"types": "./dist/types/components/StatusBadge/index.d.ts",
|
|
243
|
-
"import": "./dist/StatusBadge.js"
|
|
244
|
-
},
|
|
245
|
-
"./StatusIcon": {
|
|
246
|
-
"types": "./dist/types/components/StatusIcon/index.d.ts",
|
|
247
|
-
"import": "./dist/StatusIcon.js"
|
|
248
|
-
},
|
|
249
249
|
"./Switch": {
|
|
250
250
|
"types": "./dist/types/components/Switch/index.d.ts",
|
|
251
251
|
"import": "./dist/Switch.js"
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
"@chakra-ui/live-region": "^2.1.0",
|
|
314
314
|
"@internationalized/date": "^3.5.5",
|
|
315
315
|
"@internationalized/string-compiler": "^3.2.4",
|
|
316
|
-
"@mittwald/react-tunnel": "^0.1.0-alpha.
|
|
316
|
+
"@mittwald/react-tunnel": "^0.1.0-alpha.268",
|
|
317
317
|
"@mittwald/react-use-promise": "^2.5.0",
|
|
318
318
|
"@react-aria/utils": "^3.25.2",
|
|
319
319
|
"@react-types/shared": "^3.24.1",
|
|
@@ -340,7 +340,7 @@
|
|
|
340
340
|
},
|
|
341
341
|
"devDependencies": {
|
|
342
342
|
"@faker-js/faker": "^9.0.1",
|
|
343
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
343
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.268",
|
|
344
344
|
"@mittwald/react-use-promise": "^2.5.0",
|
|
345
345
|
"@nx/storybook": "^19.7.4",
|
|
346
346
|
"@storybook/addon-a11y": "^8.3.2",
|
|
@@ -418,5 +418,5 @@
|
|
|
418
418
|
"optional": true
|
|
419
419
|
}
|
|
420
420
|
},
|
|
421
|
-
"gitHead": "
|
|
421
|
+
"gitHead": "dd33e1bb9fc02da5fbffd8a20e2606faab848153"
|
|
422
422
|
}
|
package/dist/InlineAlert.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import e from "react";
|
|
4
|
-
import { C as m } from "./ClearPropsContext-CUvsbMn8.js";
|
|
5
|
-
import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
6
|
-
import "@react-aria/utils";
|
|
7
|
-
import "./propsContext-DzAKlmhS.js";
|
|
8
|
-
import "remeda";
|
|
9
|
-
import p from "clsx";
|
|
10
|
-
import { S as u } from "./StatusIcon-DEK5-0Aw.js";
|
|
11
|
-
import { f as d } from "./flowComponent-CY2oW3O9.js";
|
|
12
|
-
const w = "flow--inline-alert", g = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--content", N = "flow--inline-alert--info", h = "flow--inline-alert--warning", x = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
|
|
13
|
-
inlineAlert: w,
|
|
14
|
-
statusIcon: g,
|
|
15
|
-
heading: C,
|
|
16
|
-
content: I,
|
|
17
|
-
info: N,
|
|
18
|
-
warning: h,
|
|
19
|
-
danger: x,
|
|
20
|
-
success: A
|
|
21
|
-
}, b = d("InlineAlert", (o) => {
|
|
22
|
-
const { children: s, className: l, status: t = "info", refProp: r, ...i } = o, a = p(n.inlineAlert, n[t], l), c = {
|
|
23
|
-
Heading: {
|
|
24
|
-
className: n.heading,
|
|
25
|
-
level: 3,
|
|
26
|
-
size: "s"
|
|
27
|
-
},
|
|
28
|
-
Content: {
|
|
29
|
-
className: n.content,
|
|
30
|
-
Button: {
|
|
31
|
-
size: "s"
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
return /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("aside", { ...i, className: a, ref: r }, /* @__PURE__ */ e.createElement(u, { className: n.statusIcon, status: t }), /* @__PURE__ */ e.createElement(f, { props: c }, s)));
|
|
36
|
-
});
|
|
37
|
-
export {
|
|
38
|
-
b as InlineAlert,
|
|
39
|
-
b as default
|
|
40
|
-
};
|
package/dist/StatusBadge.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import t from "react";
|
|
4
|
-
import l from "clsx";
|
|
5
|
-
import { S as f } from "./StatusIcon-DEK5-0Aw.js";
|
|
6
|
-
import { T as i } from "./Text-T_kNKeFe.js";
|
|
7
|
-
import { C as u } from "./ClearPropsContext-CUvsbMn8.js";
|
|
8
|
-
import "./propsContext-DzAKlmhS.js";
|
|
9
|
-
import "@react-aria/utils";
|
|
10
|
-
import "remeda";
|
|
11
|
-
import "dot-prop";
|
|
12
|
-
import { f as d } from "./flowComponent-CY2oW3O9.js";
|
|
13
|
-
const g = "flow--status-badge", p = "flow--status-badge--text", w = "flow--status-badge--info", x = "flow--status-badge--success", b = "flow--status-badge--warning", B = "flow--status-badge--danger", s = {
|
|
14
|
-
statusBadge: g,
|
|
15
|
-
text: p,
|
|
16
|
-
info: w,
|
|
17
|
-
success: x,
|
|
18
|
-
warning: b,
|
|
19
|
-
danger: B
|
|
20
|
-
}, z = d("StatusBadge", (a) => {
|
|
21
|
-
const { children: o, className: r, status: e = "info", refProp: n, ...c } = a, m = l(s.statusBadge, s[e], r);
|
|
22
|
-
return /* @__PURE__ */ t.createElement(u, null, /* @__PURE__ */ t.createElement("div", { className: m, ...c, ref: n }, /* @__PURE__ */ t.createElement(f, { size: "s", className: s.statusIcon, status: e }), /* @__PURE__ */ t.createElement(i, { className: s.text }, o)));
|
|
23
|
-
});
|
|
24
|
-
export {
|
|
25
|
-
z as StatusBadge,
|
|
26
|
-
z as default
|
|
27
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import t from "react";
|
|
4
|
-
import "@tabler/icons-react";
|
|
5
|
-
import "./Icon-cEgH3ZXQ.js";
|
|
6
|
-
import { I as m } from "./IconDanger-DIQGVmr5.js";
|
|
7
|
-
import { I as f } from "./IconInfo-76ibiNDU.js";
|
|
8
|
-
import { I, a as l } from "./IconWarning-CVQw2BUC.js";
|
|
9
|
-
import { useLocalizedStringFormatter as g } from "react-aria";
|
|
10
|
-
import { C as p } from "./ClearPropsContext-CUvsbMn8.js";
|
|
11
|
-
import "./propsContext-DzAKlmhS.js";
|
|
12
|
-
import "@react-aria/utils";
|
|
13
|
-
import "remeda";
|
|
14
|
-
import "dot-prop";
|
|
15
|
-
import w from "clsx";
|
|
16
|
-
const S = { "de-DE": {
|
|
17
|
-
"statusIcon.danger": "Status Fehler",
|
|
18
|
-
"statusIcon.info": "Status Information",
|
|
19
|
-
"statusIcon.success": "Status Erfolg",
|
|
20
|
-
"statusIcon.warning": "Status Warnung"
|
|
21
|
-
}, "en-EN": {
|
|
22
|
-
"statusIcon.danger": "Status error",
|
|
23
|
-
"statusIcon.info": "Status information",
|
|
24
|
-
"statusIcon.success": "Status success",
|
|
25
|
-
"statusIcon.warning": "Status warning"
|
|
26
|
-
} }, d = "flow--status-icon--info", E = "flow--status-icon", C = "flow--status-icon--warning", N = "flow--status-icon--danger", x = "flow--status-icon--success", o = {
|
|
27
|
-
info: d,
|
|
28
|
-
statusIcon: E,
|
|
29
|
-
warning: C,
|
|
30
|
-
danger: N,
|
|
31
|
-
success: x
|
|
32
|
-
}, F = {
|
|
33
|
-
danger: m,
|
|
34
|
-
info: f,
|
|
35
|
-
success: I,
|
|
36
|
-
warning: l
|
|
37
|
-
}, v = (n) => {
|
|
38
|
-
const { status: s = "info", className: a, ...c } = n, r = w(o.statusIcon, o[s], a), e = g(S), i = F[s], u = {
|
|
39
|
-
className: r,
|
|
40
|
-
"aria-label": e.format(`statusIcon.${s}`),
|
|
41
|
-
...c
|
|
42
|
-
};
|
|
43
|
-
return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(i, { ...u }));
|
|
44
|
-
};
|
|
45
|
-
export {
|
|
46
|
-
v as S
|
|
47
|
-
};
|
package/dist/StatusIcon.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, PropsWithChildren, default as React } from 'react';
|
|
2
|
-
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
-
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
|
-
export interface InlineAlertProps extends PropsWithChildren<ComponentProps<"aside">>, PropsWithStatus, FlowComponentProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const InlineAlert: React.ForwardRefExoticComponent<Omit<InlineAlertProps, "ref"> & React.RefAttributes<never>>;
|
|
7
|
-
export default InlineAlert;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren, default as React } from 'react';
|
|
2
|
-
import { PropsWithClassName, PropsWithStatus } from '../../lib/types/props';
|
|
3
|
-
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
4
|
-
export interface StatusBadgeProps extends PropsWithChildren, PropsWithStatus, FlowComponentProps, PropsWithClassName {
|
|
5
|
-
}
|
|
6
|
-
export declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<never>>;
|
|
7
|
-
export default StatusBadge;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { PropsWithStatus } from '../../lib/types/props';
|
|
3
|
-
import { IconProps } from '../Icon';
|
|
4
|
-
export interface StatusIconProps extends PropsWithStatus, IconProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const StatusIcon: FC<StatusIconProps>;
|
|
7
|
-
export default StatusIcon;
|