twenty/packages/twenty-front/tsup.ui.index.tsx
Abdullah 8c0680b918
Setup the foundation for Twenty UI library. (#4423)
* feat: create a separate package for twenty-ui, extract the pill component with hard-coded theme values into it, and use the component inside twenty-front to complete the setup

* feat: extract the light and the dark theme into twenty-ui and update the AppThemeProvider component inside twenty-front to consume themes from twenty-ui

* fix: create a decorator inside preview.tsx to provide a default theme to storybook development server

* fix: remove redundant type declarations and revert back the naming convention for theme declarations

* fix: introduce a default value for pill label within the story for development server

* fix: introduce the nx script into package.json for twenty-ui and resolve imports for theme type within the package

* fix: remove the pill component from the twenty-front package along with the story for it

* fix: revert the package versions to those before running the nx cli command for storybook init

* feat: update readme to include details for building the ui library and starting the storybook development server

* fix: include details about twenty-ui inside jest.config for twenty-front to complete front-jest job

* - Added preview head for font
- Added theme addon for light/dark switch
- Added ComponentDecorator

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
2024-03-13 14:21:18 +01:00

66 lines
4.2 KiB
TypeScript

import { ThemeType } from './src/modules/ui/theme/constants/ThemeLight';
export {ThemeProvider} from '@emotion/react';
export { THEME_DARK } from './src/modules/ui/theme/constants/ThemeDark';
export { THEME_LIGHT } from './src/modules/ui/theme/constants/ThemeLight';
declare module '@emotion/react' {
// eslint-disable-next-line @typescript-eslint/no-empty-interface
export interface Theme extends ThemeType {}
}
export * from './src/modules/ui/display/checkmark/components/Checkmark';
export * from './src/modules/ui/display/checkmark/components/AnimatedCheckmark'
export * from './src/modules/ui/display/chip/components/Chip'
export * from './src/modules/ui/display/chip/components/EntityChip'
export * from './src/modules/ui/display/icon/components/IconAddressBook'
export * from './src/modules/ui/display/tag/components/Tag'
export * from './src/modules/ui/display/tooltip/AppTooltip'
export * from './src/modules/ui/display/tooltip/OverflowingTextWithTooltip'
export * from './src/modules/ui/feedback/progress-bar/components/ProgressBar'
export * from './src/modules/ui/feedback/progress-bar/components/CircularProgressBar'
export * from './src/modules/ui/input/button/components/Button'
export * from './src/modules/ui/input/button/components/ButtonGroup'
export * from './src/modules/ui/input/button/components/FloatingButton'
export * from './src/modules/ui/input/button/components/FloatingButtonGroup'
export * from './src/modules/ui/input/button/components/FloatingIconButton'
export * from './src/modules/ui/input/button/components/FloatingIconButtonGroup'
export * from './src/modules/ui/input/button/components/LightButton'
export * from './src/modules/ui/navigation/link/components/ActionLink.tsx'
export * from './src/modules/ui/input/button/components/LightIconButton'
export * from './src/modules/ui/input/button/components/MainButton'
export * from './src/modules/ui/input/button/components/RoundedIconButton'
export * from './src/modules/ui/input/color-scheme/components/ColorSchemeCard'
export * from './src/modules/ui/input/color-scheme/components/ColorSchemePicker'
export * from './src/modules/ui/input/components/AutosizeTextInput'
export * from './src/modules/ui/input/components/Checkbox'
export * from './src/modules/ui/input/components/EntityTitleDoubleTextInput'
export * from './src/modules/ui/input/components/IconPicker'
export * from './src/modules/ui/input/components/ImageInput'
export * from './src/modules/ui/input/components/Radio'
export * from './src/modules/ui/input/components/RadioGroup'
export * from './src/modules/ui/input/button/components/Button';
export * from './src/modules/ui/input/components/Select'
export * from './src/modules/ui/input/components/TextArea'
export * from './src/modules/ui/input/components/TextInput'
export * from './src/modules/ui/input/components/Toggle'
export * from './src/modules/ui/input/editor/components/BlockEditor'
export * from './src/modules/ui/navigation/link/components/ContactLink';
export * from './src/modules/ui/navigation/link/components/RawLink';
export * from './src/modules/ui/navigation/link/components/RoundedLink';
export * from './src/modules/ui/navigation/link/components/SocialLink';
export * from './src/modules/ui/navigation/menu-item/components/MenuItem';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemCommand';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemDraggable';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemMultiSelect';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemMultiSelectAvatar';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemNavigate';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemSelect';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemSelectColor';
export * from './src/modules/ui/navigation/menu-item/components/MenuItemToggle';
export * from './src/modules/ui/navigation/bread-crumb/components/Breadcrumb'
export * from './src/modules/ui/navigation/navigation-bar/components/NavigationBar'
export * from './src/modules/ui/navigation/step-bar/components/StepBar'