v0.5.0

New components and styling options, improved customization

Components

Flex

• add support for common CSS properties (pointer-events, overflow, cursor)
• apply global classes instead of inline styles for most props
• support for uneven border / border radius
• support for alpha values for border / background
• improve DX, code maintanability and readability with shorthands (e.g. fill -> fillWidth + fillHeight)
• new variants: <Column> and <Row> for better readability
• expose Flex props on most components for seamless overrides

Buttons + Inputs

• uneven border radius support
• simplified code with ElementType

Background

• reworked component api for improved customization and performance
• add grid prop

Card (NEW)

• simple card component with children (Docs)

Fade (NEW)

• customizable fade effect based on Flex (Docs)

Line (NEW)

• insert horizontal and vertical lines based on Flex (Docs)

LogoCloud (NEW)

• logo showcase for future proofs (Docs)

DatePicker (NEW)

• custom DatePicker (Docs)

DateRangePicker (NEW)

• custom DateRangePicker based on the DatePicker (Docs)

NumberInput (NEW)

• custom type="number" input based on the Input (Docs)

PasswordInput (NEW)

• custom type="password" input based on the Input (Docs)

HoloFx (NEW)

• custom hologram effect wrapper based on Flex (Docs)

TiltFx (NEW)

• custom tilt effect wrapper based on Flex (Docs)

View the updated documentation on Once UI

v0.4.0

New styles and components

Features

• new animated Arrow component
• custom src to Logo icon and wordmark and optional href
• add description prop to Input
• rework Background with new design options
• expand default icon list in icons.ts
• introduce data-scaling attribute
• add code variant to Text and Heading
• add config to apply default style and metadata
• new Header and Sidebar components
• new MediaUpload component (compressor.js)
• new CodeBlock component (prism.js)
• new ToastProvider component to manage Toast globally
• new Textarea component
• new GlitchFx component
• new Carousel component
• new Badge component

Fixes

• prevent subline in User to break into multiple lines
• prevent RevealFx sizing related UI bugs
• prevent Button height from collapsing
• prevent Avatar overflow issue on iOS Safari
• prevent Accordion animation glitches
• update border radius tokens in components
• minor UI bugs
• add new component exports to index.ts

Styles

• remove default icon from Select
• rework icon size in IconButton
• improve Feedback UI
• improve Dialog UI
• global style updates
• update trademarks
• update demo layout and page

Refactors

• SegmentedControl requires value
• improve Dropdown functionality
• improve Dialog UI
• unify Switch, RadioButton, and Checkbox style, improve semantics
• fix Accordion animation glitches
• update / simplify transition tokens
• improve code consistency
• rename radius-999 token to radius-full

Read docs ->

v0.3.0

Customization release
-> new data modes for global styling
-> component improvements

Visit docs ->

v0.2.0

Public release

Initial release

v0.1.0

Initial release