# @beam-ui/design-tokens

## 2.2.0

### Minor Changes

Added shadow and elevation base tokens

  - Added `shadow.50` through `shadow.600` — ambient shadow scale for cards, popovers, and surface depth
  - Added `elevation.100` through `elevation.300` — stronger composite shadow scale for modals, drawers, and floating panels
  - Both scales use `px` units (pixels) for shadow offset/blur/spread and `hsla(0, 0%, 0%, X)` for colors

## 2.1.0

### Minor Changes

Added input component design tokens and improved color contrast

- Added new semantic input tokens covering dimensions, typography, backgrounds, borders, text colors, icons, labels, and validation messages
- Added `border.width.medium` base token for focus states
- Added `color.text.readonly` semantic color token
- Updated warning and success color tokens to improve shades for better contrast ratios

## 2.0.1

### Patch Changes

- Updated README to include npm CDNs examples

## 2.0.0

### Major Changes

- Replaced Helvetica based typography tokens with the Inter font based ones. Added focus-ring tokens

## 1.0.1

### Patch Changes

- The README was renamed to CONTRIBUTING and the USAGE to README in order to improve the documentation on the npm side

## 1.0.0

### Major Changes

- The first major version release with all the initial base and semantic tokens

## 0.0.2

### Patch Changes

- The initial project structure in preparation for the release