@matteoaliano/forest-ui 0.2.10 → 0.2.11
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/bin/sync.mjs +18 -34
- package/dist/{chunk-7B6NCKX3.mjs → chunk-6W3RIXXY.mjs} +106 -148
- package/dist/chunk-6W3RIXXY.mjs.map +1 -0
- package/dist/{index-DiI9xbOM.d.mts → index-DJDmMb_c.d.mts} +98 -3
- package/dist/{index-DiI9xbOM.d.ts → index-DJDmMb_c.d.ts} +98 -3
- package/dist/index.d.mts +61 -14
- package/dist/index.d.ts +61 -14
- package/dist/index.js +299 -205
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +166 -58
- package/dist/index.mjs.map +1 -1
- package/dist/theme.d.mts +1 -1
- package/dist/theme.d.ts +1 -1
- package/dist/theme.js +104 -146
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1 -1
- package/guidelines/FOREST_BE_GUIDELINES.md +90 -0
- package/guidelines/FOREST_FE_GUIDELINES.md +543 -0
- package/guidelines/FOREST_UI_GUIDELINES.md +372 -0
- package/package.json +9 -4
- package/dist/chunk-7B6NCKX3.mjs.map +0 -1
- package/guidelines/FOREST_AI_GUIDELINES.md +0 -344
- package/guidelines/FOREST_DEV_GUIDELINES.md +0 -47
- package/guidelines/themes/FOREST_THEME_ALKEMY_PLUS.md +0 -139
- package/guidelines/themes/FOREST_THEME_DEFAULT.md +0 -70
|
@@ -96,14 +96,19 @@ declare const colors: {
|
|
|
96
96
|
readonly 950: "#102a56";
|
|
97
97
|
};
|
|
98
98
|
readonly teal: {
|
|
99
|
+
readonly 50: "#f0fdf9";
|
|
99
100
|
readonly 100: "#ccfbef";
|
|
100
101
|
readonly 200: "#99f6e0";
|
|
102
|
+
readonly 300: "#5fe9d0";
|
|
103
|
+
readonly 400: "#2ed3b7";
|
|
101
104
|
readonly 600: "#0e9384";
|
|
102
105
|
readonly 700: "#107569";
|
|
103
106
|
};
|
|
104
107
|
readonly orange: {
|
|
105
108
|
readonly 100: "#fdead7";
|
|
106
109
|
readonly 200: "#f9dbaf";
|
|
110
|
+
readonly 300: "#f7b27a";
|
|
111
|
+
readonly 400: "#f38744";
|
|
107
112
|
readonly 600: "#e04f16";
|
|
108
113
|
readonly 700: "#b93815";
|
|
109
114
|
};
|
|
@@ -116,24 +121,31 @@ declare const colors: {
|
|
|
116
121
|
readonly pink: {
|
|
117
122
|
readonly 100: "#fce7f6";
|
|
118
123
|
readonly 200: "#fcceee";
|
|
124
|
+
readonly 400: "#f670c7";
|
|
125
|
+
readonly 500: "#ee46bc";
|
|
119
126
|
readonly 600: "#dd2590";
|
|
120
127
|
readonly 700: "#c11574";
|
|
121
128
|
};
|
|
122
129
|
readonly fuchsia: {
|
|
123
130
|
readonly 100: "#fbe8ff";
|
|
124
131
|
readonly 200: "#f6d0fe";
|
|
132
|
+
readonly 400: "#e478fa";
|
|
133
|
+
readonly 500: "#d444f1";
|
|
125
134
|
readonly 600: "#ba24d5";
|
|
126
135
|
readonly 700: "#9f1ab1";
|
|
127
136
|
};
|
|
128
137
|
readonly orangeDark: {
|
|
129
138
|
readonly 100: "#ffe6d5";
|
|
130
139
|
readonly 200: "#ffd6ae";
|
|
140
|
+
readonly 400: "#ff692e";
|
|
141
|
+
readonly 500: "#ff4405";
|
|
131
142
|
readonly 600: "#e62e05";
|
|
132
143
|
readonly 700: "#bc1b06";
|
|
133
144
|
};
|
|
134
145
|
readonly green: {
|
|
135
146
|
readonly 100: "#d3f8df";
|
|
136
147
|
readonly 200: "#aaf0c4";
|
|
148
|
+
readonly 500: "#16b364";
|
|
137
149
|
readonly 600: "#099250";
|
|
138
150
|
readonly 700: "#087443";
|
|
139
151
|
};
|
|
@@ -143,6 +155,30 @@ declare const colors: {
|
|
|
143
155
|
readonly 600: "#444ce7";
|
|
144
156
|
readonly 700: "#3538cd";
|
|
145
157
|
};
|
|
158
|
+
readonly violet: {
|
|
159
|
+
readonly 100: "#ece9fe";
|
|
160
|
+
readonly 200: "#ddd6fe";
|
|
161
|
+
readonly 500: "#875bf7";
|
|
162
|
+
readonly 600: "#7839ee";
|
|
163
|
+
};
|
|
164
|
+
readonly rose: {
|
|
165
|
+
readonly 100: "#ffe4e8";
|
|
166
|
+
readonly 200: "#fecdd6";
|
|
167
|
+
readonly 400: "#fd6f8e";
|
|
168
|
+
readonly 500: "#f63d68";
|
|
169
|
+
};
|
|
170
|
+
readonly blueLight: {
|
|
171
|
+
readonly 100: "#e0f2fe";
|
|
172
|
+
readonly 200: "#b9e6fe";
|
|
173
|
+
readonly 400: "#36bffa";
|
|
174
|
+
readonly 500: "#0ba5ec";
|
|
175
|
+
};
|
|
176
|
+
readonly cyan: {
|
|
177
|
+
readonly 100: "#cff9fe";
|
|
178
|
+
readonly 200: "#a5f0fc";
|
|
179
|
+
readonly 600: "#088ab2";
|
|
180
|
+
readonly 700: "#0e7090";
|
|
181
|
+
};
|
|
146
182
|
};
|
|
147
183
|
declare const spacing: {
|
|
148
184
|
readonly none: 0;
|
|
@@ -460,7 +496,7 @@ declare const toggleColors: {
|
|
|
460
496
|
readonly buttonFgDisabled: "#f9fafb";
|
|
461
497
|
};
|
|
462
498
|
declare const chartColors: {
|
|
463
|
-
readonly axisFg: "#
|
|
499
|
+
readonly axisFg: "#f2f4f7";
|
|
464
500
|
readonly gridlineFg: "#f2f4f7";
|
|
465
501
|
readonly labelFg: "#475467";
|
|
466
502
|
readonly labelFgEmphasis: "#344054";
|
|
@@ -470,8 +506,67 @@ declare const chartColors: {
|
|
|
470
506
|
readonly tooltipFg: "#ffffff";
|
|
471
507
|
readonly crosshairFg: "#667085";
|
|
472
508
|
readonly legendFg: "#475467";
|
|
473
|
-
readonly
|
|
474
|
-
|
|
509
|
+
readonly series: readonly [{
|
|
510
|
+
readonly fg: "#875bf7";
|
|
511
|
+
readonly fgHover: "#7839ee";
|
|
512
|
+
readonly bg: "#ece9fe";
|
|
513
|
+
readonly bgHover: "#ddd6fe";
|
|
514
|
+
}, {
|
|
515
|
+
readonly fg: "#ff692e";
|
|
516
|
+
readonly fgHover: "#ff4405";
|
|
517
|
+
readonly bg: "#ffe6d5";
|
|
518
|
+
readonly bgHover: "#ffd6ae";
|
|
519
|
+
}, {
|
|
520
|
+
readonly fg: "#5fe9d0";
|
|
521
|
+
readonly fgHover: "#2ed3b7";
|
|
522
|
+
readonly bg: "#f0fdf9";
|
|
523
|
+
readonly bgHover: "#ccfbef";
|
|
524
|
+
}, {
|
|
525
|
+
readonly fg: "#fdb022";
|
|
526
|
+
readonly fgHover: "#f79009";
|
|
527
|
+
readonly bg: "#fef0c7";
|
|
528
|
+
readonly bgHover: "#fedf89";
|
|
529
|
+
}, {
|
|
530
|
+
readonly fg: "#fd6f8e";
|
|
531
|
+
readonly fgHover: "#f63d68";
|
|
532
|
+
readonly bg: "#ffe4e8";
|
|
533
|
+
readonly bgHover: "#fecdd6";
|
|
534
|
+
}, {
|
|
535
|
+
readonly fg: "#36bffa";
|
|
536
|
+
readonly fgHover: "#0ba5ec";
|
|
537
|
+
readonly bg: "#e0f2fe";
|
|
538
|
+
readonly bgHover: "#b9e6fe";
|
|
539
|
+
}, {
|
|
540
|
+
readonly fg: "#f7b27a";
|
|
541
|
+
readonly fgHover: "#f38744";
|
|
542
|
+
readonly bg: "#fdead7";
|
|
543
|
+
readonly bgHover: "#f9dbaf";
|
|
544
|
+
}, {
|
|
545
|
+
readonly fg: "#088ab2";
|
|
546
|
+
readonly fgHover: "#0e7090";
|
|
547
|
+
readonly bg: "#cff9fe";
|
|
548
|
+
readonly bgHover: "#a5f0fc";
|
|
549
|
+
}, {
|
|
550
|
+
readonly fg: "#16b364";
|
|
551
|
+
readonly fgHover: "#099250";
|
|
552
|
+
readonly bg: "#d3f8df";
|
|
553
|
+
readonly bgHover: "#aaf0c4";
|
|
554
|
+
}, {
|
|
555
|
+
readonly fg: "#f670c7";
|
|
556
|
+
readonly fgHover: "#ee46bc";
|
|
557
|
+
readonly bg: "#fce7f6";
|
|
558
|
+
readonly bgHover: "#fcceee";
|
|
559
|
+
}, {
|
|
560
|
+
readonly fg: "#e478fa";
|
|
561
|
+
readonly fgHover: "#d444f1";
|
|
562
|
+
readonly bg: "#fbe8ff";
|
|
563
|
+
readonly bgHover: "#f6d0fe";
|
|
564
|
+
}, {
|
|
565
|
+
readonly fg: "#0e9384";
|
|
566
|
+
readonly fgHover: "#107569";
|
|
567
|
+
readonly bg: "#ccfbef";
|
|
568
|
+
readonly bgHover: "#99f6e0";
|
|
569
|
+
}];
|
|
475
570
|
};
|
|
476
571
|
declare const alpha: {
|
|
477
572
|
readonly white: {
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { Theme } from '@mui/material/styles';
|
|
3
|
-
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-
|
|
3
|
+
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-DJDmMb_c.mjs';
|
|
4
4
|
import { AutocompleteProps } from '@mui/material/Autocomplete';
|
|
5
5
|
export { AutocompleteProps } from '@mui/material/Autocomplete';
|
|
6
6
|
import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
|
|
@@ -26,6 +26,7 @@ import { ToggleButtonProps } from '@mui/material/ToggleButton';
|
|
|
26
26
|
export { ToggleButtonProps } from '@mui/material/ToggleButton';
|
|
27
27
|
import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
|
|
28
28
|
export { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
|
|
29
|
+
import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
|
|
29
30
|
import { BadgeProps } from '@mui/material/Badge';
|
|
30
31
|
export { BadgeProps } from '@mui/material/Badge';
|
|
31
32
|
import { ChipProps } from '@mui/material/Chip';
|
|
@@ -88,6 +89,7 @@ import { CardMediaProps } from '@mui/material/CardMedia';
|
|
|
88
89
|
export { CardMediaProps } from '@mui/material/CardMedia';
|
|
89
90
|
import { PaperProps } from '@mui/material/Paper';
|
|
90
91
|
export { PaperProps } from '@mui/material/Paper';
|
|
92
|
+
import React$1 from 'react';
|
|
91
93
|
import { AlertProps } from '@mui/material/Alert';
|
|
92
94
|
export { AlertProps } from '@mui/material/Alert';
|
|
93
95
|
import { AlertTitleProps } from '@mui/material/AlertTitle';
|
|
@@ -110,9 +112,32 @@ import { CircularProgressProps } from '@mui/material/CircularProgress';
|
|
|
110
112
|
export { CircularProgressProps } from '@mui/material/CircularProgress';
|
|
111
113
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
112
114
|
export { SkeletonProps } from '@mui/material/Skeleton';
|
|
115
|
+
import { ModalProps } from '@mui/material/Modal';
|
|
116
|
+
export { ModalProps } from '@mui/material/Modal';
|
|
117
|
+
import { PopoverProps } from '@mui/material/Popover';
|
|
118
|
+
export { PopoverProps } from '@mui/material/Popover';
|
|
113
119
|
import { SnackbarProps } from '@mui/material/Snackbar';
|
|
114
120
|
export { SnackbarProps } from '@mui/material/Snackbar';
|
|
115
|
-
import
|
|
121
|
+
import { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
|
|
122
|
+
export { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
|
|
123
|
+
import { LinkProps } from '@mui/material/Link';
|
|
124
|
+
export { LinkProps } from '@mui/material/Link';
|
|
125
|
+
import { MenuProps } from '@mui/material/Menu';
|
|
126
|
+
export { MenuProps } from '@mui/material/Menu';
|
|
127
|
+
import { MenuListProps } from '@mui/material/MenuList';
|
|
128
|
+
export { MenuListProps } from '@mui/material/MenuList';
|
|
129
|
+
import { PaginationProps } from '@mui/material/Pagination';
|
|
130
|
+
export { PaginationProps } from '@mui/material/Pagination';
|
|
131
|
+
import { StepperProps } from '@mui/material/Stepper';
|
|
132
|
+
export { StepperProps } from '@mui/material/Stepper';
|
|
133
|
+
import { StepProps } from '@mui/material/Step';
|
|
134
|
+
export { StepProps } from '@mui/material/Step';
|
|
135
|
+
import { StepLabelProps } from '@mui/material/StepLabel';
|
|
136
|
+
export { StepLabelProps } from '@mui/material/StepLabel';
|
|
137
|
+
import { TabsProps } from '@mui/material/Tabs';
|
|
138
|
+
export { TabsProps } from '@mui/material/Tabs';
|
|
139
|
+
import { TabProps } from '@mui/material/Tab';
|
|
140
|
+
export { TabProps } from '@mui/material/Tab';
|
|
116
141
|
import { DrawerProps } from '@mui/material/Drawer';
|
|
117
142
|
import { LineChartProps as LineChartProps$1 } from '@mui/x-charts/LineChart';
|
|
118
143
|
import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
|
|
@@ -164,9 +189,17 @@ declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
|
164
189
|
|
|
165
190
|
declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
|
|
166
191
|
|
|
192
|
+
type SearchProps = Omit<TextFieldProps, "variant"> & {
|
|
193
|
+
onClear?: () => void;
|
|
194
|
+
};
|
|
195
|
+
declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
167
197
|
declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
168
198
|
declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
169
199
|
|
|
200
|
+
type DatePickerProps = DatePickerProps$1;
|
|
201
|
+
declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
202
|
+
|
|
170
203
|
declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
171
204
|
|
|
172
205
|
declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
|
|
@@ -210,7 +243,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
|
|
|
210
243
|
|
|
211
244
|
declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
|
|
212
245
|
|
|
213
|
-
declare
|
|
246
|
+
declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
214
247
|
declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
|
|
215
248
|
|
|
216
249
|
declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
|
|
@@ -226,8 +259,28 @@ declare function CircularProgress(props: CircularProgressProps): react_jsx_runti
|
|
|
226
259
|
|
|
227
260
|
declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
228
261
|
|
|
262
|
+
declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
|
|
263
|
+
|
|
264
|
+
declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
265
|
+
|
|
229
266
|
declare function Snackbar(props: SnackbarProps): react_jsx_runtime.JSX.Element;
|
|
230
267
|
|
|
268
|
+
declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
269
|
+
|
|
270
|
+
declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
|
|
271
|
+
|
|
272
|
+
declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
|
|
273
|
+
declare function MenuList(props: MenuListProps): react_jsx_runtime.JSX.Element;
|
|
274
|
+
|
|
275
|
+
declare function Pagination(props: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
276
|
+
|
|
277
|
+
declare function Stepper(props: StepperProps): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function Step(props: StepProps): react_jsx_runtime.JSX.Element;
|
|
279
|
+
declare function StepLabel(props: StepLabelProps): react_jsx_runtime.JSX.Element;
|
|
280
|
+
|
|
281
|
+
declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
|
|
282
|
+
declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
|
|
283
|
+
|
|
231
284
|
interface SidebarContextValue {
|
|
232
285
|
open: boolean;
|
|
233
286
|
collapsedWidth: number;
|
|
@@ -270,10 +323,8 @@ declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: Sidebar
|
|
|
270
323
|
|
|
271
324
|
interface LineChartProps extends Omit<LineChartProps$1, "series"> {
|
|
272
325
|
series?: LineChartProps$1["series"];
|
|
273
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
274
|
-
palette?: "categorical" | "vibrant";
|
|
275
326
|
}
|
|
276
|
-
declare function LineChart({ series, colors,
|
|
327
|
+
declare function LineChart({ series, colors, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
|
|
277
328
|
|
|
278
329
|
type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
|
|
279
330
|
/** Enables diagonal striped fill for comparative data representation */
|
|
@@ -281,18 +332,14 @@ type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
|
|
|
281
332
|
};
|
|
282
333
|
interface BarChartProps extends Omit<BarChartProps$1, "series"> {
|
|
283
334
|
series?: ForestBarSeriesType[];
|
|
284
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
285
|
-
palette?: "categorical" | "vibrant";
|
|
286
335
|
}
|
|
287
|
-
declare function BarChart({ series, colors,
|
|
336
|
+
declare function BarChart({ series, colors, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
288
337
|
|
|
289
338
|
interface PieChartProps extends Omit<PieChartProps$1, "series"> {
|
|
290
339
|
series?: PieChartProps$1["series"];
|
|
291
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
292
|
-
palette?: "categorical" | "vibrant";
|
|
293
340
|
}
|
|
294
|
-
declare function PieChart({ series, colors,
|
|
341
|
+
declare function PieChart({ series, colors, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
|
|
295
342
|
|
|
296
|
-
declare function useChartColors(count: number
|
|
343
|
+
declare function useChartColors(count: number): string[];
|
|
297
344
|
|
|
298
|
-
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, MultiSelect, type MultiSelectOption, type MultiSelectProps, Paper, PieChart, type PieChartProps, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
|
|
345
|
+
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Breadcrumbs, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, type DatePickerProps, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, MenuItem, MenuList, Modal, MultiSelect, type MultiSelectOption, type MultiSelectProps, Pagination, Paper, PieChart, type PieChartProps, Popover, Radio, RadioGroup, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { Theme } from '@mui/material/styles';
|
|
3
|
-
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-
|
|
3
|
+
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alkemyPlusPreset, b as alpha, c as avatarColors, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, k as colors, l as container, m as display, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestPreset, t as forestTheme, u as forestThemeOptions, v as getAvailablePresets, w as getPreset, x as iconColors, y as lineHeight, z as navColors, A as radius, B as registerPreset, C as sliderColors, E as spacing, F as text, G as toggleColors, H as tokenShadows, I as widths } from './index-DJDmMb_c.js';
|
|
4
4
|
import { AutocompleteProps } from '@mui/material/Autocomplete';
|
|
5
5
|
export { AutocompleteProps } from '@mui/material/Autocomplete';
|
|
6
6
|
import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
|
|
@@ -26,6 +26,7 @@ import { ToggleButtonProps } from '@mui/material/ToggleButton';
|
|
|
26
26
|
export { ToggleButtonProps } from '@mui/material/ToggleButton';
|
|
27
27
|
import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
|
|
28
28
|
export { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
|
|
29
|
+
import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
|
|
29
30
|
import { BadgeProps } from '@mui/material/Badge';
|
|
30
31
|
export { BadgeProps } from '@mui/material/Badge';
|
|
31
32
|
import { ChipProps } from '@mui/material/Chip';
|
|
@@ -88,6 +89,7 @@ import { CardMediaProps } from '@mui/material/CardMedia';
|
|
|
88
89
|
export { CardMediaProps } from '@mui/material/CardMedia';
|
|
89
90
|
import { PaperProps } from '@mui/material/Paper';
|
|
90
91
|
export { PaperProps } from '@mui/material/Paper';
|
|
92
|
+
import React$1 from 'react';
|
|
91
93
|
import { AlertProps } from '@mui/material/Alert';
|
|
92
94
|
export { AlertProps } from '@mui/material/Alert';
|
|
93
95
|
import { AlertTitleProps } from '@mui/material/AlertTitle';
|
|
@@ -110,9 +112,32 @@ import { CircularProgressProps } from '@mui/material/CircularProgress';
|
|
|
110
112
|
export { CircularProgressProps } from '@mui/material/CircularProgress';
|
|
111
113
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
112
114
|
export { SkeletonProps } from '@mui/material/Skeleton';
|
|
115
|
+
import { ModalProps } from '@mui/material/Modal';
|
|
116
|
+
export { ModalProps } from '@mui/material/Modal';
|
|
117
|
+
import { PopoverProps } from '@mui/material/Popover';
|
|
118
|
+
export { PopoverProps } from '@mui/material/Popover';
|
|
113
119
|
import { SnackbarProps } from '@mui/material/Snackbar';
|
|
114
120
|
export { SnackbarProps } from '@mui/material/Snackbar';
|
|
115
|
-
import
|
|
121
|
+
import { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
|
|
122
|
+
export { BreadcrumbsProps } from '@mui/material/Breadcrumbs';
|
|
123
|
+
import { LinkProps } from '@mui/material/Link';
|
|
124
|
+
export { LinkProps } from '@mui/material/Link';
|
|
125
|
+
import { MenuProps } from '@mui/material/Menu';
|
|
126
|
+
export { MenuProps } from '@mui/material/Menu';
|
|
127
|
+
import { MenuListProps } from '@mui/material/MenuList';
|
|
128
|
+
export { MenuListProps } from '@mui/material/MenuList';
|
|
129
|
+
import { PaginationProps } from '@mui/material/Pagination';
|
|
130
|
+
export { PaginationProps } from '@mui/material/Pagination';
|
|
131
|
+
import { StepperProps } from '@mui/material/Stepper';
|
|
132
|
+
export { StepperProps } from '@mui/material/Stepper';
|
|
133
|
+
import { StepProps } from '@mui/material/Step';
|
|
134
|
+
export { StepProps } from '@mui/material/Step';
|
|
135
|
+
import { StepLabelProps } from '@mui/material/StepLabel';
|
|
136
|
+
export { StepLabelProps } from '@mui/material/StepLabel';
|
|
137
|
+
import { TabsProps } from '@mui/material/Tabs';
|
|
138
|
+
export { TabsProps } from '@mui/material/Tabs';
|
|
139
|
+
import { TabProps } from '@mui/material/Tab';
|
|
140
|
+
export { TabProps } from '@mui/material/Tab';
|
|
116
141
|
import { DrawerProps } from '@mui/material/Drawer';
|
|
117
142
|
import { LineChartProps as LineChartProps$1 } from '@mui/x-charts/LineChart';
|
|
118
143
|
import { BarChartProps as BarChartProps$1 } from '@mui/x-charts/BarChart';
|
|
@@ -164,9 +189,17 @@ declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
|
164
189
|
|
|
165
190
|
declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
|
|
166
191
|
|
|
192
|
+
type SearchProps = Omit<TextFieldProps, "variant"> & {
|
|
193
|
+
onClear?: () => void;
|
|
194
|
+
};
|
|
195
|
+
declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
|
|
196
|
+
|
|
167
197
|
declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
168
198
|
declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
169
199
|
|
|
200
|
+
type DatePickerProps = DatePickerProps$1;
|
|
201
|
+
declare function DatePicker(props: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
202
|
+
|
|
170
203
|
declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
171
204
|
|
|
172
205
|
declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
|
|
@@ -210,7 +243,7 @@ declare function CardMedia(props: CardMediaProps): react_jsx_runtime.JSX.Element
|
|
|
210
243
|
|
|
211
244
|
declare function Paper(props: PaperProps): react_jsx_runtime.JSX.Element;
|
|
212
245
|
|
|
213
|
-
declare
|
|
246
|
+
declare const Alert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
214
247
|
declare function AlertTitle(props: AlertTitleProps): react_jsx_runtime.JSX.Element;
|
|
215
248
|
|
|
216
249
|
declare function Backdrop(props: BackdropProps): react_jsx_runtime.JSX.Element;
|
|
@@ -226,8 +259,28 @@ declare function CircularProgress(props: CircularProgressProps): react_jsx_runti
|
|
|
226
259
|
|
|
227
260
|
declare function Skeleton(props: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
228
261
|
|
|
262
|
+
declare function Modal(props: ModalProps): react_jsx_runtime.JSX.Element;
|
|
263
|
+
|
|
264
|
+
declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
265
|
+
|
|
229
266
|
declare function Snackbar(props: SnackbarProps): react_jsx_runtime.JSX.Element;
|
|
230
267
|
|
|
268
|
+
declare function Breadcrumbs(props: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
269
|
+
|
|
270
|
+
declare function Link(props: LinkProps): react_jsx_runtime.JSX.Element;
|
|
271
|
+
|
|
272
|
+
declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
|
|
273
|
+
declare function MenuList(props: MenuListProps): react_jsx_runtime.JSX.Element;
|
|
274
|
+
|
|
275
|
+
declare function Pagination(props: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
276
|
+
|
|
277
|
+
declare function Stepper(props: StepperProps): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function Step(props: StepProps): react_jsx_runtime.JSX.Element;
|
|
279
|
+
declare function StepLabel(props: StepLabelProps): react_jsx_runtime.JSX.Element;
|
|
280
|
+
|
|
281
|
+
declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
|
|
282
|
+
declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
|
|
283
|
+
|
|
231
284
|
interface SidebarContextValue {
|
|
232
285
|
open: boolean;
|
|
233
286
|
collapsedWidth: number;
|
|
@@ -270,10 +323,8 @@ declare function SidebarItem({ icon, label, endAdornment, sx, ...rest }: Sidebar
|
|
|
270
323
|
|
|
271
324
|
interface LineChartProps extends Omit<LineChartProps$1, "series"> {
|
|
272
325
|
series?: LineChartProps$1["series"];
|
|
273
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
274
|
-
palette?: "categorical" | "vibrant";
|
|
275
326
|
}
|
|
276
|
-
declare function LineChart({ series, colors,
|
|
327
|
+
declare function LineChart({ series, colors, ...props }: LineChartProps): react_jsx_runtime.JSX.Element;
|
|
277
328
|
|
|
278
329
|
type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
|
|
279
330
|
/** Enables diagonal striped fill for comparative data representation */
|
|
@@ -281,18 +332,14 @@ type ForestBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
|
|
|
281
332
|
};
|
|
282
333
|
interface BarChartProps extends Omit<BarChartProps$1, "series"> {
|
|
283
334
|
series?: ForestBarSeriesType[];
|
|
284
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
285
|
-
palette?: "categorical" | "vibrant";
|
|
286
335
|
}
|
|
287
|
-
declare function BarChart({ series, colors,
|
|
336
|
+
declare function BarChart({ series, colors, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
288
337
|
|
|
289
338
|
interface PieChartProps extends Omit<PieChartProps$1, "series"> {
|
|
290
339
|
series?: PieChartProps$1["series"];
|
|
291
|
-
/** Which color palette variant to use (categorical=12 pastel, vibrant=5 bright) */
|
|
292
|
-
palette?: "categorical" | "vibrant";
|
|
293
340
|
}
|
|
294
|
-
declare function PieChart({ series, colors,
|
|
341
|
+
declare function PieChart({ series, colors, ...props }: PieChartProps): react_jsx_runtime.JSX.Element;
|
|
295
342
|
|
|
296
|
-
declare function useChartColors(count: number
|
|
343
|
+
declare function useChartColors(count: number): string[];
|
|
297
344
|
|
|
298
|
-
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, MenuItem, MultiSelect, type MultiSelectOption, type MultiSelectProps, Paper, PieChart, type PieChartProps, Radio, RadioGroup, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Switch, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
|
|
345
|
+
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Alert, AlertTitle, AppBar, Autocomplete, Backdrop, Badge, BarChart, type BarChartProps, Breadcrumbs, Button, ButtonGroup, type ButtonProps, Card, CardActions, CardContent, CardHeader, CardMedia, Checkbox, Chip, CircularProgress, DataGrid, DatePicker, type DatePickerProps, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Fab, ForestProvider, type ForestProviderProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, MenuItem, MenuList, Modal, MultiSelect, type MultiSelectOption, type MultiSelectProps, Pagination, Paper, PieChart, type PieChartProps, Popover, Radio, RadioGroup, Search, type SearchProps, Select, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarNavProps, Skeleton, Snackbar, Step, StepLabel, Stepper, Switch, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tabs, TextField, ToggleButton, ToggleButtonGroup, Toolbar, Tooltip, Typography, useChartColors, useSidebar };
|