Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@mui/joy

Package Overview
Dependencies
Maintainers
8
Versions
144
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mui/joy - npm Package Compare versions

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

6

Alert/AlertProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

4

AspectRatio/AspectRatioProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the content.
* The component that renders the content.
* @default 'div'

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

24

Autocomplete/AutocompleteProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -16,3 +16,3 @@ */

/**
* The component used to render the wrapper.
* The component that renders the wrapper.
* @default 'div'

@@ -22,3 +22,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

@@ -28,3 +28,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -34,3 +34,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

@@ -40,3 +40,3 @@ */

/**
* The component used to render the clear indicator.
* The component that renders the clear indicator.
* @default 'button'

@@ -46,3 +46,3 @@ */

/**
* The component used to render the popup indicator.
* The component that renders the popup indicator.
* @default 'button'

@@ -52,3 +52,3 @@ */

/**
* The component used to render the listbox.
* The component that renders the listbox.
* @default 'ul'

@@ -58,3 +58,3 @@ */

/**
* The component used to render the option.
* The component that renders the option.
* @default 'li'

@@ -64,3 +64,3 @@ */

/**
* The component used to render the loading.
* The component that renders the loading.
* @default 'li'

@@ -70,3 +70,3 @@ */

/**
* The component used to render the no-options.
* The component that renders the no-options.
* @default 'li'

@@ -76,3 +76,3 @@ */

/**
* The component used to render the limit tag.
* The component that renders the limit tag.
* @default 'span'

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

6

Avatar/AvatarProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the img.
* The component that renders the img.
* @default 'img'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the fallback.
* The component that renders the fallback.
* @default 'svg'

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

4

Badge/BadgeProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the badge.
* The component that renders the badge.
* @default 'div'

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

8

Breadcrumbs/BreadcrumbsProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'nav'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the ol.
* The component that renders the ol.
* @default 'ol'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the li.
* The component that renders the li.
* @default 'li'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the separator.
* The component that renders the separator.
* @default 'li'

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

8

Button/ButtonProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'button'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the loading indicator center.
* The component that renders the loading indicator center.
* @default 'span'

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

10

Checkbox/CheckboxProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'span'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the checkbox.
* The component that renders the checkbox.
* @default 'span'

@@ -21,3 +21,3 @@ */

/**
* The component used to render the action.
* The component that renders the action.
* @default 'span'

@@ -27,3 +27,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

@@ -33,3 +33,3 @@ */

/**
* The component used to render the label.
* The component that renders the label.
* @default 'label'

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

10

Chip/ChipProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the label.
* The component that renders the label.
* @default 'span'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the action.
* The component that renders the action.
* @default 'button'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -32,3 +32,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

8

CircularProgress/CircularProgressProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'span'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the svg.
* The component that renders the svg.
* @default 'svg'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the track.
* The component that renders the track.
* @default 'circle'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the progress.
* The component that renders the progress.
* @default 'circle'

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

4

FormLabel/FormLabelProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'label'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the asterisk.
* The component that renders the asterisk.
* @default 'span'

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

2

index.js
/**
* @mui/joy v5.0.0-alpha.71
* @mui/joy v5.0.0-alpha.72
*

@@ -4,0 +4,0 @@ * @license MIT

8

Input/InputProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

6

Link/LinkProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'a'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

14

List/List.js

@@ -46,3 +46,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

'--ListItem-fontSize': theme.vars.fontSize.sm,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--Icon-fontSize': '1.125rem'

@@ -58,3 +58,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--Icon-fontSize': '1.25rem'

@@ -70,3 +70,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--Icon-fontSize': '1.5rem'

@@ -79,6 +79,6 @@ };

'--ListItem-paddingRight': 'var(--ListItem-paddingX)',
'--ListItem-paddingLeft': 'var(--NestedList-item-paddingLeft)',
'--ListItem-paddingLeft': 'var(--NestedListItem-paddingLeft)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -93,3 +93,3 @@ '--ListItem-marginInline': '0px',

'--List-gap': '0px',
'--List-decoratorColor': theme.vars.palette.text.tertiary,
'--ListItemDecorator-color': theme.vars.palette.text.tertiary,
'--List-nestedInsetStart': '0px',

@@ -96,0 +96,0 @@ '--ListItem-paddingLeft': 'var(--ListItem-paddingX)',

6

List/ListProvider.d.ts

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

'--NestedList-marginLeft': string;
'--NestedList-item-paddingLeft': string;
'--List-itemButtonMarginBlock': string;
'--List-itemButtonMarginInline': string;
'--NestedListItem-paddingLeft': string;
'--ListItemButton-marginBlock': string;
'--ListItemButton-marginInline': string;
'--ListItem-marginBlock': string;

@@ -22,0 +22,0 @@ '--ListItem-marginInline': string;

6

List/ListProvider.js

@@ -23,6 +23,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";

'--NestedList-marginLeft': '0px',
'--NestedList-item-paddingLeft': 'var(--ListItem-paddingX)',
'--NestedListItem-paddingLeft': 'var(--ListItem-paddingX)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -29,0 +29,0 @@ '--ListItem-marginInline': '0px'

2

ListDivider/ListDivider.js

@@ -53,3 +53,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

}, ownerState.inset === 'startContent' && {
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--List-decoratorSize))'
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--ListItemDecorator-size))'
})));

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

10

ListItem/ListItem.js

@@ -47,4 +47,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

// add negative margin to ListItemButton equal to this ListItem padding
'--List-itemButtonMarginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--List-itemButtonMarginBlock': 'calc(-1 * var(--ListItem-paddingY))',
'--ListItemButton-marginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--ListItemButton-marginBlock': 'calc(-1 * var(--ListItem-paddingY))',
alignItems: 'center',

@@ -56,6 +56,6 @@ marginInline: 'var(--ListItem-marginInline)'

'--NestedList-marginLeft': 'calc(-1 * var(--ListItem-paddingLeft))',
'--NestedList-item-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
'--NestedListItem-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
// add negative margin to ListItem, ListItemButton to make them start from the edge.
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItem-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',

@@ -62,0 +62,0 @@ flexDirection: 'column'

6

ListItem/ListItemProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'li'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the start action.
* The component that renders the start action.
* @default 'div'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the end action.
* The component that renders the end action.
* @default 'div'

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

8

ListItemButton/ListItemButton.js

@@ -40,5 +40,5 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

return [_extends({}, ownerState.selected && {
'--List-decoratorColor': 'initial'
'--ListItemDecorator-color': 'initial'
}, ownerState.disabled && {
'--List-decoratorColor': (_theme$variants = theme.variants) == null ? void 0 : (_theme$variants2 = _theme$variants[`${ownerState.variant}Disabled`]) == null ? void 0 : (_theme$variants3 = _theme$variants2[ownerState.color]) == null ? void 0 : _theme$variants3.color
'--ListItemDecorator-color': (_theme$variants = theme.variants) == null ? void 0 : (_theme$variants2 = _theme$variants[`${ownerState.variant}Disabled`]) == null ? void 0 : (_theme$variants3 = _theme$variants2[ownerState.color]) == null ? void 0 : _theme$variants3.color
}, {

@@ -58,4 +58,4 @@ WebkitTapHighlightColor: 'transparent',

// In some cases, ListItemButton is a child of ListItem so the margin needs to be controlled by the ListItem. The value is negative to account for the ListItem's padding
marginInline: 'var(--List-itemButtonMarginInline)',
marginBlock: 'var(--List-itemButtonMarginBlock)'
marginInline: 'var(--ListItemButton-marginInline)',
marginBlock: 'var(--ListItemButton-marginBlock)'
}, ownerState['data-first-child'] === undefined && {

@@ -62,0 +62,0 @@ marginInlineStart: ownerState.row ? 'var(--List-gap)' : undefined,

6

ListItemDecorator/ListItemDecorator.js

@@ -28,7 +28,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

alignItems: 'center',
color: `var(--List-decoratorColor)`
color: `var(--ListItemDecorator-color)`
}, ownerState.parentOrientation === 'horizontal' ? {
minInlineSize: 'var(--List-decoratorSize)'
minInlineSize: 'var(--ListItemDecorator-size)'
} : {
minBlockSize: 'var(--List-decoratorSize)'
minBlockSize: 'var(--ListItemDecorator-size)'
}));

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

3

Menu/Menu.js

@@ -26,3 +26,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

const slots = {
root: ['root', open && 'expanded', variant && `variant${capitalize(variant)}`, color && `color${capitalize(color)}`, size && `size${capitalize(size)}`]
root: ['root', open && 'expanded', variant && `variant${capitalize(variant)}`, color && `color${capitalize(color)}`, size && `size${capitalize(size)}`],
listbox: ['listbox']
};

@@ -29,0 +30,0 @@ return composeClasses(slots, getMenuUtilityClass, {});

2

Menu/menuClasses.d.ts
export interface MenuClasses {
/** Classname applied to the root element. */
root: string;
/** Classname applied to the listbox element. */
listbox: string;
/** Classname applied to the root element when the menu open. */

@@ -5,0 +7,0 @@ expanded: string;

2

Menu/menuClasses.js

@@ -5,3 +5,3 @@ import { generateUtilityClass, generateUtilityClasses } from '../className';

}
const menuClasses = generateUtilityClasses('MuiMenu', ['root', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
const menuClasses = generateUtilityClasses('MuiMenu', ['root', 'listbox', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
export default menuClasses;

4

Modal/ModalProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the backdrop.
* The component that renders the backdrop.
* @default 'div'

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

6

ModalDialog/ModalDialog.js

@@ -92,3 +92,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

[`& + [id="${ownerState['aria-describedby']}"]`]: {
'--private_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
'--unstable_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
}

@@ -98,6 +98,6 @@ },

'--Typography-fontSize': '1em',
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'&:not(:last-child)': {
// create spacing between description and the next element.
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
}

@@ -104,0 +104,0 @@ }

2

modern/index.js
/**
* @mui/joy v5.0.0-alpha.71
* @mui/joy v5.0.0-alpha.72
*

@@ -4,0 +4,0 @@ * @license MIT

14

modern/List/List.js

@@ -45,3 +45,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

'--ListItem-fontSize': theme.vars.fontSize.sm,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--Icon-fontSize': '1.125rem'

@@ -57,3 +57,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--Icon-fontSize': '1.25rem'

@@ -69,3 +69,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--Icon-fontSize': '1.5rem'

@@ -78,6 +78,6 @@ };

'--ListItem-paddingRight': 'var(--ListItem-paddingX)',
'--ListItem-paddingLeft': 'var(--NestedList-item-paddingLeft)',
'--ListItem-paddingLeft': 'var(--NestedListItem-paddingLeft)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -92,3 +92,3 @@ '--ListItem-marginInline': '0px',

'--List-gap': '0px',
'--List-decoratorColor': theme.vars.palette.text.tertiary,
'--ListItemDecorator-color': theme.vars.palette.text.tertiary,
'--List-nestedInsetStart': '0px',

@@ -95,0 +95,0 @@ '--ListItem-paddingLeft': 'var(--ListItem-paddingX)',

6

modern/List/ListProvider.js

@@ -23,6 +23,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";

'--NestedList-marginLeft': '0px',
'--NestedList-item-paddingLeft': 'var(--ListItem-paddingX)',
'--NestedListItem-paddingLeft': 'var(--ListItem-paddingX)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -29,0 +29,0 @@ '--ListItem-marginInline': '0px'

2

modern/ListDivider/ListDivider.js

@@ -53,3 +53,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

}, ownerState.inset === 'startContent' && {
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--List-decoratorSize))'
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--ListItemDecorator-size))'
})));

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

10

modern/ListItem/ListItem.js

@@ -45,4 +45,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

// add negative margin to ListItemButton equal to this ListItem padding
'--List-itemButtonMarginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--List-itemButtonMarginBlock': 'calc(-1 * var(--ListItem-paddingY))',
'--ListItemButton-marginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--ListItemButton-marginBlock': 'calc(-1 * var(--ListItem-paddingY))',
alignItems: 'center',

@@ -54,6 +54,6 @@ marginInline: 'var(--ListItem-marginInline)'

'--NestedList-marginLeft': 'calc(-1 * var(--ListItem-paddingLeft))',
'--NestedList-item-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
'--NestedListItem-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
// add negative margin to ListItem, ListItemButton to make them start from the edge.
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItem-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',

@@ -60,0 +60,0 @@ flexDirection: 'column'

8

modern/ListItemButton/ListItemButton.js

@@ -38,5 +38,5 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

}) => [_extends({}, ownerState.selected && {
'--List-decoratorColor': 'initial'
'--ListItemDecorator-color': 'initial'
}, ownerState.disabled && {
'--List-decoratorColor': theme.variants?.[`${ownerState.variant}Disabled`]?.[ownerState.color]?.color
'--ListItemDecorator-color': theme.variants?.[`${ownerState.variant}Disabled`]?.[ownerState.color]?.color
}, {

@@ -56,4 +56,4 @@ WebkitTapHighlightColor: 'transparent',

// In some cases, ListItemButton is a child of ListItem so the margin needs to be controlled by the ListItem. The value is negative to account for the ListItem's padding
marginInline: 'var(--List-itemButtonMarginInline)',
marginBlock: 'var(--List-itemButtonMarginBlock)'
marginInline: 'var(--ListItemButton-marginInline)',
marginBlock: 'var(--ListItemButton-marginBlock)'
}, ownerState['data-first-child'] === undefined && {

@@ -60,0 +60,0 @@ marginInlineStart: ownerState.row ? 'var(--List-gap)' : undefined,

6

modern/ListItemDecorator/ListItemDecorator.js

@@ -28,7 +28,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

alignItems: 'center',
color: `var(--List-decoratorColor)`
color: `var(--ListItemDecorator-color)`
}, ownerState.parentOrientation === 'horizontal' ? {
minInlineSize: 'var(--List-decoratorSize)'
minInlineSize: 'var(--ListItemDecorator-size)'
} : {
minBlockSize: 'var(--List-decoratorSize)'
minBlockSize: 'var(--ListItemDecorator-size)'
}));

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

3

modern/Menu/Menu.js

@@ -26,3 +26,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

const slots = {
root: ['root', open && 'expanded', variant && `variant${capitalize(variant)}`, color && `color${capitalize(color)}`, size && `size${capitalize(size)}`]
root: ['root', open && 'expanded', variant && `variant${capitalize(variant)}`, color && `color${capitalize(color)}`, size && `size${capitalize(size)}`],
listbox: ['listbox']
};

@@ -29,0 +30,0 @@ return composeClasses(slots, getMenuUtilityClass, {});

2

modern/Menu/menuClasses.js

@@ -5,3 +5,3 @@ import { generateUtilityClass, generateUtilityClasses } from '../className';

}
const menuClasses = generateUtilityClasses('MuiMenu', ['root', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
const menuClasses = generateUtilityClasses('MuiMenu', ['root', 'listbox', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
export default menuClasses;

6

modern/ModalDialog/ModalDialog.js

@@ -92,3 +92,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

[`& + [id="${ownerState['aria-describedby']}"]`]: {
'--private_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
'--unstable_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
}

@@ -98,6 +98,6 @@ },

'--Typography-fontSize': '1em',
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'&:not(:last-child)': {
// create spacing between description and the next element.
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
}

@@ -104,0 +104,0 @@ }

2

modern/Radio/Radio.js

@@ -212,3 +212,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -215,0 +215,0 @@ * API:

2

modern/RadioGroup/RadioGroup.js

@@ -48,3 +48,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -51,0 +51,0 @@ * API:

12

modern/Table/Table.js

@@ -115,3 +115,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

}, ownerState.size === 'sm' && {
'--private_TableCell-height': 'var(--TableCell-height, 32px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 32px)',
'--TableCell-paddingX': '0.25rem',

@@ -121,3 +121,3 @@ '--TableCell-paddingY': '0.25rem',

}, ownerState.size === 'md' && {
'--private_TableCell-height': 'var(--TableCell-height, 40px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 40px)',
'--TableCell-paddingX': '0.5rem',

@@ -127,3 +127,3 @@ '--TableCell-paddingY': '0.375rem',

}, ownerState.size === 'lg' && {
'--private_TableCell-height': 'var(--TableCell-height, 48px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 48px)',
'--TableCell-paddingX': '0.75rem',

@@ -145,3 +145,3 @@ '--TableCell-paddingY': '0.5rem',

padding: 'var(--TableCell-paddingY) var(--TableCell-paddingX)',
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
borderColor: 'var(--TableCell-borderColor)',

@@ -160,3 +160,3 @@ // must come after border bottom

// use `background-color` in case the Sheet has gradient background
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
fontWeight: theme.vars.fontWeight.lg,

@@ -260,3 +260,3 @@ borderColor: 'var(--TableCell-borderColor)',

// support upto 2 rows for the sticky header
top: 'var(--private_TableCell-height)'
top: 'var(--unstable_TableCell-height)'
}

@@ -263,0 +263,0 @@ }];

10

modern/Tooltip/Tooltip.js

@@ -121,3 +121,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";

return {
'--unstable_TooltipArrow-rotation': 0,
'--unstable_Tooltip-arrowRotation': 0,
width: 'var(--Tooltip-arrowSize)',

@@ -141,3 +141,3 @@ height: 'var(--Tooltip-arrowSize)',

transformOrigin: 'center center',
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_TooltipArrow-rotation)))'
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_Tooltip-arrowRotation)))'
},

@@ -149,11 +149,11 @@ '[data-popper-placement*="bottom"] &': {

'[data-popper-placement*="top"] &': {
'--unstable_TooltipArrow-rotation': 2,
'--unstable_Tooltip-arrowRotation': 2,
bottom: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="left"] &': {
'--unstable_TooltipArrow-rotation': 1,
'--unstable_Tooltip-arrowRotation': 1,
right: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="right"] &': {
'--unstable_TooltipArrow-rotation': 3,
'--unstable_Tooltip-arrowRotation': 3,
left: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'

@@ -160,0 +160,0 @@ }

2

node/index.js
/**
* @mui/joy v5.0.0-alpha.71
* @mui/joy v5.0.0-alpha.72
*

@@ -4,0 +4,0 @@ * @license MIT

14

node/List/List.js

@@ -55,3 +55,3 @@ "use strict";

'--ListItem-fontSize': theme.vars.fontSize.sm,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.5rem' : '2rem',
'--Icon-fontSize': '1.125rem'

@@ -67,3 +67,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '1.75rem' : '2.5rem',
'--Icon-fontSize': '1.25rem'

@@ -79,3 +79,3 @@ };

'--ListItem-fontSize': theme.vars.fontSize.md,
'--List-decoratorSize': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--ListItemDecorator-size': ownerState.orientation === 'horizontal' ? '2.25rem' : '3rem',
'--Icon-fontSize': '1.5rem'

@@ -88,6 +88,6 @@ };

'--ListItem-paddingRight': 'var(--ListItem-paddingX)',
'--ListItem-paddingLeft': 'var(--NestedList-item-paddingLeft)',
'--ListItem-paddingLeft': 'var(--NestedListItem-paddingLeft)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -102,3 +102,3 @@ '--ListItem-marginInline': '0px',

'--List-gap': '0px',
'--List-decoratorColor': theme.vars.palette.text.tertiary,
'--ListItemDecorator-color': theme.vars.palette.text.tertiary,
'--List-nestedInsetStart': '0px',

@@ -105,0 +105,0 @@ '--ListItem-paddingLeft': 'var(--ListItem-paddingX)',

6

node/List/ListProvider.js

@@ -31,6 +31,6 @@ "use strict";

'--NestedList-marginLeft': '0px',
'--NestedList-item-paddingLeft': 'var(--ListItem-paddingX)',
'--NestedListItem-paddingLeft': 'var(--ListItem-paddingX)',
// reset ListItem, ListItemButton negative margin (caused by NestedListItem)
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': '0px',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': '0px',
'--ListItem-marginBlock': '0px',

@@ -37,0 +37,0 @@ '--ListItem-marginInline': '0px'

2

node/ListDivider/ListDivider.js

@@ -62,3 +62,3 @@ "use strict";

}, ownerState.inset === 'startContent' && {
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--List-decoratorSize))'
marginInlineStart: 'calc(var(--ListItem-paddingLeft) + var(--ListItemDecorator-size))'
})));

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

10

node/ListItem/ListItem.js

@@ -55,4 +55,4 @@ "use strict";

// add negative margin to ListItemButton equal to this ListItem padding
'--List-itemButtonMarginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--List-itemButtonMarginBlock': 'calc(-1 * var(--ListItem-paddingY))',
'--ListItemButton-marginInline': `calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))`,
'--ListItemButton-marginBlock': 'calc(-1 * var(--ListItem-paddingY))',
alignItems: 'center',

@@ -64,6 +64,6 @@ marginInline: 'var(--ListItem-marginInline)'

'--NestedList-marginLeft': 'calc(-1 * var(--ListItem-paddingLeft))',
'--NestedList-item-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
'--NestedListItem-paddingLeft': `calc(var(--ListItem-paddingLeft) + var(--List-nestedInsetStart))`,
// add negative margin to ListItem, ListItemButton to make them start from the edge.
'--List-itemButtonMarginBlock': '0px',
'--List-itemButtonMarginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItemButton-marginBlock': '0px',
'--ListItemButton-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',
'--ListItem-marginInline': 'calc(-1 * var(--ListItem-paddingLeft)) calc(-1 * var(--ListItem-paddingRight))',

@@ -70,0 +70,0 @@ flexDirection: 'column'

8

node/ListItemButton/ListItemButton.js

@@ -49,5 +49,5 @@ "use strict";

return [(0, _extends2.default)({}, ownerState.selected && {
'--List-decoratorColor': 'initial'
'--ListItemDecorator-color': 'initial'
}, ownerState.disabled && {
'--List-decoratorColor': (_theme$variants = theme.variants) == null ? void 0 : (_theme$variants2 = _theme$variants[`${ownerState.variant}Disabled`]) == null ? void 0 : (_theme$variants3 = _theme$variants2[ownerState.color]) == null ? void 0 : _theme$variants3.color
'--ListItemDecorator-color': (_theme$variants = theme.variants) == null ? void 0 : (_theme$variants2 = _theme$variants[`${ownerState.variant}Disabled`]) == null ? void 0 : (_theme$variants3 = _theme$variants2[ownerState.color]) == null ? void 0 : _theme$variants3.color
}, {

@@ -67,4 +67,4 @@ WebkitTapHighlightColor: 'transparent',

// In some cases, ListItemButton is a child of ListItem so the margin needs to be controlled by the ListItem. The value is negative to account for the ListItem's padding
marginInline: 'var(--List-itemButtonMarginInline)',
marginBlock: 'var(--List-itemButtonMarginBlock)'
marginInline: 'var(--ListItemButton-marginInline)',
marginBlock: 'var(--ListItemButton-marginBlock)'
}, ownerState['data-first-child'] === undefined && {

@@ -71,0 +71,0 @@ marginInlineStart: ownerState.row ? 'var(--List-gap)' : undefined,

6

node/ListItemDecorator/ListItemDecorator.js

@@ -37,7 +37,7 @@ "use strict";

alignItems: 'center',
color: `var(--List-decoratorColor)`
color: `var(--ListItemDecorator-color)`
}, ownerState.parentOrientation === 'horizontal' ? {
minInlineSize: 'var(--List-decoratorSize)'
minInlineSize: 'var(--ListItemDecorator-size)'
} : {
minBlockSize: 'var(--List-decoratorSize)'
minBlockSize: 'var(--ListItemDecorator-size)'
}));

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

3

node/Menu/Menu.js

@@ -35,3 +35,4 @@ "use strict";

const slots = {
root: ['root', open && 'expanded', variant && `variant${(0, _utils.unstable_capitalize)(variant)}`, color && `color${(0, _utils.unstable_capitalize)(color)}`, size && `size${(0, _utils.unstable_capitalize)(size)}`]
root: ['root', open && 'expanded', variant && `variant${(0, _utils.unstable_capitalize)(variant)}`, color && `color${(0, _utils.unstable_capitalize)(color)}`, size && `size${(0, _utils.unstable_capitalize)(size)}`],
listbox: ['listbox']
};

@@ -38,0 +39,0 @@ return (0, _composeClasses.default)(slots, _menuClasses.getMenuUtilityClass, {});

2

node/Menu/menuClasses.js

@@ -12,4 +12,4 @@ "use strict";

}
const menuClasses = (0, _className.generateUtilityClasses)('MuiMenu', ['root', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
const menuClasses = (0, _className.generateUtilityClasses)('MuiMenu', ['root', 'listbox', 'expanded', 'colorPrimary', 'colorNeutral', 'colorDanger', 'colorInfo', 'colorSuccess', 'colorWarning', 'colorContext', 'variantPlain', 'variantOutlined', 'variantSoft', 'variantSolid', 'sizeSm', 'sizeMd', 'sizeLg']);
var _default = menuClasses;
exports.default = _default;

6

node/ModalDialog/ModalDialog.js

@@ -101,3 +101,3 @@ "use strict";

[`& + [id="${ownerState['aria-describedby']}"]`]: {
'--private_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
'--unstable_ModalDialog-descriptionOffset': 'calc(-1 * var(--ModalDialog-descriptionOffset))'
}

@@ -107,6 +107,6 @@ },

'--Typography-fontSize': '1em',
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 0 0',
'&:not(:last-child)': {
// create spacing between description and the next element.
'--Typography-margin': 'var(--private_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
'--Typography-margin': 'var(--unstable_ModalDialog-descriptionOffset, var(--ModalDialog-gap)) 0 var(--ModalDialog-gap) 0'
}

@@ -113,0 +113,0 @@ }

2

node/Radio/Radio.js

@@ -225,3 +225,3 @@ "use strict";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -228,0 +228,0 @@ * API:

2

node/RadioGroup/RadioGroup.js

@@ -60,3 +60,3 @@ "use strict";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -63,0 +63,0 @@ * API:

12

node/Table/Table.js

@@ -125,3 +125,3 @@ "use strict";

}, ownerState.size === 'sm' && {
'--private_TableCell-height': 'var(--TableCell-height, 32px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 32px)',
'--TableCell-paddingX': '0.25rem',

@@ -131,3 +131,3 @@ '--TableCell-paddingY': '0.25rem',

}, ownerState.size === 'md' && {
'--private_TableCell-height': 'var(--TableCell-height, 40px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 40px)',
'--TableCell-paddingX': '0.5rem',

@@ -137,3 +137,3 @@ '--TableCell-paddingY': '0.375rem',

}, ownerState.size === 'lg' && {
'--private_TableCell-height': 'var(--TableCell-height, 48px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 48px)',
'--TableCell-paddingX': '0.75rem',

@@ -155,3 +155,3 @@ '--TableCell-paddingY': '0.5rem',

padding: 'var(--TableCell-paddingY) var(--TableCell-paddingX)',
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
borderColor: 'var(--TableCell-borderColor)',

@@ -170,3 +170,3 @@ // must come after border bottom

// use `background-color` in case the Sheet has gradient background
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
fontWeight: theme.vars.fontWeight.lg,

@@ -270,3 +270,3 @@ borderColor: 'var(--TableCell-borderColor)',

// support upto 2 rows for the sticky header
top: 'var(--private_TableCell-height)'
top: 'var(--unstable_TableCell-height)'
}

@@ -273,0 +273,0 @@ }];

10

node/Tooltip/Tooltip.js

@@ -132,3 +132,3 @@ "use strict";

return {
'--unstable_TooltipArrow-rotation': 0,
'--unstable_Tooltip-arrowRotation': 0,
width: 'var(--Tooltip-arrowSize)',

@@ -152,3 +152,3 @@ height: 'var(--Tooltip-arrowSize)',

transformOrigin: 'center center',
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_TooltipArrow-rotation)))'
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_Tooltip-arrowRotation)))'
},

@@ -160,11 +160,11 @@ '[data-popper-placement*="bottom"] &': {

'[data-popper-placement*="top"] &': {
'--unstable_TooltipArrow-rotation': 2,
'--unstable_Tooltip-arrowRotation': 2,
bottom: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="left"] &': {
'--unstable_TooltipArrow-rotation': 1,
'--unstable_Tooltip-arrowRotation': 1,
right: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="right"] &': {
'--unstable_TooltipArrow-rotation': 3,
'--unstable_Tooltip-arrowRotation': 3,
left: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'

@@ -171,0 +171,0 @@ }

8

package.json
{
"name": "@mui/joy",
"version": "5.0.0-alpha.71",
"version": "5.0.0-alpha.72",
"private": false,

@@ -47,5 +47,5 @@ "author": "MUI Team",

"@babel/runtime": "^7.21.0",
"@mui/base": "5.0.0-alpha.121",
"@mui/core-downloads-tracker": "^5.11.13",
"@mui/system": "^5.11.13",
"@mui/base": "5.0.0-alpha.122",
"@mui/core-downloads-tracker": "^5.11.14",
"@mui/system": "^5.11.14",
"@mui/types": "^7.2.3",

@@ -52,0 +52,0 @@ "@mui/utils": "^5.11.13",

2

Radio/Radio.d.ts

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

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -10,0 +10,0 @@ * API:

2

Radio/Radio.js

@@ -217,3 +217,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -220,0 +220,0 @@ * API:

12

Radio/RadioProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'span'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the radio.
* The component that renders the radio.
* @default 'span'

@@ -21,3 +21,3 @@ */

/**
* The component used to render the icon.
* The component that renders the icon.
* @default 'span'

@@ -27,3 +27,3 @@ */

/**
* The component used to render the action.
* The component that renders the action.
* @default 'span'

@@ -33,3 +33,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

@@ -39,3 +39,3 @@ */

/**
* The component used to render the label.
* The component that renders the label.
* @default 'label'

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

2

RadioGroup/RadioGroup.d.ts

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

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -10,0 +10,0 @@ * API:

2

RadioGroup/RadioGroup.js

@@ -51,3 +51,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

*
* - [Radio Group](https://mui.com/joy-ui/react-radio/)
* - [Radio Group](https://mui.com/joy-ui/react-radio-button/)
*

@@ -54,0 +54,0 @@ * API:

12

Select/SelectProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -17,3 +17,3 @@ */

/**
* The component used to render the button.
* The component that renders the button.
* @default 'button'

@@ -23,3 +23,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -29,3 +29,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

@@ -35,3 +35,3 @@ */

/**
* The component used to render the indicator.
* The component that renders the indicator.
* @default 'span'

@@ -41,3 +41,3 @@ */

/**
* The component used to render the listbox.
* The component that renders the listbox.
* @default 'ul'

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

16

Slider/SliderProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'span'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the track.
* The component that renders the track.
* @default 'span'

@@ -21,3 +21,3 @@ */

/**
* The component used to render the rail.
* The component that renders the rail.
* @default 'span'

@@ -27,3 +27,3 @@ */

/**
* The component used to render the thumb.
* The component that renders the thumb.
* @default 'span'

@@ -33,3 +33,3 @@ */

/**
* The component used to render the mark.
* The component that renders the mark.
* @default 'span'

@@ -39,3 +39,3 @@ */

/**
* The component used to render the mark label.
* The component that renders the mark label.
* @default 'span'

@@ -45,3 +45,3 @@ */

/**
* The component used to render the value label.
* The component that renders the value label.
* @default 'span'

@@ -51,3 +51,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

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

14

Switch/SwitchProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the thumb.
* The component that renders the thumb.
* @default 'span'

@@ -21,3 +21,3 @@ */

/**
* The component used to render the action.
* The component that renders the action.
* @default 'div'

@@ -27,3 +27,3 @@ */

/**
* The component used to render the input.
* The component that renders the input.
* @default 'input'

@@ -33,3 +33,3 @@ */

/**
* The component used to render the track.
* The component that renders the track.
* @default 'span'

@@ -39,3 +39,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -45,3 +45,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

12

Table/Table.js

@@ -116,3 +116,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";

}, ownerState.size === 'sm' && {
'--private_TableCell-height': 'var(--TableCell-height, 32px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 32px)',
'--TableCell-paddingX': '0.25rem',

@@ -122,3 +122,3 @@ '--TableCell-paddingY': '0.25rem',

}, ownerState.size === 'md' && {
'--private_TableCell-height': 'var(--TableCell-height, 40px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 40px)',
'--TableCell-paddingX': '0.5rem',

@@ -128,3 +128,3 @@ '--TableCell-paddingY': '0.375rem',

}, ownerState.size === 'lg' && {
'--private_TableCell-height': 'var(--TableCell-height, 48px)',
'--unstable_TableCell-height': 'var(--TableCell-height, 48px)',
'--TableCell-paddingX': '0.75rem',

@@ -146,3 +146,3 @@ '--TableCell-paddingY': '0.5rem',

padding: 'var(--TableCell-paddingY) var(--TableCell-paddingX)',
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
borderColor: 'var(--TableCell-borderColor)',

@@ -161,3 +161,3 @@ // must come after border bottom

// use `background-color` in case the Sheet has gradient background
height: 'var(--private_TableCell-height)',
height: 'var(--unstable_TableCell-height)',
fontWeight: theme.vars.fontWeight.lg,

@@ -261,3 +261,3 @@ borderColor: 'var(--TableCell-borderColor)',

// support upto 2 rows for the sticky header
top: 'var(--private_TableCell-height)'
top: 'var(--unstable_TableCell-height)'
}

@@ -264,0 +264,0 @@ }];

8

Textarea/TextareaProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the textarea.
* The component that renders the textarea.
* @default 'textarea'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'div'

@@ -26,3 +26,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'div'

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

10

Tooltip/Tooltip.js

@@ -123,3 +123,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";

return {
'--unstable_TooltipArrow-rotation': 0,
'--unstable_Tooltip-arrowRotation': 0,
width: 'var(--Tooltip-arrowSize)',

@@ -143,3 +143,3 @@ height: 'var(--Tooltip-arrowSize)',

transformOrigin: 'center center',
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_TooltipArrow-rotation)))'
transform: 'rotate(calc(-45deg + 90deg * var(--unstable_Tooltip-arrowRotation)))'
},

@@ -151,11 +151,11 @@ '[data-popper-placement*="bottom"] &': {

'[data-popper-placement*="top"] &': {
'--unstable_TooltipArrow-rotation': 2,
'--unstable_Tooltip-arrowRotation': 2,
bottom: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="left"] &': {
'--unstable_TooltipArrow-rotation': 1,
'--unstable_Tooltip-arrowRotation': 1,
right: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'
},
'[data-popper-placement*="right"] &': {
'--unstable_TooltipArrow-rotation': 3,
'--unstable_Tooltip-arrowRotation': 3,
left: 'calc(0.5px + var(--Tooltip-arrowSize) * -1 / 2)'

@@ -162,0 +162,0 @@ }

4

Tooltip/TooltipProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'div'

@@ -15,3 +15,3 @@ */

/**
* The component used to render the arrow.
* The component that renders the arrow.
* @default 'span'

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

6

Typography/TypographyProps.d.ts

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

/**
* The component used to render the root.
* The component that renders the root.
* @default 'a'

@@ -14,3 +14,3 @@ */

/**
* The component used to render the start decorator.
* The component that renders the start decorator.
* @default 'span'

@@ -20,3 +20,3 @@ */

/**
* The component used to render the end decorator.
* The component that renders the end decorator.
* @default 'span'

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

CHANGELOG.md

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc