bcs-ui v1.0.8

bcs-ui

Development

First, install dependencies:

pnpm install

Then, start storybook dev server:

pnpm dev

To build package run:

pnpm build

To test package locally use pnpm link:

# run in test project directory
pnpm link /path/to/uikit/dir

To publish package bump version in package.json, then run:

pnpm publish

Usage

UI-kit requires react and styled-components to be installed.

Import fonts stylesheet:

import 'bcs-ui/fonts.css';

Components can be imported through named or default exports:

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:

import {
  COLORS,
  COLORS_RGB,
  FONTS,
  MQ,
  RADIUS,
  SPACING,
  TEXT_STYLES,
  transparentize,
} from 'bcs-ui/utils';

v1.0.8:

Updated:

• Component: FloatingMenu - updated theme variant black, change colors for theme;

v1.0.7:

Updated:

• Component: FloatingMenu - updated theme variant transparent, remove animation from menu blur, increase background opacity;

v1.0.6:

Updated:

• Component: FloatingMenu - updated theme variant transparent, changed animation easing on mobile blur menu;

v1.0.5:

Updated:

• Component: FloatingMenu - updated theme variant transparent, animated blur in mobile menu;

v1.0.4:

Updated:

• Component: FloatingMenu - updated theme variant transparent, change mobile menu background added blur substrate;

v1.0.3:

Updated:

• Component: FloatingMenu - updated theme variant transparent, change mobile menu background and color styles;

v1.0.2:

Updated:

• Component: FloatingMenu - updated theme variant transparent, added green substrate;

v1.0.1:

Updated:

• Component: FloatingMenu - added new theme variant transparent;

v1.0.0

New:

• Components: Checkbox, Flex, FloatingMenu;
• Utils: COLORS, COLORS_RGB, transparentize(), FONTS, MEDIA, ScreenSize, RADIUS, SPACING, TEXT_STYLES;