@connectif/ui-components 0.0.4 → 0.0.6

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 (42) hide show
  1. package/dist/components/alert/index.d.ts +2 -1
  2. package/dist/components/avatar/index.d.ts +6 -3
  3. package/dist/components/button/ButtonWithActions.d.ts +1 -1
  4. package/dist/components/button/index.d.ts +22 -11
  5. package/dist/components/card/index.d.ts +28 -14
  6. package/dist/components/chart/index.d.ts +16 -8
  7. package/dist/components/chat/index.d.ts +4 -2
  8. package/dist/components/chip/index.d.ts +6 -3
  9. package/dist/components/dialog/index.d.ts +4 -2
  10. package/dist/components/divider/index.d.ts +2 -1
  11. package/dist/components/drawer/index.d.ts +4 -2
  12. package/dist/components/formatter/index.d.ts +10 -5
  13. package/dist/components/header/index.d.ts +6 -3
  14. package/dist/components/icon/index.d.ts +2 -1
  15. package/dist/components/image/index.d.ts +2 -1
  16. package/dist/components/info/index.d.ts +2 -1
  17. package/dist/components/input/InputLabel.d.ts +3 -2
  18. package/dist/components/input/TextField.d.ts +2 -1
  19. package/dist/components/input/index.d.ts +52 -26
  20. package/dist/components/layout/index.d.ts +24 -12
  21. package/dist/components/list/index.d.ts +6 -3
  22. package/dist/components/navbar/index.d.ts +8 -4
  23. package/dist/components/overlay/index.d.ts +2 -1
  24. package/dist/components/popover/index.d.ts +2 -1
  25. package/dist/components/progress/CircularProgress.d.ts +24 -3
  26. package/dist/components/progress/DonutProgress.d.ts +48 -0
  27. package/dist/components/progress/index.d.ts +6 -2
  28. package/dist/components/scrollable/index.d.ts +2 -1
  29. package/dist/components/skeleton/index.d.ts +2 -1
  30. package/dist/components/snackbar/index.d.ts +2 -1
  31. package/dist/components/tab/index.d.ts +6 -3
  32. package/dist/components/table/index.d.ts +16 -8
  33. package/dist/components/toolbar/index.d.ts +8 -4
  34. package/dist/components/tooltip/index.d.ts +8 -4
  35. package/dist/components/transition/index.d.ts +2 -1
  36. package/dist/components/typography/index.d.ts +4 -2
  37. package/dist/components/widget/index.d.ts +8 -4
  38. package/dist/components/window/index.d.ts +2 -1
  39. package/dist/index.js +8104 -7935
  40. package/dist/theme/Colors.d.ts +9 -0
  41. package/dist/tsconfig.build.tsbuildinfo +1 -1
  42. package/package.json +18 -15
@@ -1 +1,2 @@
1
- export { default as Alert, AlertProps } from './Alert';
1
+ export { default as Alert } from './Alert';
2
+ export type { AlertProps } from './Alert';
@@ -1,3 +1,6 @@
1
- export { default as Avatar, AvatarProps } from '../avatar/Avatar';
2
- export { default as AvatarCard, AvatarCardProps } from '../avatar/AvatarCard';
3
- export { default as AvatarMultiple, AvatarMultipleProps } from '../avatar/AvatarMultiple';
1
+ export { default as AvatarMultiple } from '../avatar/AvatarMultiple';
2
+ export type { AvatarMultipleProps } from '../avatar/AvatarMultiple';
3
+ export { default as Avatar } from '../avatar/Avatar';
4
+ export { default as AvatarCard } from '../avatar/AvatarCard';
5
+ export type { AvatarProps } from '../avatar/Avatar';
6
+ export type { AvatarCardProps } from '../avatar/AvatarCard';
@@ -37,7 +37,7 @@ declare const ButtonWithActions: React.ForwardRefExoticComponent<Pick<MuiButtonP
37
37
  text: string;
38
38
  iconId?: import("../icon").IconId;
39
39
  icon?: React.ReactNode;
40
- iconSize?: keyof typeof import("../icon/Icon").iconSizes;
40
+ iconSize?: keyof typeof import("../icon").iconSizes;
41
41
  iconEnd?: boolean;
42
42
  badgeText?: string;
43
43
  badgeLeft?: boolean;
@@ -1,11 +1,22 @@
1
- export { default as Button, ButtonProps } from './Button';
2
- export { default as MenuButton, MenuButtonProps } from './MenuButton';
3
- export { default as MenuIconButton, MenuIconButtonProps } from './MenuIconButton';
4
- export { default as IconButton, IconButtonProps } from './IconButton';
5
- export { default as UploadButton, UploadButtonProps } from './UploadButton';
6
- export { default as ToggleButtonGroup, ToggleButtonGroupProps } from './ToggleButtonGroup';
7
- export { default as ToggleButton, ToggleButtonProps } from './ToggleButton';
8
- export { default as BadgeToggleButton, BadgeToggleButtonProps } from './BadgeToggleButton';
9
- export { default as IconToggleButton, IconToggleButtonProps } from './IconToggleButton';
10
- export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
11
- export { default as ButtonWithActions, ButtonWithActionsProps } from './ButtonWithActions';
1
+ export { default as MenuIconButton } from './MenuIconButton';
2
+ export type { MenuIconButtonProps } from './MenuIconButton';
3
+ export { default as ToggleButtonGroup } from './ToggleButtonGroup';
4
+ export type { ToggleButtonGroupProps } from './ToggleButtonGroup';
5
+ export { default as BadgeToggleButton } from './BadgeToggleButton';
6
+ export type { BadgeToggleButtonProps } from './BadgeToggleButton';
7
+ export { default as IconToggleButton } from './IconToggleButton';
8
+ export type { IconToggleButtonProps } from './IconToggleButton';
9
+ export { default as ButtonWithActions } from './ButtonWithActions';
10
+ export type { ButtonWithActionsProps } from './ButtonWithActions';
11
+ export { default as Button } from './Button';
12
+ export { default as MenuButton } from './MenuButton';
13
+ export { default as IconButton } from './IconButton';
14
+ export { default as UploadButton } from './UploadButton';
15
+ export { default as ToggleButton } from './ToggleButton';
16
+ export { default as ButtonGroup } from './ButtonGroup';
17
+ export type { ButtonProps } from './Button';
18
+ export type { MenuButtonProps } from './MenuButton';
19
+ export type { IconButtonProps } from './IconButton';
20
+ export type { UploadButtonProps } from './UploadButton';
21
+ export type { ToggleButtonProps } from './ToggleButton';
22
+ export type { ButtonGroupProps } from './ButtonGroup';
@@ -1,14 +1,28 @@
1
- export { default as Card, CardProps } from './Card';
2
- export { default as CardActions, CardActionsProps } from './CardActions';
3
- export { default as CardChips, CardChipsProps } from './CardChips';
4
- export { default as CardDescription, CardDescriptionProps } from './CardDescription';
5
- export { default as CardImage, CardImageProps } from './CardImage';
6
- export { default as CardStatus, CardStatusProps } from './CardStatus';
7
- export { default as CardTable, CardTableProps } from './CardTable';
8
- export { default as CardTitle, CardTitleProps } from './CardTitle';
9
- export { default as CardTitleWithIcon, CardTitleWithIconProps } from './CardTitleWithIcon';
10
- export { default as EnhancedCard, EnhancedCardProps } from './EnhancedCard';
11
- export { EnhancedCardImageProps } from './EnhancedCardImage';
12
- export { EnhancedCardTitleProps } from './EnhancedCardTitle';
13
- export { EnhancedCardSubtitleProps } from './EnhancedCardSubtitle';
14
- export { EnhancedCardRowProps } from './EnhancedCardRow';
1
+ export { default as CardDescription } from './CardDescription';
2
+ export type { CardDescriptionProps } from './CardDescription';
3
+ export { default as CardTitleWithIcon } from './CardTitleWithIcon';
4
+ export type { CardTitleWithIconProps } from './CardTitleWithIcon';
5
+ export { default as EnhancedCardImage } from './EnhancedCardImage';
6
+ export type { EnhancedCardImageProps } from './EnhancedCardImage';
7
+ export { default as EnhancedCardTitle } from './EnhancedCardTitle';
8
+ export type { EnhancedCardTitleProps } from './EnhancedCardTitle';
9
+ export { default as EnhancedCardSubtitle } from './EnhancedCardSubtitle';
10
+ export type { EnhancedCardSubtitleProps } from './EnhancedCardSubtitle';
11
+ export { default as EnhancedCardRow } from './EnhancedCardRow';
12
+ export type { EnhancedCardRowProps } from './EnhancedCardRow';
13
+ export { default as Card } from './Card';
14
+ export { default as CardActions } from './CardActions';
15
+ export { default as CardChips } from './CardChips';
16
+ export { default as CardImage } from './CardImage';
17
+ export { default as CardStatus } from './CardStatus';
18
+ export { default as CardTable } from './CardTable';
19
+ export { default as CardTitle } from './CardTitle';
20
+ export { default as EnhancedCard } from './EnhancedCard';
21
+ export type { CardProps } from './Card';
22
+ export type { CardActionsProps } from './CardActions';
23
+ export type { CardChipsProps } from './CardChips';
24
+ export type { CardImageProps } from './CardImage';
25
+ export type { CardStatusProps } from './CardStatus';
26
+ export type { CardTableProps } from './CardTable';
27
+ export type { CardTitleProps } from './CardTitle';
28
+ export type { EnhancedCardProps } from './EnhancedCard';
@@ -1,8 +1,16 @@
1
- export { default as BarChart, BarChartProps } from './BarChart';
2
- export { default as LineChart, LineChartProps } from './LineChart';
3
- export { default as RankingChart, RankingChartProps } from './RankingChart';
4
- export { default as DonutChart, DonutChartProps } from './DonutChart';
5
- export { default as FunnelChart, FunnelChartProps } from './FunnelChart';
6
- export { default as WeekChart, WeekChartProps } from './WeekChart';
7
- export { default as MicroPieChart, MicroPieChartProps } from './MicroPieChart';
8
- export { default as IncrementLabel, IncrementLabelProps } from './IncrementLabel';
1
+ export { default as IncrementLabel } from './IncrementLabel';
2
+ export type { IncrementLabelProps } from './IncrementLabel';
3
+ export { default as BarChart } from './BarChart';
4
+ export { default as LineChart } from './LineChart';
5
+ export { default as RankingChart } from './RankingChart';
6
+ export { default as DonutChart } from './DonutChart';
7
+ export { default as FunnelChart } from './FunnelChart';
8
+ export { default as WeekChart } from './WeekChart';
9
+ export { default as MicroPieChart } from './MicroPieChart';
10
+ export type { BarChartProps } from './BarChart';
11
+ export type { LineChartProps } from './LineChart';
12
+ export type { RankingChartProps } from './RankingChart';
13
+ export type { DonutChartProps } from './DonutChart';
14
+ export type { FunnelChartProps } from './FunnelChart';
15
+ export type { WeekChartProps } from './WeekChart';
16
+ export type { MicroPieChartProps } from './MicroPieChart';
@@ -1,2 +1,4 @@
1
- export { default as ChatMessage, ChatMessageProps } from '../chat/ChatMessage';
2
- export { default as Chat, ChatProps } from '../chat/Chat';
1
+ export { default as ChatMessage } from '../chat/ChatMessage';
2
+ export { default as Chat } from '../chat/Chat';
3
+ export type { ChatMessageProps } from '../chat/ChatMessage';
4
+ export type { ChatProps } from '../chat/Chat';
@@ -1,3 +1,6 @@
1
- export { default as Chip, ChipProps } from './Chip';
2
- export { default as ChipList, ChipListProps } from './ChipList';
3
- export { default as MenuChip, MenuChipProps } from './MenuChip';
1
+ export { default as Chip } from './Chip';
2
+ export { default as ChipList } from './ChipList';
3
+ export { default as MenuChip } from './MenuChip';
4
+ export type { ChipProps } from './Chip';
5
+ export type { ChipListProps } from './ChipList';
6
+ export type { MenuChipProps } from './MenuChip';
@@ -1,2 +1,4 @@
1
- export { default as Dialog, DialogProps } from './Dialog';
2
- export { default as ConfirmationDialog, ConfirmationDialogProps } from './ConfirmationDialog';
1
+ export { default as ConfirmationDialog } from './ConfirmationDialog';
2
+ export type { ConfirmationDialogProps } from './ConfirmationDialog';
3
+ export { default as Dialog } from './Dialog';
4
+ export type { DialogProps } from './Dialog';
@@ -1 +1,2 @@
1
- export { default as Divider, DividerProps } from './Divider';
1
+ export { default as Divider } from './Divider';
2
+ export type { DividerProps } from './Divider';
@@ -1,2 +1,4 @@
1
- export { default as Drawer, DrawerProps } from './Drawer';
2
- export { default as InputDrawer, InputDrawerProps } from './InputDrawer';
1
+ export { default as Drawer } from './Drawer';
2
+ export { default as InputDrawer } from './InputDrawer';
3
+ export type { DrawerProps } from './Drawer';
4
+ export type { InputDrawerProps } from './InputDrawer';
@@ -1,5 +1,10 @@
1
- export { default as CompactNumberFormatter, CompactNumberFormatterProps } from './CompactNumberFormatter';
2
- export { default as CurrencyFormatter, CurrencyFormatterProps } from './CurrencyFormatter';
3
- export { default as DateFormatter, DateFormatterProps } from './DateFormatter';
4
- export { default as NumberFormatter, NumberFormatterProps } from './NumberFormatter';
5
- export { default as PercentageFormatter, PercentageFormatterProps } from './PercentageFormatter';
1
+ export { default as CompactNumberFormatter } from './CompactNumberFormatter';
2
+ export type { CompactNumberFormatterProps } from './CompactNumberFormatter';
3
+ export { default as CurrencyFormatter } from './CurrencyFormatter';
4
+ export type { CurrencyFormatterProps } from './CurrencyFormatter';
5
+ export { default as NumberFormatter } from './NumberFormatter';
6
+ export type { NumberFormatterProps } from './NumberFormatter';
7
+ export { default as PercentageFormatter } from './PercentageFormatter';
8
+ export type { PercentageFormatterProps } from './PercentageFormatter';
9
+ export { default as DateFormatter } from './DateFormatter';
10
+ export type { DateFormatterProps } from './DateFormatter';
@@ -1,3 +1,6 @@
1
- export { default as Header, HeaderProps } from './Header';
2
- export { default as HeaderTitle, HeaderTitleProps } from './HeaderTitle';
3
- export { default as HeaderSubtitle, HeaderSubtitleProps } from './HeaderSubtitle';
1
+ export { default as Header } from './Header';
2
+ export type { HeaderProps } from './Header';
3
+ export { default as HeaderTitle } from './HeaderTitle';
4
+ export type { HeaderTitleProps } from './HeaderTitle';
5
+ export { default as HeaderSubtitle } from './HeaderSubtitle';
6
+ export type { HeaderSubtitleProps } from './HeaderSubtitle';
@@ -1 +1,2 @@
1
- export { default as Icon, IconProps, IconId } from './Icon';
1
+ export { default as Icon, iconSizes } from './Icon';
2
+ export type { IconProps, IconId } from './Icon';
@@ -1 +1,2 @@
1
- export { default as ImageEditor, ImageEditorProps } from '../image/ImageEditor';
1
+ export { default as ImageEditor } from '../image/ImageEditor';
2
+ export type { ImageEditorProps } from '../image/ImageEditor';
@@ -1 +1,2 @@
1
- export { default as InfoBox, InfoBoxProps } from './InfoBox';
1
+ export { default as InfoBox } from './InfoBox';
2
+ export type { InfoBoxProps } from './InfoBox';
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/material';
3
+ import { TooltipProps } from '../tooltip/Tooltip';
3
4
  export type InputLabelProps = React.PropsWithChildren<{
4
5
  /**
5
6
  * The `for` native attribute. Set here the `id` of the related
@@ -17,7 +18,7 @@ export type InputLabelProps = React.PropsWithChildren<{
17
18
  /**
18
19
  * Show an info icon with the text as tooltip
19
20
  */
20
- infoText?: string;
21
+ infoText?: TooltipProps['title'];
21
22
  }>;
22
23
  /**
23
24
  * A label text to be shown along with form fields, like Select or TextFields, usually
@@ -40,7 +41,7 @@ declare const InputLabel: React.ForwardRefExoticComponent<{
40
41
  /**
41
42
  * Show an info icon with the text as tooltip
42
43
  */
43
- infoText?: string;
44
+ infoText?: TooltipProps["title"];
44
45
  } & {
45
46
  children?: React.ReactNode | undefined;
46
47
  } & React.RefAttributes<HTMLLabelElement>>;
@@ -1,5 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/material';
3
+ import { InputLabelProps } from './InputLabel';
3
4
  import { IconId } from '../icon';
4
5
  export type TextFieldProps = {
5
6
  /**
@@ -60,7 +61,7 @@ export type TextFieldProps = {
60
61
  /**
61
62
  * If supplied some text, an icon with tooltip will be shown just after the label.
62
63
  */
63
- labelInfoText?: string;
64
+ labelInfoText?: InputLabelProps['infoText'];
64
65
  /**
65
66
  * If supplied some text, an InputHelperText component will be shown just after the input.
66
67
  */
@@ -1,26 +1,52 @@
1
- export { default as Autocomplete, AutocompleteProps } from './Autocomplete';
2
- export { default as Select, SelectProps } from './Select';
3
- export { default as Switch, SwitchProps } from './Switch';
4
- export { default as TextFieldContainer, TextFieldContainerProps } from './TextFieldContainer';
5
- export { default as TextField, TextFieldProps } from './TextField';
6
- export { default as TextEditor, TextEditorProps } from './TextEditor';
7
- export { default as CodeEditor, CodeEditorProps } from './CodeEditor';
8
- export { default as TimeField, TimeFieldProps } from './TimeField';
9
- export { default as PhoneField, PhoneFieldProps } from './PhoneField';
10
- export { default as NumberField, NumberFieldProps } from './NumberField';
11
- export { default as DatePicker, DatePickerProps } from './DatePicker';
12
- export { default as DebouncedTextField, DebouncedTextFieldProps } from './DebouncedTextField';
13
- export { default as InputLabel, InputLabelProps } from './InputLabel';
14
- export { default as InputHelperText, InputHelperTextProps } from './InputHelperText';
15
- export { default as SelectPopover, SelectPopoverProps } from './SelectPopover';
16
- export { default as DateIntervalPicker, DateIntervalPickerProps, DateIntervalValues } from './DateIntervalPicker';
17
- export { default as SelectPopoverItem, SelectPopoverItemProps } from './SelectPopoverItem';
18
- export { default as Checkbox, CheckboxProps } from './Checkbox';
19
- export { default as Radio, RadioProps } from './Radio';
20
- export { default as TimezoneSelector, TimezoneSelectorProps } from './TimezoneSelector';
21
- export { default as DaysOfWeekPicker, DaysOfWeekPickerProps, DaysOfWeek } from './DaysOfWeekPicker';
22
- export { default as ColorPicker, ColorPickerProps, colorPickerDefaultColors, isValidColor } from './ColorPicker';
23
- export { default as UploadClickableArea, UploadClickableAreaProps } from './UploadClickableArea';
24
- export { default as CategorizedPicker, CategorizedPickerProps } from './CategorizedPicker';
25
- export { default as ItemSelector, ItemSelectorProps, ItemSelectorItem } from './ItemSelector';
26
- export { default as PageSelector, PageSelectorProps } from './PageSelector';
1
+ export { default as TextFieldContainer } from './TextFieldContainer';
2
+ export type { TextFieldContainerProps } from './TextFieldContainer';
3
+ export { default as DebouncedTextField } from './DebouncedTextField';
4
+ export type { DebouncedTextFieldProps } from './DebouncedTextField';
5
+ export { default as InputHelperText } from './InputHelperText';
6
+ export type { InputHelperTextProps } from './InputHelperText';
7
+ export { default as DateIntervalPicker } from './DateIntervalPicker';
8
+ export type { DateIntervalPickerProps, DateIntervalValues } from './DateIntervalPicker';
9
+ export { default as SelectPopoverItem } from './SelectPopoverItem';
10
+ export type { SelectPopoverItemProps } from './SelectPopoverItem';
11
+ export { default as TimezoneSelector } from './TimezoneSelector';
12
+ export type { TimezoneSelectorProps } from './TimezoneSelector';
13
+ export { default as DaysOfWeekPicker } from './DaysOfWeekPicker';
14
+ export type { DaysOfWeekPickerProps, DaysOfWeek } from './DaysOfWeekPicker';
15
+ export { default as ColorPicker, colorPickerDefaultColors, isValidColor } from './ColorPicker';
16
+ export type { ColorPickerProps } from './ColorPicker';
17
+ export { default as UploadClickableArea } from './UploadClickableArea';
18
+ export type { UploadClickableAreaProps } from './UploadClickableArea';
19
+ export { default as CategorizedPicker } from './CategorizedPicker';
20
+ export type { CategorizedPickerProps } from './CategorizedPicker';
21
+ export { default as ItemSelector } from './ItemSelector';
22
+ export type { ItemSelectorProps, ItemSelectorItem } from './ItemSelector';
23
+ export { default as Autocomplete } from './Autocomplete';
24
+ export { default as Select } from './Select';
25
+ export { default as Switch } from './Switch';
26
+ export { default as TextField } from './TextField';
27
+ export { default as TextEditor } from './TextEditor';
28
+ export { default as CodeEditor } from './CodeEditor';
29
+ export { default as TimeField } from './TimeField';
30
+ export { default as PhoneField } from './PhoneField';
31
+ export { default as NumberField } from './NumberField';
32
+ export { default as DatePicker } from './DatePicker';
33
+ export { default as InputLabel } from './InputLabel';
34
+ export { default as SelectPopover } from './SelectPopover';
35
+ export { default as Checkbox } from './Checkbox';
36
+ export { default as Radio } from './Radio';
37
+ export { default as PageSelector } from './PageSelector';
38
+ export type { AutocompleteProps } from './Autocomplete';
39
+ export type { SelectProps } from './Select';
40
+ export type { SwitchProps } from './Switch';
41
+ export type { TextFieldProps } from './TextField';
42
+ export type { TextEditorProps } from './TextEditor';
43
+ export type { CodeEditorProps } from './CodeEditor';
44
+ export type { TimeFieldProps } from './TimeField';
45
+ export type { PhoneFieldProps } from './PhoneField';
46
+ export type { NumberFieldProps } from './NumberField';
47
+ export type { DatePickerProps } from './DatePicker';
48
+ export type { InputLabelProps } from './InputLabel';
49
+ export type { SelectPopoverProps } from './SelectPopover';
50
+ export type { CheckboxProps } from './Checkbox';
51
+ export type { RadioProps } from './Radio';
52
+ export type { PageSelectorProps } from './PageSelector';
@@ -1,17 +1,29 @@
1
1
  export { default as Box } from './Box';
2
- export { default as CollapsiblePanel, CollapsiblePanelProps } from './CollapsiblePanel';
3
- export { default as CollapsiblePanelSwitcher, CollapsiblePanelSwitcherProps } from './CollapsiblePanelSwitcher';
4
- export { default as Grid, GridProps } from './Grid';
2
+ export { default as CollapsiblePanel } from './CollapsiblePanel';
3
+ export type { CollapsiblePanelProps } from './CollapsiblePanel';
4
+ export { default as CollapsiblePanelSwitcher } from './CollapsiblePanelSwitcher';
5
+ export type { CollapsiblePanelSwitcherProps } from './CollapsiblePanelSwitcher';
5
6
  export { default as Container } from './Container';
6
- export { default as PageWithHeader, PageWithHeaderProps } from './PageWithHeader';
7
- export { default as PageWithToolbar, PageWithToolbarProps } from './PageWithToolbar';
8
- export { default as PageWithSidePanel, PageWithSidePanelProps as PageWithSidebarProps } from './PageWithSidePanel';
9
- export { default as PageWithToolBox, PageWithToolBoxProps } from './PageWithToolBox';
10
- export { default as PageWithNavbar, PageWithNavbarProps } from './PageWithNavbar';
11
- export { default as SidePanel, SidePanelProps } from './SidePanel';
7
+ export { default as PageWithHeader } from './PageWithHeader';
8
+ export type { PageWithHeaderProps } from './PageWithHeader';
9
+ export { default as PageWithToolbar } from './PageWithToolbar';
10
+ export type { PageWithToolbarProps } from './PageWithToolbar';
11
+ export { default as PageWithSidePanel } from './PageWithSidePanel';
12
+ export type { PageWithSidePanelProps as PageWithSidebarProps } from './PageWithSidePanel';
13
+ export { default as PageWithToolBox } from './PageWithToolBox';
14
+ export type { PageWithToolBoxProps } from './PageWithToolBox';
15
+ export { default as PageWithNavbar } from './PageWithNavbar';
16
+ export type { PageWithNavbarProps } from './PageWithNavbar';
12
17
  export { default as Stack } from './Stack';
13
- export { default as Paper, PaperProps } from './Paper';
14
18
  export { default as LazyLoad } from './LazyLoad';
15
19
  export { default as Collapse } from './Collapse';
16
- export { default as ToolBox, ToolBoxProps } from './ToolBox';
17
- export { default as Stepper, StepperProps } from './Stepper';
20
+ export { default as Grid } from './Grid';
21
+ export { default as SidePanel } from './SidePanel';
22
+ export { default as Paper } from './Paper';
23
+ export { default as ToolBox } from './ToolBox';
24
+ export { default as Stepper } from './Stepper';
25
+ export type { GridProps } from './Grid';
26
+ export type { SidePanelProps } from './SidePanel';
27
+ export type { PaperProps } from './Paper';
28
+ export type { ToolBoxProps } from './ToolBox';
29
+ export type { StepperProps } from './Stepper';
@@ -1,3 +1,6 @@
1
- export { default as ListItemButton, ListItemButtonProps } from './ListItemButton';
2
- export { default as ListItem, ListItemProps } from './ListItem';
3
- export { default as List, ListProps } from './List';
1
+ export { default as ListItemButton } from './ListItemButton';
2
+ export type { ListItemButtonProps } from './ListItemButton';
3
+ export { default as ListItem } from './ListItem';
4
+ export { default as List } from './List';
5
+ export type { ListItemProps } from './ListItem';
6
+ export type { ListProps } from './List';
@@ -1,4 +1,8 @@
1
- export { default as Navbar, NavbarProps } from './Navbar';
2
- export { default as NavbarButton, NavbarButtonProps } from './NavbarButton';
3
- export { default as NavbarHeader, NavbarHeaderProps } from './NavbarHeader';
4
- export { default as NavbarLogo, NavbarLogoProps } from './NavbarLogo';
1
+ export { default as Navbar } from './Navbar';
2
+ export { default as NavbarButton } from './NavbarButton';
3
+ export { default as NavbarHeader } from './NavbarHeader';
4
+ export { default as NavbarLogo } from './NavbarLogo';
5
+ export type { NavbarProps } from './Navbar';
6
+ export type { NavbarButtonProps } from './NavbarButton';
7
+ export type { NavbarHeaderProps } from './NavbarHeader';
8
+ export type { NavbarLogoProps } from './NavbarLogo';
@@ -1 +1,2 @@
1
- export { default as DonutFocusOverlay, DonutFocusOverlayProps } from './DonutFocusOverlay';
1
+ export { default as DonutFocusOverlay } from './DonutFocusOverlay';
2
+ export type { DonutFocusOverlayProps } from './DonutFocusOverlay';
@@ -1,2 +1,3 @@
1
- export { default as Popover, PopoverProps } from './Popover';
2
1
  export { default as PopoverActions } from './PopoverActions';
2
+ export { default as Popover } from './Popover';
3
+ export type { PopoverProps } from './Popover';
@@ -1,9 +1,14 @@
1
+ import * as React from 'react';
2
+ import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material/CircularProgress';
3
+ import { TypographyVariant } from '../../theme/Typography';
1
4
  declare const circularSizes: {
2
5
  readonly XS: "20px";
3
6
  readonly SM: "24px";
4
7
  readonly MD: "40px";
8
+ readonly LG: "48px";
9
+ readonly XL: "64px";
5
10
  };
6
- export type CircularProgressProps = {
11
+ export type CircularProgressProps = Pick<MuiCircularProgressProps, 'thickness'> & {
7
12
  /**
8
13
  * The value to fill the circular progress bar. Only applied with determinate variant
9
14
  */
@@ -11,7 +16,7 @@ export type CircularProgressProps = {
11
16
  /**
12
17
  * The label to set on the circular progress. Only applied with determinate variant
13
18
  */
14
- label?: string;
19
+ label?: string | React.ReactNode;
15
20
  /**
16
21
  * The size of the circle.
17
22
  */
@@ -29,6 +34,22 @@ export type CircularProgressProps = {
29
34
  * Show the circular background not filled in circular progress.
30
35
  */
31
36
  showCircularBackground?: boolean;
37
+ /**
38
+ * Whether the stroke of the circular progress should be rounded.
39
+ */
40
+ roundedStroke?: boolean;
41
+ /**
42
+ * The rotation degrees of the circular progress.
43
+ */
44
+ rotationDegrees?: number;
45
+ /**
46
+ * The typography variant to use for the label.
47
+ */
48
+ typographyVariant?: TypographyVariant;
49
+ /**
50
+ * The color of the typography.
51
+ */
52
+ typographyColor?: string;
32
53
  };
33
- declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
54
+ declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground, thickness, roundedStroke, rotationDegrees, typographyVariant, typographyColor }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
34
55
  export default CircularProgress;
@@ -0,0 +1,48 @@
1
+ import { CircularProgressProps } from './CircularProgress';
2
+ declare const variants: {
3
+ readonly empty: {
4
+ readonly emptyColor: "#EEEEEE";
5
+ readonly filledColor: "transparent";
6
+ readonly labelChipBackgroundColor: "transparent";
7
+ readonly labelChipColor: "transparent";
8
+ };
9
+ readonly success: {
10
+ readonly emptyColor: "#C3F6C5";
11
+ readonly filledColor: "#00CA20";
12
+ readonly labelChipBackgroundColor: "#E6FCE8";
13
+ readonly labelChipColor: "#008400";
14
+ };
15
+ readonly warning: {
16
+ readonly emptyColor: "#F5E0B9";
17
+ readonly filledColor: "#E29029";
18
+ readonly labelChipBackgroundColor: "#FBF3E3";
19
+ readonly labelChipColor: "#CC5D14";
20
+ };
21
+ readonly error: {
22
+ readonly emptyColor: "#FFCDD2";
23
+ readonly filledColor: "#E53935";
24
+ readonly labelChipBackgroundColor: "#FFEBEE";
25
+ readonly labelChipColor: "#B71C1C";
26
+ };
27
+ };
28
+ export type DonutProgressProps = Pick<CircularProgressProps, 'size'> & {
29
+ /**
30
+ * The percentage to fill the donut progress bar. Value is from 0 to 100.
31
+ */
32
+ percentage: number;
33
+ /**
34
+ * The variant of the donut progress.
35
+ */
36
+ variant: keyof typeof variants;
37
+ /**
38
+ * The label to set on the donut progress.
39
+ */
40
+ label?: string;
41
+ /**
42
+ * Show percentage in label.
43
+ */
44
+ showPercentageSymbol?: boolean;
45
+ labelChip?: string;
46
+ };
47
+ declare const DonutProgress: ({ label, variant, size, percentage, labelChip, showPercentageSymbol }: DonutProgressProps) => import("react/jsx-runtime").JSX.Element;
48
+ export default DonutProgress;
@@ -1,2 +1,6 @@
1
- export { default as LinearProgress, LinearProgressProps } from './LinearProgress';
2
- export { default as CircularProgress, CircularProgressProps } from './CircularProgress';
1
+ export { default as LinearProgress } from './LinearProgress';
2
+ export type { LinearProgressProps } from './LinearProgress';
3
+ export { default as CircularProgress } from './CircularProgress';
4
+ export type { CircularProgressProps } from './CircularProgress';
5
+ export { default as DonutProgress } from './DonutProgress';
6
+ export type { DonutProgressProps } from './DonutProgress';
@@ -1 +1,2 @@
1
- export { default as HorizontalScrollable, HorizontalScrollableProps } from './HorizontalScrollable';
1
+ export { default as HorizontalScrollable } from './HorizontalScrollable';
2
+ export type { HorizontalScrollableProps } from './HorizontalScrollable';
@@ -1 +1,2 @@
1
- export { default as Skeleton, SkeletonProps } from '../skeleton/Skeleton';
1
+ export { default as Skeleton } from '../skeleton/Skeleton';
2
+ export type { SkeletonProps } from '../skeleton/Skeleton';
@@ -1,3 +1,4 @@
1
1
  export { default as SnackbarProvider } from './SnackbarProvider';
2
- export { default as Snackbar, SnackbarProps } from './Snackbar';
3
2
  export * from './enqueueSnackbar';
3
+ export { default as Snackbar } from './Snackbar';
4
+ export type { SnackbarProps } from './Snackbar';
@@ -1,3 +1,6 @@
1
- export { default as TabButton, TabButtonProps } from './TabButton';
2
- export { default as Tabs, TabsProps } from './Tabs';
3
- export { default as TabContent, TabContentProps } from './TabContent';
1
+ export { default as TabButton } from './TabButton';
2
+ export { default as Tabs } from './Tabs';
3
+ export { default as TabContent } from './TabContent';
4
+ export type { TabButtonProps } from './TabButton';
5
+ export type { TabsProps } from './Tabs';
6
+ export type { TabContentProps } from './TabContent';
@@ -1,9 +1,17 @@
1
- export { default as Table, TableProps } from './Table';
2
- export { default as TableBody, TableBodyProps } from './TableBody';
3
- export { default as TableCell, TableCellProps } from './TableCell';
4
- export { default as TableCellCopy, TableCellCopyProps } from './TableCellCopy';
5
1
  export { default as TableDivider } from './TableDivider';
6
- export { default as TableHead, TableHeadProps } from './TableHead';
7
- export { default as TableRow, TableRowProps } from './TableRow';
8
- export { default as TableSortLabel, TableSortLabelProps } from './TableSortLabel';
9
- export { default as NestedTable, NestedTableProps } from './NestedTable';
2
+ export { default as TableSortLabel } from './TableSortLabel';
3
+ export type { TableSortLabelProps } from './TableSortLabel';
4
+ export { default as Table } from './Table';
5
+ export { default as TableBody } from './TableBody';
6
+ export { default as TableCell } from './TableCell';
7
+ export { default as TableCellCopy } from './TableCellCopy';
8
+ export { default as TableHead } from './TableHead';
9
+ export { default as TableRow } from './TableRow';
10
+ export { default as NestedTable } from './NestedTable';
11
+ export type { TableProps } from './Table';
12
+ export type { TableBodyProps } from './TableBody';
13
+ export type { TableCellProps } from './TableCell';
14
+ export type { TableCellCopyProps } from './TableCellCopy';
15
+ export type { TableHeadProps } from './TableHead';
16
+ export type { TableRowProps } from './TableRow';
17
+ export type { NestedTableProps } from './NestedTable';
@@ -1,4 +1,8 @@
1
- export { default as Toolbar, ToolbarProps } from './Toolbar';
2
- export { default as ToolbarTitle, ToolbarTitleProps } from './ToolbarTitle';
3
- export { default as ToolbarBreadcrumb, ToolbarBreadcrumbProps } from './ToolbarBreadcrumb';
4
- export { default as ToolbarBreadcrumbButton, ToolbarBreadcrumbButtonProps } from './ToolbarBreadcrumbButton';
1
+ export { default as ToolbarBreadcrumb } from './ToolbarBreadcrumb';
2
+ export type { ToolbarBreadcrumbProps } from './ToolbarBreadcrumb';
3
+ export { default as ToolbarBreadcrumbButton } from './ToolbarBreadcrumbButton';
4
+ export type { ToolbarBreadcrumbButtonProps } from './ToolbarBreadcrumbButton';
5
+ export { default as Toolbar } from './Toolbar';
6
+ export { default as ToolbarTitle } from './ToolbarTitle';
7
+ export type { ToolbarProps } from './Toolbar';
8
+ export type { ToolbarTitleProps } from './ToolbarTitle';