@up42/up-components 0.8.4 → 0.9.0

package/dist/esm/types/components/Chip/Chip.d.ts

@@ -3,6 +3,6 @@ import { ChipProps as MUIChipProps } from '@mui/material';
 import { MUIGlobalOmit } from '@global/utils/types';
 export declare type ChipProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
 /**
- * Documentation: https://up-components.up42.dev/?path=/docs/data-display-chip
+ * @deprecated Please use [Tags](https://up-components.up42.dev/?path=/docs/data-display-tag) instead
  */
-export declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
+export declare const Chip: ({ label, sx, ...props }: ChipProps) => JSX.Element;

package/dist/esm/types/components/Chip/Chip.overrides.d.ts

@@ -1,2 +1,72 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-export declare const MuiChip: OverridesStyleRules;
+export declare const MuiChip: {
+    styleOverrides: {
+        fontSize: string;
+        fontWeight: number;
+        borderRadius: number;
+        fontFamily: string;
+        '& .MuiChip-icon': {
+            width: string;
+            height: string;
+            marginLeft: string;
+        };
+        '&.MuiChip-colorDefault': {
+            backgroundColor: string;
+            color: string;
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+        '&.MuiChip-colorPrimary': {
+            backgroundColor: string;
+            color: string;
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+            '& .MuiChip-deleteIcon': {
+                color: string;
+            };
+        };
+        '&.MuiChip-colorSecondary': {
+            backgroundColor: string;
+            color: string;
+            '& .MuiChip-deleteIcon': {
+                color: string;
+            };
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+        '&.MuiChip-colorError': {
+            backgroundColor: string;
+            color: string;
+            '& .MuiChip-deleteIcon': {
+                color: string;
+            };
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+        '&.MuiChip-colorInfo': {
+            backgroundColor: string;
+            color: string;
+            '& .MuiChip-deleteIcon': {
+                color: string;
+            };
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+        '&.MuiChip-colorSuccess': {
+            backgroundColor: string;
+            color: string;
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+        '&.MuiChip-colorWarning': {
+            '&.MuiChip-clickable:hover': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ChipProps as MUIChipProps } from '@mui/material';
+import { MUIGlobalOmit } from '@global/utils/types';
+export declare type TagProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-tag
+ * @beta this component is still in development
+ */
+export declare const Tag: ({ color, ...props }: TagProps) => JSX.Element;

package/dist/esm/types/components/Tag/Tag.overrides.d.ts

@@ -0,0 +1,2 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiChip: OverridesStyleRules;

package/dist/esm/types/components/Tag/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.d.ts

@@ -37,6 +37,8 @@ export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHe
 export { NotFound } from './components/NotFound/NotFound';
 export { Loading, type LoadingProps } from './components/Loading/Loading';
 export { Icon, type IconProps } from './components/Icon/Icon';
+export { Badge, type BadgeProps } from './components/Badge/Badge';
+export { Tag, type TagProps } from './components/Tag/Tag';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeBox, type CodeBoxProps } from './components/CodeBox/CodeBox';
 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';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, CardProps, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, IconButtonProps, PopoverProps as PopoverProps$1, SvgIconProps } from '@mui/material';
+import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, CardProps, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, IconButtonProps, PopoverProps as PopoverProps$1, SvgIconProps, BadgeProps as BadgeProps$1 } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
@@ -115,9 +115,9 @@ declare const Typography: React__default.ForwardRefExoticComponent<Pick<{
 
 declare type ChipProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
 /**
- * Documentation: https://up-components.up42.dev/?path=/docs/data-display-chip
+ * @deprecated Please use [Tags](https://up-components.up42.dev/?path=/docs/data-display-tag) instead
  */
-declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
+declare const Chip: ({ label, sx, ...props }: ChipProps) => JSX.Element;
 
 declare type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
     firstName?: string;
@@ -1727,6 +1727,19 @@ declare type IconProps = {
  */
 declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
 
+declare type BadgeProps = MUIGlobalOmit<BadgeProps$1>;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-badge
+ */
+declare const Badge: ({ children, color, ...props }: BadgeProps) => JSX.Element;
+
+declare type TagProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-tag
+ * @beta this component is still in development
+ */
+declare const Tag: ({ color, ...props }: TagProps) => JSX.Element;
+
 declare type DocumentationPopoverProps = {
     heading: string;
     /**
@@ -1861,4 +1874,4 @@ declare type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, AlertProps, Avatar, AvatarProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CreateAlertProps, DataGrid, DataGridProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, theme, useAlert, useQueryParams, useRemotePagination };
+export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CreateAlertProps, DataGrid, DataGridProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tag, TagProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, theme, useAlert, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",