bcs-ui v0.4.57

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';

Same with icons:

import { CoinbaseIcon, MetamaskIcon, WalletConnectIcon } from 'bcs-ui/icons';
import CopyIcon from 'bcs-ui/icons/CopyIcon';

Constants can be imported from bcs-ui/utils:

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

v0.4.57

Fixed

• On scroll closed menu in mobile FloatingMenu

v0.4.56

Fixed

• Fix mobile children FloatingMenu

v0.4.55

Fixed

• Add variable for children in floating menu for mobile version FloatingMenu

v0.4.54

Fixed

• Add children in floating menu for mobile version FloatingMenu

v0.4.53

Fixed

• Fix display in init on button for mobile burger FloatingMenu

v0.4.52

Fixed

• Fix display in init on button for mobile burger FloatingMenu

v0.4.51

Fixed

• Fix width button for mobile burger FloatingMenu

v0.4.50

Fixed

• Fix animation button for mobile burger FloatingMenu

v0.4.49

Fixed

• Fix animation for desktop burger FloatingMenu

v0.4.42

Fixed

• Prevent body scroll for FloatingMenu when mobile expanded

v0.4.39

Updated

• New mobile behavior for FloatingMenu component

v0.4.37

Added

• New FloatingMenu component

v0.4.36

Added

• Spread props to Tag

v0.4.35

Fixed

• Fixed backdrop-filter Tag

v0.4.34

Fixed

• Fixed backdrop-filter for mobile in Dialog

v0.4.33

Added

• Added forwardRef for TextInput
• Added TextInput type 'number'

v0.4.32

Fixed

• Fixed overflow (scroll bar) in Dialog

v0.4.30

Fixed

• Optional withDot property for Tag

v0.4.30

Added

• New values for spacers
• New variant for Tag without Dot

v0.4.29

Fixed

• Fixed font-size text to 14px in Counter

v0.4.28

Fixed

• Fixed counter color button in Counter

v0.4.27

Fixed

• Fixed counter text width in Counter

v0.4.25

Fixed

• Fixed title variant in Dialog

v0.4.24

Fixed

• Fixed Select component and Dialog storybook doc

v0.4.23

Added

• Added Select component

v0.4.22

Added

• Fixed Styles and added title to Dialog

v0.4.21

Fixed

• Fix Button add white color

v0.4.18

v0.4.19

Added

• Added Checkbox component

v0.4.18

Fixed

• Counter change bg

v0.4.17

Added

• Counter add light theme

v0.4.12

Added

• Flex add ref support

v0.4.12

Fixed

• SubscribeForm add gap and border-radius

v0.4.11

Fixed

• Dialog change min-width from 360 to 320px

v0.4.10

Added

• SubscribeForm animation on "Subscribe" button

Fixed

• Button fix padding for small size
• Tag add blur on background
• Text fix body-xxs variant

v0.4.9

Fixed

• SubscribeForm disable button while submitting

v0.4.8

Fixed

• SubscribeForm icon alignment in submit button

v0.4.6 - 0.4.7

Fixed

• SubscribeForm fix min-width on input
• Dialog backdrop blur

v0.4.5

Fixed

• Countdown fix width
• LangSwitcher fix padding

v0.4.4

New

• Info icon
• Support forwardRef for Button

Fixed

• Flex remove 'unset' values for not used fields
• Stretch for SubscribeForm
• z-index for Dialog component

v0.4.2 - v0.4.3

Fixed

• <Button "light"> background color
• Mobile view for SubscribeForm

v0.4.1

Fixed:

• LangSwitcher now has solid background
• added zIndex: 20 to LangSwitcher portal

v0.4.0

New:

• added LangSwitcher component.

v0.3.1

Updated:

• text color can now accept shades of grey like "grey-100", "grey-400" etc.
• text color can now accept arbitrary values like "blue", "#f0f", "rgb(255 50 100)" etc.
• added as prop to Button
• added color dark

v0.3.0

New:

• Components: Add CodeInput.
• Utils: Add new MQ constant for media-queries. Media is deprecated now.
• Other: Add adaptive to Text component and mqOverrides prop. Add translation props to Countdown and SubscribeForm. Add slider-nav color option to Button. Add rose color to COLORS utils.

v0.2.0

BREAKING CHANGES

• rename theme to color prop in TextInput, Button components.

New:

• Components: Dialog, Flex;
• Other: Added align prop to Text component.

v0.1.0

New:

• Components: Button, Countdown, Counter, SubscribeForm, Tag, Text, TextInput, TokenSelector;
• Utils: COLORS, COLORS_RGB, transparentize(), FONTS, MEDIA, ScreenSize, RADIUS, SPACING, TEXT_STYLES;
• Icons: ArrowBackAltIcon, ArrowBackIcon, CheckCircleIcon, CoinbaseIcon, CopyIcon, HeartIcon, MetamaskIcon, PlusIcon, PolygonIcon, SearchIcon, ShareIcon, SpinnerIcon, WalletConnectIcon, XCrossIcon.