vueless
Version:
Vue Styleless UI Component Library, powered by Tailwind CSS.
346 lines (345 loc) • 11.2 kB
TypeScript
export const PRIMARY_COLOR: "primary";
export const NEUTRAL_COLOR: "neutral";
export const SECONDARY_COLOR: "secondary";
export const GRAYSCALE_COLOR: "grayscale";
export const INHERIT_COLOR: "inherit";
export const TEXT_COLOR: "text";
export const TEXT: "text";
export const OUTLINE: "outline";
export const ROUNDING: "rounding";
export const DISABLED_OPACITY: "disabled-opacity";
export const LETTER_SPACING: "letter-spacing";
export const COLOR_MODE_KEY: "vl-color-mode";
export const AUTO_MODE_KEY: "vl-auto-mode";
export const DARK_MODE_CLASS: "vl-dark";
export const LIGHT_MODE_CLASS: "vl-light";
export const DEFAULT_PRIMARY_COLOR: "grayscale";
export const DEFAULT_NEUTRAL_COLOR: "gray";
export const DEFAULT_TEXT: 14;
export const TEXT_DECREMENT: 2;
export const TEXT_INCREMENT: 2;
export const DEFAULT_OUTLINE: 2;
export const OUTLINE_DECREMENT: 1;
export const OUTLINE_INCREMENT: 1;
export const DEFAULT_ROUNDING: 8;
export const ROUNDING_DECREMENT: 4;
export const ROUNDING_INCREMENT: 6;
export const DEFAULT_DISABLED_OPACITY: 50;
export const DEFAULT_LETTER_SPACING: 0;
export const PRIMARY_COLORS: string[];
export const STATE_COLORS: string[];
export const NEUTRAL_COLORS: string[];
export const COLOR_SHADES: number[];
export const DEFAULT_LIGHT_THEME: {
"--vl-primary": string;
"--vl-primary-lifted": string;
"--vl-primary-accented": string;
"--vl-secondary": string;
"--vl-secondary-lifted": string;
"--vl-secondary-accented": string;
"--vl-success": string;
"--vl-success-lifted": string;
"--vl-success-accented": string;
"--vl-info": string;
"--vl-info-lifted": string;
"--vl-info-accented": string;
"--vl-notice": string;
"--vl-notice-lifted": string;
"--vl-notice-accented": string;
"--vl-warning": string;
"--vl-warning-lifted": string;
"--vl-warning-accented": string;
"--vl-error": string;
"--vl-error-lifted": string;
"--vl-error-accented": string;
"--vl-grayscale": string;
"--vl-grayscale-lifted": string;
"--vl-grayscale-accented": string;
"--vl-neutral": string;
"--vl-neutral-lifted": string;
"--vl-neutral-accented": string;
"--vl-text-inverted": string;
"--vl-text-muted": string;
"--vl-text-lifted": string;
"--vl-text-accented": string;
"--vl-text": string;
"--vl-border-muted": string;
"--vl-border": string;
"--vl-border-lifted": string;
"--vl-border-accented": string;
"--vl-bg": string;
"--vl-bg-muted": string;
"--vl-bg-lifted": string;
"--vl-bg-accented": string;
"--vl-bg-inverted": string;
};
export const DEFAULT_DARK_THEME: {
"--vl-primary": string;
"--vl-primary-lifted": string;
"--vl-primary-accented": string;
"--vl-secondary": string;
"--vl-secondary-lifted": string;
"--vl-secondary-accented": string;
"--vl-success": string;
"--vl-success-lifted": string;
"--vl-success-accented": string;
"--vl-info": string;
"--vl-info-lifted": string;
"--vl-info-accented": string;
"--vl-notice": string;
"--vl-notice-lifted": string;
"--vl-notice-accented": string;
"--vl-warning": string;
"--vl-warning-lifted": string;
"--vl-warning-accented": string;
"--vl-error": string;
"--vl-error-lifted": string;
"--vl-error-accented": string;
"--vl-grayscale": string;
"--vl-grayscale-lifted": string;
"--vl-grayscale-accented": string;
"--vl-neutral": string;
"--vl-neutral-lifted": string;
"--vl-neutral-accented": string;
"--vl-text-inverted": string;
"--vl-text-muted": string;
"--vl-text-lifted": string;
"--vl-text-accented": string;
"--vl-text": string;
"--vl-border-muted": string;
"--vl-border": string;
"--vl-border-lifted": string;
"--vl-border-accented": string;
"--vl-bg": string;
"--vl-bg-muted": string;
"--vl-bg-lifted": string;
"--vl-bg-accented": string;
"--vl-bg-inverted": string;
};
export namespace CVA_CONFIG_KEY {
let base: string;
let variants: string;
let compoundVariants: string;
let defaultVariants: string;
}
export namespace SYSTEM_CONFIG_KEY {
let i18n: string;
let defaults: string;
let unstyled: string;
let transition: string;
let colors: string;
}
export const ICON_NON_PROPS_DEFAULTS: string[];
export namespace DIRECTIVES {
let vTooltip: string;
let vClickOutside: string;
}
export namespace COMPONENTS {
let UButton: string;
let ULink: string;
let UToggle: string;
let UDropdownButton: string;
let UDropdownBadge: string;
let UDropdownLink: string;
let UInput: string;
let UInputFile: string;
let UInputNumber: string;
let UInputCounter: string;
let UInputPassword: string;
let UInputRating: string;
let UInputSearch: string;
let UTextarea: string;
let USelect: string;
let UListbox: string;
let UCheckbox: string;
let UCheckboxGroup: string;
let UCheckboxMultiState: string;
let USwitch: string;
let URadio: string;
let URadioGroup: string;
let UCalendar: string;
let UDatePicker: string;
let UDatePickerRange: string;
let UColorPicker: string;
let ULabel: string;
let UHeader: string;
let UText: string;
let UAlert: string;
let UNotify: string;
let UNumber: string;
let UFile: string;
let UFiles: string;
let UEmpty: string;
let UBadge: string;
let UDivider: string;
let UCol: string;
let URow: string;
let UGroup: string;
let UGroups: string;
let UAccordion: string;
let UAccordionItem: string;
let UCard: string;
let UModal: string;
let UModalConfirm: string;
let UPage: string;
let UIcon: string;
let UAvatar: string;
let UTable: string;
let UDataList: string;
let UTab: string;
let UTabs: string;
let UProgress: string;
let UPagination: string;
let UBreadcrumbs: string;
let ULoader: string;
let ULoaderProgress: string;
let ULoaderOverlay: string;
let USkeleton: string;
let USkeletonText: string;
let USkeletonInput: string;
let USkeletonChoice: string;
let UDot: string;
let UChip: string;
let UThemeColorToggle: string;
}
export namespace TAILWIND_MERGE_EXTENSION {
namespace extend {
namespace theme {
let spacing: string[];
}
let classGroups: {
"outline-w": {
outline: string[];
}[];
"font-size": {
text: string[];
}[];
"bg-color": {
bg: string[];
}[];
"text-color": {
text: string[];
}[];
"border-color": {
border: string[];
}[];
"border-color-x": {
"border-x": string[];
}[];
"border-color-y": {
"border-y": string[];
}[];
"border-color-t": {
"border-t": string[];
}[];
"border-color-r": {
"border-r": string[];
}[];
"border-color-b": {
"border-b": string[];
}[];
"border-color-l": {
"border-l": string[];
}[];
rounded: {
rounded: string[];
}[];
"rounded-s": {
"rounded-s": string[];
}[];
"rounded-e": {
"rounded-e": string[];
}[];
"rounded-t": {
"rounded-t": string[];
}[];
"rounded-r": {
"rounded-r": string[];
}[];
"rounded-b": {
"rounded-b": string[];
}[];
"rounded-l": {
"rounded-l": string[];
}[];
"rounded-ss": {
"rounded-ss": string[];
}[];
"rounded-se": {
"rounded-se": string[];
}[];
"rounded-ee": {
"rounded-ee": string[];
}[];
"rounded-es": {
"rounded-es": string[];
}[];
"rounded-tl": {
"rounded-tl": string[];
}[];
"rounded-tr": {
"rounded-tr": string[];
}[];
"rounded-br": {
"rounded-br": string[];
}[];
"rounded-bl": {
"rounded-bl": string[];
}[];
};
}
}
export namespace DEFAULT_SVGO_CONFIG {
let plugins: ({
name: string;
params: {
attrs: string;
attributes?: undefined;
};
} | {
name: string;
params: {
attributes: {
fill: string;
}[];
attrs?: undefined;
};
})[];
}
export const INTERNAL_ENV: "internal";
export const STORYBOOK_ENV: "storybook";
export const NUXT_MODULE_ENV: "nuxt-module";
export const VUELESS_LIBRARY: "vueless";
export const INTERNAL_ICONS_LIBRARY: "internal";
export const STORYBOOK_ICONS_LIBRARY: "storybook";
export const SRC_DIR: "src";
export const CACHE_DIR: ".cache";
export const NODE_MODULES_DIR: "node_modules";
export const VUELESS_PACKAGE_DIR: "node_modules/vueless";
export const VUELESS_CACHE_DIR: "node_modules/.cache/vueless";
export const VUELESS_LOCAL_DIR: "src";
export const ICONS_DIR: "icons";
export const ICONS_VUELESS_DIR: "node_modules/vueless/icons";
export const ICONS_CACHED_DIR: "node_modules/.cache/vueless/icons";
export const ICONS_VIRTUAL_MODULE_ID: "virtual:vueless/icons";
export const RESOLVED_ICONS_VIRTUAL_MODULE_ID: "\0virtual:vueless/icons";
export const VUELESS_TAILWIND_SAFELIST: "node_modules/.cache/vueless/tailwind/safelist.txt";
export const VUELESS_CONFIGS_CACHED_DIR: "node_modules/.cache/vueless/configs";
export const VUELESS_MERGED_CONFIGS_CACHED_DIR: "node_modules/.cache/vueless/mergedConfigs";
export const VUELESS_CONFIG_FILE_NAME: "vueless.config";
export const CONFIG_INDEX_FILE_NAME: "index";
export const VUELESS_CONFIG_DIR: ".vueless";
export const VUELESS_USER_COMPONENTS_DIR: ".vueless/components";
export const SRC_USER_COMPONENTS_DIR: "src/components";
export const DEFAULT_EXIT_CODE: 0;
export const FAILURE_CODE: 1;
export const PX_IN_REM: 16;
export const NESTED_COMPONENT_PATTERN_REG_EXP: RegExp;
export const EXTENDS_PATTERN_REG_EXP: RegExp;
export const DYNAMIC_COLOR_PATTERN: "{color}";
export const JAVASCRIPT_EXT: ".js";
export const TYPESCRIPT_EXT: ".ts";
export const VUE_EXT: ".vue";
export const SUPPRESS_TS_CHECK: "/* eslint-disable */\n// @ts-nocheck";
export const COMPONENTS_INDEX_COMMENT: "/**\n * \u26A0\uFE0F This file is auto-generated \u2014 do not edit it manually.\n * It gets updated automatically whenever the Vite server restarts.\n *\n * This file imports all config files from the current directory and subdirectories.\n * Only files following the naming pattern \"U[Component].[ts|js]\" will be included.\n * Example: \"UButton.ts\"\n */";
export const COMPONENTS_INDEX_EXPORT: "export const componentConfigs = {};";