franken-ui/dist/components/form/basic.d.ts

Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

declare const _default: {
    '.uk-input': {
        overflow: string;
    };
    '.uk-select': {
        textTransform: string;
    };
    '.uk-select optgroup': {
        font: string;
        fontWeight: string;
    };
    '.uk-textarea': {
        overflow: string;
    };
    '.uk-input[type="search"]::-webkit-search-cancel-button, .uk-input[type="search"]::-webkit-search-decoration': {
        WebkitAppearance: string;
    };
    '.uk-input[type="number"]::-webkit-inner-spin-button, .uk-input[type="number"]::-webkit-outer-spin-button': {
        height: string;
    };
    '.uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder': {
        opacity: string;
    };
    '.uk-radio:not(:disabled), .uk-checkbox:not(:disabled)': {
        cursor: string;
    };
    '.uk-fieldset': {
        minWidth: string;
    };
    '.uk-input, .uk-textarea': {
        WebkitAppearance: string;
    };
    '.uk-input, .uk-select, .uk-textarea, .uk-input-fake': {
        maxWidth: string;
        width: string;
        borderRadius: string;
        boxShadow: string;
        padding: string;
        fontSize: string;
        lineHeight: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        backgroundColor: string;
        color: string;
    };
    '.uk-input, .uk-select:not([multiple]):not([size])': {
        verticalAlign: string;
        display: string;
        height: string;
    };
    '.uk-select[multiple], .uk-select[size], .uk-textarea': {
        verticalAlign: string;
        minHeight: string;
        paddingTop: string;
        paddingBottom: string;
    };
    '.uk-select[multiple], .uk-select[size]': {
        resize: string;
    };
    '.uk-input:focus, .uk-select:focus, .uk-textarea:focus, .uk-input-fake:focus': {
        outlineWidth: string;
        outlineStyle: string;
        outlineOffset: string;
        boxShadow: string;
    };
    '.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled, .uk-input-fake:disabled': {
        opacity: string;
    };
    '.uk-input::placeholder': {
        color: string;
    };
    '.uk-textarea::placeholder': {
        color: string;
    };
    '.uk-form-destructive:focus': {
        boxShadow: string;
    };
    '.uk-form-blank': {
        background: string;
        borderColor: string;
        boxShadow: string;
    };
    '.uk-form-blank:focus': {
        boxShadow: string;
    };
    '.uk-select:not([multiple]):not([size])': {
        WebkitAppearance: string;
        MozAppearance: string;
        backgroundImage: string;
        backgroundRepeat: string;
        backgroundPosition: string;
        paddingRight: string;
    };
    '.uk-select:not([multiple]):not([size]) option': {
        color: string;
    };
    '.uk-input[list]': {
        paddingRight: string;
        backgroundRepeat: string;
        backgroundPosition: string;
    };
    '.uk-input[list]:hover, .uk-input[list]:focus': {
        backgroundImage: string;
    };
    '.uk-input[list]::-webkit-calendar-picker-indicator': {
        display: string;
    };
    '.uk-radio, .uk-checkbox': {
        display: string;
        height: string;
        width: string;
        overflow: string;
        marginTop: string;
        verticalAlign: string;
        WebkitAppearance: string;
        MozAppearance: string;
        backgroundRepeat: string;
        backgroundPosition: string;
        borderRadius: string;
        boxShadow: string;
        border: string;
    };
    '.uk-radio': {
        borderRadius: string;
    };
    '.uk-radio:focus, .uk-checkbox:focus': {
        outline: string;
        outlineOffset: string;
        boxShadow: string;
    };
    '.uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus': {
        boxShadow: string;
    };
    '.uk-radio:checked': {
        backgroundImage: string;
    };
    '.uk-checkbox:checked': {
        backgroundImage: string;
    };
    '.uk-checkbox:indeterminate': {
        backgroundImage: string;
    };
    '.uk-form-label': {
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
    };
    '.uk-form-label-required::after': {
        content: string;
        color: string;
    };
    '.uk-form-stacked .uk-form-label': {
        display: string;
        marginBottom: string;
    };
    '.uk-form-icon': {
        position: string;
        top: string;
        bottom: string;
        left: string;
        width: string;
        display: string;
        justifyContent: string;
        alignItems: string;
    };
    '.uk-form-icon:not(a):not(button):not(input)': {
        pointerEvents: string;
    };
    '.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input': {
        '--uk-form-input-padding': string;
    };
    '.uk-form-icon-flip': {
        right: string;
        left: string;
    };
    '.uk-form-icon-flip ~ .uk-input': {
        '--uk-form-input-padding': string;
    };
    '.uk-toggle-switch': {
        WebkitAppearance: string;
        MozAppearance: string;
        appearance: string;
        position: string;
        boxSizing: string;
        borderRadius: string;
        boxShadow: string;
        height: string;
        width: string;
        backgroundColor: string;
    };
    '.uk-toggle-switch::before': {
        content: string;
        position: string;
        top: string;
        left: string;
        transform: string;
        boxSizing: string;
        borderRadius: string;
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
        marginLeft: string;
        height: string;
        width: string;
        backgroundColor: string;
    };
    '.uk-toggle-switch:checked::before': {
        left: string;
    };
    '.uk-toggle-switch:disabled': {
        opacity: string;
    };
    '.uk-toggle-switch-primary:checked': {
        backgroundColor: string;
    };
    '.uk-toggle-switch-destructive:checked': {
        backgroundColor: string;
    };
    '.uk-form-help': {
        fontSize: string;
        fontWeight: string;
    };
    "[class*='uk-inline']": {
        display: string;
        position: string;
        maxWidth: string;
        verticalAlign: string;
        WebkitBackfaceVisibility: string;
    };
    '.uk-input-fake': {
        height: string;
        display: string;
        alignItems: string;
    };
    '.uk-form-custom': {
        display: string;
        position: string;
        maxWidth: string;
        verticalAlign: string;
    };
    '.uk-form-custom select, .uk-form-custom input[type="file"]': {
        position: string;
        top: string;
        zIndex: string;
        width: string;
        height: string;
        left: string;
        WebkitAppearance: string;
        opacity: string;
        cursor: string;
    };
    '.uk-form-custom input[type="file"]': {
        fontSize: string;
        overflow: string;
    };
    '.uk-form-xs': {
        '--uk-form-input-font-size': string;
        '--uk-form-input-leading': string;
        '--uk-form-input-height': string;
        '--uk-form-input-padding': string;
    };
    '.uk-form-sm': {
        '--uk-form-input-font-size': string;
        '--uk-form-input-leading': string;
        '--uk-form-input-height': string;
        '--uk-form-input-padding': string;
    };
    '.uk-form-md': {
        '--uk-form-input-height': string;
        '--uk-form-input-padding': string;
        '--uk-form-list-image-position': string;
    };
    '.uk-form-lg': {
        '--uk-form-input-height': string;
        '--uk-form-input-padding': string;
        '--uk-form-list-image-position': string;
    };
    '.uk-form-icon.uk-disabled': {
        opacity: string;
    };
    '.uk-inline:has(input[disabled]) .uk-form-icon': {
        opacity: string;
    };
};
export default _default;