@material-ui/unstyled/node/generateUtilityClass/generateUtilityClass.js

Unstyled React components with which to implement custom design systems.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = generateUtilityClass;
const globalStateClassesMapping = {
  active: 'Mui-active',
  checked: 'Mui-checked',
  completed: 'Mui-completed',
  disabled: 'Mui-disabled',
  error: 'Mui-error',
  expanded: 'Mui-expanded',
  focused: 'Mui-focused',
  focusVisible: 'Mui-focusVisible',
  required: 'Mui-required',
  selected: 'Mui-selected'
};

function generateUtilityClass(componentName, slot) {
  const globalStateClass = globalStateClassesMapping[slot];
  return globalStateClass || `${componentName}-${slot}`;
}