@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
67 lines (66 loc) • 1.22 kB
JavaScript
const INPUT_TYPES = {
TEXT: "text",
TEXTAREA: "textarea",
PASSWORD: "password",
EMAIL: "email",
NUMBER: "number",
DATE: "date",
TIME: "time",
FILE: "file",
TEL: "tel",
SEARCH: "search"
};
const INPUT_SIZES = {
EXTRA_SMALL: "xs",
SMALL: "sm",
DEFAULT: "md",
LARGE: "lg",
EXTRA_LARGE: "xl"
};
const INPUT_ICON_SIZES = {
xs: "100",
sm: "200",
md: "200",
lg: "400",
xl: "500"
};
const INPUT_SIZE_CLASSES = {
input: {
xs: "d-input--xs",
sm: "d-input--sm",
lg: "d-input--lg",
xl: "d-input--xl"
},
textarea: {
xs: "d-textarea--xs",
sm: "d-textarea--sm",
lg: "d-textarea--lg",
xl: "d-textarea--xl"
}
};
const INPUT_STATE_CLASSES = {
error: "d-input--error",
warning: "d-input--warning",
success: "d-input--success"
};
const DESCRIPTION_SIZE_CLASSES = {
lg: "d-description--lg",
xl: "d-description--xl"
};
const LABEL_SIZE_CLASSES = {
xs: "d-label--xs",
sm: "d-label--sm",
md: "d-label--md",
lg: "d-label--lg",
xl: "d-label--xl"
};
export {
DESCRIPTION_SIZE_CLASSES,
INPUT_ICON_SIZES,
INPUT_SIZES,
INPUT_SIZE_CLASSES,
INPUT_STATE_CLASSES,
INPUT_TYPES,
LABEL_SIZE_CLASSES
};
//# sourceMappingURL=input_constants.js.map