@stenajs-webui/core - npm Package Versions

6.0.0

Removed components

The following components have been removed:

• Absolute
• Relative

Ref changes

The following components now use ref prop instead of innerRef:

• Clickable
• Box
• Row
• Spacing
• Indent
• Column
• Link
• ResizeAwareBox
• Checkbox
• RadioButton
• Heading
• All text components

RadioButtonWithLabel and CheckboxWithLabel now has wrapperRef and inputRef props.

SeparatorLine now has ref prop.

Fixes

• RadioButtonWithLabel prop textColor now actually changes the color of the label.
• StandardTable uses white as default background color which fixes sticky columns being transparent.

Calendars

• YearPicker now allows navigation more than 10 years from current year.
• YearPicker now longer shows too many years when year value (below 11) is passed as value.
• Single date calendars now sets initial focused month based on current value.

TextInput

• TextInput was not triggering onDone if not onEnter was set.
• TextInput no longer forces blur when user pressed enter.
• TextInput prop selectAllOnFocus has been removed, default browser behaviour is used instead.

5.3.2

StandardTable

• Default background color is now white, instead of transparent.
• When a row or cell has custom background color, no hover color is applied.

5.3.1

• Export PasswordInput component in forms package.

5.3.0

Label

• Label now wrapped in actual label HTML element.
• Label with row prop now aligns text properly.
• Label now has textWidth prop.

PasswordInput

• New component PasswordInput with a show password button.

Breaking changes

• Clickable now has type=button as default to prevent it from submitting forms when clicked.

5.2.0

Icons

• Add stories for custom icons.

NavBar

• Adjusted some alignments between side menu button, left content and buttons.
• Centered content is now always centered.
• New component NavBarSearchField which is a custom style input field.
• New component NavBarHeading which is a heading text for nav bar.

5.0.0

FlatButton

• FlatButton now has own CSS properties for settings colors. This makes it easier to override colors for FlatButton.

NavBar

• New prop variant with two options standard and dark.
• New prop left for placing content on the left side.
• New prop showMenuButton shows a button with a hamburger icon on the left edge of the menu.
• New prop onClickMenuButton callback when user clicks on the button.
• Height increased to 64px.

SidebarMenu

• Top of menu is now 64px, to align with NavBar properly.
• Close button updated to have same dimensions as in NavBar.

StandardTable

• StandardTable has new prop variant which controls how compact the table is.
• Overflow on labels now show ... instead of just cutting off text.
• Header now looks more like design system.
• Sticky z-indices are now optional, and only needed for custom behaviour.
• Sticky column and sticky header can be combined together.
• Improve look of shadows when using sticky in table.
• Info tooltip in table header is no longer transparent.

Breaking changes

Popover

• TableHeadItem prop popoverButtonLoading renamed to loading and can be visible at the same time as popover button.

StandardTable

• Config field headerRowSticky renamed to stickyHeader.
• Config field headerRowZIndex renamed to zIndex.
• Config field shadowBorder has been removed.

NavBar

• NavBarMenuButton is replaced by NavBarPopoverButton.

4.1.0

New components

• ActionMenuLink

Same as ActionMenuItem, but uses FlatButtonLink instead of FlatButton. This makes it possible to use href and target props.

New features

• Link

Add variants and sizes to Link, same as for Text except bold which is default for links.

Breaking changes

• TextVariants type has been renamed to TextVariant.
• Link now produces an a tag, instead of span.

Fixes

Set sideEffects true in theme package.json, to prevent webpack from tree-shaking the theme CSS.

4.0.2

Fixes

• Chip was not using correct font.

4.0.1

Fixes

• Tag was not using correct font.

4.0.0

Fixes

• Line height was too small in Text styling.
• Tag and Chip had wrong font.
• CheckboxWithLabel props textColor not working.

Breaking changes

• Badge prop type renamed to variant.
• Badge variant notification renamed to info.