@kahi-ui/framework
Version:
Straight-forward Svelte UI for the Web
93 lines (92 loc) • 4.05 kB
JavaScript
/**
* Represents the tiers of animation variation tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_ANIMATION;
(function (TOKENS_VARIATION_ANIMATION) {
TOKENS_VARIATION_ANIMATION["pause"] = "pause";
TOKENS_VARIATION_ANIMATION["play"] = "play";
})(TOKENS_VARIATION_ANIMATION || (TOKENS_VARIATION_ANIMATION = {}));
/**
* Represents the tiers of flex variations tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_FLEX;
(function (TOKENS_VARIATION_FLEX) {
TOKENS_VARIATION_FLEX["relative"] = "relative";
TOKENS_VARIATION_FLEX["wrap"] = "wrap";
})(TOKENS_VARIATION_FLEX || (TOKENS_VARIATION_FLEX = {}));
/**
* Represents the tiers of filling variation tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_FILL;
(function (TOKENS_VARIATION_FILL) {
TOKENS_VARIATION_FILL["block"] = "block";
TOKENS_VARIATION_FILL["clear"] = "clear";
TOKENS_VARIATION_FILL["flush"] = "flush";
TOKENS_VARIATION_FILL["subtle"] = "subtle";
TOKENS_VARIATION_FILL["outline"] = "outline";
})(TOKENS_VARIATION_FILL || (TOKENS_VARIATION_FILL = {}));
/**
* Represents the tiers of grid variations tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_GRID;
(function (TOKENS_VARIATION_GRID) {
TOKENS_VARIATION_GRID["relative"] = "relative";
})(TOKENS_VARIATION_GRID || (TOKENS_VARIATION_GRID = {}));
/**
* Represents the `Popover`-centric variation tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_POPOVER;
(function (TOKENS_VARIATION_POPOVER) {
TOKENS_VARIATION_POPOVER["control"] = "control";
TOKENS_VARIATION_POPOVER["popover"] = "popover";
TOKENS_VARIATION_POPOVER["tooltip"] = "tooltip";
})(TOKENS_VARIATION_POPOVER || (TOKENS_VARIATION_POPOVER = {}));
/**
* Represents the tiers of filling positional tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_POSITIONAL;
(function (TOKENS_VARIATION_POSITIONAL) {
TOKENS_VARIATION_POSITIONAL["action"] = "action";
TOKENS_VARIATION_POSITIONAL["container"] = "container";
TOKENS_VARIATION_POSITIONAL["indicator"] = "indicator";
TOKENS_VARIATION_POSITIONAL["raised"] = "raised";
TOKENS_VARIATION_POSITIONAL["viewport"] = "viewport";
})(TOKENS_VARIATION_POSITIONAL || (TOKENS_VARIATION_POSITIONAL = {}));
/**
* Represents the tiers of transition variation tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_TRANSITION;
(function (TOKENS_VARIATION_TRANSITION) {
TOKENS_VARIATION_TRANSITION["enter"] = "enter";
TOKENS_VARIATION_TRANSITION["exit"] = "exit";
})(TOKENS_VARIATION_TRANSITION || (TOKENS_VARIATION_TRANSITION = {}));
export const TOKENS_VARIATION_BUTTON = {
[TOKENS_VARIATION_FILL.clear]: TOKENS_VARIATION_FILL.clear,
[TOKENS_VARIATION_FILL.outline]: TOKENS_VARIATION_FILL.outline,
};
export const TOKENS_VARIATION_INPUT = {
[TOKENS_VARIATION_FILL.block]: TOKENS_VARIATION_FILL.block,
[TOKENS_VARIATION_FILL.flush]: TOKENS_VARIATION_FILL.flush,
};
export const TOKENS_VARIATION_INTERACTIVE = {
[TOKENS_VARIATION_FILL.outline]: TOKENS_VARIATION_FILL.outline,
};
export const TOKENS_VARIATION_POSITION = {
[TOKENS_VARIATION_POSITIONAL.action]: TOKENS_VARIATION_POSITIONAL.action,
[TOKENS_VARIATION_POSITIONAL.indicator]: TOKENS_VARIATION_POSITIONAL.indicator,
[TOKENS_VARIATION_POSITIONAL.raised]: TOKENS_VARIATION_POSITIONAL.raised,
};
export const TOKENS_VARIATION_SURFACE = {
[TOKENS_VARIATION_FILL.flush]: TOKENS_VARIATION_FILL.flush,
};
/**
* Represents the tiers of table variations tokens that can be applied to Framework Components
*/
export var TOKENS_VARIATION_TABLE;
(function (TOKENS_VARIATION_TABLE) {
TOKENS_VARIATION_TABLE["borders"] = "borders";
TOKENS_VARIATION_TABLE["stripes"] = "stripes";
})(TOKENS_VARIATION_TABLE || (TOKENS_VARIATION_TABLE = {}));
export const TOKENS_VARIATION_TOGGLE = {
[TOKENS_VARIATION_FILL.flush]: TOKENS_VARIATION_FILL.flush,
};