@matteoaliano/forest-ui 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-EULMNCHH.mjs → chunk-GZ6FQWHG.mjs} +451 -324
- package/dist/chunk-GZ6FQWHG.mjs.map +1 -0
- package/dist/{index-EkBIDmEu.d.mts → index-CSpNzZHg.d.mts} +340 -215
- package/dist/{index-EkBIDmEu.d.ts → index-CSpNzZHg.d.ts} +340 -215
- package/dist/index.d.mts +21 -12
- package/dist/index.d.ts +21 -12
- package/dist/index.js +382 -381
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +60 -45
- 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 +455 -321
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1 -1
- package/fonts/alkemy-beta/AlkemyBETA-Medium.otf +0 -0
- package/fonts/alkemy-beta/alkemy-beta.css +10 -0
- package/guidelines/FOREST_BE_GUIDELINES.md +1 -1
- package/guidelines/FOREST_FE_GUIDELINES.md +1 -1
- package/guidelines/FOREST_UI_GUIDELINES.md +1 -1
- package/package.json +9 -2
- package/dist/chunk-EULMNCHH.mjs.map +0 -1
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 alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-
|
|
3
|
+
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-CSpNzZHg.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';
|
|
@@ -22,6 +22,7 @@ import { SwitchProps } from '@mui/material/Switch';
|
|
|
22
22
|
export { SwitchProps } from '@mui/material/Switch';
|
|
23
23
|
import { TextFieldProps } from '@mui/material/TextField';
|
|
24
24
|
export { TextFieldProps } from '@mui/material/TextField';
|
|
25
|
+
import { InputBaseProps } from '@mui/material/InputBase';
|
|
25
26
|
import * as React$1 from 'react';
|
|
26
27
|
import React__default from 'react';
|
|
27
28
|
import { BoxProps } from '@mui/material';
|
|
@@ -158,7 +159,7 @@ declare function ForestProvider({ children, theme, preset, variant, disableCssBa
|
|
|
158
159
|
|
|
159
160
|
declare function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): react_jsx_runtime.JSX.Element;
|
|
160
161
|
|
|
161
|
-
type ButtonProps =
|
|
162
|
+
type ButtonProps = ButtonProps$1;
|
|
162
163
|
declare function Button({ ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
163
164
|
|
|
164
165
|
declare function ButtonGroup(props: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
@@ -195,20 +196,28 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
|
|
|
195
196
|
};
|
|
196
197
|
declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
|
|
197
198
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
199
|
+
type InputProps = InputBaseProps;
|
|
200
|
+
declare function Input({ ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
201
|
+
|
|
202
|
+
type LogoProduct = 'wsuite' | 'studio' | 'feedati';
|
|
203
|
+
type LogoVariant = 'logo' | 'logomark';
|
|
204
|
+
interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
|
|
205
|
+
/** Product brand */
|
|
206
|
+
product?: LogoProduct;
|
|
207
|
+
/** Show full logo or icon only */
|
|
208
|
+
variant?: LogoVariant;
|
|
205
209
|
}
|
|
206
210
|
/**
|
|
207
211
|
* Logo component for Forest product suite
|
|
208
212
|
*
|
|
209
|
-
* Displays
|
|
213
|
+
* Displays brand logos (WSuite, Studio, FeeDati) in full or icon-only variants.
|
|
214
|
+
* Colors are embedded in the SVG.
|
|
215
|
+
*
|
|
216
|
+
* @example
|
|
217
|
+
* <Logo product="wsuite" variant="logo" />
|
|
218
|
+
* <Logo product="studio" variant="logomark" />
|
|
210
219
|
*/
|
|
211
|
-
declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<
|
|
220
|
+
declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
212
221
|
|
|
213
222
|
declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
214
223
|
declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
@@ -358,4 +367,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
|
|
|
358
367
|
|
|
359
368
|
declare function useChartColors(count: number): string[];
|
|
360
369
|
|
|
361
|
-
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, Logo, type LogoProps, 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 };
|
|
370
|
+
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, Input, type InputProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Logo, type LogoProps, 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 alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-
|
|
3
|
+
export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alpha, b as avatarColors, c as bg, d as border, e as breadcrumbColors, f as buildTheme, g as buildThemeOptions, h as buttonColors, i as chartColors, j as colors, k as container, l as display, m as fg, n as focusRings, o as fontFamily, p as fontSize, q as fontWeight, r as forestAgencyPreset, s as forestExternalPreset, t as forestInternalPreset, u as forestTheme, v as forestThemeOptions, w as getAvailablePresets, x as getPreset, y as iconColors, z as lineHeight, A as navColors, B as radius, C as registerPreset, E as sliderColors, F as spacing, G as text, H as toggleColors, I as tokenShadows, J as widths } from './index-CSpNzZHg.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';
|
|
@@ -22,6 +22,7 @@ import { SwitchProps } from '@mui/material/Switch';
|
|
|
22
22
|
export { SwitchProps } from '@mui/material/Switch';
|
|
23
23
|
import { TextFieldProps } from '@mui/material/TextField';
|
|
24
24
|
export { TextFieldProps } from '@mui/material/TextField';
|
|
25
|
+
import { InputBaseProps } from '@mui/material/InputBase';
|
|
25
26
|
import * as React$1 from 'react';
|
|
26
27
|
import React__default from 'react';
|
|
27
28
|
import { BoxProps } from '@mui/material';
|
|
@@ -158,7 +159,7 @@ declare function ForestProvider({ children, theme, preset, variant, disableCssBa
|
|
|
158
159
|
|
|
159
160
|
declare function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): react_jsx_runtime.JSX.Element;
|
|
160
161
|
|
|
161
|
-
type ButtonProps =
|
|
162
|
+
type ButtonProps = ButtonProps$1;
|
|
162
163
|
declare function Button({ ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
163
164
|
|
|
164
165
|
declare function ButtonGroup(props: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
@@ -195,20 +196,28 @@ type SearchProps = Omit<TextFieldProps, "variant"> & {
|
|
|
195
196
|
};
|
|
196
197
|
declare function Search({ value: controlledValue, onChange, onClear, placeholder, slotProps, ...props }: SearchProps): react_jsx_runtime.JSX.Element;
|
|
197
198
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
199
|
+
type InputProps = InputBaseProps;
|
|
200
|
+
declare function Input({ ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
201
|
+
|
|
202
|
+
type LogoProduct = 'wsuite' | 'studio' | 'feedati';
|
|
203
|
+
type LogoVariant = 'logo' | 'logomark';
|
|
204
|
+
interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
|
|
205
|
+
/** Product brand */
|
|
206
|
+
product?: LogoProduct;
|
|
207
|
+
/** Show full logo or icon only */
|
|
208
|
+
variant?: LogoVariant;
|
|
205
209
|
}
|
|
206
210
|
/**
|
|
207
211
|
* Logo component for Forest product suite
|
|
208
212
|
*
|
|
209
|
-
* Displays
|
|
213
|
+
* Displays brand logos (WSuite, Studio, FeeDati) in full or icon-only variants.
|
|
214
|
+
* Colors are embedded in the SVG.
|
|
215
|
+
*
|
|
216
|
+
* @example
|
|
217
|
+
* <Logo product="wsuite" variant="logo" />
|
|
218
|
+
* <Logo product="studio" variant="logomark" />
|
|
210
219
|
*/
|
|
211
|
-
declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<
|
|
220
|
+
declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
|
|
212
221
|
|
|
213
222
|
declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
214
223
|
declare function ToggleButtonGroup(props: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
@@ -358,4 +367,4 @@ declare function PieChart({ series, colors, ...props }: PieChartProps): react_js
|
|
|
358
367
|
|
|
359
368
|
declare function useChartColors(count: number): string[];
|
|
360
369
|
|
|
361
|
-
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, Logo, type LogoProps, 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 };
|
|
370
|
+
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, Input, type InputProps, LineChart, type LineChartProps, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Logo, type LogoProps, 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 };
|