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.
Files changed (62) hide show
  1. package/lib/components/AttachmentButton/types.d.ts +2 -0
  2. package/lib/components/Icon/types.d.ts +1 -1
  3. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  4. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  5. package/lib/components/Select/Select.stories.d.ts +0 -1
  6. package/lib/index.d.ts +3 -1
  7. package/lib/index.esm.js +79 -70
  8. package/lib/index.esm.js.map +1 -1
  9. package/lib/index.js +79 -70
  10. package/lib/index.js.map +1 -1
  11. package/package.json +3 -2
  12. package/src/assets/Themes/BaseTheme.scss +2 -1
  13. package/src/assets/Themes/DarkTheme.scss +1 -0
  14. package/src/assets/icons/approval_pending.svg +8 -8
  15. package/src/assets/icons/configuration.svg +3 -3
  16. package/src/assets/icons/defects.svg +8 -8
  17. package/src/assets/icons/element.svg +4 -4
  18. package/src/assets/icons/project_element.svg +4 -4
  19. package/src/assets/icons/step_group.svg +10 -10
  20. package/src/assets/icons/success.svg +7 -3
  21. package/src/assets/icons/variable.svg +3 -3
  22. package/src/assets/styles/_fonts.scss +0 -32
  23. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
  24. package/src/components/AppHeader/AppHeader.scss +5 -3
  25. package/src/components/AppHeader/AppHeader.stories.tsx +35 -4
  26. package/src/components/AppHeader/AppHeader.tsx +135 -135
  27. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +2 -0
  28. package/src/components/AttachmentButton/AttachmentButton.tsx +23 -16
  29. package/src/components/AttachmentButton/types.ts +2 -0
  30. package/src/components/Icon/Icon.tsx +2 -1
  31. package/src/components/Icon/Icons.scss +5 -0
  32. package/src/components/Icon/types.ts +1 -1
  33. package/src/components/MenuOption/MenuOption.scss +2 -2
  34. package/src/components/MenuOption/MenuOption.tsx +1 -0
  35. package/src/components/RadioGroup/RadioGroup.stories.tsx +2 -0
  36. package/src/components/Tooltip/Tooltip.scss +1 -1
  37. package/src/components/Tooltip/Tooltip.stories.tsx +4 -3
  38. package/src/components/Tooltip/Tooltip.tsx +2 -2
  39. package/src/components/Typography/Typography.scss +27 -24
  40. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  41. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  42. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  43. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  44. package/lib/components/AddButton/AddButton.d.ts +0 -5
  45. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  46. package/lib/components/AddButton/index.d.ts +0 -1
  47. package/lib/components/AddButton/types.d.ts +0 -4
  48. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  49. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  50. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  51. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  52. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  53. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  54. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  55. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  56. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  57. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  58. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  59. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  60. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  61. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  62. /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='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} />
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
- {!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}
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
- <Typography
66
- as="div"
67
- className="ff-app-header-nav-bar-item-label"
68
- lineHeight="18px"
69
- onClick={() => onMenuClick(menuItem)}
70
- >
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"
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
- <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)}
93
- >
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(
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
- className={classNames(
123
- 'ff-app-header-nav-bar-quickmenu-item',
124
- {
125
- ['ff-app-header-nav-bar-quickmenu-item--selected']:
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={24}
135
- width={24}
134
+ height={16}
135
+ width={16}
136
136
  hoverEffect={true}
137
137
  />
138
- </Tooltip>
139
- </div>
140
- </>
141
- );
142
- }
143
- )}
144
- </div>
145
- )}
146
- </div>
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
- {rightContent && (
173
- <div className="ff-app-header-right-content">{rightContent}</div>
174
- )}
175
- </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
+ />
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
- {/* {fileError && ( */}
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
- <Tooltip title="delete">
99
- <Icon
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
- name="add_file"
111
- hoverEffect={true}
112
- onClick={handleAttachmentClick}
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>
@@ -8,4 +8,6 @@ export interface AttachmentUploaderProps {
8
8
  buttonLabel?: string;
9
9
  showSelectedFiles?: boolean;
10
10
  buttonVariant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
11
+ deleteButton: boolean;
12
+ addAttachmentButton: boolean;
11
13
  }
@@ -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 === "dark",
57
+ 'ff-icon-dark': variant === 'dark',
58
+ 'ff-icon-danger': variant === 'danger',
58
59
  [className]: !!className,
59
60
  }),
60
61
  ...props,
@@ -5,6 +5,11 @@
5
5
  padding: 4px;
6
6
  box-sizing: content-box;
7
7
 
8
+ &.ff-icon-danger {
9
+ &:hover {
10
+ background-color: var(--ff-icon-color-danger-variant);
11
+ }
12
+ }
8
13
  &.ff-icon-dark {
9
14
  background-color: var(--brand-color);
10
15
  &.ff-icon-click {
@@ -7,7 +7,7 @@ export interface IconProps {
7
7
  onClick?: (data?: any) => void;
8
8
  hoverEffect?: boolean;
9
9
  disabled?: boolean;
10
- variant?: "dark" | "light";
10
+ variant?: "dark" | "light" | 'danger';
11
11
  x?:string;
12
12
  y?:string;
13
13
  chartIcon?:boolean
@@ -51,7 +51,7 @@
51
51
  background: var(--option-card-bg-color);
52
52
  overflow: hidden;
53
53
  min-height: 32px;
54
- min-width: 112px;
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: 8px;
80
+ padding: 4px;
81
81
  gap: 8px;
82
82
  &:hover {
83
83
  background-color: var(--hover-color);
@@ -31,6 +31,7 @@ const Option = ({ option, onClick }: OptionProps) => (
31
31
  )}
32
32
  <Typography
33
33
  as="label"
34
+ lineHeight='18px'
34
35
  color={option.icon === 'delete' ? 'var(--delete-text-color)' : ''}
35
36
  >
36
37
  {option.label}
@@ -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',
@@ -16,7 +16,7 @@
16
16
  color: var(--tooltip-text-color);
17
17
  text-align: center;
18
18
  border-radius: 5px;
19
- padding: 6px 12px;
19
+ padding: 4px 8px;
20
20
  opacity: 0;
21
21
  z-index: 10000;
22
22
 
@@ -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: 'Hover on me to check tooltip',
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: <Icon name="logo" />,
92
+ title: 'icon',
92
93
  placement: 'bottom',
93
- children: 'Hover on me to check jsx',
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
- local('Poppins-Regular'),
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
- font-family: 'Poppins';
24
- font-weight: 600;
25
- src:
26
- local('Poppins-SemiBold'),
27
- url(../../assets/fonts/Poppins-SemiBold.woff2) format('woff2');
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
- font-family: 'Poppins';
32
- font-weight: 700;
33
- src:
34
- local('Poppins-Bold'),
35
- url(../../assets/fonts/Poppins-Bold.woff2) format('woff2');
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
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './AddButton.scss';
3
- import { AddButtonProps } from './types';
4
- declare const AddButton: React.FC<AddButtonProps>;
5
- export default AddButton;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import AddButton from './AddButton';
3
- declare const meta: Meta<typeof AddButton>;
4
- type Story = StoryObj<typeof AddButton>;
5
- export declare const PrimaryAddButton: Story;
6
- export default meta;
@@ -1 +0,0 @@
1
- export { default } from './AddButton';
@@ -1,4 +0,0 @@
1
- export interface AddButtonProps {
2
- name: string;
3
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
- }
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import BarChart from './BarChart';
3
- declare const meta: Meta<typeof BarChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof BarChart>;
6
- export declare const BarChartDashboard: 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>;