Carlos Florêncio
19 lines
848 B
TypeScript
19 lines
848 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import { controlSizingClassName } from "@kandev/ui/control-sizing";
|
|
import { SETTINGS_TYPOGRAPHY } from "./settings-typography";
|
|
|
|
/** Editable/select settings controls use the shared responsive size contract. */
|
|
export function settingsControlClassName(className?: string) {
|
|
return cn(controlSizingClassName("standard"), SETTINGS_TYPOGRAPHY.control, className);
|
|
}
|
|
|
|
/** Credential and secret fields share the technical value treatment. */
|
|
export function settingsCredentialClassName(className?: string) {
|
|
return settingsControlClassName(cn("font-mono", className));
|
|
}
|
|
|
|
/** Settings actions use the same responsive size contract as editable controls. */
|
|
export function settingsActionClassName(className?: string) {
|
|
return cn(controlSizingClassName("standard"), SETTINGS_TYPOGRAPHY.mobileAction, className);
|
|
}
|