stenajs-webui/core
The core library for @stenajs-webui.
All other packages depend on core.
View components
Layout
Box is the main building stone which most other components are derived from.
Components derived from Box
-
Absolute (same as Box, position is absolute)
-
Relative (same as Box, position is relative)
-
Column (same as Box, content is placed in a column)
-
Row (same as Box, content is placed in a row)
-
Indent
-
Space
-
Spacing
Interaction
Decorators
Theme
There are components and hooks available for the themes.
See src/theme/Theme.md
for details.
Hooks
core
includes a collection of hooks.
See src/hooks/README.md
for details.
3.0.0
Design fixes
- Popover now uses box-shadow from
default-theme.css
instead of tippy.js default.
New components
Tag
Derived from Chip
, but with border and no interactions.
Text
A new component Text
with different variants. The variation implements all the different typography in LHDS.
Main props are variant
and size
.
Variants have predefined styles including color, but color can be overridden with prop color
.
See stories for examples.
Heading
Same as Text
, but for headings.
Variants are h1
through h6
.
Other components
All components that use old text components have been updated to use new components.
Stories
All stories have been updated to use new components.
Deprecations
The following components are still available, but are deprecated and will be removed in a future release.
HeaderText
LargeText
StandardText
SmallText
SmallerText
HeaderText
now uses Heading
. The rest uses Text
. This means that many props are no longer available.
Breaking changes
HeaderText
HeaderText
no longer supports hoverUnderline
, hoverColor
, textDecoration
and fontWeight
.
Text components
- No longer supports
hoverColor
, textDecoration
, hoverUnderline
, fontWeight
. - No longer supports
italic
, use <Text variant={"caption"}>
instead.
TinyText
TinyText
has been removed. Use Text
with variant smaller
instead.
Chip
Chip
now only has two variants, primary
and secondary
.