@stenajs-webui/calendar - npm Package Versions

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.

2.3.0

New components

SidebarMenu

A menu with a title, links and collapsible menu components

• SidebarMenuHeading - a title.
• SidebarMenuLink - a link that can be selected and have an icon to the left.
• SidebarMenuCollapsible - a component that expands and contracts sub menu items SidebarMenuCollapsibleLink.
• SidebarMenuCollapsibleLink - a link that can be selected and is contained in a SidebarMenuCollapsible.

See stories for examples.

New features

StandardTable

• Added option for having a sticky header row as option in StandardTable.
• Added option for sticky first column in StandardTable.

Design fixes

• Checkboxes inside text input fields no longer show a checkmark.
• flex-shrink: 0 has been added to checkboxes to retain their size.

Breaking changes

• --current-icon-color has been renamed to --current-checkbox-icon-color.

2.2.0

New components

ResultListBanner

A banner that contains a list of results. Can be used when displaying multiple errors.

• useResultListBannerState

A hook that contains all state needed for ResultListBanner.

It exposes functions for setting the state of the banner.

ResultList

A list of results, presented in ul tag.

Changes

• Spinner has new size tiny.

• Banner changed to have optional text.

To make room for arbitrary children under header if no text provided.

• Banner children (i.e bottom content) is now in proper layout under header and text.
• Added story for Banner with both header, text and bottom content.

2.1.0

Breaking changes

• Button components no longer has as prop.

To create links with button look, use PrimaryButtonLink, etc.

New components

• TabMenu and Tab.

TabMenu can have Tab elements as children, creating a tab menu bar. Tab have mostly the same props as buttons.

• CheckboxMenu in panels package.

A checkbox and a menu, with options to quick select checkboxes.

• ActionMenuButton in panels package.

A flat button with ellipses icon that opens an action menu.

• PrimaryButtonLink
• FlatButtonLink
• SecondaryButtonLink

They are a tags with same design and functionality as PrimaryButton, etc.

Improvements

• Updated design of ActionMenu.
• Fix issues in buttons where spinner was not aligned correctly.

2.0.9

Bug fix

reducer-id-gate did not send action to inner reducer when state was undefined.

2.0.8

Design changes

Increased contrast in Select light theme hover states.

New features

Banner component now has success & warning variants.

Bug fixes

DateTextInput popover content is now wrapped with a popupRef. This fixes a bug where useMultiOnClickOutside would cause the popover to close before being able trigger a change.

PrimaryButton is no longer larger than intended on some Windows browsers.

reducer-id-gate was calling internal reducer with the action when reducerId did not match, if state was undefined.