Typescript Interfaces

These are the VueVentus Typescript Interfaces Modules are used throughout VueVentus components and modules for type-checking.

AppColorPairs

Import:

javascript

import type { AppColorPairs } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/AppColorPairs.ts

import type { AppTintShadePairs } from './AppTintShadePairs'
import type { GroundTextColors } from './GroundTextColors'

export interface AppColorPairs {
    white?: GroundTextColors
    black?: GroundTextColors
    gray?: AppTintShadePairs
    trueGray?: AppTintShadePairs
    warmGray?: AppTintShadePairs
    coolGray?: AppTintShadePairs
    red?: AppTintShadePairs
    rose?: AppTintShadePairs
    pink?: AppTintShadePairs
    fuchsia?: AppTintShadePairs
    purple?: AppTintShadePairs
    violet?: AppTintShadePairs
    indigo?: AppTintShadePairs
    blue?: AppTintShadePairs
    lightBlue?: AppTintShadePairs
    cyan?: AppTintShadePairs
    teal?: AppTintShadePairs
    emerald?: AppTintShadePairs
    green?: AppTintShadePairs
    lime?: AppTintShadePairs
    yellow?: AppTintShadePairs
    amber?: AppTintShadePairs
    orange?: AppTintShadePairs
    redGray?: AppTintShadePairs
    roseGray?: AppTintShadePairs
    pinkGray?: AppTintShadePairs
    fuchsiaGray?: AppTintShadePairs
    purpleGray?: AppTintShadePairs
    violetGray?: AppTintShadePairs
    indigoGray?: AppTintShadePairs
    blueGray?: AppTintShadePairs
    lightBlueGray?: AppTintShadePairs
    cyanGray?: AppTintShadePairs
    tealGray?: AppTintShadePairs
    emeraldGray?: AppTintShadePairs
    greenGray?: AppTintShadePairs
    limeGray?: AppTintShadePairs
    yellowGray?: AppTintShadePairs
    amberGray?: AppTintShadePairs
    orangeGray?: AppTintShadePairs
    [key: string]: GroundTextColors | AppTintShadePairs | undefined
}

AppColors

Import:

javascript

import type { AppColors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/AppColors.ts

import type { AppTintsShades } from './AppTintsShades'

export interface AppColors {
    white?: string
    black?: string
    gray?: AppTintsShades
    trueGray?: AppTintsShades
    warmGray?: AppTintsShades
    coolGray?: AppTintsShades
    red?: AppTintsShades
    rose?: AppTintsShades
    pink?: AppTintsShades
    fuchsia?: AppTintsShades
    purple?: AppTintsShades
    violet?: AppTintsShades
    indigo?: AppTintsShades
    blue?: AppTintsShades
    lightBlue?: AppTintsShades
    cyan?: AppTintsShades
    teal?: AppTintsShades
    emerald?: AppTintsShades
    green?: AppTintsShades
    lime?: AppTintsShades
    yellow?: AppTintsShades
    amber?: AppTintsShades
    orange?: AppTintsShades
    redGray?: AppTintsShades
    roseGray?: AppTintsShades
    pinkGray?: AppTintsShades
    fuchsiaGray?: AppTintsShades
    purpleGray?: AppTintsShades
    violetGray?: AppTintsShades
    indigoGray?: AppTintsShades
    blueGray?: AppTintsShades
    lightBlueGray?: AppTintsShades
    cyanGray?: AppTintsShades
    tealGray?: AppTintsShades
    emeraldGray?: AppTintsShades
    greenGray?: AppTintsShades
    limeGray?: AppTintsShades
    yellowGray?: AppTintsShades
    amberGray?: AppTintsShades
    orangeGray?: AppTintsShades
    [key: string]: string | AppTintsShades | undefined
}

AppTintShadePairs

Import:

javascript

import type { AppTintShadePairs } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/AppTintShadePairs.ts

import type { GroundTextColors } from './GroundTextColors'

export interface AppTintShadePairs {
    '50'?: GroundTextColors
    '100'?: GroundTextColors
    '150'?: GroundTextColors
    '200'?: GroundTextColors
    '250'?: GroundTextColors
    '300'?: GroundTextColors
    '350'?: GroundTextColors
    '400'?: GroundTextColors
    '450'?: GroundTextColors
    '500'?: GroundTextColors
    '550'?: GroundTextColors
    '600'?: GroundTextColors
    '650'?: GroundTextColors
    '700'?: GroundTextColors
    '750'?: GroundTextColors
    '800'?: GroundTextColors
    '850'?: GroundTextColors
    '900'?: GroundTextColors
    '950'?: GroundTextColors
    '1000'?: GroundTextColors
    '1050'?: GroundTextColors
    '1100'?: GroundTextColors
    [key: string|number]: GroundTextColors | undefined
}

AppTintsShades

Import:

javascript

import type { AppTintsShades } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/AppTintsShades.ts

export interface AppTintsShades {
    '50'?: string
    '100'?: string
    '150'?: string
    '200'?: string
    '250'?: string
    '300'?: string
    '350'?: string
    '400'?: string
    '450'?: string
    '500'?: string
    '550'?: string
    '600'?: string
    '650'?: string
    '700'?: string
    '750'?: string
    '800'?: string
    '850'?: string
    '900'?: string
    '950'?: string
    '1000'?: string
    '1050'?: string
    '1100'?: string
    [key: string|number]: string | undefined
}

ColorMode

Import:

javascript

import type { ColorMode } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ColorMode.ts

export interface ColorMode {
    bg: string
    ground: string
    hex: string
    text: string
    title: string
    [key: string]: any
}

ConfigAnchors

Import:

javascript

import type { ConfigAnchors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigAnchors.ts

import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'
import type { BaseFunction } from './BaseFunction'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesText } from './SizesText'

export interface ConfigAnchors {
    cursor: string
    display: string
    focus: string
    text: string
    transition: string
    base: BaseFunction
    sizes: SizesText
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    }
    [key: string]: any
}

ConfigBorders

Import:

javascript

import type { ConfigBorders } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigBorders.ts

import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'

export interface ConfigBorders {
    palettes: {
        default: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    }
    [key: string]: any
}

ConfigButtons

Import:

javascript

import type { ConfigButtons } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigButtons.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesButtons } from './SizesButtons'

export interface ConfigButtons {
    border: string
    cursor: string
    disabled: string
    display: string
    focus: string
    rounding: string
    shadow: string
    text: string
    transition: string
    base: BaseFunction
    sizes: SizesButtons
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    blockDisplay: string
    blockBase: BaseFunction
    blockSizes: SizesButtons
    getBlockSizeClasses: ReturnsClassesFunction
    blockClasses: ReturnsClassesFunction
    fabDisplay: string
    fabBase: BaseFunction
    fabSizes: SizesButtons
    getFabSizeClasses: ReturnsClassesFunction
    fabClasses: ReturnsClassesFunction
    palettes: {
        solid: DefaultPaletteColors
        outline: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    }
    [key: string]: any
}

ConfigCheckboxes

Import:

javascript

import type { ConfigCheckboxes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigCheckboxes.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesInputs } from './SizesInputs'

export interface ConfigCheckboxes {
    baseColors: string
    border: string
    outline: string
    ring: string
    rounding: string
    shadow: string
    transition: string
    base: BaseFunction
    sizes: SizesInputs
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    [key: string]: any
}

ConfigColorMode

Import:

javascript

import type { ConfigColorMode } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigColorMode.ts

import type { BaseFunction } from './BaseFunction'
import type { ColorMode } from './ColorMode'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'

export interface ConfigColorMode {
    dark: ColorMode
    light: ColorMode
    base: BaseFunction
    transition: string
    classes: ReturnsClassesFunction
    [key: string]: any
}

ConfigDefaults

Import:

javascript

import type { ConfigDefaults } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigDefaults.ts

import type { VvAnchorProps } from '../types/VvAnchorProps'
import type { VvButtonProps } from '../types/VvButtonProps'
import type { VvCheckboxProps } from '../types/VvCheckboxProps'
import type { VvColorModeButtonProps } from '../types/VvColorModeButtonProps'
import type { VvElProps } from '../types/VvElProps'
import type { VvFaProps } from '../types/VvFaProps'
import type { VvFormGroupProps } from '../types/VvFormGroupProps'
import type { VvInputProps } from '../types/VvInputProps'
import type { VvListProps } from '../types/VvListProps'
import type { VvListboxProps } from '../types/VvListboxProps'
import type { VvListItemProps } from '../types/VvListItemProps'
import type { VvNuxtRouterLinkProps } from '../types/VvNuxtRouterLinkProps'
import type { VvPrismProps } from '../types/VvPrismProps'
import type { VvPrismVarsProps } from '../types/VvPrismVarsProps'
import type { VvQuadFormGroupProps } from '../types/VvQuadFormGroupProps'
import type { VvRadioProps } from '../types/VvRadioProps'
import type { VvRouterLinkProps } from '../types/VvRouterLinkProps'
import type { VvScrollUpProps } from '../types/VvScrollUpProps'
import type { VvSelectProps } from '../types/VvSelectProps'
import type { VvTextareaProps } from '../types/VvTextareaProps'


export interface ConfigDefaults {
    "VvAnchor": VvAnchorProps
    "VvButton": VvButtonProps
    "VvCheckbox": VvCheckboxProps
    "VvColorModeButton": VvColorModeButtonProps
    "VvEl": VvElProps
    "VvFa": VvFaProps
    "VvFormGroup": VvFormGroupProps
    "VvInput": VvInputProps
    "VvList": VvListProps
    "VvListbox": VvListboxProps
    "VvListItem": VvListItemProps
    "VvNuxtRouterLink": VvNuxtRouterLinkProps
    "VvPrism": VvPrismProps
    "VvPrismVars": VvPrismVarsProps
    "VvQuadFormGroup": VvQuadFormGroupProps
    "VvRadio": VvRadioProps
    "VvRouterLink": VvRouterLinkProps
    "VvScrollUp": VvScrollUpProps
    "VvSelect": VvSelectProps
    "VvTextarea": VvTextareaProps
}

ConfigGrounds

Import:

javascript

import type { ConfigGrounds } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigGrounds.ts

import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'

export interface ConfigGrounds {
    palettes: {
        console: DefaultPaletteColors
        default: DefaultPaletteColors
        monochromatic: DefaultPaletteColors
        pastel: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    },
    [key: string]: any
}

ConfigInputs

Import:

javascript

import type { ConfigInputs } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigInputs.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesInputs } from './SizesInputs'

export interface ConfigInputs {
    border: string
    display: string
    outline: string
    placeholder: string
    ring: string
    rounding: string
    shadow: string
    text: string
    transition: string
    base: BaseFunction
    sizes: SizesInputs
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultValidationPaletteColors
        underlined: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    [key: string]: any
}

ConfigListboxes

Import:

javascript

import type { ConfigListboxes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigListboxes.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { SizesSelects } from './SizesSelects'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'

export interface ConfigListboxes {
    border: string
    display: string
    outline: string
    ring: string
    rounding: string
    shadow: string
    text: string
    transition: string
    base: BaseFunction
    sizes: SizesSelects
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    buttonPalettes: {
        default: DefaultValidationPaletteColors
        underlined: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    optionPalettes: {
        default: DefaultValidationPaletteColors
        underlined: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    [key: string]: any
}

ConfigLists

Import:

javascript

import type { ConfigLists } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigLists.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesText } from './SizesText'

export interface ConfigLists {
    align: string
    decoration: string
    family: string
    lineHeight: string
    padding: string
    smoothing: string
    spacing: string
    weight: string
    wordBreak: string
    base: BaseFunction
    sizes: SizesText
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    },
    [key: string]: any
}

ConfigRadios

Import:

javascript

import type { ConfigRadios } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigRadios.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesInputs } from './SizesInputs'

export interface ConfigRadios {
    baseColors: string
    border: string
    outline: string
    ring: string
    rounding: string
    shadow: string
    transition: string
    base: BaseFunction
    sizes: SizesInputs
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    [key: string]: any
}

ConfigScrollbars

Import:

javascript

import type { ConfigScrollbars } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigScrollbars.ts

import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'

export interface ConfigScrollbars {
    palettes: {
        default: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    },
    [key: string]: any
}

ConfigSelects

Import:

javascript

import type { ConfigSelects } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigSelects.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesSelects } from './SizesSelects'

export interface ConfigSelects {
    border: string
    display: string
    outline: string
    ring: string
    rounding: string
    shadow: string
    text: string
    transition: string
    base: BaseFunction
    sizes: SizesSelects
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultValidationPaletteColors
        underlined: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    [key: string]: any
}

ConfigText

Import:

javascript

import type { ConfigText } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigText.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultPaletteColors } from '../types/DefaultPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { SizesText } from './SizesText'

export interface ConfigText {
    align: string
    decoration: string
    family: string
    lineHeight: string
    smoothing: string
    spacing: string
    weight: string
    wordBreak: string
    base: BaseFunction
    sizes: SizesText
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultPaletteColors
        [key: string]: DefaultPaletteColors
    },
    [key: string]: any
}

ConfigTextareas

Import:

javascript

import type { ConfigTextareas } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigTextareas.ts

import type { BaseFunction } from './BaseFunction'
import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { ReturnsNumberFunction } from './ReturnsNumberFunction'
import type { SizesTextareas } from './SizesTextareas'
import type { SizesTextareasRows } from './SizesTextareasRows'

export interface ConfigTextareas {
    border: string
    display: string
    outline: string
    placeholder: string
    ring: string
    rounding: string
    shadow: string
    text: string
    transition: string
    base: BaseFunction
    getSizeClasses: ReturnsClassesFunction
    classes: ReturnsClassesFunction
    palettes: {
        default: DefaultValidationPaletteColors
        underlined: DefaultValidationPaletteColors
        [key: string]: DefaultValidationPaletteColors
    }
    sizes: SizesTextareas
    rowSizes: SizesTextareasRows
    getRowSize: ReturnsNumberFunction
    [key: string]: any
}

ConfigTransitions

Import:

javascript

import type { ConfigTransitions } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigTransitions.ts

import type { ReturnsClassesFunction } from './ReturnsClassesFunction'
import type { TransitionsClasses } from './TransitionsClasses'
import type { TransitionsCustom } from './TransitionsCustom'
import type { TransitionsDurations } from './TransitionsDurations'
import type { TransitionsEasings } from './TransitionsEasings'
import type { TransitionsTransitions } from './TransitionsTransitions'

export interface ConfigTransitions {
    durations: TransitionsDurations
    easings: TransitionsEasings
    transitions: TransitionsTransitions
    classes: TransitionsClasses
    custom: TransitionsCustom
    getDurationClasses: ReturnsClassesFunction
    getEasingClasses: ReturnsClassesFunction
    getTransitionClasses: ReturnsClassesFunction
    [key: string]: any
}

ConfigVv

Import:

javascript

import type { ConfigVv } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/ConfigVv.ts

import type { ConfigAnchors } from './ConfigAnchors'
import type { ConfigBorders } from './ConfigBorders'
import type { ConfigButtons } from './ConfigButtons'
import type { ConfigCheckboxes } from './ConfigCheckboxes'
import type { ConfigColorMode } from './ConfigColorMode'
import type { ConfigGrounds } from './ConfigGrounds'
import type { ConfigInputs } from './ConfigInputs'
import type { ConfigListboxes } from './ConfigListboxes'
import type { ConfigLists } from './ConfigLists'
import type { ConfigRadios } from './ConfigRadios'
import type { ConfigScrollbars } from './ConfigScrollbars'
import type { ConfigSelects } from './ConfigSelects'
import type { ConfigText } from './ConfigText'
import type { ConfigTextareas } from './ConfigTextareas'
import type { ConfigTransitions } from './ConfigTransitions'

import type { ConfigDefaults } from './ConfigDefaults'

export interface ConfigVv {
    anchors: ConfigAnchors
    borders: ConfigBorders
    buttons: ConfigButtons
    checkboxes: ConfigCheckboxes
    colorModes: ConfigColorMode
    grounds: ConfigGrounds
    inputs: ConfigInputs
    listboxes: ConfigListboxes
    lists: ConfigLists
    radios: ConfigRadios
    scrollbars: ConfigScrollbars
    selects: ConfigSelects
    text: ConfigText
    textareas: ConfigTextareas
    transitions: ConfigTransitions
    defaults: ConfigDefaults
    [key: string | number ]: any
}

DefaultButtonPalettes

Import:

javascript

import type { DefaultButtonPalettes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultButtonPalettes.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'

export interface DefaultButtonPalettes {
    solid?: DefaultPaletteColors
    outline?: DefaultPaletteColors
    [key: string]: DefaultPaletteColors | undefined
}

DefaultColors

Import:

javascript

import type { DefaultColors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultColors.ts

export interface DefaultColors {
    default?: string
    [key: string]: string | undefined
}

DefaultPaletteColors

Import:

javascript

import type { DefaultPaletteColors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultPaletteColors.ts

import type { DefaultColors } from './DefaultColors'

export interface DefaultPaletteColors extends DefaultColors {
    error?: string
    primary?: string
    secondary?: string
    success?: string
}

DefaultPalettes

Import:

javascript

import type { DefaultPalettes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultPalettes.ts

import type { DefaultColors } from './DefaultColors'

export interface DefaultPalettes {
    default?: DefaultColors
    [key: string]: DefaultColors | undefined
}

DefaultValidationPaletteColors

Import:

javascript

import type { DefaultValidationPaletteColors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultValidationPaletteColors.ts

import type { DefaultColors } from './DefaultColors'

export interface DefaultValidationPaletteColors extends DefaultColors {
    error?: string
    success?: string
}

DefaultValidationPalettes

Import:

javascript

import type { DefaultValidationPalettes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/DefaultValidationPalettes.ts

import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'

export interface DefaultValidationPalettes extends DefaultPalettes {
    underlined?: DefaultValidationPaletteColors
}

GroundTextColors

Import:

javascript

import type { GroundTextColors } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/GroundTextColors.ts

import type { CSSProperties } from 'vue'

export interface GroundTextColors extends CSSProperties {
    backgroundColor: string
    color: string
}

MonthNames

Import:

javascript

import type { MonthNames } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/MonthNames.ts

import type { MonthNamesTypes } from './MonthNamesTypes'

export interface MonthNames {
    english: MonthNamesTypes
    french: MonthNamesTypes
    spanish: MonthNamesTypes
    [key: string]: MonthNamesTypes
}

MonthNamesTypes

Import:

javascript

import type { MonthNamesTypes } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/MonthNamesTypes.ts

import type { MonthNamesTypesArray } from './MonthNamesTypesArray'

export interface MonthNamesTypes {
    long: MonthNamesTypesArray
    short: MonthNamesTypesArray
}

SizesButtons

Import:

javascript

import type { SizesButtons } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesButtons.ts

export interface SizesButtons {
    '4xs'?: string | undefined
    '3xs'?: string | undefined
    '2xs'?: string | undefined
    'xs'?: string | undefined
    'sm'?: string | undefined
    'md'?: string | undefined
    'lg'?: string | undefined
    'xl'?: string | undefined
    '2xl'?: string | undefined
    '3xl'?: string | undefined
    '4xl'?: string | undefined
    [key: string]: string | undefined
}

SizesInputs

Import:

javascript

import type { SizesInputs } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesInputs.ts

export interface SizesInputs {
    'xs'?: string | undefined
    'sm'?: string | undefined
    'md'?: string | undefined
    'lg'?: string | undefined
    'xl'?: string | undefined
    '2xl'?: string | undefined
    [key: string]: string | undefined
}

SizesSelects

Import:

javascript

import type { SizesSelects } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesSelects.ts

export interface SizesSelects {
    'xs'?: string | undefined
    'sm'?: string | undefined
    'md'?: string | undefined
    'lg'?: string | undefined
    'xl'?: string | undefined
    '2xl'?: string | undefined
    [key: string]: string | undefined
}

SizesText

Import:

javascript

import type { SizesText } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesText.ts

export interface SizesText {
    '5xs'?: string | undefined
    '4xs'?: string | undefined
    '3xs'?: string | undefined
    '2xs'?: string | undefined
    'xs'?: string | undefined
    'sm'?: string | undefined
    'md'?: string | undefined
    'lg'?: string | undefined
    'xl'?: string | undefined
    '2xl'?: string | undefined
    '3xl'?: string | undefined
    '4xl'?: string | undefined
    '5xl'?: string | undefined
    '6xl'?: string | undefined
    '7xl'?: string | undefined
    '8xl'?: string | undefined
    '9xl'?: string | undefined
    '10xl'?: string | undefined
    '11xl'?: string | undefined
    '12xl'?: string | undefined
    [key: string]: string | undefined
}

SizesTextareas

Import:

javascript

import type { SizesTextareas } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesTextareas.ts

export interface SizesTextareas {
    'xs'?: string | undefined
    'sm'?: string | undefined
    'md'?: string | undefined
    'lg'?: string | undefined
    'xl'?: string | undefined
    '2xl'?: string | undefined
    [key: string]: string | undefined
}

SizesTextareasRows

Import:

javascript

import type { SizesTextareasRows } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/SizesTextareasRows.ts

export interface SizesTextareasRows {
    'xs'?: number | undefined
    'sm'?: number | undefined
    'md'?: number | undefined
    'lg'?: number | undefined
    'xl'?: number | undefined
    '2xl'?: number | undefined
    [key: string]: number | undefined
}

TransitionsCustomOptions

Import:

javascript

import type { TransitionsCustomOptions } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/TransitionsCustomOptions.ts

export interface TransitionsCustomOptions {
    transitions?: string | undefined
    easings?: string | undefined
    durations?: string | undefined
}

TransitionsDurations

Import:

javascript

import type { TransitionsDurations } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/TransitionsDurations.ts

export interface TransitionsDurations {
    '1200'?: string | undefined
    '1150'?: string | undefined
    '1100'?: string | undefined
    '1050'?: string | undefined
    '1000'?: string | undefined
    '950'?: string | undefined
    '900'?: string | undefined
    '850'?: string | undefined
    '800'?: string | undefined
    '750'?: string | undefined
    '700'?: string | undefined
    '650'?: string | undefined
    '600'?: string | undefined
    '550'?: string | undefined
    '500'?: string | undefined
    '475'?: string | undefined
    '450'?: string | undefined
    '425'?: string | undefined
    '400'?: string | undefined
    '375'?: string | undefined
    '350'?: string | undefined
    '325'?: string | undefined
    '300'?: string | undefined
    '275'?: string | undefined
    '250'?: string | undefined
    '225'?: string | undefined
    '200'?: string | undefined
    '175'?: string | undefined
    '150'?: string | undefined
    '125'?: string | undefined
    '100'?: string | undefined
    '75'?: string | undefined
    '50'?: string | undefined
    '25'?: string | undefined
    [key: string]: string | undefined
}

TransitionsEasings

Import:

javascript

import type { TransitionsEasings } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/TransitionsEasings.ts

export interface TransitionsEasings {
    linear?: string | undefined
    in?: string | undefined
    out?: string | undefined
    inOut?: string | undefined
    [key: string]: string | undefined
}

TransitionsTransitions

Import:

javascript

import type { TransitionsTransitions } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/TransitionsTransitions.ts

export interface TransitionsTransitions {
    default?: string | undefined
    all?: string | undefined
    colors?: string | undefined
    none?: string | undefined
    opacity?: string | undefined
    shadow?: string | undefined
    transform?: string | undefined
    [key: string]: string | undefined
}

VvAnchorProps

Import:

javascript

import type { VvAnchorProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvAnchorProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesButtons } from './SizesButtons'
import type { SizesText } from './SizesText'

export interface VvAnchorProps {
    button: boolean
    buttonBlock: boolean
    buttonFab: boolean
    buttonSize: keyof SizesButtons | string
    color: keyof DefaultPaletteColors | string
    debug: boolean
    external: boolean
    href: string
    palette: keyof DefaultPalettes | string
    textSize: keyof SizesText | string
}

VvButtonProps

Import:

javascript

import type { VvButtonProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvButtonProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesButtons } from './SizesButtons'
import ValidButtonTypes from '../validators/ValidButtonTypes'

export interface VvButtonProps {
    block: boolean
    color: keyof DefaultPaletteColors | string
    debug: boolean
    fab: boolean
    palette: keyof DefaultPalettes | string
    size: keyof SizesButtons | string
    type: ValidButtonTypes
}

VvCheckboxProps

Import:

javascript

import type { VvCheckboxProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvCheckboxProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesInputs } from './SizesInputs'

export interface VvCheckboxProps {
    checked: boolean
    color: keyof DefaultPaletteColors | string
    darkCheckHex: string
    debug: boolean
    lightCheckHex: string
    palette: keyof DefaultPalettes | string
    size: keyof SizesInputs | string
}

VvColorModeButtonProps

Import:

javascript

import type { VvColorModeButtonProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvColorModeButtonProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesButtons } from './SizesButtons'
import ValidButtonTypes from '../validators/ValidButtonTypes'
import ValidColorModes from '../validators/ValidColorModes'

export interface VvColorModeButtonProps {
    color: keyof DefaultPaletteColors | string
    debug: boolean
    mode: ValidColorModes
    palette: keyof DefaultPalettes | string
    size: keyof SizesButtons | string
    type: ValidButtonTypes
}

VvElProps

Import:

javascript

import type { VvElProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvElProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesText } from './SizesText'
import ValidElementTags from '../validators/ValidElementTags'

export interface VvElProps {
    borderPalette: keyof DefaultPalettes | string
    borderColor: keyof DefaultPaletteColors | string
    debug: boolean
    groundPalette: keyof DefaultPalettes | string
    groundColor: keyof DefaultPaletteColors | string
    size: keyof SizesText | string
    tag: ValidElementTags
    textPalette: keyof DefaultPalettes | string
    textColor: keyof DefaultPaletteColors | string
}

VvInputProps

Import:

javascript

import type { VvInputProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvInputProps.ts

import ValidInputTypes from '../validators/ValidInputTypes'

import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { DefaultValidationPalettes } from './DefaultValidationPalettes'
import type { SizesInputs } from './SizesInputs'

export interface VvInputProps {
    color: keyof DefaultValidationPaletteColors | string
    debug: boolean
    palette: keyof DefaultValidationPalettes | string
    size: keyof SizesInputs | string
    type: ValidInputTypes
}

VvListboxData

Import:

javascript

import type { VvListboxData } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvListboxData.ts

export interface VvListboxData {
    disabled: boolean
    display: string
    id: number | string
    value: any
    [key: string]: any
}

VvListboxProps

Import:

javascript

import type { VvListboxProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvListboxProps.ts

import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { DefaultValidationPalettes } from './DefaultValidationPalettes'
import type { SizesSelects } from './SizesSelects'
import type { VvListboxData } from './VvListboxData'

export interface VvListboxProps {
    data: VvListboxData[]
    debug: boolean
    displayClasses: string
    displayDisabledClasses: string
    iconDisabledClasses: string
    iconSelectedClasses: string
    iconsSizeClasses: string
    label: string
    labelClasses: string
    listboxButtonClasses: string
    listboxButtonColor: keyof DefaultValidationPaletteColors | string
    listboxButtonPalette: keyof DefaultValidationPalettes | string
    listboxOptionClasses: string
    listboxOptionColor: keyof DefaultValidationPaletteColors | string
    listboxOptionPalette: keyof DefaultValidationPalettes | string
    listboxOptionsClasses: string
    listboxOptionsWithLabelSpacing: string
    listboxOptionsWithoutLabelSpacing: string
    optionIconParentClasses: string
    selectedDisplayClasses: string
    selectedIndex: number
    size: keyof SizesSelects | string
}

VvListItemProps

Import:

javascript

import type { VvListItemProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvListItemProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'

export interface VvListItemProps {
    color: keyof DefaultPaletteColors | string
    debug: boolean
    enableColoredSymbols: boolean
    palette: keyof DefaultPalettes | string
    symbolColor: keyof DefaultPaletteColors | string
    symbolPalette: keyof DefaultPalettes | string
}

VvListProps

Import:

javascript

import type { VvListProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvListProps.ts

import ValidListTypes from '../validators/ValidListTypes'

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesText } from './SizesText'

export interface VvListProps {
    debug: boolean
    listStyleTypeClass: string
    markerPalette: keyof DefaultPalettes | string
    markerColor: keyof DefaultPaletteColors | string
    size: keyof SizesText | string
    tag: ValidListTypes
}

VvNuxtRouterLinkProps

Import:

javascript

import type { VvNuxtRouterLinkProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvNuxtRouterLinkProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesButtons } from './SizesButtons'
import type { SizesText } from './SizesText'

export interface VvNuxtRouterLinkProps {
    button: boolean
    buttonBlock: boolean
    buttonFab: boolean
    buttonSize: keyof SizesButtons | string
    color: keyof DefaultPaletteColors | string
    debug: boolean
    external: boolean
    to: string
    palette: keyof DefaultPalettes | string
    textSize: keyof SizesText | string
}

VvRadioProps

Import:

javascript

import type { VvRadioProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvRadioProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesInputs } from './SizesInputs'

export interface VvRadioProps {
    checked: boolean
    color: keyof DefaultPaletteColors | string
    darkRadioHex: string
    debug: boolean
    lightRadioHex: string
    palette: keyof DefaultPalettes | string
    size: keyof SizesInputs | string
}

VvRouterLinkProps

Import:

javascript

import type { VvRouterLinkProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvRouterLinkProps.ts

import type { DefaultPaletteColors } from './DefaultPaletteColors'
import type { DefaultPalettes } from './DefaultPalettes'
import type { SizesButtons } from './SizesButtons'
import type { SizesText } from './SizesText'

export interface VvRouterLinkProps {
    button: boolean
    buttonBlock: boolean
    buttonFab: boolean
    buttonSize: keyof SizesButtons | string
    color: keyof DefaultPaletteColors | string
    debug: boolean
    external: boolean
    to: string
    palette: keyof DefaultPalettes | string
    textSize: keyof SizesText | string
}

VvSelectProps

Import:

javascript

import type { VvSelectProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvSelectProps.ts

import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { DefaultValidationPalettes } from './DefaultValidationPalettes'
import type { SizesSelects } from './SizesSelects'

export interface VvSelectProps {
    color: keyof DefaultValidationPaletteColors | string
    debug: boolean
    palette: keyof DefaultValidationPalettes | string
    size: keyof SizesSelects | string
}

VvTextareaProps

Import:

javascript

import type { VvTextareaProps } from '@obewds/vueventus'

Module Code (for reference):

// ./src/types/VvTextareaProps.ts

import type { DefaultValidationPaletteColors } from './DefaultValidationPaletteColors'
import type { DefaultValidationPalettes } from './DefaultValidationPalettes'
import type { SizesTextareas } from './SizesTextareas'
import type { SizesTextareasRows } from './SizesTextareasRows'

export interface VvTextareaProps {
    color: keyof DefaultValidationPaletteColors | string
    debug: boolean
    palette: keyof DefaultValidationPalettes | string
    rowSize: keyof SizesTextareasRows | string
    size: keyof SizesTextareas | string
}

Typescript Interfaces ​

AppColorPairs ​

Import: ​

Module Code (for reference): ​

AppColors ​

Import: ​

Module Code (for reference): ​

AppTintShadePairs ​

Import: ​

Module Code (for reference): ​

AppTintsShades ​

Import: ​

Module Code (for reference): ​

ColorMode ​

Import: ​

Module Code (for reference): ​

ConfigAnchors ​

Import: ​

Module Code (for reference): ​

ConfigBorders ​

Import: ​

Module Code (for reference): ​

ConfigButtons ​

Import: ​

Module Code (for reference): ​

ConfigCheckboxes ​

Import: ​

Module Code (for reference): ​

ConfigColorMode ​

Import: ​

Module Code (for reference): ​

ConfigDefaults ​

Import: ​

Module Code (for reference): ​

ConfigGrounds ​

Import: ​

Module Code (for reference): ​

ConfigInputs ​

Import: ​

Module Code (for reference): ​

ConfigListboxes ​

Import: ​

Module Code (for reference): ​

ConfigLists ​

Import: ​

Module Code (for reference): ​

ConfigRadios ​

Import: ​

Module Code (for reference): ​

ConfigScrollbars ​

Import: ​

Module Code (for reference): ​

ConfigSelects ​

Import: ​

Module Code (for reference): ​

ConfigText ​

Import: ​

Module Code (for reference): ​

ConfigTextareas ​

Import: ​

Module Code (for reference): ​

ConfigTransitions ​

Import: ​

Module Code (for reference): ​

ConfigVv ​

Import: ​

Module Code (for reference): ​

DefaultButtonPalettes ​

Import: ​

Module Code (for reference): ​

DefaultColors ​

Import: ​

Module Code (for reference): ​

DefaultPaletteColors ​

Import: ​

Module Code (for reference): ​

DefaultPalettes ​

Import: ​

Module Code (for reference): ​

DefaultValidationPaletteColors ​

Typescript Interfaces

AppColorPairs

Import:

Module Code (for reference):

AppColors

Import:

Module Code (for reference):

AppTintShadePairs

Import:

Module Code (for reference):

AppTintsShades

Import:

Module Code (for reference):

ColorMode

Import:

Module Code (for reference):

ConfigAnchors

Import:

Module Code (for reference):

ConfigBorders

Import:

Module Code (for reference):

ConfigButtons

Import:

Module Code (for reference):

ConfigCheckboxes

Import:

Module Code (for reference):

ConfigColorMode

Import:

Module Code (for reference):

ConfigDefaults

Import:

Module Code (for reference):

ConfigGrounds

Import:

Module Code (for reference):

ConfigInputs

Import:

Module Code (for reference):

ConfigListboxes

Import:

Module Code (for reference):

ConfigLists

Import:

Module Code (for reference):

ConfigRadios

Import:

Module Code (for reference):

ConfigScrollbars

Import:

Module Code (for reference):

ConfigSelects

Import:

Module Code (for reference):

ConfigText

Import:

Module Code (for reference):

ConfigTextareas

Import:

Module Code (for reference):

ConfigTransitions

Import:

Module Code (for reference):

ConfigVv

Import:

Module Code (for reference):

DefaultButtonPalettes

Import:

Module Code (for reference):

DefaultColors

Import:

Module Code (for reference):

DefaultPaletteColors

Import:

Module Code (for reference):

DefaultPalettes

Import:

Module Code (for reference):

DefaultValidationPaletteColors