@kahi-ui/framework/types/variations.d.ts

Straight-forward Svelte UI for the Web

import type { ArrayEnum, LiteralEnum, LiteralObject } from "./util";
/**
 * Represents the tiers of animation variation tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_ANIMATION {
    pause = "pause",
    play = "play"
}
/**
 * Represents the tiers of flex variations tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_FLEX {
    relative = "relative",
    wrap = "wrap"
}
/**
 * Represents the tiers of filling variation tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_FILL {
    block = "block",
    clear = "clear",
    flush = "flush",
    subtle = "subtle",
    outline = "outline"
}
/**
 * Represents the tiers of grid variations tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_GRID {
    relative = "relative"
}
/**
 * Represents the `Popover`-centric variation tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_POPOVER {
    control = "control",
    popover = "popover",
    tooltip = "tooltip"
}
/**
 * Represents the tiers of filling positional tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_POSITIONAL {
    action = "action",
    container = "container",
    indicator = "indicator",
    raised = "raised",
    viewport = "viewport"
}
/**
 * Represents the tiers of transition variation tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_TRANSITION {
    enter = "enter",
    exit = "exit"
}
export declare const TOKENS_VARIATION_BUTTON: {
    readonly clear: TOKENS_VARIATION_FILL.clear;
    readonly outline: TOKENS_VARIATION_FILL.outline;
};
export declare const TOKENS_VARIATION_INPUT: {
    readonly block: TOKENS_VARIATION_FILL.block;
    readonly flush: TOKENS_VARIATION_FILL.flush;
};
export declare const TOKENS_VARIATION_INTERACTIVE: {
    readonly outline: TOKENS_VARIATION_FILL.outline;
};
export declare const TOKENS_VARIATION_POSITION: {
    readonly action: TOKENS_VARIATION_POSITIONAL.action;
    readonly indicator: TOKENS_VARIATION_POSITIONAL.indicator;
    readonly raised: TOKENS_VARIATION_POSITIONAL.raised;
};
export declare const TOKENS_VARIATION_SURFACE: {
    readonly flush: TOKENS_VARIATION_FILL.flush;
};
/**
 * Represents the tiers of table variations tokens that can be applied to Framework Components
 */
export declare enum TOKENS_VARIATION_TABLE {
    borders = "borders",
    stripes = "stripes"
}
export declare const TOKENS_VARIATION_TOGGLE: {
    readonly flush: TOKENS_VARIATION_FILL.flush;
};
export declare type PROPERTY_VARIATION_ANIMATION = LiteralEnum<TOKENS_VARIATION_ANIMATION>;
export declare type PROPERTY_VARIATION_BUTTON = `${TOKENS_VARIATION_FILL.subtle}` | LiteralObject<typeof TOKENS_VARIATION_BUTTON> | [`${TOKENS_VARIATION_FILL.subtle}`, LiteralObject<typeof TOKENS_VARIATION_BUTTON>];
export declare type PROPERTY_VARIATION_FLEX = ArrayEnum<LiteralEnum<TOKENS_VARIATION_FLEX>>;
export declare type PROPERTY_VARIATION_GRID = ArrayEnum<LiteralEnum<TOKENS_VARIATION_GRID>>;
export declare type PROPERTY_VARIATION_INPUT = LiteralObject<typeof TOKENS_VARIATION_INPUT>;
export declare type PROPERTY_VARIATION_INTERACTIVE = LiteralObject<typeof TOKENS_VARIATION_INTERACTIVE>;
export declare type PROPERTY_VARIATION_SURFACE = LiteralObject<typeof TOKENS_VARIATION_SURFACE>;
export declare type PROPERTY_VARIATION_TABLE = ArrayEnum<LiteralEnum<TOKENS_VARIATION_TABLE>>;
export declare type PROPERTY_VARIATION_POPOVER = LiteralEnum<TOKENS_VARIATION_POPOVER>;
export declare type PROPERTY_VARIATION_POSITION = LiteralObject<typeof TOKENS_VARIATION_POSITION>;
export declare type PROPERTY_VARIATION_POSITION_AUGMENT = PROPERTY_VARIATION_POSITION | [`${TOKENS_VARIATION_POSITIONAL.container}`, PROPERTY_VARIATION_POSITION] | [`${TOKENS_VARIATION_POSITIONAL.viewport}`, PROPERTY_VARIATION_POSITION];
export declare type PROPERTY_VARIATION_TRANSITION = LiteralEnum<TOKENS_VARIATION_TRANSITION>;
export declare type PROPERTY_VARIATION_TOGGLE = LiteralObject<typeof TOKENS_VARIATION_TOGGLE>;