@stenajs-webui/calendar - npm Package Versions

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.

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.

2.3.1

Improvements

SidebarMenu

• SidebarMenuLink now supports leftIcon, rightIcon, etc, same as buttons.
• SidebarMenuLink now has indent prop and can be used in SidebarMenuCollapsible.
• StandardTable configuration now has default z-index set to undefined instead of 1000.

Breaking changes

• Removed SidebarMenuCollapsibleLink, just use SidebarMenuLink with indent prop.
• StandardTable option headerRowZ to renamed to zIndex.