@material-ui/unstyled - npm Package Compare versions

Comparing version 5.0.0-alpha.21 to 5.0.0-alpha.22

BadgeUnstyled/BadgeUnstyled.js

@@ -19,4 +19,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(badgeUnstyledClasses['root'], classes['root']),
-    badge: clsx(badgeUnstyledClasses['badge'], classes['badge'], getBadgeUtilityClass(variant), badgeUnstyledClasses[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], classes[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], invisible && [badgeUnstyledClasses['invisible'], classes.invisible])
+    root: clsx(badgeUnstyledClasses.root, classes.root),
+    badge: clsx(badgeUnstyledClasses.badge, classes.badge, getBadgeUtilityClass(variant), badgeUnstyledClasses[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], classes[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], invisible && [badgeUnstyledClasses.invisible, classes.invisible])
   };
@@ -23,0 +23,0 @@ };

BadgeUnstyled/badgeUnstyledClasses.d.ts

@@ -15,3 +15,3 @@ export interface BadgeUnstyledClasses {
 
-export function getBadgeUtilityClass(part: string): string;
+export function getBadgeUtilityClass(slot: string): string;
 
@@ -18,0 +18,0 @@ declare const badgeUnstyledClasses: BadgeUnstyledClasses;

BadgeUnstyled/package.json

 {
   "sideEffects": false,
   "module": "./index.js",
-  "main": "..\\node\\BadgeUnstyled\\index.js",
+  "main": "../node/BadgeUnstyled/index.js",
   "types": "./index.d.ts"
 }

generateUtilityClass/package.json

 {
   "sideEffects": false,
   "module": "./index.js",
-  "main": "..\\node\\generateUtilityClass\\index.js",
+  "main": "../node/generateUtilityClass/index.js",
   "types": "./index.d.ts"
 }

generateUtilityClasses/generateUtilityClasses.d.ts

@@ -1,4 +0,4 @@
-export default function generateUtilityClasses(
+export default function generateUtilityClasses<T extends keyof any>(
   componentName: string,
-  slots: string[]
-): Record<string, string>;
+  slots: T[]
+): Record<T, string>;

generateUtilityClasses/package.json

 {
   "sideEffects": false,
   "module": "./index.js",
-  "main": "..\\node\\generateUtilityClasses\\index.js",
+  "main": "../node/generateUtilityClasses/index.js",
   "types": "./index.d.ts"
 }

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.21
+/** @license Material-UI v5.0.0-alpha.22
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

legacy/BadgeUnstyled/BadgeUnstyled.js

@@ -18,4 +18,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(badgeUnstyledClasses['root'], classes['root']),
-    badge: clsx(badgeUnstyledClasses['badge'], classes['badge'], getBadgeUtilityClass(variant), badgeUnstyledClasses["anchorOrigin".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], classes["anchorOrigin".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], invisible && [badgeUnstyledClasses['invisible'], classes.invisible])
+    root: clsx(badgeUnstyledClasses.root, classes.root),
+    badge: clsx(badgeUnstyledClasses.badge, classes.badge, getBadgeUtilityClass(variant), badgeUnstyledClasses["anchorOrigin".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], classes["anchorOrigin".concat(capitalize(anchorOrigin.vertical)).concat(capitalize(anchorOrigin.horizontal)).concat(capitalize(overlap))], invisible && [badgeUnstyledClasses.invisible, classes.invisible])
   };
@@ -22,0 +22,0 @@ };

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.21
+/** @license Material-UI v5.0.0-alpha.22
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

legacy/SliderUnstyled/SliderUnstyled.js

@@ -189,14 +189,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(sliderUnstyledClasses['root'], classes['root'], disabled && [sliderUnstyledClasses['disabled'], classes['disabled']], marked && [sliderUnstyledClasses['marked'], classes['marked']], track === false && [sliderUnstyledClasses['trackFalse'], classes['trackFalse']], orientation === 'vertical' && [sliderUnstyledClasses['vertical'], classes['vertical']], track === 'inverted' && [sliderUnstyledClasses['trackInverted'], classes['trackInverted']]),
-    rail: clsx(sliderUnstyledClasses['rail'], classes['rail']),
-    track: clsx(sliderUnstyledClasses['track'], classes['track']),
-    mark: clsx(sliderUnstyledClasses['mark'], classes['mark']),
-    markActive: clsx(sliderUnstyledClasses['markActive'], classes['markActive']),
-    markLabel: clsx(sliderUnstyledClasses['markLabel'], classes['markLabel']),
-    markLabelActive: clsx(sliderUnstyledClasses['markLabelActive'], classes['markLabelActive']),
-    valueLabel: clsx(sliderUnstyledClasses['valueLabel'], classes['valueLabel']),
-    thumb: clsx(sliderUnstyledClasses['thumb'], classes['thumb'], disabled && [classes['disabled'], sliderUnstyledClasses['disabled']]),
-    active: clsx(sliderUnstyledClasses['active'], classes['active']),
-    disabled: clsx(sliderUnstyledClasses['disabled'], classes['disabled']),
-    focusVisible: clsx(sliderUnstyledClasses['focusVisible'], classes['focusVisible'])
+    root: clsx(sliderUnstyledClasses.root, classes.root, disabled && [sliderUnstyledClasses.disabled, classes.disabled], marked && [sliderUnstyledClasses.marked, classes.marked], track === false && [sliderUnstyledClasses.trackFalse, classes.trackFalse], orientation === 'vertical' && [sliderUnstyledClasses.vertical, classes.vertical], track === 'inverted' && [sliderUnstyledClasses.trackInverted, classes.trackInverted]),
+    rail: clsx(sliderUnstyledClasses.rail, classes.rail),
+    track: clsx(sliderUnstyledClasses.track, classes.track),
+    mark: clsx(sliderUnstyledClasses.mark, classes.mark),
+    markActive: clsx(sliderUnstyledClasses.markActive, classes.markActive),
+    markLabel: clsx(sliderUnstyledClasses.markLabel, classes.markLabel),
+    markLabelActive: clsx(sliderUnstyledClasses.markLabelActive, classes.markLabelActive),
+    valueLabel: clsx(sliderUnstyledClasses.valueLabel, classes.valueLabel),
+    thumb: clsx(sliderUnstyledClasses.thumb, classes.thumb, disabled && [classes.disabled, sliderUnstyledClasses.disabled]),
+    active: clsx(sliderUnstyledClasses.active, classes.active),
+    disabled: clsx(sliderUnstyledClasses.disabled, classes.disabled),
+    focusVisible: clsx(sliderUnstyledClasses.focusVisible, classes.focusVisible)
   };
@@ -773,3 +773,3 @@ };
       style: _extends({}, style, markProps.style),
-      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses['markActive'])
+      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses.markActive)
     })), mark.label != null ? /*#__PURE__*/React.createElement(MarkLabel, _extends({
@@ -785,3 +785,3 @@ "aria-hidden": true,
       style: _extends({}, style, markLabelProps.style),
-      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses['markLabelActive'])
+      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses.markLabelActive)
     }), mark.label) : null);
@@ -822,3 +822,3 @@ }), values.map(function (value, index) {
     }, thumbProps, {
-      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses['active'], focusVisible === index && utilityClasses['focusVisible'])
+      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses.active, focusVisible === index && utilityClasses.focusVisible)
     }, !isHostComponent(Thumb) && {
@@ -825,0 +825,0 @@ styleProps: _extends({}, styleProps, thumbProps.styleProps),

modern/BadgeUnstyled/BadgeUnstyled.js

@@ -19,4 +19,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(badgeUnstyledClasses['root'], classes['root']),
-    badge: clsx(badgeUnstyledClasses['badge'], classes['badge'], getBadgeUtilityClass(variant), badgeUnstyledClasses[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], classes[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], invisible && [badgeUnstyledClasses['invisible'], classes.invisible])
+    root: clsx(badgeUnstyledClasses.root, classes.root),
+    badge: clsx(badgeUnstyledClasses.badge, classes.badge, getBadgeUtilityClass(variant), badgeUnstyledClasses[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], classes[`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`], invisible && [badgeUnstyledClasses.invisible, classes.invisible])
   };
@@ -23,0 +23,0 @@ };

modern/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.21
+/** @license Material-UI v5.0.0-alpha.22
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

modern/SliderUnstyled/SliderUnstyled.js

@@ -175,14 +175,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(sliderUnstyledClasses['root'], classes['root'], disabled && [sliderUnstyledClasses['disabled'], classes['disabled']], marked && [sliderUnstyledClasses['marked'], classes['marked']], track === false && [sliderUnstyledClasses['trackFalse'], classes['trackFalse']], orientation === 'vertical' && [sliderUnstyledClasses['vertical'], classes['vertical']], track === 'inverted' && [sliderUnstyledClasses['trackInverted'], classes['trackInverted']]),
-    rail: clsx(sliderUnstyledClasses['rail'], classes['rail']),
-    track: clsx(sliderUnstyledClasses['track'], classes['track']),
-    mark: clsx(sliderUnstyledClasses['mark'], classes['mark']),
-    markActive: clsx(sliderUnstyledClasses['markActive'], classes['markActive']),
-    markLabel: clsx(sliderUnstyledClasses['markLabel'], classes['markLabel']),
-    markLabelActive: clsx(sliderUnstyledClasses['markLabelActive'], classes['markLabelActive']),
-    valueLabel: clsx(sliderUnstyledClasses['valueLabel'], classes['valueLabel']),
-    thumb: clsx(sliderUnstyledClasses['thumb'], classes['thumb'], disabled && [classes['disabled'], sliderUnstyledClasses['disabled']]),
-    active: clsx(sliderUnstyledClasses['active'], classes['active']),
-    disabled: clsx(sliderUnstyledClasses['disabled'], classes['disabled']),
-    focusVisible: clsx(sliderUnstyledClasses['focusVisible'], classes['focusVisible'])
+    root: clsx(sliderUnstyledClasses.root, classes.root, disabled && [sliderUnstyledClasses.disabled, classes.disabled], marked && [sliderUnstyledClasses.marked, classes.marked], track === false && [sliderUnstyledClasses.trackFalse, classes.trackFalse], orientation === 'vertical' && [sliderUnstyledClasses.vertical, classes.vertical], track === 'inverted' && [sliderUnstyledClasses.trackInverted, classes.trackInverted]),
+    rail: clsx(sliderUnstyledClasses.rail, classes.rail),
+    track: clsx(sliderUnstyledClasses.track, classes.track),
+    mark: clsx(sliderUnstyledClasses.mark, classes.mark),
+    markActive: clsx(sliderUnstyledClasses.markActive, classes.markActive),
+    markLabel: clsx(sliderUnstyledClasses.markLabel, classes.markLabel),
+    markLabelActive: clsx(sliderUnstyledClasses.markLabelActive, classes.markLabelActive),
+    valueLabel: clsx(sliderUnstyledClasses.valueLabel, classes.valueLabel),
+    thumb: clsx(sliderUnstyledClasses.thumb, classes.thumb, disabled && [classes.disabled, sliderUnstyledClasses.disabled]),
+    active: clsx(sliderUnstyledClasses.active, classes.active),
+    disabled: clsx(sliderUnstyledClasses.disabled, classes.disabled),
+    focusVisible: clsx(sliderUnstyledClasses.focusVisible, classes.focusVisible)
   };
@@ -725,3 +725,3 @@ };
       style: _extends({}, style, markProps.style),
-      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses['markActive'])
+      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses.markActive)
     })), mark.label != null ? /*#__PURE__*/React.createElement(MarkLabel, _extends({
@@ -737,3 +737,3 @@ "aria-hidden": true,
       style: _extends({}, style, markLabelProps.style),
-      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses['markLabelActive'])
+      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses.markLabelActive)
     }), mark.label) : null);
@@ -774,3 +774,3 @@ }), values.map((value, index) => {
     }, thumbProps, {
-      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses['active'], focusVisible === index && utilityClasses['focusVisible'])
+      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses.active, focusVisible === index && utilityClasses.focusVisible)
     }, !isHostComponent(Thumb) && {
@@ -777,0 +777,0 @@ styleProps: _extends({}, styleProps, thumbProps.styleProps),

node/BadgeUnstyled/BadgeUnstyled.js

@@ -37,4 +37,4 @@ "use strict";
   return {
-    root: (0, _clsx.default)(_badgeUnstyledClasses.default['root'], classes['root']),
-    badge: (0, _clsx.default)(_badgeUnstyledClasses.default['badge'], classes['badge'], (0, _badgeUnstyledClasses.getBadgeUtilityClass)(variant), _badgeUnstyledClasses.default[`anchorOrigin${(0, _utils.unstable_capitalize)(anchorOrigin.vertical)}${(0, _utils.unstable_capitalize)(anchorOrigin.horizontal)}${(0, _utils.unstable_capitalize)(overlap)}`], classes[`anchorOrigin${(0, _utils.unstable_capitalize)(anchorOrigin.vertical)}${(0, _utils.unstable_capitalize)(anchorOrigin.horizontal)}${(0, _utils.unstable_capitalize)(overlap)}`], invisible && [_badgeUnstyledClasses.default['invisible'], classes.invisible])
+    root: (0, _clsx.default)(_badgeUnstyledClasses.default.root, classes.root),
+    badge: (0, _clsx.default)(_badgeUnstyledClasses.default.badge, classes.badge, (0, _badgeUnstyledClasses.getBadgeUtilityClass)(variant), _badgeUnstyledClasses.default[`anchorOrigin${(0, _utils.unstable_capitalize)(anchorOrigin.vertical)}${(0, _utils.unstable_capitalize)(anchorOrigin.horizontal)}${(0, _utils.unstable_capitalize)(overlap)}`], classes[`anchorOrigin${(0, _utils.unstable_capitalize)(anchorOrigin.vertical)}${(0, _utils.unstable_capitalize)(anchorOrigin.horizontal)}${(0, _utils.unstable_capitalize)(overlap)}`], invisible && [_badgeUnstyledClasses.default.invisible, classes.invisible])
   };
@@ -41,0 +41,0 @@ };

node/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v5.0.0-alpha.21
+/** @license Material-UI v5.0.0-alpha.22
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

node/SliderUnstyled/SliderUnstyled.js

@@ -194,14 +194,14 @@ "use strict";
   return {
-    root: (0, _clsx.default)(_sliderUnstyledClasses.default['root'], classes['root'], disabled && [_sliderUnstyledClasses.default['disabled'], classes['disabled']], marked && [_sliderUnstyledClasses.default['marked'], classes['marked']], track === false && [_sliderUnstyledClasses.default['trackFalse'], classes['trackFalse']], orientation === 'vertical' && [_sliderUnstyledClasses.default['vertical'], classes['vertical']], track === 'inverted' && [_sliderUnstyledClasses.default['trackInverted'], classes['trackInverted']]),
-    rail: (0, _clsx.default)(_sliderUnstyledClasses.default['rail'], classes['rail']),
-    track: (0, _clsx.default)(_sliderUnstyledClasses.default['track'], classes['track']),
-    mark: (0, _clsx.default)(_sliderUnstyledClasses.default['mark'], classes['mark']),
-    markActive: (0, _clsx.default)(_sliderUnstyledClasses.default['markActive'], classes['markActive']),
-    markLabel: (0, _clsx.default)(_sliderUnstyledClasses.default['markLabel'], classes['markLabel']),
-    markLabelActive: (0, _clsx.default)(_sliderUnstyledClasses.default['markLabelActive'], classes['markLabelActive']),
-    valueLabel: (0, _clsx.default)(_sliderUnstyledClasses.default['valueLabel'], classes['valueLabel']),
-    thumb: (0, _clsx.default)(_sliderUnstyledClasses.default['thumb'], classes['thumb'], disabled && [classes['disabled'], _sliderUnstyledClasses.default['disabled']]),
-    active: (0, _clsx.default)(_sliderUnstyledClasses.default['active'], classes['active']),
-    disabled: (0, _clsx.default)(_sliderUnstyledClasses.default['disabled'], classes['disabled']),
-    focusVisible: (0, _clsx.default)(_sliderUnstyledClasses.default['focusVisible'], classes['focusVisible'])
+    root: (0, _clsx.default)(_sliderUnstyledClasses.default.root, classes.root, disabled && [_sliderUnstyledClasses.default.disabled, classes.disabled], marked && [_sliderUnstyledClasses.default.marked, classes.marked], track === false && [_sliderUnstyledClasses.default.trackFalse, classes.trackFalse], orientation === 'vertical' && [_sliderUnstyledClasses.default.vertical, classes.vertical], track === 'inverted' && [_sliderUnstyledClasses.default.trackInverted, classes.trackInverted]),
+    rail: (0, _clsx.default)(_sliderUnstyledClasses.default.rail, classes.rail),
+    track: (0, _clsx.default)(_sliderUnstyledClasses.default.track, classes.track),
+    mark: (0, _clsx.default)(_sliderUnstyledClasses.default.mark, classes.mark),
+    markActive: (0, _clsx.default)(_sliderUnstyledClasses.default.markActive, classes.markActive),
+    markLabel: (0, _clsx.default)(_sliderUnstyledClasses.default.markLabel, classes.markLabel),
+    markLabelActive: (0, _clsx.default)(_sliderUnstyledClasses.default.markLabelActive, classes.markLabelActive),
+    valueLabel: (0, _clsx.default)(_sliderUnstyledClasses.default.valueLabel, classes.valueLabel),
+    thumb: (0, _clsx.default)(_sliderUnstyledClasses.default.thumb, classes.thumb, disabled && [classes.disabled, _sliderUnstyledClasses.default.disabled]),
+    active: (0, _clsx.default)(_sliderUnstyledClasses.default.active, classes.active),
+    disabled: (0, _clsx.default)(_sliderUnstyledClasses.default.disabled, classes.disabled),
+    focusVisible: (0, _clsx.default)(_sliderUnstyledClasses.default.focusVisible, classes.focusVisible)
   };
@@ -740,3 +740,3 @@ };
       style: (0, _extends2.default)({}, style, markProps.style),
-      className: (0, _clsx.default)(utilityClasses.mark, markProps.className, markActive && utilityClasses['markActive'])
+      className: (0, _clsx.default)(utilityClasses.mark, markProps.className, markActive && utilityClasses.markActive)
     })), mark.label != null ? /*#__PURE__*/React.createElement(MarkLabel, (0, _extends2.default)({
@@ -752,3 +752,3 @@ "aria-hidden": true,
       style: (0, _extends2.default)({}, style, markLabelProps.style),
-      className: (0, _clsx.default)(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses['markLabelActive'])
+      className: (0, _clsx.default)(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses.markLabelActive)
     }), mark.label) : null);
@@ -789,3 +789,3 @@ }), values.map((value, index) => {
     }, thumbProps, {
-      className: (0, _clsx.default)(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses['active'], focusVisible === index && utilityClasses['focusVisible'])
+      className: (0, _clsx.default)(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses.active, focusVisible === index && utilityClasses.focusVisible)
     }, !(0, _isHostComponent.default)(Thumb) && {
@@ -792,0 +792,0 @@ styleProps: (0, _extends2.default)({}, styleProps, thumbProps.styleProps),

package.json

 {
   "name": "@material-ui/unstyled",
-  "version": "5.0.0-alpha.21",
+  "version": "5.0.0-alpha.22",
   "private": false,
@@ -36,3 +36,3 @@ "author": "Material-UI Team",
     "@babel/runtime": "^7.4.4",
-    "@material-ui/utils": "5.0.0-alpha.21",
+    "@material-ui/utils": "5.0.0-alpha.22",
     "clsx": "^1.0.4",
@@ -39,0 +39,0 @@ "prop-types": "^15.7.2",

SliderUnstyled/package.json

 {
   "sideEffects": false,
   "module": "./index.js",
-  "main": "..\\node\\SliderUnstyled\\index.js",
+  "main": "../node/SliderUnstyled/index.js",
   "types": "./index.d.ts"
 }

SliderUnstyled/SliderUnstyled.js

@@ -175,14 +175,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   return {
-    root: clsx(sliderUnstyledClasses['root'], classes['root'], disabled && [sliderUnstyledClasses['disabled'], classes['disabled']], marked && [sliderUnstyledClasses['marked'], classes['marked']], track === false && [sliderUnstyledClasses['trackFalse'], classes['trackFalse']], orientation === 'vertical' && [sliderUnstyledClasses['vertical'], classes['vertical']], track === 'inverted' && [sliderUnstyledClasses['trackInverted'], classes['trackInverted']]),
-    rail: clsx(sliderUnstyledClasses['rail'], classes['rail']),
-    track: clsx(sliderUnstyledClasses['track'], classes['track']),
-    mark: clsx(sliderUnstyledClasses['mark'], classes['mark']),
-    markActive: clsx(sliderUnstyledClasses['markActive'], classes['markActive']),
-    markLabel: clsx(sliderUnstyledClasses['markLabel'], classes['markLabel']),
-    markLabelActive: clsx(sliderUnstyledClasses['markLabelActive'], classes['markLabelActive']),
-    valueLabel: clsx(sliderUnstyledClasses['valueLabel'], classes['valueLabel']),
-    thumb: clsx(sliderUnstyledClasses['thumb'], classes['thumb'], disabled && [classes['disabled'], sliderUnstyledClasses['disabled']]),
-    active: clsx(sliderUnstyledClasses['active'], classes['active']),
-    disabled: clsx(sliderUnstyledClasses['disabled'], classes['disabled']),
-    focusVisible: clsx(sliderUnstyledClasses['focusVisible'], classes['focusVisible'])
+    root: clsx(sliderUnstyledClasses.root, classes.root, disabled && [sliderUnstyledClasses.disabled, classes.disabled], marked && [sliderUnstyledClasses.marked, classes.marked], track === false && [sliderUnstyledClasses.trackFalse, classes.trackFalse], orientation === 'vertical' && [sliderUnstyledClasses.vertical, classes.vertical], track === 'inverted' && [sliderUnstyledClasses.trackInverted, classes.trackInverted]),
+    rail: clsx(sliderUnstyledClasses.rail, classes.rail),
+    track: clsx(sliderUnstyledClasses.track, classes.track),
+    mark: clsx(sliderUnstyledClasses.mark, classes.mark),
+    markActive: clsx(sliderUnstyledClasses.markActive, classes.markActive),
+    markLabel: clsx(sliderUnstyledClasses.markLabel, classes.markLabel),
+    markLabelActive: clsx(sliderUnstyledClasses.markLabelActive, classes.markLabelActive),
+    valueLabel: clsx(sliderUnstyledClasses.valueLabel, classes.valueLabel),
+    thumb: clsx(sliderUnstyledClasses.thumb, classes.thumb, disabled && [classes.disabled, sliderUnstyledClasses.disabled]),
+    active: clsx(sliderUnstyledClasses.active, classes.active),
+    disabled: clsx(sliderUnstyledClasses.disabled, classes.disabled),
+    focusVisible: clsx(sliderUnstyledClasses.focusVisible, classes.focusVisible)
   };
@@ -725,3 +725,3 @@ };
       style: _extends({}, style, markProps.style),
-      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses['markActive'])
+      className: clsx(utilityClasses.mark, markProps.className, markActive && utilityClasses.markActive)
     })), mark.label != null ? /*#__PURE__*/React.createElement(MarkLabel, _extends({
@@ -737,3 +737,3 @@ "aria-hidden": true,
       style: _extends({}, style, markLabelProps.style),
-      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses['markLabelActive'])
+      className: clsx(utilityClasses.markLabel, markLabelProps.className, markActive && utilityClasses.markLabelActive)
     }), mark.label) : null);
@@ -774,3 +774,3 @@ }), values.map((value, index) => {
     }, thumbProps, {
-      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses['active'], focusVisible === index && utilityClasses['focusVisible'])
+      className: clsx(utilityClasses.thumb, thumbProps.className, active === index && utilityClasses.active, focusVisible === index && utilityClasses.focusVisible)
     }, !isHostComponent(Thumb) && {
@@ -777,0 +777,0 @@ styleProps: _extends({}, styleProps, thumbProps.styleProps),

SliderUnstyled/sliderUnstyledClasses.d.ts

@@ -26,4 +26,4 @@ export interface SliderUnstyledClasses {
 
-export function getSliderUtilityClass(part: string): string;
+export function getSliderUtilityClass(slot: string): string;
 
 export default sliderUnstyledClasses;

utils/package.json

 {
   "sideEffects": false,
   "module": "./index.js",
-  "main": "..\\node\\utils\\index.js",
+  "main": "../node/utils/index.js",
   "types": "./index.d.ts"
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

887908

increased by0.3%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@material-ui/utils@5.0.0-alpha.22(transitive)

• - Removed@material-ui/utils@5.0.0-alpha.21(transitive)

• Updated@material-ui/utils@5.0.0-alpha.22