@tracktor/design-system 4.17.0 → 4.17.1

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.
@@ -1,5 +1,4 @@
1
1
  import { ListItemProps } from '@mui/material';
2
- import * as React from "react";
3
2
  export interface ListItemCardProps extends ListItemProps {
4
3
  /**
5
4
  * If list is loading item render loading skeleton
@@ -22,5 +21,5 @@ export interface ListItemCardProps extends ListItemProps {
22
21
  */
23
22
  size?: "small" | "medium" | "large";
24
23
  }
25
- declare const _default: React.NamedExoticComponent<Omit<ListItemCardProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
24
+ declare const _default: import('react').NamedExoticComponent<Omit<ListItemCardProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
26
25
  export default _default;
@@ -51,5 +51,5 @@ type ImgLogoProps = CommonLogoProps & {
51
51
  component?: "img";
52
52
  };
53
53
  export type LogoProps = SvgLogoProps | ImgLogoProps;
54
- declare const _default: import('react').ForwardRefExoticComponent<LogoProps & import('react').RefAttributes<SVGSVGElement | HTMLImageElement | HTMLDivElement>>;
54
+ declare const _default: import('react').ForwardRefExoticComponent<LogoProps & import('react').RefAttributes<HTMLDivElement | HTMLImageElement | SVGSVGElement>>;
55
55
  export default _default;
@@ -1,4 +1,4 @@
1
- import { AutocompleteProps as MuiAutocompleteProps, ChipTypeMap } from '@mui/material';
1
+ import { ChipTypeMap, AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
2
2
  import { AutocompleteChangeDetails, AutocompleteChangeReason } from '@mui/material/useAutocomplete/useAutocomplete';
3
3
  import { ElementType, ReactNode, SyntheticEvent } from 'react';
4
4
  export type AutocompleteFilterOption<T = unknown> = {
@@ -8,7 +8,7 @@ export type AutocompleteFilterOption<T = unknown> = {
8
8
  isHeader?: boolean;
9
9
  value?: T;
10
10
  };
11
- export interface AutocompleteFilterProps<Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends false, ChipComponent extends ElementType = ChipTypeMap["defaultComponent"], Value extends unknown = unknown> extends Omit<MuiAutocompleteProps<AutocompleteFilterOption<Value>, Multiple, DisableClearable, FreeSolo, ChipComponent>, "options" | "onChange" | "freeSolo" | "renderInput" | "value"> {
11
+ export interface AutocompleteFilterProps<Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends false, ChipComponent extends ElementType = ChipTypeMap["defaultComponent"], Value = unknown> extends Omit<MuiAutocompleteProps<AutocompleteFilterOption<Value>, Multiple, DisableClearable, FreeSolo, ChipComponent>, "options" | "onChange" | "freeSolo" | "renderInput" | "value"> {
12
12
  /**
13
13
  * Variant of the Autocomplete
14
14
  */
@@ -1,4 +1,4 @@
1
- import { ButtonProps as MuiButtonProps, ButtonTypeMap } from '@mui/material';
1
+ import { ButtonTypeMap, ButtonProps as MuiButtonProps } from '@mui/material';
2
2
  import { ElementType, ReactNode } from 'react';
3
3
  import * as React from "react";
4
4
  export type ButtonProps<RootComponent extends ElementType = ButtonTypeMap["defaultComponent"], AdditionalProps = {}> = MuiButtonProps<RootComponent, AdditionalProps & {
@@ -18,23 +18,23 @@ declare const light: {
18
18
  };
19
19
  divider: string;
20
20
  error: {
21
+ "4p": string;
22
+ "8p": string;
21
23
  "12p": string;
22
- "160p": string;
23
24
  "30p": string;
24
- "4p": string;
25
25
  "50p": string;
26
- "8p": string;
26
+ "160p": string;
27
27
  contrastText: string;
28
28
  dark: string;
29
29
  light: string;
30
30
  main: string;
31
31
  };
32
32
  grey: {
33
+ 50: string;
33
34
  100: string;
34
35
  200: string;
35
36
  300: string;
36
37
  400: string;
37
- 50: string;
38
38
  500: string;
39
39
  600: string;
40
40
  700: string;
@@ -46,12 +46,12 @@ declare const light: {
46
46
  A700: string;
47
47
  };
48
48
  info: {
49
+ "4p": string;
50
+ "8p": string;
49
51
  "12p": string;
50
- "160p": string;
51
52
  "30p": string;
52
- "4p": string;
53
53
  "50p": string;
54
- "8p": string;
54
+ "160p": string;
55
55
  contrastText: string;
56
56
  dark: string;
57
57
  light: string;
@@ -59,12 +59,12 @@ declare const light: {
59
59
  };
60
60
  mode: string;
61
61
  primary: {
62
+ "4p": string;
63
+ "8p": string;
62
64
  "12p": string;
63
65
  "16p": string;
64
66
  "30p": string;
65
- "4p": string;
66
67
  "50p": string;
67
- "8p": string;
68
68
  black: string;
69
69
  contrastText: string;
70
70
  dark: string;
@@ -72,36 +72,36 @@ declare const light: {
72
72
  main: string;
73
73
  };
74
74
  secondary: {
75
+ "4p": string;
76
+ "8p": string;
75
77
  "12p": string;
76
78
  "16p": string;
77
79
  "30p": string;
78
- "4p": string;
79
80
  "50p": string;
80
- "8p": string;
81
81
  black: string;
82
82
  dark: string;
83
83
  light: string;
84
84
  main: string;
85
85
  };
86
86
  success: {
87
+ "4p": string;
88
+ "8p": string;
87
89
  "12p": string;
88
- "160p": string;
89
90
  "30p": string;
90
- "4p": string;
91
91
  "50p": string;
92
- "8p": string;
92
+ "160p": string;
93
93
  contrastText: string;
94
94
  dark: string;
95
95
  light: string;
96
96
  main: string;
97
97
  };
98
98
  tertiary: {
99
+ "4p": string;
100
+ "8p": string;
99
101
  "12p": string;
100
102
  "16p": string;
101
103
  "30p": string;
102
- "4p": string;
103
104
  "50p": string;
104
- "8p": string;
105
105
  black: string;
106
106
  contrastText: string;
107
107
  dark: string;
@@ -115,12 +115,12 @@ declare const light: {
115
115
  secondary: string;
116
116
  };
117
117
  warning: {
118
+ "4p": string;
119
+ "8p": string;
118
120
  "12p": string;
119
- "160p": string;
120
121
  "30p": string;
121
- "4p": string;
122
122
  "50p": string;
123
- "8p": string;
123
+ "160p": string;
124
124
  contrastText: string;
125
125
  dark: string;
126
126
  light: string;
@@ -148,23 +148,23 @@ declare const dark: {
148
148
  };
149
149
  divider: string;
150
150
  error: {
151
+ "4p": string;
152
+ "8p": string;
151
153
  "12p": string;
152
- "160p": string;
153
154
  "30p": string;
154
- "4p": string;
155
155
  "50p": string;
156
- "8p": string;
156
+ "160p": string;
157
157
  contrastText: string;
158
158
  dark: string;
159
159
  light: string;
160
160
  main: string;
161
161
  };
162
162
  grey: {
163
+ 50: string;
163
164
  100: string;
164
165
  200: string;
165
166
  300: string;
166
167
  400: string;
167
- 50: string;
168
168
  500: string;
169
169
  600: string;
170
170
  700: string;
@@ -176,12 +176,12 @@ declare const dark: {
176
176
  A700: string;
177
177
  };
178
178
  info: {
179
+ "4p": string;
180
+ "8p": string;
179
181
  "12p": string;
180
- "160p": string;
181
182
  "30p": string;
182
- "4p": string;
183
183
  "50p": string;
184
- "8p": string;
184
+ "160p": string;
185
185
  contrastText: string;
186
186
  dark: string;
187
187
  light: string;
@@ -189,12 +189,12 @@ declare const dark: {
189
189
  };
190
190
  mode: string;
191
191
  primary: {
192
+ "4p": string;
193
+ "8p": string;
192
194
  "12p": string;
193
195
  "16p": string;
194
196
  "30p": string;
195
- "4p": string;
196
197
  "50p": string;
197
- "8p": string;
198
198
  black: string;
199
199
  contrastText: string;
200
200
  dark: string;
@@ -202,12 +202,12 @@ declare const dark: {
202
202
  main: string;
203
203
  };
204
204
  secondary: {
205
+ "4p": string;
206
+ "8p": string;
205
207
  "12p": string;
206
208
  "16p": string;
207
209
  "30p": string;
208
- "4p": string;
209
210
  "50p": string;
210
- "8p": string;
211
211
  black: string;
212
212
  contrastText: string;
213
213
  dark: string;
@@ -215,24 +215,24 @@ declare const dark: {
215
215
  main: string;
216
216
  };
217
217
  success: {
218
+ "4p": string;
219
+ "8p": string;
218
220
  "12p": string;
219
- "160p": string;
220
221
  "30p": string;
221
- "4p": string;
222
222
  "50p": string;
223
- "8p": string;
223
+ "160p": string;
224
224
  contrastText: string;
225
225
  dark: string;
226
226
  light: string;
227
227
  main: string;
228
228
  };
229
229
  tertiary: {
230
+ "4p": string;
231
+ "8p": string;
230
232
  "12p": string;
231
233
  "16p": string;
232
234
  "30p": string;
233
- "4p": string;
234
235
  "50p": string;
235
- "8p": string;
236
236
  black: string;
237
237
  contrastText: string;
238
238
  dark: string;
@@ -246,12 +246,12 @@ declare const dark: {
246
246
  secondary: string;
247
247
  };
248
248
  warning: {
249
+ "4p": string;
250
+ "8p": string;
249
251
  "12p": string;
250
- "160p": string;
251
252
  "30p": string;
252
- "4p": string;
253
253
  "50p": string;
254
- "8p": string;
254
+ "160p": string;
255
255
  contrastText: string;
256
256
  dark: string;
257
257
  light: string;
@@ -1,88 +1,88 @@
1
1
  export * from '@mui/material';
2
2
  export * from '@mui/material/transitions';
3
- export { default as HasPermission } from './components/Utils/HasPermission';
4
- export * from './components/Utils/HasPermission';
5
- export { default as Logo } from './components/DataDisplay/Logo';
6
- export * from './components/DataDisplay/Logo';
7
- export { default as LinkTab } from './components/Navigation/Tabs/LinkTab';
8
- export * from './components/Navigation/Tabs/LinkTab';
9
- export { default as CardModal } from './components/Surface/CardModal';
10
- export * from './components/Surface/CardModal';
11
- export { default as TextArea } from './components/Inputs/TextArea';
12
- export * from './components/Inputs/TextArea';
13
- export { default as QuantityField } from './components/Inputs/QuantityField';
14
- export * from './components/Inputs/QuantityField';
15
- export { default as NavigationMenu } from './components/Navigation/NavigationMenu';
16
- export * from './components/Navigation/NavigationMenu';
17
- export { default as ListItemCard } from './components/DataDisplay/ListItemCard';
18
- export * from './components/DataDisplay/ListItemCard';
19
- export { default as StatusIcon } from './components/DataDisplay/StatusIcon';
20
- export * from './components/DataDisplay/StatusIcon';
21
- export { default as Button } from './components/Inputs/Button';
22
- export type { ButtonProps } from './components/Inputs/Button';
23
- export { default as Lightbox } from './components/Feedback/Lightbox';
24
- export * from './components/Feedback/Lightbox';
25
- export { default as DialogCloseIcon } from './components/Feedback/Dialog/DialogCloseIcon';
26
- export * from './components/Feedback/Dialog/DialogCloseIcon';
27
- export { default as TabPanel } from './components/Navigation/TabPanel';
28
- export * from './components/Navigation/TabPanel';
29
- export { default as TypographySkeleton } from './components/DataDisplay/TypographySkeleton';
30
- export * from './components/DataDisplay/TypographySkeleton';
31
- export { default as ArticleImage } from './components/DataDisplay/ArticleImage';
32
3
  export * from './components/DataDisplay/ArticleImage';
33
- export { default as TimeLine } from './components/DataDisplay/TimeLine';
34
- export * from './components/DataDisplay/TimeLine';
35
- export { default as Backoffice } from './components/Layout/Backoffice';
36
- export * from './components/Layout/Backoffice';
37
- export { default as AppBar } from './components/Surface/AppBar';
38
- export * from './components/Surface/AppBar';
39
- export { default as TextFieldAppBar } from './components/Inputs/TextFieldAppBar';
40
- export * from './components/Inputs/TextFieldAppBar';
41
- export { default as ActionAppBar } from './components/Inputs/ActionAppBar';
42
- export * from './components/Inputs/ActionAppBar';
43
- export { default as AvatarAppBar } from './components/DataDisplay/AvatarAppBar';
4
+ export { default as ArticleImage } from './components/DataDisplay/ArticleImage';
5
+ export * from './components/DataDisplay/Avatar';
6
+ export { default as Avatar } from './components/DataDisplay/Avatar';
7
+ export type { AvatarProps } from './components/DataDisplay/Avatar/Avatar';
44
8
  export * from './components/DataDisplay/AvatarAppBar';
45
- export { default as Chip } from './components/DataDisplay/Chip';
9
+ export { default as AvatarAppBar } from './components/DataDisplay/AvatarAppBar';
46
10
  export * from './components/DataDisplay/Chip';
47
- export { default as File } from './components/Inputs/File';
48
- export * from './components/Inputs/File';
49
- export { default as ListAvatars } from './components/DataDisplay/ListAvatar';
50
- export * from './components/DataDisplay/ListAvatar';
51
- export { default as AutocompleteFilter } from './components/Inputs/AutocompleteFilter';
52
- export * from './components/Inputs/AutocompleteFilter';
53
- export { default as FileViewer } from './components/DataDisplay/FileViewer';
11
+ export { default as Chip } from './components/DataDisplay/Chip';
54
12
  export * from './components/DataDisplay/FileViewer';
55
- export { default as BottomFixedPaper } from './components/Surface/BottomFixedPaper';
56
- export * from './components/Surface/BottomFixedPaper';
57
- export { default as TextFieldPassword } from './components/Inputs/TextFieldPassword';
58
- export * from './components/Inputs/TextFieldPassword';
59
- export { default as Avatar } from './components/DataDisplay/Avatar';
60
- export type { AvatarProps } from './components/DataDisplay/Avatar/Avatar';
61
- export * from './components/DataDisplay/Avatar';
62
- export { default as DialogPopper } from './components/Feedback/Dialog/DialogPopper';
13
+ export { default as FileViewer } from './components/DataDisplay/FileViewer';
14
+ export * from './components/DataDisplay/Kanban/Kanban';
15
+ export { default as Kanban } from './components/DataDisplay/Kanban/Kanban';
16
+ export * from './components/DataDisplay/ListAvatar';
17
+ export { default as ListAvatars } from './components/DataDisplay/ListAvatar';
18
+ export * from './components/DataDisplay/ListItemCard';
19
+ export { default as ListItemCard } from './components/DataDisplay/ListItemCard';
20
+ export * from './components/DataDisplay/Logo';
21
+ export { default as Logo } from './components/DataDisplay/Logo';
22
+ export * from './components/DataDisplay/StatusIcon';
23
+ export { default as StatusIcon } from './components/DataDisplay/StatusIcon';
24
+ export * from './components/DataDisplay/TimeLine';
25
+ export { default as TimeLine } from './components/DataDisplay/TimeLine';
26
+ export * from './components/DataDisplay/TypographySkeleton';
27
+ export { default as TypographySkeleton } from './components/DataDisplay/TypographySkeleton';
28
+ export * from './components/Feedback/Dialog/DialogCloseIcon';
29
+ export { default as DialogCloseIcon } from './components/Feedback/Dialog/DialogCloseIcon';
63
30
  export * from './components/Feedback/Dialog/DialogPopper';
64
- export { default as DialogValidation } from './components/Feedback/Dialog/DialogValidation/DialogValidation';
31
+ export { default as DialogPopper } from './components/Feedback/Dialog/DialogPopper';
65
32
  export * from './components/Feedback/Dialog/DialogValidation/DialogValidation';
66
- export { default as ChipFilter } from './components/Inputs/ChipFilter/ChipFilter';
33
+ export { default as DialogValidation } from './components/Feedback/Dialog/DialogValidation/DialogValidation';
34
+ export * from './components/Feedback/Lightbox';
35
+ export { default as Lightbox } from './components/Feedback/Lightbox';
36
+ export * from './components/Inputs/ActionAppBar';
37
+ export { default as ActionAppBar } from './components/Inputs/ActionAppBar';
38
+ export * from './components/Inputs/AutocompleteFilter';
39
+ export { default as AutocompleteFilter } from './components/Inputs/AutocompleteFilter';
40
+ export type { ButtonProps } from './components/Inputs/Button';
41
+ export { default as Button } from './components/Inputs/Button';
67
42
  export * from './components/Inputs/ChipFilter/ChipFilter';
68
- export { default as Kanban } from './components/DataDisplay/Kanban/Kanban';
69
- export * from './components/DataDisplay/Kanban/Kanban';
70
- export { default as ThemeProvider } from './context/Theme/ThemeProvider';
71
- export type { ThemeProviderProps } from './context/Theme/ThemeProvider';
72
- export { default as PermissionProvider } from './context/Permission/PermissionProvider';
43
+ export { default as ChipFilter } from './components/Inputs/ChipFilter/ChipFilter';
44
+ export * from './components/Inputs/File';
45
+ export { default as File } from './components/Inputs/File';
46
+ export * from './components/Inputs/QuantityField';
47
+ export { default as QuantityField } from './components/Inputs/QuantityField';
48
+ export * from './components/Inputs/TextArea';
49
+ export { default as TextArea } from './components/Inputs/TextArea';
50
+ export * from './components/Inputs/TextFieldAppBar';
51
+ export { default as TextFieldAppBar } from './components/Inputs/TextFieldAppBar';
52
+ export * from './components/Inputs/TextFieldPassword';
53
+ export { default as TextFieldPassword } from './components/Inputs/TextFieldPassword';
54
+ export * from './components/Layout/Backoffice';
55
+ export { default as Backoffice } from './components/Layout/Backoffice';
56
+ export * from './components/Navigation/NavigationMenu';
57
+ export { default as NavigationMenu } from './components/Navigation/NavigationMenu';
58
+ export * from './components/Navigation/TabPanel';
59
+ export { default as TabPanel } from './components/Navigation/TabPanel';
60
+ export * from './components/Navigation/Tabs/LinkTab';
61
+ export { default as LinkTab } from './components/Navigation/Tabs/LinkTab';
62
+ export * from './components/Surface/AppBar';
63
+ export { default as AppBar } from './components/Surface/AppBar';
64
+ export * from './components/Surface/BottomFixedPaper';
65
+ export { default as BottomFixedPaper } from './components/Surface/BottomFixedPaper';
66
+ export * from './components/Surface/CardModal';
67
+ export { default as CardModal } from './components/Surface/CardModal';
68
+ export * from './components/Utils/HasPermission';
69
+ export { default as HasPermission } from './components/Utils/HasPermission';
70
+ export { default as theme } from './config/theme';
73
71
  export * from './context/Permission/PermissionProvider';
74
- export { default as SnackbarProvider } from './context/Snackbar/SnackbarProvider';
72
+ export { default as PermissionProvider } from './context/Permission/PermissionProvider';
75
73
  export * from './context/Snackbar/SnackbarProvider';
76
- export { default as usePermission } from './hooks/usePermission';
77
- export * from './hooks/usePermission';
78
- export { default as useMenu } from './hooks/useMenu';
74
+ export { default as SnackbarProvider } from './context/Snackbar/SnackbarProvider';
75
+ export type { ThemeProviderProps } from './context/Theme/ThemeProvider';
76
+ export { default as ThemeProvider } from './context/Theme/ThemeProvider';
79
77
  export * from './hooks/useMenu';
80
- export { default as useSnackbar } from './hooks/useSnackbar';
78
+ export { default as useMenu } from './hooks/useMenu';
79
+ export * from './hooks/usePermission';
80
+ export { default as usePermission } from './hooks/usePermission';
81
81
  export * from './hooks/useSnackbar';
82
- export { default as useTabs } from './hooks/useTabs';
82
+ export { default as useSnackbar } from './hooks/useSnackbar';
83
83
  export * from './hooks/useTabs';
84
- export { default as getBackgroundImageElevation } from './utils/getBackgroundImageElevation';
84
+ export { default as useTabs } from './hooks/useTabs';
85
85
  export * from './utils/getBackgroundImageElevation';
86
- export { default as pxToRem } from './utils/pxToRem';
86
+ export { default as getBackgroundImageElevation } from './utils/getBackgroundImageElevation';
87
87
  export * from './utils/pxToRem';
88
- export { default as theme } from './config/theme';
88
+ export { default as pxToRem } from './utils/pxToRem';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@tracktor/design-system",
3
3
  "description": "Tracktor Design System",
4
4
  "sideEffects": false,
5
- "version": "4.17.0",
5
+ "version": "4.17.1",
6
6
  "license": "ISC",
7
7
  "type": "module",
8
8
  "types": "./dist/src/main.d.ts",
@@ -37,7 +37,8 @@
37
37
  "build": "tsc && vite build",
38
38
  "build-storybook": "storybook build",
39
39
  "build-storybook-docs": "storybook build --docs",
40
- "lint": "eslint . --max-warnings=0 && tsc --noEmit",
40
+ "lint": "biome check --diagnostic-level=error . && tsc --noEmit --incremental",
41
+ "lint:fix": "biome check . --write",
41
42
  "prepare": "yarn run build && husky install",
42
43
  "preview": "vite preview",
43
44
  "storybook": "storybook dev -p 6006",
@@ -57,6 +58,7 @@
57
58
  "@testing-library/react": "^14.0.0",
58
59
  "@testing-library/react-hooks": "^8.0.1",
59
60
  "@testing-library/user-event": "^14.4.3",
61
+ "@tracktor/biome-config-react": "^1.1.1",
60
62
  "@types/node": "^18.19.61",
61
63
  "@types/react": "^19.1.0",
62
64
  "@types/react-dom": "^19.1.0",
@@ -66,7 +68,6 @@
66
68
  "@vitest/ui": "^0.34.4",
67
69
  "babel-loader": "^9.1.3",
68
70
  "chromatic": "^13.3.0",
69
- "eslint-config-react-tracktor": "^1.8.1",
70
71
  "husky": "^8.0.3",
71
72
  "jsdom": "^22.1.0",
72
73
  "react": "^19.0.0",
@@ -103,4 +104,4 @@
103
104
  "jackspeak": "2.1.1"
104
105
  },
105
106
  "_id": "design-system-tracktor@1.8.4"
106
- }
107
+ }