pixel-react 1.5.1 → 1.5.3
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/lib/components/AttachmentButton/types.d.ts +2 -0
- package/lib/components/Icon/types.d.ts +1 -1
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
- package/lib/components/Select/Select.stories.d.ts +0 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.esm.js +79 -70
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +79 -70
- package/lib/index.js.map +1 -1
- package/package.json +3 -2
- package/src/assets/Themes/BaseTheme.scss +2 -1
- package/src/assets/Themes/DarkTheme.scss +1 -0
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/success.svg +7 -3
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/styles/_fonts.scss +0 -32
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
- package/src/components/AppHeader/AppHeader.scss +5 -3
- package/src/components/AppHeader/AppHeader.stories.tsx +35 -4
- package/src/components/AppHeader/AppHeader.tsx +135 -135
- package/src/components/AttachmentButton/AttachmentButton.stories.tsx +2 -0
- package/src/components/AttachmentButton/AttachmentButton.tsx +23 -16
- package/src/components/AttachmentButton/types.ts +2 -0
- package/src/components/Icon/Icon.tsx +2 -1
- package/src/components/Icon/Icons.scss +5 -0
- package/src/components/Icon/types.ts +1 -1
- package/src/components/MenuOption/MenuOption.scss +2 -2
- package/src/components/MenuOption/MenuOption.tsx +1 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +2 -0
- package/src/components/Tooltip/Tooltip.scss +1 -1
- package/src/components/Tooltip/Tooltip.stories.tsx +4 -3
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Typography/Typography.scss +27 -24
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/AddButton/AddButton.d.ts +0 -5
- package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
- package/lib/components/AddButton/index.d.ts +0 -1
- package/lib/components/AddButton/types.d.ts +0 -4
- package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
- package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
- package/lib/components/Editor/Editor.stories.d.ts +0 -6
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
- package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
- /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
@@ -27,152 +27,152 @@ const AppHeader: React.FC<AppHeaderProps> = ({
|
|
27
27
|
onMoreMenuOptionClick = () => {},
|
28
28
|
}) => {
|
29
29
|
return (
|
30
|
-
<div className=
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
</div>
|
36
|
-
{leftContent && (
|
37
|
-
<div className="ff-app-header-left-content">{leftContent}</div>
|
38
|
-
)}
|
30
|
+
<div className="ff-app-header-main">
|
31
|
+
<div className="ff-app-header">
|
32
|
+
<div className="ff-app-header-left-container">
|
33
|
+
<div className="ff-app-header-logo-icon">
|
34
|
+
<Icon color="" name={logoIconName} height={24} width={21} />
|
39
35
|
</div>
|
40
|
-
{
|
41
|
-
<div className="ff-app-header-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
36
|
+
{leftContent && (
|
37
|
+
<div className="ff-app-header-left-content">{leftContent}</div>
|
38
|
+
)}
|
39
|
+
</div>
|
40
|
+
{!checkEmpty(appHeaderMenuItems) && (
|
41
|
+
<div className="ff-app-header-nav-bar">
|
42
|
+
{projectsList && !checkEmpty(projectsList) && (
|
43
|
+
<div>
|
44
|
+
{
|
45
|
+
<AllProjectsDropdown
|
46
|
+
onClick={onProjectMenuClick}
|
47
|
+
options={projectsList}
|
48
|
+
selectedOption={selectedProject}
|
49
|
+
onMenuClick={onProjectDropdownLabelClick}
|
50
|
+
selected={selectedMenu === 'Projects'}
|
51
|
+
/>
|
52
|
+
}
|
53
|
+
</div>
|
54
|
+
)}
|
55
|
+
<div className="ff-app-header-nav-bar-items fontSm">
|
56
|
+
{appHeaderMenuItems.map((menuItem) => {
|
57
|
+
return (
|
58
|
+
<div
|
59
|
+
className={classNames('ff-app-header-nav-bar-item', {
|
60
|
+
['ff-app-header-nav-bar-item--selected']:
|
61
|
+
menuItem.label === selectedMenu,
|
62
|
+
})}
|
63
|
+
key={menuItem.label}
|
64
|
+
>
|
65
|
+
<Typography
|
66
|
+
as="div"
|
67
|
+
className="ff-app-header-nav-bar-item-label"
|
68
|
+
lineHeight="18px"
|
69
|
+
onClick={() => onMenuClick(menuItem)}
|
64
70
|
>
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
71
|
+
{menuItem.label}
|
72
|
+
</Typography>
|
73
|
+
{menuItem.label === selectedMenu &&
|
74
|
+
menuItem?.subMenuItems && (
|
75
|
+
<>
|
76
|
+
{menuItem.subMenuItems.map((subMenuItem) => {
|
77
|
+
return (
|
78
|
+
<div
|
79
|
+
key={subMenuItem.label}
|
80
|
+
className="ff-app-header-submenu-container"
|
81
|
+
>
|
82
|
+
<Typography
|
83
|
+
as="div"
|
84
|
+
className={classNames(
|
85
|
+
'ff-app-header-nav-bar-submenu-item',
|
86
|
+
{
|
87
|
+
['ff-app-header-nav-bar-submenu-item--selected']:
|
88
|
+
subMenuItem.label === selectedSubMenu,
|
89
|
+
}
|
90
|
+
)}
|
91
|
+
lineHeight="18px"
|
92
|
+
onClick={() => onSubMenuClick(subMenuItem)}
|
81
93
|
>
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
<>
|
115
|
-
<div
|
116
|
-
key={quickMenuItem.iconName}
|
117
|
-
onClick={() =>
|
118
|
-
onQuickMenuClick(
|
119
|
-
quickMenuItem
|
120
|
-
)
|
94
|
+
{subMenuItem.label}
|
95
|
+
</Typography>
|
96
|
+
</div>
|
97
|
+
);
|
98
|
+
})}
|
99
|
+
{menuItem.subMenuItems.map((subMenuItem) => {
|
100
|
+
return (
|
101
|
+
<div
|
102
|
+
key={subMenuItem.label}
|
103
|
+
className="ff-app-header-submenu-container"
|
104
|
+
>
|
105
|
+
{subMenuItem.label === selectedSubMenu &&
|
106
|
+
subMenuItem?.quickMenuItems && (
|
107
|
+
<div className="ff-app-header-quickmenu-container">
|
108
|
+
<div>
|
109
|
+
<Icon name="vertical_separator" />
|
110
|
+
</div>
|
111
|
+
{subMenuItem.quickMenuItems.map(
|
112
|
+
(quickMenuItem) => {
|
113
|
+
return (
|
114
|
+
<>
|
115
|
+
<div
|
116
|
+
key={quickMenuItem.iconName}
|
117
|
+
onClick={() =>
|
118
|
+
onQuickMenuClick(quickMenuItem)
|
119
|
+
}
|
120
|
+
className={classNames(
|
121
|
+
'ff-app-header-nav-bar-quickmenu-item',
|
122
|
+
{
|
123
|
+
['ff-app-header-nav-bar-quickmenu-item--selected']:
|
124
|
+
quickMenuItem.iconName ===
|
125
|
+
selectedQuickMenu,
|
121
126
|
}
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
quickMenuItem.iconName ===
|
127
|
-
selectedQuickMenu,
|
128
|
-
}
|
129
|
-
)}
|
127
|
+
)}
|
128
|
+
>
|
129
|
+
<Tooltip
|
130
|
+
title={quickMenuItem?.label}
|
130
131
|
>
|
131
|
-
<Tooltip title={quickMenuItem?.label}>
|
132
132
|
<Icon
|
133
133
|
name={quickMenuItem.iconName}
|
134
|
-
height={
|
135
|
-
width={
|
134
|
+
height={16}
|
135
|
+
width={16}
|
136
136
|
hoverEffect={true}
|
137
137
|
/>
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
</div>
|
152
|
-
);
|
153
|
-
})}
|
154
|
-
</div>
|
155
|
-
{appHeaderHiddenMenuItems &&
|
156
|
-
!checkEmpty(appHeaderHiddenMenuItems) && (
|
157
|
-
<div className='more-menu'>
|
158
|
-
<MenuOption
|
159
|
-
iconName="more"
|
160
|
-
options={appHeaderHiddenMenuItems}
|
161
|
-
onOptionClick={onMoreMenuOptionClick}
|
162
|
-
variant="dark"
|
163
|
-
dropdownPlacement="down"
|
164
|
-
zIndex={1001}
|
165
|
-
tooltipTitle='More'
|
166
|
-
optionCardVariant='primary'
|
167
|
-
/>
|
138
|
+
</Tooltip>
|
139
|
+
</div>
|
140
|
+
</>
|
141
|
+
);
|
142
|
+
}
|
143
|
+
)}
|
144
|
+
</div>
|
145
|
+
)}
|
146
|
+
</div>
|
147
|
+
);
|
148
|
+
})}
|
149
|
+
</>
|
150
|
+
)}
|
168
151
|
</div>
|
169
|
-
)
|
152
|
+
);
|
153
|
+
})}
|
170
154
|
</div>
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
155
|
+
{appHeaderHiddenMenuItems &&
|
156
|
+
!checkEmpty(appHeaderHiddenMenuItems) && (
|
157
|
+
<div className="more-menu">
|
158
|
+
<MenuOption
|
159
|
+
iconName="more"
|
160
|
+
options={appHeaderHiddenMenuItems}
|
161
|
+
onOptionClick={onMoreMenuOptionClick}
|
162
|
+
variant="dark"
|
163
|
+
dropdownPlacement="down"
|
164
|
+
zIndex={1001}
|
165
|
+
tooltipTitle="More"
|
166
|
+
optionCardVariant="primary"
|
167
|
+
/>
|
168
|
+
</div>
|
169
|
+
)}
|
170
|
+
</div>
|
171
|
+
)}
|
172
|
+
{rightContent && (
|
173
|
+
<div className="ff-app-header-right-content">{rightContent}</div>
|
174
|
+
)}
|
175
|
+
</div>
|
176
176
|
</div>
|
177
177
|
);
|
178
178
|
};
|
@@ -13,6 +13,8 @@ const meta: Meta<typeof AttachmentButton> = {
|
|
13
13
|
maxFiles: { control: 'number' },
|
14
14
|
buttonLabel: { control: 'text' },
|
15
15
|
showSelectedFiles: { control: 'boolean' },
|
16
|
+
deleteButton: { control: 'boolean' },
|
17
|
+
addAttachmentButton:{control:'boolean'}
|
16
18
|
},
|
17
19
|
};
|
18
20
|
|
@@ -17,12 +17,15 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
17
17
|
buttonLabel = 'Select Files',
|
18
18
|
showSelectedFiles = true,
|
19
19
|
buttonVariant = 'primary',
|
20
|
+
deleteButton = true,
|
21
|
+
addAttachmentButton = true,
|
20
22
|
}) => {
|
21
23
|
const fileInputRef = useRef<HTMLInputElement | null>(null);
|
22
24
|
const [fileError, setFileError] = useState<string>('');
|
23
25
|
const maxFileSizeBytes = maxFileSizeMB * 1024 * 1024;
|
24
26
|
|
25
27
|
const handleAttachmentClick = () => {
|
28
|
+
setFileError('');
|
26
29
|
fileInputRef.current?.click();
|
27
30
|
};
|
28
31
|
|
@@ -82,7 +85,7 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
82
85
|
multiple
|
83
86
|
accept="*"
|
84
87
|
/>
|
85
|
-
{
|
88
|
+
{fileError && (
|
86
89
|
<Toaster
|
87
90
|
isOpen={!!fileError}
|
88
91
|
variant="info"
|
@@ -90,27 +93,31 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
90
93
|
toastMessage={fileError}
|
91
94
|
zIndex={10000000}
|
92
95
|
/>
|
93
|
-
|
96
|
+
)}
|
94
97
|
{showSelectedFiles &&
|
95
98
|
selectedFiles.map((file, index) => (
|
96
99
|
<div key={file.name} className="ff-attachment-files">
|
97
100
|
<Typography color="var(--brand-color)">{file.name}</Typography>
|
98
|
-
|
99
|
-
|
100
|
-
name="delete"
|
101
|
-
hoverEffect={true}
|
102
|
-
color="var(--ff-delete-button-attachment)"
|
103
|
-
onClick={() => handleDeleteFile(index)}
|
104
|
-
/>
|
105
|
-
</Tooltip>
|
106
|
-
{index === selectedFiles.length - 1 &&
|
107
|
-
selectedFiles.length < maxFiles && (
|
108
|
-
<Tooltip title="add attachment">
|
101
|
+
{deleteButton && (
|
102
|
+
<Tooltip title="Delete">
|
109
103
|
<Icon
|
110
|
-
|
111
|
-
|
112
|
-
|
104
|
+
name="delete"
|
105
|
+
hoverEffect={true}
|
106
|
+
color="var(--ff-delete-button-attachment)"
|
107
|
+
variant="danger"
|
108
|
+
onClick={() => handleDeleteFile(index)}
|
113
109
|
/>
|
110
|
+
</Tooltip>
|
111
|
+
)}
|
112
|
+
{index === selectedFiles.length - 1 &&
|
113
|
+
selectedFiles.length < maxFiles &&
|
114
|
+
addAttachmentButton && (
|
115
|
+
<Tooltip title="Add Attachment">
|
116
|
+
<Icon
|
117
|
+
name="add_file"
|
118
|
+
hoverEffect={true}
|
119
|
+
onClick={handleAttachmentClick}
|
120
|
+
/>
|
114
121
|
</Tooltip>
|
115
122
|
)}
|
116
123
|
</div>
|
@@ -54,7 +54,8 @@ const Icon = forwardRef<HTMLSpanElement, IconProps>(
|
|
54
54
|
className: classNames('ff-icon-container', {
|
55
55
|
'ff-icon-click': hoverEffect,
|
56
56
|
'ff-icon-disabled': disabled,
|
57
|
-
'ff-icon-dark': variant ===
|
57
|
+
'ff-icon-dark': variant === 'dark',
|
58
|
+
'ff-icon-danger': variant === 'danger',
|
58
59
|
[className]: !!className,
|
59
60
|
}),
|
60
61
|
...props,
|
@@ -51,7 +51,7 @@
|
|
51
51
|
background: var(--option-card-bg-color);
|
52
52
|
overflow: hidden;
|
53
53
|
min-height: 32px;
|
54
|
-
min-width:
|
54
|
+
min-width: 110px;
|
55
55
|
width: max-content;
|
56
56
|
border-radius: 4px;
|
57
57
|
&--primary{
|
@@ -77,7 +77,7 @@
|
|
77
77
|
border-radius: 3px;
|
78
78
|
display: flex;
|
79
79
|
align-items: center;
|
80
|
-
padding:
|
80
|
+
padding: 4px;
|
81
81
|
gap: 8px;
|
82
82
|
&:hover {
|
83
83
|
background-color: var(--hover-color);
|
@@ -2,6 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import RadioGroup from './RadioGroup';
|
3
3
|
import { useState } from 'react';
|
4
4
|
import Icon from '../Icon';
|
5
|
+
import React from 'react';
|
6
|
+
import { Option } from '../MultiSelect/MultiSelectTypes';
|
5
7
|
|
6
8
|
const meta: Meta<typeof RadioGroup> = {
|
7
9
|
title: 'Components/RadioGroup',
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
2
2
|
import Tooltip from './Tooltip';
|
3
3
|
import Icon from '../Icon';
|
4
|
+
import React from 'react';
|
4
5
|
|
5
6
|
const meta: Meta<typeof Tooltip> = {
|
6
7
|
title: 'Components/Tooltip',
|
@@ -20,7 +21,7 @@ export const Default: Story = {
|
|
20
21
|
args: {
|
21
22
|
title: 'Default',
|
22
23
|
placement: 'bottom',
|
23
|
-
children:
|
24
|
+
children: <Icon name="delete" hoverEffect={true} />,
|
24
25
|
},
|
25
26
|
};
|
26
27
|
|
@@ -88,9 +89,9 @@ export const BottomEnd: Story = {
|
|
88
89
|
};
|
89
90
|
export const TooltipWithIcon: Story = {
|
90
91
|
args: {
|
91
|
-
title:
|
92
|
+
title: 'icon',
|
92
93
|
placement: 'bottom',
|
93
|
-
children:
|
94
|
+
children: <Icon name="delete" />,
|
94
95
|
},
|
95
96
|
};
|
96
97
|
|
@@ -39,11 +39,11 @@ const Tooltip: React.FC<TooltipProps> = ({
|
|
39
39
|
const currentTheme = themeContext?.currentTheme;
|
40
40
|
const styles: Position = {
|
41
41
|
left: {
|
42
|
-
top: posY,
|
42
|
+
top: posY- 1,
|
43
43
|
left: posX - titleWidth - 5,
|
44
44
|
},
|
45
45
|
right: {
|
46
|
-
top: posY,
|
46
|
+
top: posY -1,
|
47
47
|
left: fromRight + 5,
|
48
48
|
},
|
49
49
|
top: {
|
@@ -3,37 +3,40 @@
|
|
3
3
|
font-size: $size;
|
4
4
|
}
|
5
5
|
|
6
|
+
/* poppins-latin-400-normal */
|
6
7
|
@font-face {
|
7
8
|
font-family: 'Poppins';
|
9
|
+
font-style: normal;
|
10
|
+
font-display: swap;
|
8
11
|
font-weight: 400;
|
9
|
-
src:
|
10
|
-
|
11
|
-
url(../../assets/fonts/Poppins-Regular.woff2) format('woff2');
|
12
|
+
src: url(@fontsource/poppins/files/poppins-latin-400-normal.woff2) format('woff2'), url(@fontsource/poppins/files/poppins-latin-400-normal.woff) format('woff');
|
13
|
+
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
12
14
|
}
|
13
15
|
|
14
|
-
@font-face {
|
15
|
-
font-family: 'Poppins';
|
16
|
-
font-weight: 500;
|
17
|
-
src:
|
18
|
-
local('Poppins-Medium'),
|
19
|
-
url(../../assets/fonts/Poppins-Medium.woff2) format('woff2');
|
20
|
-
}
|
21
16
|
|
22
|
-
@font-face {
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
}
|
17
|
+
// @font-face {
|
18
|
+
// font-family: 'Poppins';
|
19
|
+
// font-weight: 500;
|
20
|
+
// src:
|
21
|
+
// local('Poppins-Medium'),
|
22
|
+
// url(../../assets/fonts/Poppins-Medium.woff2) format('woff2');
|
23
|
+
// }
|
29
24
|
|
30
|
-
@font-face {
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
}
|
25
|
+
// @font-face {
|
26
|
+
// font-family: 'Poppins';
|
27
|
+
// font-weight: 600;
|
28
|
+
// src:
|
29
|
+
// local('Poppins-SemiBold'),
|
30
|
+
// url(../../assets/fonts/Poppins-SemiBold.woff2) format('woff2');
|
31
|
+
// }
|
32
|
+
|
33
|
+
// @font-face {
|
34
|
+
// font-family: 'Poppins';
|
35
|
+
// font-weight: 700;
|
36
|
+
// src:
|
37
|
+
// local('Poppins-Bold'),
|
38
|
+
// url(../../assets/fonts/Poppins-Bold.woff2) format('woff2');
|
39
|
+
// }
|
37
40
|
|
38
41
|
.ff-text {
|
39
42
|
@include fontPoppins();
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1 +0,0 @@
|
|
1
|
-
export { default } from './AddButton';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
2
|
-
import AttachImage from './AttachImage';
|
3
|
-
import { AttachImageProps } from './types';
|
4
|
-
declare const meta: Meta<typeof AttachImage>;
|
5
|
-
export default meta;
|
6
|
-
type Story = StoryObj<AttachImageProps>;
|
7
|
-
export declare const Default: Story;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
2
|
-
import IconRadialChart from './IconRadialChart';
|
3
|
-
declare const meta: Meta<typeof IconRadialChart>;
|
4
|
-
export default meta;
|
5
|
-
type Story = StoryObj<typeof IconRadialChart>;
|
6
|
-
export declare const Default: Story;
|
7
|
-
export declare const Mobile: Story;
|
8
|
-
export declare const WithoutIcon: Story;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
2
|
-
import LineChart from './LineChart';
|
3
|
-
import { LineChartProps } from './types';
|
4
|
-
declare const meta: Meta<typeof LineChart>;
|
5
|
-
export default meta;
|
6
|
-
export declare const DefaultLineChart: StoryObj<LineChartProps>;
|
7
|
-
export declare const StatusLineChart: StoryObj<LineChartProps>;
|