@zohodesk/components/lib/v1/Label/css/Label_v1.module.css

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

.container {
    --local-label-cursor: pointer;
    max-width: 100% ;
}
.label {
    /*css:theme-validation:ignore*/
    color: var(--local-label-text-color);
    cursor: var(--local-label-cursor);
}
.required .label {
     /*css:theme-validation:ignore*/
    color: var(--local-label-required-text-color);
}
.disabled:not(.required) .label {
     /*css:theme-validation:ignore*/
    color: var(--local-label-disabled-text-color);
}
.default {
    --local-label-text-color: var(--zdt_v1_label_text);
}
.secondary {
    --local-label-text-color: var(--zdt_v1_label_secondary_text);
}
.required {
    --local-label-required-text-color: var(--zdt_v1_label_required_text);
}
.disabled {
    --local-label-disabled-text-color: var(--zdt_v1_label_disabled_text);  
}
.disabled, .readonly {
    --local-label-cursor: not-allowed;
}
.requiredCommon {
    color: var(--zdt_v1_label_required_text);
    cursor: var(--local-label-cursor);
}
.requiredText {
    margin-inline-start: var(--zd_size4) ;
}
.asterisk {
    margin-inline-start: var(--zd_size2) ;
}