@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
37 lines • 1.55 kB
TypeScript
import { Sizes } from '../../constants';
import { IconStyle } from '../../types';
export declare const INPUT_STYLES: Record<Sizes, {
container: React.CSSProperties;
inputContainer: React.CSSProperties;
label: React.CSSProperties;
input: React.CSSProperties;
icon: React.CSSProperties;
}>;
export declare const OUTLINE_INPUT_CONTAINER_STYLE: Record<Sizes, {
inputContainer: React.CSSProperties;
}>;
export declare const StyledInputLabel: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & {
$inputSize: Sizes;
}, import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
export declare const StyledInputContainer: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & {
$inputSize: Sizes;
$iconStyle: IconStyle;
$hasIconLeft?: boolean;
$hasIconRight?: boolean;
$disabled?: boolean;
$inputContainerStyle?: React.CSSProperties;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledInput: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & {
$inputSize: Sizes;
$inputStyle?: React.CSSProperties;
}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
//# sourceMappingURL=input.styles.d.ts.map