BCS React UI Kit
npm install bcs-uiFirst, install dependencies:
``bash`
pnpm install
Then, start storybook dev server:
`bash`
pnpm dev
To build package run:
`bash`
pnpm build
To test package locally use pnpm link:
`bash`run in test project directory
pnpm link /path/to/uikit/dir
To publish package bump version in package.json, then run:
`bash`
pnpm publish
UI-kit requires react and styled-components to be installed.
Import fonts stylesheet:
`ts`
import 'bcs-ui/fonts.css';
Components can be imported through named or default exports:
`ts`
import { Button, Text } from 'bcs-ui';
import Countdown, { CountdownProps } from 'bcs-ui/Countdown';
import TextInput from 'bcs-ui/TextInput';
Constants can be imported from bcs-ui/utils:
`ts`
import {
COLORS,
COLORS_RGB,
FONTS,
MQ,
RADIUS,
SPACING,
TEXT_STYLES,
transparentize,
} from 'bcs-ui/utils';
CHANGELOGS
- Component: FloatingMenu - updated theme variant black, change colors for theme;
- Component: FloatingMenu - updated theme variant transparent, remove animation from menu blur, increase background opacity;
- Component: FloatingMenu - updated theme variant transparent, changed animation easing on mobile blur menu;
- Component: FloatingMenu - updated theme variant transparent, animated blur in mobile menu;
- Component: FloatingMenu - updated theme variant transparent, change mobile menu background added blur substrate;
- Component: FloatingMenu - updated theme variant transparent, change mobile menu background and color styles;
- Component: FloatingMenu - updated theme variant transparent, added green substrate;
- Component: FloatingMenu - added new theme variant transparent;
- Components: Checkbox, Flex, FloatingMenu;COLORS, COLORS_RGB, transparentize(), FONTS, MEDIA, ScreenSize, RADIUS, SPACING, TEXT_STYLES`;
- Utils: