@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
129 lines (128 loc) • 5.68 kB
TypeScript
/**
* Components
*/
export { default as FCard } from './components/FCard';
export { default as FAvatar } from './components/FAvatar';
export { default as FBackgroundImage } from './components/FBackgroundImage';
export { default as FBreadcrumbs } from './components/FBreadcrumbs';
export { default as FButton } from './components/FButton';
export { default as FDivider } from './components/FDivider';
export { default as FExpandable } from './components/FExpandable';
export { default as FFieldHint } from './components/form/FFieldHint';
export { default as FFieldLabel } from './components/form/FFieldLabel';
export { default as FForm } from './components/form/FForm';
export { default as FGrid } from './components/FGrid';
export { default as FGridItem } from './components/FGridItem';
export { default as FIcon } from './components/FIcon';
export { default as FImage } from './components/FImage';
export { default as FLink } from './components/FLink';
export { default as FLoader } from './components/FLoader';
export { default as FLogo } from './components/FLogo';
export { default as FLogoAnimatable } from './components/FLogoAnimatable';
export { default as FProgressBar } from './components/FProgressBar';
export { default as FSkeleton } from './components/FSkeleton';
export { default as FSvgImage } from './components/FSvgImage';
export { default as FFlagIcon } from './components/FFlagIcon';
export { default as FCreditCardIcon } from './components/FCreditCardIcon';
export { default as FMenu } from './components/FMenu';
export { default as FTextContent } from './components/FTextContent';
export { default as FPopup } from './components/FPopup';
/**
* Form components
*/
export { default as FField } from './components/form/FField';
export { default as FCheckbox } from './components/form/FCheckbox';
export { default as FCreditCardInput } from './components/form/FCreditCardInput';
export { default as FDigitsInput } from './components/form/FDigitsInput';
export { default as FInput } from './components/form/FInput';
export { default as FPhoneInput } from './components/form/FPhoneInput';
export { default as FRadio } from './components/form/FRadio';
export { default as FRadioGroup } from './components/form/FRadioGroup';
export { default as FSelect } from './components/form/FSelect';
export { default as FCountrySelect } from './components/form/FCountrySelect';
export { default as FLocaleSelect } from './components/form/FLocaleSelect';
export { default as FTextarea } from './components/form/FTextarea';
export { default as FFileUpload } from './components/form/FFileUpload';
export { default as FAutocomplete } from './components/form/FAutocomplete';
export { default as FToggle } from './components/form/FToggle';
/**
* Components props interfaces
*/
export type * from './components/FAvatar';
export type * from './components/FBackgroundImage';
export type * from './components/FButton';
export type * from './components/FBreadcrumbs';
export type * from './components/FCard';
export type * from './components/form/FCheckbox';
export type * from './components/form/FCreditCardInput';
export type * from './components/form/FDigitsInput';
export type * from './components/FDivider';
export type * from './components/FExpandable';
export type * from './components/form/FFieldHint';
export type * from './components/form/FFieldLabel';
export type * from './components/FCreditCardIcon';
export type * from './components/FFlagIcon';
export type * from './components/form/FForm';
export type * from './components/FGridItem';
export type * from './components/FGrid';
export type * from './components/FIcon';
export type * from './components/FImage';
export type * from './components/form/FInput';
export type * from './components/FLink';
export type * from './components/FLoader';
export type * from './components/FLogoAnimatable';
export type * from './components/FLogo';
export type * from './components/form/FPhoneInput';
export type * from './components/FProgressBar';
export type * from './components/FMenu';
export type * from './components/form/FField';
export type * from './components/form/FSelect';
export type * from './components/form/FCountrySelect';
export type * from './components/form/FRadioGroup';
export type * from './components/form/FRadio';
export type * from './components/FSkeleton';
export type * from './components/FSvgImage';
export type * from './components/form/FTextarea';
export type * from './components/form/FFileUpload';
export type * from './components/form/FAutocomplete';
export type * from './components/form/FToggle';
export type * from './components/FTextContent';
export type * from './components/FPopup';
/**
* Composables
*/
export * from './composables/useFBreakpoints';
export * from './composables/useFieldWithValidation';
export * from './composables/useIcon';
export * from './composables/useInputEventBindings';
export * from './composables/useLazyImage';
export * from './composables/useSmartLink';
/**
* Utils
*/
export * from './utils/genSize';
export * from './utils/getCssColor';
export * from './utils/credit-cards';
/**
* Config constants
*/
export * from './constants/breakpoints';
export * from './constants/colors';
export * from './constants/grid';
export * from './constants/typography';
/**
* Types
*/
export type * from './types/breakpoints';
export type * from './types/typography';
export type * from './types/colors';
export type * from './types/font';
export type * from './types/forms';
export type * from './types/grid';
export type * from './types/icons';
export type * from './types/styles';
export type * from './types/flags';
/**
* FDS instance
*/
export * from './createFds';