@sertec/select
Version:
Sfera Select Component
11 lines (10 loc) • 2.54 kB
TypeScript
import { Justify, Margin, Padding, Variant } from '@sertec/types';
export declare function getMargin(margin?: Padding | Margin, find?: 'l' | 'r', important?: boolean): string | null;
export declare function getPadding(padding?: Padding | Margin, find?: 'l' | 'r', important?: boolean): string | null;
export declare function getVariantMenuBackground(variant?: Variant | 'input'): "bg-input" | "bg-primary" | "bg-secondary" | "bg-tertiary" | "bg-base" | "bg-contrast" | "bg-success" | "bg-warning" | "bg-error" | "bg-transparent" | "bg-tab-not-active";
export declare function getJustify(justify?: Justify): string | null;
export declare function getVariantInput(variant?: Variant | 'input'): "!text-input-color" | "!text-primary" | "!text-secondary" | "!text-tertiary" | "!text-base" | "!text-contrast" | "!text-success" | "!text-warning" | "!text-error" | "!text-transparent" | "!text-tab-not-active" | null;
export declare function getVariantInputMultiValueBorder(variant?: Variant | 'input'): "!border-input" | "!border-primary" | "!border-secondary" | "!border-tertiary" | "!border-base" | "!border-contrast" | "!border-success" | "!border-warning" | "!border-error" | "!border-transparent" | "!border-tab-not-active" | null;
export declare function getVariantInputSelected(variant?: Variant | 'input'): "!bg-input/20 !text-input" | "!bg-primary-active/20 !text-primary" | "!bg-secondary-active/20 !text-secondary" | "!bg-tertiary-active/20 !text-tertiary" | "!bg-base-active/20 !text-base" | "!bg-contrast-active/20 !text-contrast" | "!bg-success-active/20 !text-success" | "!bg-warning-active/20 !text-warning" | "!bg-error-active/20 !text-error" | "!bg-transparent-active/20 !text-transparent" | "!bg-tab-not-active-active/20 !text-tab-not-active" | null;
export declare function getVariantInputFocus(variant?: Variant | 'input'): "!bg-input/10" | "!bg-primary-hover/10" | "!bg-secondary-hover/10" | "!bg-tertiary-hover/10" | "!bg-base-hover/10" | "!bg-contrast-hover/10" | "!bg-success-hover/10" | "!bg-warning-hover/10" | "!bg-error-hover/10" | "!bg-transparent-hover/10" | "!bg-tab-not-active-hover/10" | null;
export declare function getVariantInputHover(variant?: Variant | 'input'): "hover:!bg-input/10" | "hover:!bg-primary-hover/10" | "hover:!bg-secondary-hover/10" | "hover:!bg-tertiary-hover/10" | "hover:!bg-base-hover/10" | "hover:!bg-contrast-hover/10" | "hover:!bg-success-hover/10" | "hover:!bg-warning-hover/10" | "hover:!bg-error-hover/10" | "hover:!bg-transparent-hover/10" | "hover:!bg-tab-not-active-hover/10" | null;