@material-ui/unstyled - npm Package Compare versions

Comparing version 5.0.0-alpha.33 to 5.0.0-alpha.34

BackdropUnstyled/BackdropUnstyled.d.ts

 import * as React from 'react';
 import { OverridableComponent, OverridableTypeMap, OverrideProps } from '../OverridableComponent';
+import { BackdropUnstyledClasses } from './backdropUnstyledClasses';
 
@@ -31,8 +32,3 @@ export interface BackdropUnstyledTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
-    classes?: {
-      /** Styles applied to the root element. */
-      root?: string;
-      /** Styles applied to the root element if `invisible={true}`. */
-      invisible?: string;
-    };
+    classes?: Partial<BackdropUnstyledClasses>;
     /**
@@ -60,6 +56,2 @@ * If `true`, the backdrop is invisible.
 
-export type BackdropUnstyledClassKey = keyof NonNullable<
-  BackdropUnstyledTypeMap['props']['classes']
->;
-
 /**
@@ -66,0 +58,0 @@ *

BackdropUnstyled/backdropUnstyledClasses.d.ts

@@ -1,9 +0,10 @@
-import { BackdropUnstyledClassKey } from './BackdropUnstyled';
-
-export type BackdropUnstyledClasses = Record<BackdropUnstyledClassKey, string>;
-
+export interface BackdropUnstyledClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `invisible={true}`. */
+    invisible: string;
+}
+export declare type BackdropUnstyledClassKey = keyof BackdropUnstyledClasses;
+export declare function getBackdropUtilityClass(slot: string): string;
 declare const backdropUnstyledClasses: BackdropUnstyledClasses;
-
-export function getBackdropUtilityClass(slot: string): string;
-
 export default backdropUnstyledClasses;

BadgeUnstyled/BadgeUnstyled.d.ts

 import * as React from 'react';
 import { OverridableComponent, OverridableTypeMap, OverrideProps } from '../OverridableComponent';
+import { BadgeUnstyledClasses } from './badgeUnstyledClasses';
 
@@ -58,30 +59,3 @@ export interface BadgeOrigin {
      */
-    classes?: {
-      /** Class name applied to the root element. */
-      root?: string;
-      /** Class name applied to the badge `span` element. */
-      badge?: string;
-      /** Class name applied to the badge `span` element if `variant="dot"`. */
-      dot?: string;
-      /** Class name applied to the badge `span` element if `variant="standard"`. */
-      standard?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
-      anchorOriginTopRightRectangular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
-      anchorOriginBottomRightRectangular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
-      anchorOriginTopLeftRectangular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
-      anchorOriginBottomLeftRectangular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
-      anchorOriginTopRightCircular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
-      anchorOriginBottomRightCircular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
-      anchorOriginTopLeftCircular?: string;
-      /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
-      anchorOriginBottomLeftCircular?: string;
-      /** Pseudo-class applied to the badge `span` element if `invisible={true}`. */
-      invisible?: string;
-    };
+    classes?: Partial<BadgeUnstyledClasses>;
     /**
@@ -122,4 +96,2 @@ * If `true`, the badge is invisible.
 
-export type BadgeUnstyledClassKey = keyof NonNullable<BadgeUnstyledTypeMap['props']['classes']>;
-
 /**
@@ -126,0 +98,0 @@ *

BadgeUnstyled/badgeUnstyledClasses.d.ts

@@ -1,9 +0,32 @@
-import { BadgeUnstyledClassKey } from './BadgeUnstyled';
-
-export type BadgeUnstyledClasses = Record<BadgeUnstyledClassKey, string>;
-
-export function getBadgeUtilityClass(slot: string): string;
-
+export interface BadgeUnstyledClasses {
+    /** Class name applied to the root element. */
+    root: string;
+    /** Class name applied to the badge `span` element. */
+    badge: string;
+    /** Class name applied to the badge `span` element if `variant="dot"`. */
+    dot: string;
+    /** Class name applied to the badge `span` element if `variant="standard"`. */
+    standard: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangular"`. */
+    anchorOriginTopRightRectangular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangular"`. */
+    anchorOriginBottomRightRectangular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangular"`. */
+    anchorOriginTopLeftRectangular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangular"`. */
+    anchorOriginBottomLeftRectangular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'right' }} overlap="circular"`. */
+    anchorOriginTopRightCircular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circular"`. */
+    anchorOriginBottomRightCircular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'top', 'left' }} overlap="circular"`. */
+    anchorOriginTopLeftCircular: string;
+    /** Class name applied to the badge `span` element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circular"`. */
+    anchorOriginBottomLeftCircular: string;
+    /** Pseudo-class applied to the badge `span` element if `invisible={true}`. */
+    invisible: string;
+}
+export declare type BadgeUnstyledClassKey = keyof BadgeUnstyledClasses;
+export declare function getBadgeUtilityClass(slot: string): string;
 declare const badgeUnstyledClasses: BadgeUnstyledClasses;
-
 export default badgeUnstyledClasses;

BadgeUnstyled/badgeUnstyledClasses.js

@@ -6,3 +6,3 @@ import generateUtilityClasses from '../generateUtilityClasses';
 }
-const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
+const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
 export default badgeUnstyledClasses;

composeClasses/composeClasses.d.ts

@@ -1,1 +0,1 @@
-export default function composeClasses<ClassKey extends string>(slots: Record<ClassKey, ReadonlyArray<string | false | undefined>>, getUtilityClass: (slot: string) => string, classes: Record<string, string> | undefined): Record<ClassKey, string>;
+export default function composeClasses<ClassKey extends string>(slots: Record<ClassKey, ReadonlyArray<string | false | undefined | null>>, getUtilityClass: (slot: string) => string, classes: Record<string, string> | undefined): Record<ClassKey, string>;

index.js

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

legacy/BadgeUnstyled/badgeUnstyledClasses.js

@@ -6,3 +6,3 @@ import generateUtilityClasses from '../generateUtilityClasses';
 }
-var badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
+var badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
 export default badgeUnstyledClasses;

legacy/index.js

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

legacy/SliderUnstyled/SliderUnstyled.js

@@ -946,3 +946,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
@@ -955,3 +955,3 @@ * @returns {string}
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} value The thumb label's value to format.
@@ -958,0 +958,0 @@ * @param {number} index The thumb label's index to format.

ModalUnstyled/ModalUnstyled.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
 import { OverridableComponent, OverridableTypeMap, OverrideProps } from '../OverridableComponent';
+import { ModalUnstyledClasses } from './modalUnstyledClasses';
 
@@ -24,8 +25,3 @@ export interface ModalUnstyledTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
-    classes?: {
-      /** Styles applied to the root element. */
-      root?: string;
-      /** Styles applied to the root element if the `Modal` has exited. */
-      hidden?: string;
-    };
+    classes?: Partial<ModalUnstyledClasses>;
     /**
@@ -147,4 +143,2 @@ * When set to true the Modal waits until a nested Transition is completed before closing.
 
-export type ModalUnstyledClassKey = keyof NonNullable<ModalUnstyledTypeMap['props']['classes']>;
-
 /**
@@ -151,0 +145,0 @@ * Modal is a lower-level construct that is leveraged by the following components:

ModalUnstyled/modalUnstyledClasses.d.ts

@@ -1,9 +0,10 @@
-import { ModalUnstyledClassKey } from './ModalUnstyled';
-
-export type ModalUnstyledClasses = Record<ModalUnstyledClassKey, string>;
-
+export interface ModalUnstyledClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if the `Modal` has exited. */
+    hidden: string;
+}
+export declare type ModalUnstyledClassKey = keyof ModalUnstyledClasses;
+export declare function getModalUtilityClass(slot: string): string;
 declare const modalUnstyledClasses: ModalUnstyledClasses;
-
-export function getModalUtilityClass(slot: string): string;
-
 export default modalUnstyledClasses;

modern/BadgeUnstyled/badgeUnstyledClasses.js

@@ -6,3 +6,3 @@ import generateUtilityClasses from '../generateUtilityClasses';
 }
-const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
+const badgeUnstyledClasses = generateUtilityClasses('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
 export default badgeUnstyledClasses;

modern/index.js

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

modern/SliderUnstyled/SliderUnstyled.js

@@ -893,3 +893,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
@@ -902,3 +902,3 @@ * @returns {string}
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} value The thumb label's value to format.
@@ -905,0 +905,0 @@ * @param {number} index The thumb label's index to format.

node/BadgeUnstyled/badgeUnstyledClasses.js

@@ -19,4 +19,4 @@ "use strict";
 
-const badgeUnstyledClasses = (0, _generateUtilityClasses.default)('MuiBadge', ['root', 'badge', 'dot', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
+const badgeUnstyledClasses = (0, _generateUtilityClasses.default)('MuiBadge', ['root', 'badge', 'dot', 'standard', 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular', 'invisible']);
 var _default = badgeUnstyledClasses;
 exports.default = _default;

node/index.js

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

node/SliderUnstyled/SliderUnstyled.js

@@ -910,3 +910,3 @@ "use strict";
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
@@ -919,3 +919,3 @@ * @returns {string}
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} value The thumb label's value to format.
@@ -922,0 +922,0 @@ * @param {number} index The thumb label's index to format.

package.json

 {
   "name": "@material-ui/unstyled",
-  "version": "5.0.0-alpha.33",
+  "version": "5.0.0-alpha.34",
   "private": false,
@@ -5,0 +5,0 @@ "author": "Material-UI Team",

SliderUnstyled/SliderUnstyled.d.ts

 import { OverridableComponent, OverridableTypeMap, OverrideProps } from '../OverridableComponent';
+import { SliderUnstyledClasses } from './sliderUnstyledClasses';
 
@@ -32,44 +33,3 @@ export interface Mark {
      */
-    classes?: {
-      /** Class name applied to the root element. */
-      root?: string;
-      /** Class name applied to the root element if `marks` is provided with at least one label. */
-      marked?: string;
-      /** Class name applied to the root element if `orientation="vertical"`. */
-      vertical?: string;
-      /** Pseudo-class applied to the root and thumb element if `disabled={true}`. */
-      disabled?: string;
-      /** Pseudo-class applied to the root if a thumb is being dragged. */
-      dragging?: string;
-      /** Class name applied to the rail element. */
-      rail?: string;
-      /** Class name applied to the track element. */
-      track?: string;
-      /** Class name applied to the root element if `track={false}`. */
-      trackFalse?: string;
-      /** Class name applied to the root element if `track="inverted"`. */
-      trackInverted?: string;
-      /** Class name applied to the thumb element. */
-      thumb?: string;
-      /** Pseudo-class applied to the thumb element if it's active. */
-      active?: string;
-      /** Pseudo-class applied to the thumb element if keyboard focused. */
-      focusVisible?: string;
-      /** Class name applied to the thumb label element. */
-      valueLabel?: string;
-      /** Class name applied to the thumb label element if it's open. */
-      valueLabelOpen?: string;
-      /** Class name applied to the thumb label's circle element. */
-      valueLabelCircle?: string;
-      /** Class name applied to the thumb label's label element. */
-      valueLabelLabel?: string;
-      /** Class name applied to the mark element. */
-      mark?: string;
-      /** Class name applied to the mark element if active (depending on the value). */
-      markActive?: string;
-      /** Class name applied to the mark label element. */
-      markLabel?: string;
-      /** Class name applied to the mark label element if active (depending on the value). */
-      markLabelActive?: string;
-    };
+    classes?: Partial<SliderUnstyledClasses>;
     /**
@@ -145,3 +105,3 @@ * The components used for each slot inside the Slider.
      * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-     *
+     * This is important for screen reader users.
      * @param {number} index The thumb label's index to format.
@@ -153,3 +113,3 @@ * @returns {string}
      * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-     *
+     * This is important for screen reader users.
      * @param {number} value The thumb label's value to format.
@@ -294,4 +254,2 @@ * @param {number} index The thumb label's index to format.
 
-export type SliderUnstyledClassKey = keyof NonNullable<SliderUnstyledTypeMap['props']['classes']>;
-
 export default SliderUnstyled;

SliderUnstyled/SliderUnstyled.js

@@ -893,3 +893,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
@@ -902,3 +902,3 @@ * @returns {string}
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
-   *
+   * This is important for screen reader users.
    * @param {number} value The thumb label's value to format.
@@ -905,0 +905,0 @@ * @param {number} index The thumb label's index to format.

SliderUnstyled/sliderUnstyledClasses.d.ts

@@ -1,9 +0,46 @@
-import { SliderUnstyledClassKey } from './SliderUnstyled';
-
-export type SliderUnstyledClasses = Record<SliderUnstyledClassKey, string>;
-
+export interface SliderUnstyledClasses {
+    /** Class name applied to the root element. */
+    root: string;
+    /** Class name applied to the root element if `marks` is provided with at least one label. */
+    marked: string;
+    /** Class name applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Pseudo-class applied to the root and thumb element if `disabled={true}`. */
+    disabled: string;
+    /** Pseudo-class applied to the root if a thumb is being dragged. */
+    dragging: string;
+    /** Class name applied to the rail element. */
+    rail: string;
+    /** Class name applied to the track element. */
+    track: string;
+    /** Class name applied to the root element if `track={false}`. */
+    trackFalse: string;
+    /** Class name applied to the root element if `track="inverted"`. */
+    trackInverted: string;
+    /** Class name applied to the thumb element. */
+    thumb: string;
+    /** Pseudo-class applied to the thumb element if it's active. */
+    active: string;
+    /** Pseudo-class applied to the thumb element if keyboard focused. */
+    focusVisible: string;
+    /** Class name applied to the thumb label element. */
+    valueLabel: string;
+    /** Class name applied to the thumb label element if it's open. */
+    valueLabelOpen: string;
+    /** Class name applied to the thumb label's circle element. */
+    valueLabelCircle: string;
+    /** Class name applied to the thumb label's label element. */
+    valueLabelLabel: string;
+    /** Class name applied to the mark element. */
+    mark: string;
+    /** Class name applied to the mark element if active (depending on the value). */
+    markActive: string;
+    /** Class name applied to the mark label element. */
+    markLabel: string;
+    /** Class name applied to the mark label element if active (depending on the value). */
+    markLabelActive: string;
+}
+export declare type SliderUnstyledClassKey = keyof SliderUnstyledClasses;
+export declare function getSliderUtilityClass(slot: string): string;
 declare const sliderUnstyledClasses: SliderUnstyledClasses;
-
-export function getSliderUtilityClass(slot: string): string;
-
 export default sliderUnstyledClasses;

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

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

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

Total package byte prevSize

1177997

increased by0.73%

Worsened metrics

Lines of code

10500

decreased by-0.02%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes