franken-ui/dist/context.d.ts

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

import type { Components, CSSRuleObject, Options } from './types.js';
export declare const theme: {
    ':root': {
        '--uk-breakpoint-s': string;
        '--uk-breakpoint-m': string;
        '--uk-breakpoint-l': string;
        '--uk-breakpoint-xl': string;
        '--uk-global-blur': string;
        '--uk-global-font-size': string;
        '--uk-global-leading': string;
        '--uk-global-font-size-s': string;
        '--uk-global-leading-s': string;
        '--uk-global-radius-s': string;
        '--uk-global-radius': string;
        '--uk-global-shadow-s': string;
        '--uk-global-shadow': string;
        '--uk-global-font-family-sans': string;
        '--uk-global-font-family-mono': string;
        '--uk-btn-font-size': string;
        '--uk-btn-leading': string;
        '--uk-btn-padding': string;
        '--uk-btn-height': string;
        '--uk-btn-radius': string;
        '--uk-btn-shadow': string;
        '--uk-cal-cell-size': string;
        '--uk-cal-cell-radius': string;
        '--uk-cal-cell-header-font-size': string;
        '--uk-cal-cell-body-font-size': string;
        '--uk-datepicker-spacing': string;
        '--uk-form-input-radius': string;
        '--uk-form-input-shadow': string;
        '--uk-form-input-height': string;
        '--uk-form-input-font-size': string;
        '--uk-form-input-leading': string;
        '--uk-form-input-padding': string;
        '--uk-form-list-image-position': string;
        '--uk-form-toggle-switch-shadow': string;
        '--uk-form-radio-radius': string;
        '--uk-form-radio-shadow': string;
        '--uk-leader-fill-content': string;
        '--uk-modal-padding': string;
        '--uk-modal-padding-header': string;
        '--uk-modal-padding-body': string;
        '--uk-modal-padding-footer': string;
        '--uk-modal-padding-top-between': string;
        '--uk-modal-padding-top-after-header': string;
        '--uk-modal-padding-bottom-scrollable': string;
        '--uk-modal-padding-top-after-scrollable': string;
        '--uk-modal-radius': string;
        '--uk-modal-overlay-blur': string;
        '--uk-offcanvas-bar-width': string;
        '--uk-offcanvas-bar-width-i': string;
        '--uk-offcanvas-overlay-blur': string;
        '--uk-nav-item-padding': string;
        '--uk-nav-item-margin': string;
        '--uk-nav-sub-item-padding': string;
        '--uk-nav-sub-item-margin': string;
        '--uk-nav-sub-width': string;
        '--uk-position-margin-offset': string;
        '--uk-form-checkbox-image': string;
        '--uk-form-checkbox-image-indeterminate': string;
        '--uk-form-radio-image': string;
        '--uk-form-list-image': string;
        '--uk-divider-icon-image': string;
        '--uk-list-bullet-image': string;
        '--background': string;
        '--foreground': string;
        '--card': string;
        '--card-foreground': string;
        '--popover': string;
        '--popover-foreground': string;
        '--primary': string;
        '--primary-foreground': string;
        '--secondary': string;
        '--secondary-foreground': string;
        '--muted': string;
        '--muted-foreground': string;
        '--accent': string;
        '--accent-foreground': string;
        '--destructive': string;
        '--destructive-foreground': string;
        '--border': string;
        '--input': string;
        '--ring': string;
    };
    '.dark': {
        '--uk-form-checkbox-image': string;
        '--uk-form-checkbox-image-indeterminate': string;
        '--uk-form-radio-image': string;
        '--uk-form-list-image': string;
        '--uk-divider-icon-image': string;
        '--uk-list-bullet-image': string;
        '--background': string;
        '--foreground': string;
        '--card': string;
        '--card-foreground': string;
        '--popover': string;
        '--popover-foreground': string;
        '--primary': string;
        '--primary-foreground': string;
        '--secondary': string;
        '--secondary-foreground': string;
        '--muted': string;
        '--muted-foreground': string;
        '--accent': string;
        '--accent-foreground': string;
        '--destructive': string;
        '--destructive-foreground': string;
        '--border': string;
        '--input': string;
        '--ring': string;
        '--destructive-alpha': string;
        '--border-alpha': string;
        '--input-alpha': string;
    };
};
export declare const base: {
    body: {
        fontSize: string;
        lineHeight: string;
    };
    '.uk-accordion-title:focus-visible, .uk-alert-close:focus-visible, .uk-alert a:not([class]):focus-visible, .uk-badge:focus-visible, .uk-breadcrumb > * > *:focus-visible, .uk-btn:focus-visible, .uk-cal table tbody tr td button:focus-visible, .uk-close:focus-visible, .uk-input-range-knob:focus-visible, .uk-toggle-switch:focus-visible, a.uk-link-muted:focus-visible, .uk-link-muted a:focus-visible, .uk-link-toggle:focus-visible .uk-link-muted:focus-visible, a.uk-link-reset:focus-visible, .uk-link-reset a:focus-visible, .uk-link-toggle:focus-visible, .uk-link:focus-visible, .uk-nav li > a:focus-visible, .uk-slidenav:focus-visible, .uk-tab > * > a:focus-visible, .uk-tab-alt > * > a:focus-visible, .uk-ts-value button:focus-visible, .uk-lightbox :focus-visible, .uk-subnav > * > a:focus-visible, .uk-focus-visible:focus-visible, .uk-pgn > * > *:focus-visible': {
        outlineWidth: string;
        outlineStyle: string;
        outlineColor: string;
        transitionProperty: string;
        transitionDuration: string;
        transitionTimingFunction: string;
    };
};
export declare const components: Components;
export declare function palettes(options?: Options): CSSRuleObject;