react-input-pin-code
Version:
Pin input built with React component and styled-components
18 lines (15 loc) • 1.04 kB
JavaScript
const INPUT_KEY_BACKSPACE = 'Backspace';
const SIZE_EXTRA_SMALL = 'xs';
const SIZE_SMALL = 'sm';
const SIZE_MEDIUM = 'md';
const SIZE_LARGE = 'lg';
const DEFAULT_BACKGROUND_COLOR_OPACITY = 0.1;
const DEFAULT_BORDER_COLOR = 'rgb(204,204,204)';
const DEFAULT_ERROR_BORDER_COLOR = 'rgb(220,53,69)';
const DEFAULT_ERROR_BACKGROUND_COLOR = `rgba(220,53,69,${DEFAULT_BACKGROUND_COLOR_OPACITY})`;
const DEFAULT_FOCUS_BORDER_COLOR = 'rgb(13,110,253)';
const DEFAULT_FOCUS_BACKGROUND_COLOR = `rgba(13,110,253,${DEFAULT_BACKGROUND_COLOR_OPACITY})`;
const DEFAULT_VALID_BORDER_COLOR = 'rgb(25,135,84)';
const DEFAULT_VALID_BACKGROUND_COLOR = `rgba(25,135,84,${DEFAULT_BACKGROUND_COLOR_OPACITY})`;
export { DEFAULT_BACKGROUND_COLOR_OPACITY, DEFAULT_BORDER_COLOR, DEFAULT_ERROR_BACKGROUND_COLOR, DEFAULT_ERROR_BORDER_COLOR, DEFAULT_FOCUS_BACKGROUND_COLOR, DEFAULT_FOCUS_BORDER_COLOR, DEFAULT_VALID_BACKGROUND_COLOR, DEFAULT_VALID_BORDER_COLOR, INPUT_KEY_BACKSPACE, SIZE_EXTRA_SMALL, SIZE_LARGE, SIZE_MEDIUM, SIZE_SMALL };
//# sourceMappingURL=index.js.map