@mui/joy - npm Package Compare versions

Comparing version 5.0.0-alpha.72 to 5.0.0-alpha.73

Alert/Alert.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Alert/alertClasses.d.ts

@@ -0,0 +0,0 @@ export interface AlertClasses {

Alert/AlertProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Alert/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Alert';

AspectRatio/AspectRatio.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

AspectRatio/aspectRatioClasses.d.ts

@@ -0,0 +0,0 @@ export interface AspectRatioClasses {

AspectRatio/AspectRatioProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AspectRatio/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './AspectRatio';

Autocomplete/Autocomplete.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

Autocomplete/autocompleteClasses.d.ts

@@ -0,0 +0,0 @@ export interface AutocompleteClasses {

Autocomplete/AutocompleteProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Autocomplete/index.d.ts

@@ -0,0 +0,0 @@ export { createFilterOptions } from '@mui/base/useAutocomplete';

AutocompleteListbox/AutocompleteListbox.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AutocompleteListbox/autocompleteListboxClasses.d.ts

@@ -0,0 +0,0 @@ export interface AutocompleteListboxClasses {

AutocompleteListbox/AutocompleteListboxProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AutocompleteListbox/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './AutocompleteListbox';

AutocompleteOption/AutocompleteOption.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AutocompleteOption/autocompleteOptionClasses.d.ts

@@ -0,0 +0,0 @@ export interface AutocompleteOptionClasses {

AutocompleteOption/AutocompleteOptionProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AutocompleteOption/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './AutocompleteOption';

Avatar/Avatar.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Avatar/avatarClasses.d.ts

@@ -0,0 +0,0 @@ export interface AvatarClasses {

Avatar/AvatarProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Avatar/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Avatar';

AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AvatarGroup/avatarGroupClasses.d.ts

@@ -0,0 +0,0 @@ export interface AvatarGroupClasses {

AvatarGroup/AvatarGroupProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

AvatarGroup/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './AvatarGroup';

Badge/Badge.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Badge/badgeClasses.d.ts

@@ -0,0 +0,0 @@ export interface BadgeClasses {

Badge/BadgeProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Badge/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Badge';

Box/Box.d.ts

 import { Theme } from '../styles/types';
 declare const Box: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", Theme>>;
 export default Box;

Box/BoxProps.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

Box/index.d.ts

 export { default } from './Box';
 export * from './BoxProps';

Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Breadcrumbs/breadcrumbsClasses.d.ts

@@ -0,0 +0,0 @@ export interface BreadcrumbsClasses {

Breadcrumbs/BreadcrumbsProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Breadcrumbs/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Breadcrumbs';

Button/Button.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Button/buttonClasses.d.ts

@@ -0,0 +0,0 @@ export interface ButtonClasses {

Button/ButtonProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Button/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Button';

Card/Card.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Card/cardClasses.d.ts

@@ -0,0 +0,0 @@ export interface CardClasses {

Card/CardContext.d.ts

 import * as React from 'react';
 export declare const CardRowContext: React.Context<boolean>;

Card/CardProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Card/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Card';

CardContent/CardContent.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

CardContent/cardContentClasses.d.ts

@@ -0,0 +0,0 @@ export interface CardContentClasses {

CardContent/CardContentProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

CardContent/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './CardContent';

CardCover/CardCover.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

CardCover/cardCoverClasses.d.ts

@@ -0,0 +0,0 @@ export interface CardCoverClasses {

CardCover/CardCoverProps.d.ts

@@ -0,0 +0,0 @@ import { OverrideProps } from '@mui/types';

CardCover/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './CardCover';

CardOverflow/CardOverflow.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

CardOverflow/cardOverflowClasses.d.ts

@@ -0,0 +0,0 @@ export interface CardOverflowClasses {

CardOverflow/CardOverflowProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

CardOverflow/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './CardOverflow';

Checkbox/Checkbox.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Checkbox/checkboxClasses.d.ts

@@ -0,0 +0,0 @@ export interface CheckboxClasses {

Checkbox/CheckboxProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Checkbox/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Checkbox';

Chip/Chip.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Chip/chipClasses.d.ts

@@ -0,0 +0,0 @@ export interface ChipClasses {

Chip/ChipContext.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Chip/ChipProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Chip/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Chip';

ChipDelete/ChipDelete.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ChipDelete/chipDeleteClasses.d.ts

@@ -0,0 +0,0 @@ export interface ChipDeleteClasses {

ChipDelete/ChipDeleteProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ChipDelete/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ChipDelete';

CircularProgress/CircularProgress.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

CircularProgress/circularProgressClasses.d.ts

@@ -0,0 +0,0 @@ export interface CircularProgressClasses {

CircularProgress/CircularProgressProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

CircularProgress/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './CircularProgress';

className/index.d.ts

 export { unstable_ClassNameGenerator } from '@mui/utils';
 export declare const generateUtilityClass: (componentName: string, slot: string) => string;
 export declare const generateUtilityClasses: <T extends string>(componentName: string, slots: T[]) => Record<T, string>;

colors/colors.d.ts

@@ -0,0 +0,0 @@ declare const colors: {

colors/index.d.ts

 export { default } from './colors';

Container/Container.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Container/containerClasses.d.ts

@@ -0,0 +0,0 @@ import { ContainerClasses } from '@mui/system';

Container/ContainerProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Container/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Container';

CssBaseline/CssBaseline.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

CssBaseline/CssBaselineProps.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

CssBaseline/index.d.ts

 export { default } from './CssBaseline';
 export * from './CssBaselineProps';

Divider/Divider.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Divider/dividerClasses.d.ts

@@ -0,0 +0,0 @@ export interface DividerClasses {

Divider/DividerProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Divider/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Divider';

FormControl/FormControl.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

FormControl/formControlClasses.d.ts

@@ -0,0 +0,0 @@ export interface FormControlClasses {

FormControl/FormControlContext.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

FormControl/FormControlProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

FormControl/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './FormControl';

FormHelperText/FormHelperText.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

FormHelperText/formHelperTextClasses.d.ts

@@ -0,0 +0,0 @@ export interface FormHelperTextClasses {

FormHelperText/FormHelperTextProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

FormHelperText/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './FormHelperText';

FormLabel/FormLabel.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

FormLabel/formLabelClasses.d.ts

@@ -0,0 +0,0 @@ export interface FormLabelClasses {

FormLabel/FormLabelProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

FormLabel/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './FormLabel';

GlobalStyles/index.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

Grid/Grid.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Grid/gridClasses.d.ts

@@ -0,0 +0,0 @@ import { GridClasses } from '@mui/system/Unstable_Grid';

Grid/GridProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Grid/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Grid';

IconButton/IconButton.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

IconButton/iconButtonClasses.d.ts

@@ -0,0 +0,0 @@ export interface IconButtonClasses {

IconButton/IconButtonProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

IconButton/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './IconButton';

index.d.ts

@@ -0,0 +0,0 @@ export { default as colors } from './colors';

index.js

 /**
- * @mui/joy v5.0.0-alpha.72
+ * @mui/joy v5.0.0-alpha.73
  *
@@ -4,0 +4,0 @@ * @license MIT

Input/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Input';

Input/Input.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Input/inputClasses.d.ts

@@ -0,0 +0,0 @@ export interface InputClasses {

Input/InputProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Input/useForwardedInput.d.ts

@@ -0,0 +0,0 @@ import { FormControlContextValue } from '../FormControl/FormControlContext';

internal/svg-icons/ArrowDropDown.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/Cancel.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/Check.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/Close.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/HorizontalRule.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/Person.d.ts

@@ -0,0 +0,0 @@ /**

internal/svg-icons/Unfold.d.ts

@@ -0,0 +0,0 @@ /**

LinearProgress/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './LinearProgress';

LinearProgress/LinearProgress.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

LinearProgress/linearProgressClasses.d.ts

@@ -0,0 +0,0 @@ export interface LinearProgressClasses {

LinearProgress/LinearProgressProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Link/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Link';

Link/Link.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Link/linkClasses.d.ts

@@ -0,0 +0,0 @@ export interface LinkClasses {

Link/LinkProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

List/ComponentListContext.d.ts

 import * as React from 'react';
 declare const ComponentListContext: React.Context<string | undefined>;
 export default ComponentListContext;

List/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './List';

List/List.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

List/List.js

@@ -94,4 +94,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
     // Automatic radius adjustment kicks in only if '--List-padding' and '--List-radius' are provided.
-    '--unstable_childRadius': 'max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2))',
-    '--ListItem-radius': 'var(--unstable_childRadius)',
+    '--unstable_List-childRadius': 'calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px))',
+    '--ListItem-radius': 'var(--unstable_List-childRadius)',
     // by default, The ListItem & ListItemButton use automatic radius adjustment based on the parent List.
@@ -123,4 +123,7 @@ '--ListItem-startActionTranslateX': 'calc(0.5 * var(--ListItem-paddingLeft))',
     position: 'relative'
-  }, (_theme$variants = theme.variants[ownerState.variant]) == null ? void 0 : _theme$variants[ownerState.color])];
+  }, (_theme$variants = theme.variants[ownerState.variant]) == null ? void 0 : _theme$variants[ownerState.color], {
+    '--unstable_List-borderWidth': 'var(--variant-borderWidth, 0px)' // For children to lookup the List's border width.
+  })];
 });
+
 const ListRoot = styled(StyledList, {
@@ -127,0 +130,0 @@ name: 'JoyList',

List/listClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListClasses {

List/ListProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

List/ListProvider.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

List/NestedListContext.d.ts

 import * as React from 'react';
 declare const NestedListContext: React.Context<string | boolean>;
 export default NestedListContext;

List/RowListContext.d.ts

 import * as React from 'react';
 declare const RowListContext: React.Context<boolean>;
 export default RowListContext;

List/WrapListContext.d.ts

 import * as React from 'react';
 declare const WrapListContext: React.Context<boolean>;
 export default WrapListContext;

ListDivider/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListDivider';

ListDivider/ListDivider.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ListDivider/listDividerClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListDividerClasses {

ListDivider/ListDividerProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListItem/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListItem';

ListItem/ListItem.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ListItem/listItemClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListItemClasses {

ListItem/ListItemProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListItemButton/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListItemButton';

ListItemButton/ListItemButton.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListItemButton/listItemButtonClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListItemButtonClasses {

ListItemButton/ListItemButtonOrientationContext.d.ts

 import * as React from 'react';
 declare const ListItemButtonOrientationContext: React.Context<"horizontal" | "vertical">;
 export default ListItemButtonOrientationContext;

ListItemButton/ListItemButtonProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListItemContent/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListItemContent';

ListItemContent/ListItemContent.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ListItemContent/listItemContentClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListItemContentClasses {

ListItemContent/ListItemContentProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListItemDecorator/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListItemDecorator';

ListItemDecorator/ListItemDecorator.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ListItemDecorator/listItemDecoratorClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListItemDecoratorClasses {

ListItemDecorator/ListItemDecoratorProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ListSubheader/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ListSubheader';

ListSubheader/ListSubheader.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ListSubheader/listSubheaderClasses.d.ts

@@ -0,0 +0,0 @@ export interface ListSubheaderClasses {

ListSubheader/ListSubheaderContext.d.ts

 import * as React from 'react';
 declare const ListSubheaderDispatch: React.Context<React.Dispatch<React.SetStateAction<string>> | undefined>;
 export default ListSubheaderDispatch;

ListSubheader/ListSubheaderProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Menu/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Menu';

Menu/Menu.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Menu/menuClasses.d.ts

@@ -0,0 +0,0 @@ export interface MenuClasses {

Menu/MenuProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

MenuItem/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './MenuItem';

MenuItem/MenuItem.d.ts

@@ -0,0 +0,0 @@ import { ExtendMenuItem, MenuItemTypeMap } from './MenuItemProps';

MenuItem/menuItemClasses.d.ts

@@ -0,0 +0,0 @@ export interface MenuItemClasses {

MenuItem/MenuItemProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

MenuList/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './MenuList';

MenuList/MenuList.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

MenuList/menuListClasses.d.ts

@@ -0,0 +0,0 @@ export interface MenuListClasses {

MenuList/MenuListProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Modal/CloseModalContext.d.ts

 import * as React from 'react';
 declare const CloseModalContext: React.Context<((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined>;
 export default CloseModalContext;

Modal/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Modal';

Modal/Modal.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Modal/modalClasses.d.ts

@@ -0,0 +0,0 @@ export interface ModalClasses {

Modal/ModalProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ModalClose/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ModalClose';

ModalClose/ModalClose.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ModalClose/modalCloseClasses.d.ts

@@ -0,0 +0,0 @@ export interface ModalCloseClasses {

ModalClose/ModalCloseProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ModalDialog/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './ModalDialog';

ModalDialog/ModalDialog.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ModalDialog/modalDialogClasses.d.ts

@@ -0,0 +0,0 @@ export interface ModalDialogClasses {

ModalDialog/ModalDialogProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ModalDialog/ModalDialogSizeContext.d.ts

 import * as React from 'react';
 declare const ModalDialogSizeContext: React.Context<"sm" | "md" | "lg" | undefined>;
 export default ModalDialogSizeContext;

ModalDialog/ModalDialogVariantColorContext.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

modern/index.js

 /**
- * @mui/joy v5.0.0-alpha.72
+ * @mui/joy v5.0.0-alpha.73
  *
@@ -4,0 +4,0 @@ * @license MIT

modern/List/List.js

@@ -93,4 +93,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
     // Automatic radius adjustment kicks in only if '--List-padding' and '--List-radius' are provided.
-    '--unstable_childRadius': 'max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2))',
-    '--ListItem-radius': 'var(--unstable_childRadius)',
+    '--unstable_List-childRadius': 'calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px))',
+    '--ListItem-radius': 'var(--unstable_List-childRadius)',
     // by default, The ListItem & ListItemButton use automatic radius adjustment based on the parent List.
@@ -122,4 +122,7 @@ '--ListItem-startActionTranslateX': 'calc(0.5 * var(--ListItem-paddingLeft))',
     position: 'relative'
-  }, theme.variants[ownerState.variant]?.[ownerState.color])];
+  }, theme.variants[ownerState.variant]?.[ownerState.color], {
+    '--unstable_List-borderWidth': 'var(--variant-borderWidth, 0px)' // For children to lookup the List's border width.
+  })];
 });
+
 const ListRoot = styled(StyledList, {
@@ -126,0 +129,0 @@ name: 'JoyList',

modern/Stack/Stack.js

@@ -58,4 +58,14 @@ import { createStack } from '@mui/system';
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/joy-ui/customization/themed-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: PropTypes.bool
 } : void 0;
 export default Stack;

node/index.js

 /**
- * @mui/joy v5.0.0-alpha.72
+ * @mui/joy v5.0.0-alpha.73
  *
@@ -4,0 +4,0 @@ * @license MIT

node/List/List.js

@@ -103,4 +103,4 @@ "use strict";
     // Automatic radius adjustment kicks in only if '--List-padding' and '--List-radius' are provided.
-    '--unstable_childRadius': 'max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2))',
-    '--ListItem-radius': 'var(--unstable_childRadius)',
+    '--unstable_List-childRadius': 'calc(max(var(--List-radius) - var(--List-padding), min(var(--List-padding) / 2, var(--List-radius) / 2)) - var(--variant-borderWidth, 0px))',
+    '--ListItem-radius': 'var(--unstable_List-childRadius)',
     // by default, The ListItem & ListItemButton use automatic radius adjustment based on the parent List.
@@ -132,3 +132,5 @@ '--ListItem-startActionTranslateX': 'calc(0.5 * var(--ListItem-paddingLeft))',
     position: 'relative'
-  }, (_theme$variants = theme.variants[ownerState.variant]) == null ? void 0 : _theme$variants[ownerState.color])];
+  }, (_theme$variants = theme.variants[ownerState.variant]) == null ? void 0 : _theme$variants[ownerState.color], {
+    '--unstable_List-borderWidth': 'var(--variant-borderWidth, 0px)' // For children to lookup the List's border width.
+  })];
 });
@@ -135,0 +137,0 @@ exports.StyledList = StyledList;

node/Stack/Stack.js

@@ -65,5 +65,15 @@ "use strict";
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/joy-ui/customization/themed-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: _propTypes.default.bool
 } : void 0;
 var _default = Stack;
 exports.default = _default;

Option/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Option';

Option/Option.d.ts

@@ -0,0 +0,0 @@ import { ExtendOption, OptionTypeMap } from './OptionProps';

Option/optionClasses.d.ts

@@ -0,0 +0,0 @@ export interface OptionClasses {

Option/OptionProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

package.json

 {
   "name": "@mui/joy",
-  "version": "5.0.0-alpha.72",
+  "version": "5.0.0-alpha.73",
   "private": false,
@@ -47,5 +47,5 @@ "author": "MUI Team",
     "@babel/runtime": "^7.21.0",
-    "@mui/base": "5.0.0-alpha.122",
-    "@mui/core-downloads-tracker": "^5.11.14",
-    "@mui/system": "^5.11.14",
+    "@mui/base": "5.0.0-alpha.123",
+    "@mui/core-downloads-tracker": "^5.11.15",
+    "@mui/system": "^5.11.15",
     "@mui/types": "^7.2.3",
@@ -52,0 +52,0 @@ "@mui/utils": "^5.11.13",

Radio/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Radio';

Radio/Radio.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Radio/radioClasses.d.ts

@@ -0,0 +0,0 @@ export interface RadioClasses {

Radio/RadioProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

RadioGroup/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './RadioGroup';

RadioGroup/RadioGroup.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

RadioGroup/radioGroupClasses.d.ts

@@ -0,0 +0,0 @@ export interface RadioGroupClasses {

RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

RadioGroup/RadioGroupProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

ScopedCssBaseline/index.d.ts

 export { default } from './ScopedCssBaseline';
 export * from './ScopedCssBaselineProps';
 export { default as scopedCssBaselineClasses } from './scopedCssBaselineClasses';

ScopedCssBaseline/ScopedCssBaseline.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

ScopedCssBaseline/scopedCssBaselineClasses.d.ts

@@ -0,0 +0,0 @@ export interface ScopedCssBaselineClasses {

ScopedCssBaseline/ScopedCssBaselineProps.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

Select/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Select';

Select/Select.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Select/selectClasses.d.ts

@@ -0,0 +0,0 @@ export interface SelectClasses {

Select/SelectProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Sheet/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Sheet';

Sheet/Sheet.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Sheet/sheetClasses.d.ts

@@ -0,0 +0,0 @@ export interface SheetClasses {

Sheet/SheetProps.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion, OverrideProps } from '@mui/types';

Slider/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Slider';

Slider/Slider.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Slider/sliderClasses.d.ts

@@ -0,0 +0,0 @@ export interface SliderClasses {

Slider/SliderProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Stack/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Stack';

Stack/Stack.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Stack/Stack.js

@@ -58,4 +58,14 @@ import { createStack } from '@mui/system';
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/joy-ui/customization/themed-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: PropTypes.bool
 } : void 0;
 export default Stack;

Stack/stackClasses.d.ts

@@ -0,0 +0,0 @@ import { StackClasses } from '@mui/system';

Stack/StackProps.d.ts

@@ -28,2 +28,12 @@ import * as React from 'react';
         /**
+         * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+         *
+         * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack#limitations),
+         * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+         *
+         * To enable this flag globally, follow the [theme's default props](https://mui.com/joy-ui/customization/themed-components/#default-props) configuration.
+         * @default false
+         */
+        useFlexGap?: boolean;
+        /**
          * The system prop, which allows defining system overrides as well as additional CSS styles.
@@ -30,0 +40,0 @@ */

styles/ColorInversion.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

styles/CssVarsProvider.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

styles/defaultTheme.d.ts

 declare const defaultTheme: import("./types").Theme;
 export default defaultTheme;

styles/extendTheme.d.ts

@@ -0,0 +0,0 @@ import { BreakpointsOptions, SpacingOptions, SxConfig } from '@mui/system';

styles/index.d.ts

@@ -0,0 +0,0 @@ export type { BreakpointOverrides } from '@mui/system';

styles/shouldSkipGeneratingVar.d.ts

 export default function shouldSkipGeneratingVar(keys: string[]): boolean;

styles/styled.d.ts

 import { Theme } from './types';
 declare const styled: import("@mui/system").CreateMUIStyled<Theme>;
 export default styled;

styles/StyledEngineProvider.d.ts

 export { StyledEngineProvider as default } from '@mui/system';

styles/styleUtils.d.ts

@@ -0,0 +0,0 @@ import { Theme, SxProps } from './types';

styles/sxConfig.d.ts

 import { SxConfig } from '@mui/system';
 declare const sxConfig: SxConfig;
 export default sxConfig;

styles/ThemeProvider.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

styles/types/colorScheme.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion } from '@mui/types';

styles/types/colorSystem.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion, Simplify } from '@mui/types';

styles/types/focus.d.ts

@@ -0,0 +0,0 @@ import { CSSObject } from '@mui/system';

styles/types/index.d.ts

@@ -0,0 +0,0 @@ export * from './colorScheme';

styles/types/radius.d.ts

@@ -0,0 +0,0 @@ import { OverridableRecord } from './utils';

styles/types/shadow.d.ts

@@ -0,0 +0,0 @@ import { OverridableRecord } from './utils';

styles/types/theme.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion } from '@mui/types';

styles/types/typography.d.ts

@@ -0,0 +0,0 @@ import { CSSObject } from '@mui/system';

styles/types/utils.d.ts

@@ -0,0 +0,0 @@ /**

styles/types/variants.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion } from '@mui/types';

styles/types/zIndex.d.ts

@@ -0,0 +0,0 @@ import { OverridableRecord } from './utils';

styles/useThemeProps.d.ts

@@ -0,0 +0,0 @@ export default function useThemeProps<T extends {}>({ props, name, }: {

styles/variantUtils.d.ts

@@ -0,0 +0,0 @@ import { CSSObject } from '@mui/system';

SvgIcon/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './SvgIcon';

SvgIcon/SvgIcon.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

SvgIcon/svgIconClasses.d.ts

@@ -0,0 +0,0 @@ export interface SvgIconClasses {

SvgIcon/SvgIconProps.d.ts

@@ -0,0 +0,0 @@ import { OverridableStringUnion, OverrideProps } from '@mui/types';

Switch/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Switch';

Switch/Switch.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Switch/switchClasses.d.ts

@@ -0,0 +0,0 @@ export interface SwitchClasses {

Switch/SwitchProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Tab/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Tab';

Tab/Tab.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Tab/tabClasses.d.ts

@@ -0,0 +0,0 @@ export interface TabClasses {

Tab/TabProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Table/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Table';

Table/Table.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Table/tableClasses.d.ts

@@ -0,0 +0,0 @@ export interface TableClasses {

Table/TableProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

TabList/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './TabList';

TabList/TabList.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

TabList/tabListClasses.d.ts

@@ -0,0 +0,0 @@ export interface TabListClasses {

TabList/TabListProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

TabPanel/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './TabPanel';

TabPanel/TabPanel.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

TabPanel/tabPanelClasses.d.ts

@@ -0,0 +0,0 @@ export interface TabPanelClasses {

TabPanel/TabPanelProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Tabs/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Tabs';

Tabs/SizeTabsContext.d.ts

 import * as React from 'react';
 declare const SizeTabsContext: React.Context<"sm" | "md" | "lg">;
 export default SizeTabsContext;

Tabs/Tabs.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Tabs/tabsClasses.d.ts

@@ -0,0 +0,0 @@ export interface TabsClasses {

Tabs/TabsProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Textarea/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Textarea';

Textarea/Textarea.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Textarea/textareaClasses.d.ts

@@ -0,0 +0,0 @@ export interface TextareaClasses {

Textarea/TextareaProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

TextField/index.d.ts

 export { default } from './TextField';

TextField/TextField.d.ts

@@ -0,0 +0,0 @@ /**

Tooltip/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Tooltip';

Tooltip/Tooltip.d.ts

@@ -0,0 +0,0 @@ import { OverridableComponent } from '@mui/types';

Tooltip/tooltipClasses.d.ts

@@ -0,0 +0,0 @@ export interface TooltipClasses {

Tooltip/TooltipProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Typography/index.d.ts

@@ -0,0 +0,0 @@ export { default } from './Typography';

Typography/Typography.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

Typography/typographyClasses.d.ts

@@ -0,0 +0,0 @@ export interface TypographyClasses {

Typography/TypographyProps.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

utils/createSvgIcon.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

utils/index.d.ts

 export { default as createSvgIcon } from './createSvgIcon';

utils/shouldSpreadAdditionalProps.d.ts

 declare const shouldSpreadAdditionalProps: (Slot: any) => boolean;
 export default shouldSpreadAdditionalProps;

utils/types.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

utils/useSlot.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

65879

increased by0.07%

Worsened metrics

Total package byte prevSize

3265350

decreased by-0.11%

Dependency changes

• + Added@mui/base@5.0.0-alpha.123(transitive)

• - Removed@mui/base@5.0.0-alpha.122(transitive)

• Updated@mui/base@5.0.0-alpha.123

• Updated@mui/core-downloads-tracker@^5.11.15

• Updated@mui/system@^5.11.15