@taiv/ui 1.14.0 → 1.15.0
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/components/Info/Modals/StepperModal/StepperModal.d.ts +21 -0
- package/dist/components/Info/Modals/StepperModal/StepperModal.d.ts.map +1 -0
- package/dist/components/Info/Modals/StepperModal/StepperModal.js +50 -0
- package/dist/components/Info/Modals/StepperModal/StepperModal.stories.d.ts +10 -0
- package/dist/components/Info/Modals/StepperModal/StepperModal.stories.d.ts.map +1 -0
- package/dist/components/Info/Modals/StepperModal/StepperModal.stories.js +169 -0
- package/dist/components/Inputs/Buttons/SSOButton/SSOButton.js +2 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
interface StepperModalProps {
|
|
3
|
+
opened: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
width?: string | number;
|
|
8
|
+
stepLabels?: string[];
|
|
9
|
+
children: React.ReactNode[];
|
|
10
|
+
onConfirm: () => void;
|
|
11
|
+
cancelLabel?: string;
|
|
12
|
+
backLabel?: string;
|
|
13
|
+
nextLabel?: string;
|
|
14
|
+
confirmLabel?: string;
|
|
15
|
+
confirmButtonDisabled?: boolean;
|
|
16
|
+
confirmButtonLoading?: boolean;
|
|
17
|
+
nextButtonDisabled?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const StepperModal: ({ opened, onClose, title, subtitle, width, stepLabels, children, onConfirm, cancelLabel, backLabel, nextLabel, confirmLabel, confirmButtonDisabled, confirmButtonLoading, nextButtonDisabled, }: StepperModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=StepperModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepperModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Modals/StepperModal/StepperModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,iMAgB1B,iBAAiB,4CAkHnB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Modal as MantineModal } from '@mantine/core';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { neutral } from '../../../../constants/colors';
|
|
5
|
+
import { spacing } from '../../../../constants/spacing';
|
|
6
|
+
import { Button } from '../../../Inputs/Buttons/Button/Button';
|
|
7
|
+
import { Center } from '../../../Layout/Center/Center';
|
|
8
|
+
import { Group } from '../../../Layout/Group/Group';
|
|
9
|
+
import { Stack } from '../../../Layout/Stack/Stack';
|
|
10
|
+
import { Text } from '../../../Typography/Text/Text';
|
|
11
|
+
import { Title } from '../../../Typography/Title/Title';
|
|
12
|
+
import { Badge } from '../../Badge/Badge';
|
|
13
|
+
export const StepperModal = ({ opened, onClose, title, subtitle, width = '500px', stepLabels, children, onConfirm, cancelLabel = 'Cancel', backLabel = 'Back', nextLabel = 'Next', confirmLabel = 'Confirm', confirmButtonDisabled = false, confirmButtonLoading = false, nextButtonDisabled = false, }) => {
|
|
14
|
+
const [activeStep, setActiveStep] = useState(0);
|
|
15
|
+
const stepCount = children.length;
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (!opened)
|
|
18
|
+
setActiveStep(0);
|
|
19
|
+
}, [opened]);
|
|
20
|
+
return (_jsx(MantineModal, { centered: true, closeButtonProps: {
|
|
21
|
+
style: {
|
|
22
|
+
backgroundColor: neutral[50],
|
|
23
|
+
borderRadius: '16px',
|
|
24
|
+
height: '18px',
|
|
25
|
+
width: '18px',
|
|
26
|
+
},
|
|
27
|
+
}, onClose: onClose, opened: opened, overlayProps: {
|
|
28
|
+
blur: 4,
|
|
29
|
+
opacity: 0,
|
|
30
|
+
}, radius: '16px', size: width, styles: {
|
|
31
|
+
body: {
|
|
32
|
+
padding: `0 ${spacing.xxl} ${spacing.lg} ${spacing.xxl}`,
|
|
33
|
+
},
|
|
34
|
+
close: {
|
|
35
|
+
'&:active': { transform: 'none' },
|
|
36
|
+
'&:hover': { backgroundColor: neutral[50] },
|
|
37
|
+
},
|
|
38
|
+
content: {
|
|
39
|
+
border: `1px solid ${neutral[50]}`,
|
|
40
|
+
borderRadius: '8px',
|
|
41
|
+
boxShadow: '0px 0px 19px 0px #00000040',
|
|
42
|
+
},
|
|
43
|
+
header: {
|
|
44
|
+
padding: spacing.sm,
|
|
45
|
+
},
|
|
46
|
+
}, transitionProps: {
|
|
47
|
+
duration: 200,
|
|
48
|
+
transition: 'pop',
|
|
49
|
+
}, children: _jsx(Center, { h: '100%', w: '100%', children: _jsxs(Stack, { gap: '20px', h: '100%', w: '100%', children: [_jsxs(Group, { align: 'center', gap: '8px', children: [_jsxs(Badge, { variant: 'outline', children: ["Step ", activeStep + 1, " of ", stepCount] }), (stepLabels === null || stepLabels === void 0 ? void 0 : stepLabels[activeStep]) && (_jsxs(Text, { size: 'sm', children: ["\u2014 ", stepLabels[activeStep]] }))] }), _jsx(Stack, { align: 'center', children: _jsxs(Stack, { align: 'center', children: [_jsx(Title, { align: 'center', variant: 'cardHeader', children: title }), subtitle && (_jsx(Title, { align: 'center', variant: 'cardSubheader', children: subtitle }))] }) }), _jsx(Center, { h: '100%', w: '100%', children: children[activeStep] }), _jsx(Center, { children: _jsxs(Group, { align: 'center', gap: '10px', children: [activeStep === 0 ? (_jsx(Button, { onClick: onClose, variant: 'secondary', children: cancelLabel })) : (_jsx(Button, { onClick: () => setActiveStep((step) => step - 1), variant: 'secondary', children: backLabel })), activeStep === stepCount - 1 ? (_jsx(Button, { disabled: confirmButtonDisabled, loading: confirmButtonLoading, onClick: onConfirm, variant: 'primary', children: confirmLabel })) : (_jsx(Button, { disabled: nextButtonDisabled, onClick: () => setActiveStep((step) => step + 1), variant: 'primary', children: nextLabel }))] }) })] }) }) }));
|
|
50
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { StepperModal } from './StepperModal';
|
|
3
|
+
declare const meta: Meta<typeof StepperModal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const TwoSteps: Story;
|
|
8
|
+
export declare const ConfirmButtonLoading: Story;
|
|
9
|
+
export declare const CustomLabels: Story;
|
|
10
|
+
//# sourceMappingURL=StepperModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepperModal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Modals/StepperModal/StepperModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAsClC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAC"}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Button } from '../../../Inputs/Buttons/Button/Button';
|
|
4
|
+
import { NumberInput } from '../../../Inputs/TextInputs/NumberInput/NumberInput';
|
|
5
|
+
import { TextInput } from '../../../Inputs/TextInputs/TextInput/TextInput';
|
|
6
|
+
import { Center } from '../../../Layout/Center/Center';
|
|
7
|
+
import { Stack } from '../../../Layout/Stack/Stack';
|
|
8
|
+
import { Title } from '../../../Typography/Title/Title';
|
|
9
|
+
import { StepperModal } from './StepperModal';
|
|
10
|
+
const meta = {
|
|
11
|
+
argTypes: {
|
|
12
|
+
backLabel: {
|
|
13
|
+
control: { type: 'text' },
|
|
14
|
+
description: 'Label for the back button on middle and final steps.',
|
|
15
|
+
table: {
|
|
16
|
+
defaultValue: { summary: "'Back'" },
|
|
17
|
+
type: { summary: 'string' },
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
cancelLabel: {
|
|
21
|
+
control: { type: 'text' },
|
|
22
|
+
description: 'Label for the cancel button on the first step.',
|
|
23
|
+
table: {
|
|
24
|
+
defaultValue: { summary: "'Cancel'" },
|
|
25
|
+
type: { summary: 'string' },
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
children: {
|
|
29
|
+
control: false,
|
|
30
|
+
description: 'Array of ReactNode, one per step. Only the active step is mounted — lift form state to the parent to preserve values across navigation.',
|
|
31
|
+
table: { type: { summary: 'ReactNode[]' } },
|
|
32
|
+
},
|
|
33
|
+
confirmButtonDisabled: {
|
|
34
|
+
control: false,
|
|
35
|
+
description: 'Whether the confirm button is disabled.',
|
|
36
|
+
table: { type: { summary: 'boolean' } },
|
|
37
|
+
},
|
|
38
|
+
confirmButtonLoading: {
|
|
39
|
+
control: false,
|
|
40
|
+
description: 'Whether the confirm button shows a loading state.',
|
|
41
|
+
table: { type: { summary: 'boolean' } },
|
|
42
|
+
},
|
|
43
|
+
confirmLabel: {
|
|
44
|
+
control: { type: 'text' },
|
|
45
|
+
description: 'Label for the confirm button on the final step.',
|
|
46
|
+
table: {
|
|
47
|
+
defaultValue: { summary: "'Confirm'" },
|
|
48
|
+
type: { summary: 'string' },
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
nextButtonDisabled: {
|
|
52
|
+
control: false,
|
|
53
|
+
description: 'Whether the next button is disabled.',
|
|
54
|
+
table: { type: { summary: 'boolean' } },
|
|
55
|
+
},
|
|
56
|
+
nextLabel: {
|
|
57
|
+
control: { type: 'text' },
|
|
58
|
+
description: 'Label for the next button on non-final steps.',
|
|
59
|
+
table: {
|
|
60
|
+
defaultValue: { summary: "'Next'" },
|
|
61
|
+
type: { summary: 'string' },
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
onClose: {
|
|
65
|
+
control: false,
|
|
66
|
+
description: 'Called when the modal is dismissed (X button or Cancel).',
|
|
67
|
+
table: { type: { summary: '() => void' } },
|
|
68
|
+
},
|
|
69
|
+
onConfirm: {
|
|
70
|
+
control: false,
|
|
71
|
+
description: 'Called when the Confirm button is clicked on the final step.',
|
|
72
|
+
table: { type: { summary: '() => void' } },
|
|
73
|
+
},
|
|
74
|
+
opened: {
|
|
75
|
+
control: false,
|
|
76
|
+
description: 'Controls whether the modal is open.',
|
|
77
|
+
table: { type: { summary: 'boolean' } },
|
|
78
|
+
},
|
|
79
|
+
stepLabels: {
|
|
80
|
+
control: { type: 'object' },
|
|
81
|
+
description: 'Labels shown next to the step badge. One string per step.',
|
|
82
|
+
table: { type: { summary: 'string[]' } },
|
|
83
|
+
},
|
|
84
|
+
subtitle: {
|
|
85
|
+
control: { type: 'text' },
|
|
86
|
+
description: 'Optional subtitle below the title.',
|
|
87
|
+
table: { type: { summary: 'string' } },
|
|
88
|
+
},
|
|
89
|
+
title: {
|
|
90
|
+
control: { type: 'text' },
|
|
91
|
+
description: 'Modal title.',
|
|
92
|
+
table: { type: { summary: 'string' } },
|
|
93
|
+
},
|
|
94
|
+
width: {
|
|
95
|
+
control: { type: 'text' },
|
|
96
|
+
description: 'Modal width override.',
|
|
97
|
+
table: {
|
|
98
|
+
defaultValue: { summary: "'500px'" },
|
|
99
|
+
type: { summary: 'string | number' },
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
component: StepperModal,
|
|
104
|
+
parameters: {
|
|
105
|
+
layout: 'centered',
|
|
106
|
+
},
|
|
107
|
+
title: 'Components/Info/Modals/StepperModal',
|
|
108
|
+
};
|
|
109
|
+
export default meta;
|
|
110
|
+
export const Default = {
|
|
111
|
+
args: {
|
|
112
|
+
backLabel: 'Back',
|
|
113
|
+
cancelLabel: 'Cancel',
|
|
114
|
+
confirmLabel: 'Create Account',
|
|
115
|
+
nextLabel: 'Continue',
|
|
116
|
+
stepLabels: ['Your Info', 'Contact', 'Additional Info'],
|
|
117
|
+
subtitle: 'Complete all steps to get started',
|
|
118
|
+
title: 'Create Account',
|
|
119
|
+
width: '500px',
|
|
120
|
+
},
|
|
121
|
+
render: (args) => {
|
|
122
|
+
const [opened, setOpened] = useState(false);
|
|
123
|
+
const [name, setName] = useState('');
|
|
124
|
+
const [email, setEmail] = useState('');
|
|
125
|
+
const [age, setAge] = useState(18);
|
|
126
|
+
return (_jsxs(_Fragment, { children: [_jsx(Center, { children: _jsx(Button, { onClick: () => setOpened(true), children: "Open StepperModal" }) }), _jsx(StepperModal, { ...args, onClose: () => setOpened(false), onConfirm: () => setOpened(false), opened: opened, children: [
|
|
127
|
+
_jsx(Stack, { align: 'center', gap: '12px', w: '100%', children: _jsx(TextInput, { label: 'Full Name', onChange: (e) => setName(e.target.value), placeholder: 'Jane Smith', value: name }) }, 'step-0'),
|
|
128
|
+
_jsxs(Stack, { align: 'center', gap: '12px', w: '100%', children: [_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "How can we reach you?" }), _jsx(TextInput, { label: 'Email Address', onChange: (e) => setEmail(e.target.value), placeholder: 'jane@example.com', value: email })] }, 'step-1'),
|
|
129
|
+
_jsxs(Stack, { align: 'center', gap: '12px', w: '100%', children: [_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "A few more details." }), _jsx(NumberInput, { label: 'Age', max: 120, min: 1, onChange: (val) => setAge(val !== null && val !== void 0 ? val : 18), value: age })] }, 'step-2'),
|
|
130
|
+
] })] }));
|
|
131
|
+
},
|
|
132
|
+
};
|
|
133
|
+
export const TwoSteps = {
|
|
134
|
+
render: () => {
|
|
135
|
+
const [opened, setOpened] = useState(false);
|
|
136
|
+
const [value, setValue] = useState('');
|
|
137
|
+
return (_jsxs(_Fragment, { children: [_jsx(Center, { children: _jsx(Button, { onClick: () => setOpened(true), children: "Open 2-Step Modal" }) }), _jsx(StepperModal, { onClose: () => setOpened(false), onConfirm: () => setOpened(false), opened: opened, stepLabels: ['Configure', 'Confirm'], title: 'Quick Setup', children: [
|
|
138
|
+
_jsx(Stack, { align: 'center', gap: '12px', w: '100%', children: _jsx(TextInput, { label: 'Configuration Value', onChange: (e) => setValue(e.target.value), placeholder: 'Enter value...', value: value }) }, 'step-0'),
|
|
139
|
+
_jsxs(Stack, { align: 'center', gap: '8px', w: '100%', children: [_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "You entered:" }), _jsx(Title, { align: 'center', variant: 'cardHeader', children: value || '(empty)' })] }, 'step-1'),
|
|
140
|
+
] })] }));
|
|
141
|
+
},
|
|
142
|
+
};
|
|
143
|
+
export const ConfirmButtonLoading = {
|
|
144
|
+
render: () => {
|
|
145
|
+
const [opened, setOpened] = useState(false);
|
|
146
|
+
const [loading, setLoading] = useState(false);
|
|
147
|
+
const handleConfirm = () => {
|
|
148
|
+
setLoading(true);
|
|
149
|
+
setTimeout(() => {
|
|
150
|
+
setLoading(false);
|
|
151
|
+
setOpened(false);
|
|
152
|
+
}, 2000);
|
|
153
|
+
};
|
|
154
|
+
return (_jsxs(_Fragment, { children: [_jsx(Center, { children: _jsx(Button, { onClick: () => setOpened(true), children: "Open StepperModal" }) }), _jsx(StepperModal, { confirmButtonLoading: loading, onClose: () => setOpened(false), onConfirm: handleConfirm, opened: opened, stepLabels: ['Prepare', 'Submit'], title: 'Submit Data', children: [
|
|
155
|
+
_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "Click Next to proceed." }, 'step-0'),
|
|
156
|
+
_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "Click Confirm to submit and see the loading state." }, 'step-1'),
|
|
157
|
+
] })] }));
|
|
158
|
+
},
|
|
159
|
+
};
|
|
160
|
+
export const CustomLabels = {
|
|
161
|
+
render: () => {
|
|
162
|
+
const [opened, setOpened] = useState(false);
|
|
163
|
+
return (_jsxs(_Fragment, { children: [_jsx(Center, { children: _jsx(Button, { onClick: () => setOpened(true), children: "Open StepperModal" }) }), _jsx(StepperModal, { backLabel: 'Previous', cancelLabel: 'Dismiss', confirmLabel: 'Submit', nextLabel: 'Continue', onClose: () => setOpened(false), onConfirm: () => setOpened(false), opened: opened, stepLabels: ['Step 1', 'Step 2', 'Step 3'], title: 'Custom Button Labels', children: [
|
|
164
|
+
_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "First step \u2014 notice the Dismiss button." }, 'step-0'),
|
|
165
|
+
_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "Middle step \u2014 Previous and Continue." }, 'step-1'),
|
|
166
|
+
_jsx(Title, { align: 'center', variant: 'cardSubheader', children: "Final step \u2014 Previous and Submit." }, 'step-2'),
|
|
167
|
+
] })] }));
|
|
168
|
+
},
|
|
169
|
+
};
|
|
@@ -17,9 +17,9 @@ export const SSOButton = ({ provider, providerName, providerIcon, onClick, size
|
|
|
17
17
|
root: {
|
|
18
18
|
borderRadius: '8px',
|
|
19
19
|
width: fullWidth ? '100%' : 'fit-content',
|
|
20
|
-
height: `${selectedSize.height}
|
|
20
|
+
height: `${selectedSize.height}px`,
|
|
21
21
|
padding: selectedSize.padding,
|
|
22
|
-
minWidth: `${selectedSize.minWidth}
|
|
22
|
+
minWidth: `${selectedSize.minWidth}px`,
|
|
23
23
|
fontSize: selectedSize.fontSize,
|
|
24
24
|
transition: 'background 0.1s ease-in-out',
|
|
25
25
|
...selectedVariant,
|
|
@@ -9,6 +9,7 @@ export { StatsBadge } from './Data/StatsBadge/StatsBadge';
|
|
|
9
9
|
export { Progress } from './Data/Progress/Progress';
|
|
10
10
|
export { Modal } from './Info/Modals/Modal/Modal';
|
|
11
11
|
export { FormModal } from './Info/Modals/FormModal/FormModal';
|
|
12
|
+
export { StepperModal } from './Info/Modals/StepperModal/StepperModal';
|
|
12
13
|
export { ModalProvider } from './Info/Modals/ModalProvider/ModalProvider';
|
|
13
14
|
export { NotificationProvider } from './Info/Notifications/NotificationProvider/NotificationProvider';
|
|
14
15
|
export { Badge } from './Info/Badge/Badge';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -11,6 +11,7 @@ export { Progress } from './Data/Progress/Progress';
|
|
|
11
11
|
//Info
|
|
12
12
|
export { Modal } from './Info/Modals/Modal/Modal';
|
|
13
13
|
export { FormModal } from './Info/Modals/FormModal/FormModal';
|
|
14
|
+
export { StepperModal } from './Info/Modals/StepperModal/StepperModal';
|
|
14
15
|
export { ModalProvider } from './Info/Modals/ModalProvider/ModalProvider';
|
|
15
16
|
export { NotificationProvider } from './Info/Notifications/NotificationProvider/NotificationProvider';
|
|
16
17
|
export { Badge } from './Info/Badge/Badge';
|
package/package.json
CHANGED