@up42/up-components 0.8.4 → 0.9.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.
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { BadgeProps as MUIBadgeProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type BadgeProps = MUIGlobalOmit<MUIBadgeProps>;
5
+ /**
6
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-badge
7
+ */
8
+ export declare const Badge: ({ children, color, ...props }: BadgeProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { OverridesStyleRules } from '@mui/material/styles/overrides';
2
+ export declare const MuiBadge: OverridesStyleRules;
@@ -0,0 +1 @@
1
+ export {};
@@ -3,6 +3,6 @@ import { ChipProps as MUIChipProps } from '@mui/material';
3
3
  import { MUIGlobalOmit } from '@global/utils/types';
4
4
  export declare type ChipProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
5
5
  /**
6
- * Documentation: https://up-components.up42.dev/?path=/docs/data-display-chip
6
+ * @deprecated Please use [Tags](https://up-components.up42.dev/?path=/docs/data-display-tag) instead
7
7
  */
8
- export declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
8
+ export declare const Chip: ({ label, sx, ...props }: ChipProps) => JSX.Element;
@@ -1,2 +1,72 @@
1
- import { OverridesStyleRules } from '@mui/material/styles/overrides';
2
- export declare const MuiChip: OverridesStyleRules;
1
+ export declare const MuiChip: {
2
+ styleOverrides: {
3
+ fontSize: string;
4
+ fontWeight: number;
5
+ borderRadius: number;
6
+ fontFamily: string;
7
+ '& .MuiChip-icon': {
8
+ width: string;
9
+ height: string;
10
+ marginLeft: string;
11
+ };
12
+ '&.MuiChip-colorDefault': {
13
+ backgroundColor: string;
14
+ color: string;
15
+ '&.MuiChip-clickable:hover': {
16
+ backgroundColor: string;
17
+ };
18
+ };
19
+ '&.MuiChip-colorPrimary': {
20
+ backgroundColor: string;
21
+ color: string;
22
+ '&.MuiChip-clickable:hover': {
23
+ backgroundColor: string;
24
+ };
25
+ '& .MuiChip-deleteIcon': {
26
+ color: string;
27
+ };
28
+ };
29
+ '&.MuiChip-colorSecondary': {
30
+ backgroundColor: string;
31
+ color: string;
32
+ '& .MuiChip-deleteIcon': {
33
+ color: string;
34
+ };
35
+ '&.MuiChip-clickable:hover': {
36
+ backgroundColor: string;
37
+ };
38
+ };
39
+ '&.MuiChip-colorError': {
40
+ backgroundColor: string;
41
+ color: string;
42
+ '& .MuiChip-deleteIcon': {
43
+ color: string;
44
+ };
45
+ '&.MuiChip-clickable:hover': {
46
+ backgroundColor: string;
47
+ };
48
+ };
49
+ '&.MuiChip-colorInfo': {
50
+ backgroundColor: string;
51
+ color: string;
52
+ '& .MuiChip-deleteIcon': {
53
+ color: string;
54
+ };
55
+ '&.MuiChip-clickable:hover': {
56
+ backgroundColor: string;
57
+ };
58
+ };
59
+ '&.MuiChip-colorSuccess': {
60
+ backgroundColor: string;
61
+ color: string;
62
+ '&.MuiChip-clickable:hover': {
63
+ backgroundColor: string;
64
+ };
65
+ };
66
+ '&.MuiChip-colorWarning': {
67
+ '&.MuiChip-clickable:hover': {
68
+ backgroundColor: string;
69
+ };
70
+ };
71
+ };
72
+ };
@@ -13,9 +13,13 @@ export declare type TabGroupProps = {
13
13
  * A unique value should be provided when multiple tabGroup components are used on the same page.
14
14
  */
15
15
  nameSpace?: string;
16
+ /**
17
+ * Set defaultValue for routing to a specific tab using useQueryParam('tab') in parent component
18
+ */
19
+ defaultValue?: string | number;
16
20
  };
17
21
  /**
18
22
  * Documentation: https://up-components.up42.dev/?path=/docs/patterns-tabgroup
19
23
  */
20
- export declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps }: TabGroupProps) => JSX.Element;
24
+ export declare const TabGroup: ({ tabs, nameSpace: _nameSpace, tabContentProps, tabsProps, defaultValue }: TabGroupProps) => JSX.Element;
21
25
  export {};
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { ChipProps as MUIChipProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type TagProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
5
+ /**
6
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-tag
7
+ * @beta this component is still in development
8
+ */
9
+ export declare const Tag: ({ color, ...props }: TagProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { OverridesStyleRules } from '@mui/material/styles/overrides';
2
+ export declare const MuiChip: OverridesStyleRules;
@@ -0,0 +1 @@
1
+ export {};
@@ -37,6 +37,8 @@ export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHe
37
37
  export { NotFound } from './components/NotFound/NotFound';
38
38
  export { Loading, type LoadingProps } from './components/Loading/Loading';
39
39
  export { Icon, type IconProps } from './components/Icon/Icon';
40
+ export { Badge, type BadgeProps } from './components/Badge/Badge';
41
+ export { Tag, type TagProps } from './components/Tag/Tag';
40
42
  export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
41
43
  export { CodeBox, type CodeBoxProps } from './components/CodeBox/CodeBox';
42
44
  export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';