@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.
Files changed (128) hide show
  1. package/dist/{Accordion-Duzv1wFT.js → Accordion-BlErKdEx.js} +3 -3
  2. package/dist/Accordion.js +1 -1
  3. package/dist/{Action-BBdK8ZAq.js → Action-BkFTzx0k.js} +1 -1
  4. package/dist/Action.js +1 -1
  5. package/dist/{ActionGroup-CX4_8oFU.js → ActionGroup-CPMad0DR.js} +1 -1
  6. package/dist/ActionGroup.js +1 -1
  7. package/dist/Alert.js +40 -0
  8. package/dist/AlertBadge.js +27 -0
  9. package/dist/AlertIcon-0o0pBBoe.js +47 -0
  10. package/dist/AlertIcon.js +7 -0
  11. package/dist/Avatar.js +1 -1
  12. package/dist/{Badge-BcAQAMkd.js → Badge-D4L1rS_s.js} +4 -4
  13. package/dist/Badge.js +1 -1
  14. package/dist/Breadcrumb.js +2 -2
  15. package/dist/{Button-D1ALxYux.js → Button-DtpO7pbw.js} +5 -5
  16. package/dist/Button.js +1 -1
  17. package/dist/{CalendarHeader-lLJrWz6j.js → CalendarHeader-BBBItqDH.js} +4 -4
  18. package/dist/{Checkbox-CzqG4l7F.js → Checkbox-De8MXwZU.js} +4 -4
  19. package/dist/Checkbox.js +1 -1
  20. package/dist/{CheckboxButton-Cz3gStwy.js → CheckboxButton-CJCSygv1.js} +2 -2
  21. package/dist/CheckboxButton.js +1 -1
  22. package/dist/CheckboxGroup.js +3 -3
  23. package/dist/{Content-cYnXBHf-.js → Content-CmH1oHCH.js} +1 -1
  24. package/dist/Content.js +1 -1
  25. package/dist/ContextMenu.js +3 -3
  26. package/dist/{ContextMenuTrigger-5-EjHDtY.js → ContextMenuTrigger-DB1rWK0_.js} +3 -3
  27. package/dist/ContextualHelp.js +4 -4
  28. package/dist/CopyButton.js +5 -5
  29. package/dist/CounterBadge.js +1 -1
  30. package/dist/DatePicker.js +7 -7
  31. package/dist/DateRangePicker.js +7 -7
  32. package/dist/{FieldDescription-DSjltG-W.js → FieldDescription-DPxDs6mv.js} +2 -2
  33. package/dist/FieldDescription.js +1 -1
  34. package/dist/{FieldError-Crorz6g5.js → FieldError-DWOQdHwZ.js} +3 -3
  35. package/dist/FieldError.js +1 -1
  36. package/dist/{Header-B9w8yH1e.js → Header-Dyx52LYx.js} +1 -1
  37. package/dist/Header.js +1 -1
  38. package/dist/{Heading-FRIQlW19.js → Heading-C7-PIEig.js} +16 -16
  39. package/dist/Heading.js +1 -1
  40. package/dist/{Icon-cEgH3ZXQ.js → Icon-9pbeBcg1.js} +1 -1
  41. package/dist/Icon.js +1 -1
  42. package/dist/{IconCalendar-DBkKsCNt.js → IconCalendar-Cz5XxVGX.js} +1 -1
  43. package/dist/{IconCheck-C7DgNpRc.js → IconCheck-R8N10v_6.js} +1 -1
  44. package/dist/{IconCheckboxEmpty-Drda5S1f.js → IconCheckboxEmpty-SthBD9Y4.js} +1 -1
  45. package/dist/{IconCheckboxIndeterminate-BSSq4uEi.js → IconCheckboxIndeterminate-CmaDvrUS.js} +1 -1
  46. package/dist/{IconChevronDown-CQUk3agB.js → IconChevronDown-Dyruzo5i.js} +1 -1
  47. package/dist/{IconChevronRight-D-GVKXLH.js → IconChevronRight-BR_veQoD.js} +1 -1
  48. package/dist/{IconChevronUp-D3Tg6tuM.js → IconChevronUp-DfMq4CAh.js} +1 -1
  49. package/dist/{IconClose-DVYTU3Rp.js → IconClose-Cv0NnMI0.js} +1 -1
  50. package/dist/{IconContextMenu-DLHXM1Ph.js → IconContextMenu-TKPRhsln.js} +1 -1
  51. package/dist/{IconCopy-Ceve0ccv.js → IconCopy-BZrt59bo.js} +1 -1
  52. package/dist/{IconDanger-DIQGVmr5.js → IconDanger-BeR9Iq5C.js} +1 -1
  53. package/dist/{IconInfo-76ibiNDU.js → IconInfo-6FTvYgXx.js} +1 -1
  54. package/dist/{IconPending-C1JtBTHt.js → IconPending-BpP9iyyQ.js} +1 -1
  55. package/dist/{IconPlus-5rBbsI1A.js → IconPlus-C8iowIED.js} +1 -1
  56. package/dist/{IconRadioOn-C_HmW3DQ.js → IconRadioOn-C8pH7mgG.js} +1 -1
  57. package/dist/{IconSearch-a4VYepNE.js → IconSearch-CSaVgGtE.js} +1 -1
  58. package/dist/{IconSucceeded-C10oveWn.js → IconSucceeded-C3-di5MF.js} +1 -1
  59. package/dist/{IconView-B0kOF1Eh.js → IconView-0O55QejB.js} +1 -1
  60. package/dist/{IconWarning-CVQw2BUC.js → IconWarning-CbM-AxCk.js} +1 -1
  61. package/dist/Icons.js +20 -20
  62. package/dist/Image.js +1 -1
  63. package/dist/Initials.js +1 -1
  64. package/dist/{Label-C583m3cx.js → Label-CSrClvpU.js} +1 -1
  65. package/dist/Label.js +1 -1
  66. package/dist/LayoutCard.js +1 -1
  67. package/dist/{Link-DW8KPMYX.js → Link-aQ6CGmXP.js} +1 -1
  68. package/dist/Link.js +1 -1
  69. package/dist/List.js +60 -60
  70. package/dist/{LoadingSpinner-2FvUo7ie.js → LoadingSpinner-Blr5zvQY.js} +2 -2
  71. package/dist/LoadingSpinner.js +1 -1
  72. package/dist/{MenuItem-CFE7SA5J.js → MenuItem-C51yH30J.js} +5 -5
  73. package/dist/MenuItem.js +1 -1
  74. package/dist/Modal.js +6 -6
  75. package/dist/Navigation.js +2 -2
  76. package/dist/Notification.js +21 -21
  77. package/dist/NumberField.js +7 -7
  78. package/dist/Popover.js +2 -2
  79. package/dist/{PopoverTrigger-CXPiJcMt.js → PopoverTrigger-CodiJ3NF.js} +1 -1
  80. package/dist/RadioGroup.js +5 -5
  81. package/dist/{SearchField-vN6YciFA.js → SearchField-Cb2-vOqm.js} +6 -6
  82. package/dist/SearchField.js +1 -1
  83. package/dist/{Section-DsyCp0AH.js → Section-CbYVO00-.js} +1 -1
  84. package/dist/Section.js +1 -1
  85. package/dist/Select.js +5 -5
  86. package/dist/Slider.js +4 -4
  87. package/dist/Switch.js +5 -5
  88. package/dist/Tabs.js +7 -7
  89. package/dist/{Text-T_kNKeFe.js → Text-BAuIxsGX.js} +1 -1
  90. package/dist/Text.js +1 -1
  91. package/dist/TextArea.js +2 -2
  92. package/dist/TextField.js +2 -2
  93. package/dist/{TextFieldBase-w-pGXcOi.js → TextFieldBase-D9P4vEbc.js} +2 -2
  94. package/dist/TimeField.js +2 -2
  95. package/dist/{flowComponent-CY2oW3O9.js → flowComponent-Cnrr91a8.js} +22 -22
  96. package/dist/react-hook-form.js +2 -2
  97. package/dist/styles.css +1 -1
  98. package/dist/types/components/Alert/Alert.d.ts +7 -0
  99. package/dist/types/components/Alert/index.d.ts +3 -0
  100. package/dist/types/components/{InlineAlert → Alert}/stories/Default.stories.d.ts +3 -3
  101. package/dist/types/components/Alert/stories/EdgeCases.stories.d.ts +6 -0
  102. package/dist/types/components/{StatusBadge → Alert}/stories/Variants.stories.d.ts +4 -4
  103. package/dist/types/components/AlertBadge/AlertBadge.d.ts +7 -0
  104. package/dist/types/components/AlertBadge/index.d.ts +3 -0
  105. package/dist/types/components/AlertBadge/stories/Default.stories.d.ts +6 -0
  106. package/dist/types/components/AlertBadge/stories/EdgeCases.stories.d.ts +6 -0
  107. package/dist/types/components/{InlineAlert → AlertBadge}/stories/Variants.stories.d.ts +4 -4
  108. package/dist/types/components/AlertIcon/AlertIcon.d.ts +7 -0
  109. package/dist/types/components/AlertIcon/index.d.ts +3 -0
  110. package/dist/types/components/{StatusIcon → AlertIcon}/stories/Default.stories.d.ts +3 -3
  111. package/dist/types/components/propTypes/index.d.ts +4 -4
  112. package/dist/types/lib/controller/overlay/context.d.ts +2 -2
  113. package/dist/types/lib/propsContext/propsContext.d.ts +4 -4
  114. package/dist/types/lib/slotContext/slotContext.d.ts +2 -2
  115. package/package.json +16 -16
  116. package/dist/InlineAlert.js +0 -40
  117. package/dist/StatusBadge.js +0 -27
  118. package/dist/StatusIcon-DEK5-0Aw.js +0 -47
  119. package/dist/StatusIcon.js +0 -7
  120. package/dist/types/components/InlineAlert/InlineAlert.d.ts +0 -7
  121. package/dist/types/components/InlineAlert/index.d.ts +0 -3
  122. package/dist/types/components/InlineAlert/stories/EdgeCases.stories.d.ts +0 -6
  123. package/dist/types/components/StatusBadge/StatusBadge.d.ts +0 -7
  124. package/dist/types/components/StatusBadge/index.d.ts +0 -3
  125. package/dist/types/components/StatusBadge/stories/Default.stories.d.ts +0 -6
  126. package/dist/types/components/StatusBadge/stories/EdgeCases.stories.d.ts +0 -6
  127. package/dist/types/components/StatusIcon/StatusIcon.d.ts +0 -7
  128. 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;
@@ -0,0 +1,3 @@
1
+ import { Alert } from './Alert';
2
+ export { type AlertProps, Alert } from './Alert';
3
+ export default Alert;
@@ -1,7 +1,7 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
- import { default as InlineAlert } from '../InlineAlert';
3
- declare const meta: Meta<typeof InlineAlert>;
2
+ import { default as Alert } from '../Alert';
3
+ declare const meta: Meta<typeof Alert>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof InlineAlert>;
5
+ type Story = StoryObj<typeof Alert>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithContent: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as Alert } from '../Alert';
3
+ declare const meta: Meta<typeof Alert>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Alert>;
6
+ export declare const LongTexts: Story;
@@ -1,9 +1,9 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
- import { default as StatusBadge } from '../StatusBadge';
3
- declare const meta: Meta<typeof StatusBadge>;
2
+ import { default as Alert } from '../Alert';
3
+ declare const meta: Meta<typeof Alert>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof StatusBadge>;
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;
@@ -0,0 +1,3 @@
1
+ import { AlertBadge } from './AlertBadge';
2
+ export { type AlertBadgeProps, AlertBadge } from './AlertBadge';
3
+ export default AlertBadge;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as AlertBadge } from '../AlertBadge';
3
+ declare const meta: Meta<typeof AlertBadge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AlertBadge>;
6
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as AlertBadge } from '../AlertBadge';
3
+ declare const meta: Meta<typeof AlertBadge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AlertBadge>;
6
+ export declare const LongText: Story;
@@ -1,9 +1,9 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
- import { default as InlineAlert } from '../InlineAlert';
3
- declare const meta: Meta<typeof InlineAlert>;
2
+ import { default as AlertBadge } from '../AlertBadge';
3
+ declare const meta: Meta<typeof AlertBadge>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof InlineAlert>;
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;
@@ -0,0 +1,3 @@
1
+ import { AlertIcon } from './AlertIcon';
2
+ export { type AlertIconProps, AlertIcon } from './AlertIcon';
3
+ export default AlertIcon;
@@ -1,8 +1,8 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
- import { default as StatusIcon } from '../StatusIcon';
3
- declare const meta: Meta<typeof StatusIcon>;
2
+ import { default as AlertIcon } from '../AlertIcon';
3
+ declare const meta: Meta<typeof AlertIcon>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof StatusIcon>;
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 { InlineAlertProps } from '../InlineAlert';
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 { StatusBadgeProps } from '../StatusBadge';
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.267",
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.267",
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.267",
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": "3ff7528f3886659486adb9545f3ded5e055ab5b9"
421
+ "gitHead": "dd33e1bb9fc02da5fbffd8a20e2606faab848153"
422
422
  }
@@ -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
- };
@@ -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
- };
@@ -1,7 +0,0 @@
1
- "use client"
2
- /* */
3
- import { S as a } from "./StatusIcon-DEK5-0Aw.js";
4
- export {
5
- a as StatusIcon,
6
- a as default
7
- };
@@ -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,3 +0,0 @@
1
- import { InlineAlert } from './InlineAlert';
2
- export { type InlineAlertProps, InlineAlert } from './InlineAlert';
3
- export default InlineAlert;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as InlineAlert } from '../InlineAlert';
3
- declare const meta: Meta<typeof InlineAlert>;
4
- export default meta;
5
- type Story = StoryObj<typeof InlineAlert>;
6
- export declare const LongTexts: Story;
@@ -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,3 +0,0 @@
1
- import { StatusBadge } from './StatusBadge';
2
- export { type StatusBadgeProps, StatusBadge } from './StatusBadge';
3
- export default StatusBadge;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as StatusBadge } from '../StatusBadge';
3
- declare const meta: Meta<typeof StatusBadge>;
4
- export default meta;
5
- type Story = StoryObj<typeof StatusBadge>;
6
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as StatusBadge } from '../StatusBadge';
3
- declare const meta: Meta<typeof StatusBadge>;
4
- export default meta;
5
- type Story = StoryObj<typeof StatusBadge>;
6
- export declare const LongText: Story;
@@ -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;
@@ -1,3 +0,0 @@
1
- import { StatusIcon } from './StatusIcon';
2
- export { type StatusIconProps, StatusIcon } from './StatusIcon';
3
- export default StatusIcon;