@zohodesk/components/es/v1/Label/css/cssJSLogic.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

import compileClassNames from '@zohodesk/utils/es/compileClassNames';
import commonStyle from "../../../common/common.module.css";
export default function cssJSLogic({
  style,
  props
}) {
  const {
    shouldHighlightRequired,
    isRequired,
    isDisabled,
    customClass,
    requiredType,
    palette,
    isReadOnly
  } = props;
  const {
    label: customClass_label,
    container: customClass_container
  } = customClass;
  const labelClass = compileClassNames({
    [style.label]: true,
    [customClass_label]: !!customClass_label
  });
  const requiredClass = compileClassNames({
    [style.requiredCommon]: true,
    [commonStyle.flexshrink]: true,
    [style.requiredText]: requiredType === 'text',
    [style.asterisk]: requiredType === 'asterisk'
  });
  const containerClass = compileClassNames({
    [style.container]: true,
    [style.required]: isRequired && shouldHighlightRequired,
    [style.readonly]: isReadOnly,
    [style.disabled]: isDisabled,
    [style[palette]]: palette && !(isRequired && shouldHighlightRequired) && !isDisabled,
    [customClass_container]: !!customClass_container
  });
  return {
    labelClass,
    requiredClass,
    containerClass
  };
}