Changelog

for FancyLab

@siteimprove/fancylab

94.0.0

Major Changes

677a83f4: InputField: Move leftSlug and rightSlug from InputField to InputFieldWithSlug and require at least one

Patch Changes

48280e7f: DCIGauge and CircularProgress: component is now responsive regarding circle size and font size of the main value

93.0.0

Minor Changes

e94c4052: Accordion: Add Accordion component

Patch Changes

Updated dependencies [e94c4052]
- @siteimprove/fancylib@7.3.0

92.3.3

Patch Changes

5570ec1e: Select: layout issue with shrinking checkmark in Multi Select fixed
77a52715: InputField: Correct styling for disabled state added

92.3.2

Patch Changes

b96472ca: CircularProgress: Positioning of the site target and benchmark buttons have been improved and stroke color of the target progress changed

92.3.1

Patch Changes

112ccae1: DCIGaugeSimple: circle sizes updated to make space for decimal numbers

92.3.0

Minor Changes

b28595c0: BaseLayoutNew and PageHeader component implementation

92.2.1

Patch Changes

09a6a998: PeriodPicker: ensure outer value changes are correctly propagated to internal state

92.2.0

Minor Changes

8dea6614: PeriodPicker: reverted changes from 92.1.0 that disrupted the default functionality of the component

92.1.1

Patch Changes

02f901ae: DesignTokens: Fixed color contrast in color--text--static--header token
Updated dependencies [02f901ae]
- @siteimprove/fancylib@7.2.2

92.1.0

Minor Changes

5b66e4f4: PeriodPicker: ensured consistent date display and synchronization with calendar selections

92.0.1

Patch Changes

7b80bd25: DesignToken: updated gray color due to accessibility contrast issues
Updated dependencies [7b80bd25]
- @siteimprove/fancylib@7.2.1

92.0.0

Patch Changes

Updated dependencies [9198e7cd]
- @siteimprove/fancylib@7.2.0

91.1.1

Patch Changes

1de91576: Table: fixed isSortable option usage with combined columns

91.1.0

Minor Changes

ed66b969: DCIGauge: Added props for setting animation delay & duration and changed default animation delays

91.0.2

Patch Changes

abf06d3e: Popover: exposed updateKeys property from BasePopover

91.0.1

Patch Changes

1239f297: CircularProgress: Added varied animation duration

91.0.0

Patch Changes

2356cb87: HorizontalNavigation: Added aria-label property
Updated dependencies [4e7bd65c]
- @siteimprove/fancylib@7.1.0

90.2.0

Minor Changes

6ec9d1d9: FormattedDate, FormattedNumber: Added translations for hardcoded texts

90.1.0

Minor Changes

f7e084dd: SideNavigation: fixed bug when the side menu shakes during the transition

90.0.4

Patch Changes

334a7448: SideNavigation: fixed bug when the side menu didn't show the selected item"
f719ed1d: SideNavigation: fixed bug when the selected item was on view and it was still moving

90.0.3

Patch Changes

da4a9b7c: Select: fixed color contrast issue on the selection counter badge

90.0.2

Patch Changes

31dc27c8: ActionBar, Button, Form: allowed setting form element id
Updated dependencies [31dc27c8]
- @siteimprove/fancylib@7.0.1

90.0.1

Patch Changes

0e30858b: InputField: added support to 'color' type

90.0.0

Major Changes

a4522a32: Theme: set the default theme to brand2024

The former default theme has been renamed to legacy, and the brand2024 theme is now set as the default theme.

NOTE: The changes were mistakenly released under a patch version. This new major release serves as a placeholder to mark this significant change. As a result, fancylib@6.10.1 and fancylab@89.0.2 already include these changes. We recommend upgrading to this new major version for clarity and consistency.

Patch Changes

Updated dependencies [a4522a32]
- @siteimprove/fancylib@7.0.0

89.0.2

Patch Changes

4f8c0a5c: BaseTable, ContentSwitcher, DatePicker, SearchNavigation, SideNavigation: fixed font-family
3f013254: Button: fixed colors of CTA secondary button
78896a17: Fonts: importing Geologica and Inter font-faces from Google repository
Updated dependencies [78896a17]
- @siteimprove/fancylib@6.10.1

89.0.1

Patch Changes

3255c079: Chart: fixed y-axis max value when data length is equal to 1

89.0.0

Minor Changes

20da99aa: Upgrade react-popper to version 2.3.0

Patch Changes

Updated dependencies [20da99aa]
- @siteimprove/fancylib@6.10.0

88.0.10

Patch Changes

037ab35b: Table, BaseTable: fixed text size of table expanders

88.0.9

Patch Changes

d1e517b8: SideNavigation: fixed bug when the side menu didn't scroll correctly

88.0.8

Patch Changes

2898a858: SideNavigation: fixed usage of effects and states

88.0.7

Patch Changes

d36de46a: Checkbox, BaseCheckbox: reinstalled props unBlur, onFocus, onKeyDown, and onMouseDown

88.0.6

Patch Changes

606f1926: SideNavigation: fixed inner states updates

88.0.5

Patch Changes

3c311421: SideNavigation: fixed sub-nav height when there's no bottom items

88.0.4

Patch Changes

0a7bb3e9: DesignToken, SideNavigation: set color for search input placeholder
Updated dependencies [0a7bb3e9]
- @siteimprove/fancylib@6.9.1

88.0.3

Patch Changes

7ed92eea: SideNavigation: fixed bottom nav height and visibility when there's no visible items

88.0.2

Patch Changes

e3aab393: SearchNavigation: set color for input placeholder

88.0.1

Patch Changes

f2cfa42e: SideNavigation: fixed inner states updates

88.0.0

Minor Changes

492f59e2: ActionMenu, Popover: allowed using tooltips on action menus

Patch Changes

Updated dependencies [492f59e2]
- @siteimprove/fancylib@6.9.0

87.1.2

Patch Changes

c144f351: SideNavigation: fixes a CSS rendering issue when navigating with a collapsed menu

87.1.1

Patch Changes

b3e1fe84: SideNavigation: support opening items in search in a new tab

87.1.0

Minor Changes

1767c4f0: SideNavigation: Back button shown as link when there's only one main nav item

87.0.0

Major Changes

3d479b8b: HorizontalNavigation: Now supports multiple ActionMenus with improved prop types

86.1.0

Minor Changes

73d46b36: SideNavigation: allowed hiding main nav items

86.0.0

Major Changes

90312125: Theme: use global context for theme provider

85.0.0

Minor Changes

4d3dc3ec: Design Tokens: Upgrade search navigation model to brand2024 design, create re-usable tokens

Patch Changes

Updated dependencies [4d3dc3ec]
- @siteimprove/fancylib@6.8.0

84.1.0

Minor Changes

61185dce: Chart: added support to showInLegend series option

84.0.0

Patch Changes

Updated dependencies [1356eb35]
- @siteimprove/fancylib@6.7.0

83.0.0

Minor Changes

afabcf5f: Design Tokens: updated navigation search bar active and hover color to the new UX and brand design 2024, added new design token

Patch Changes

Updated dependencies [afabcf5f]
- @siteimprove/fancylib@6.6.0

82.1.0

Minor Changes

7dff2442: EmptyState: Markdown supported for "description" prop

82.0.0

Minor Changes

6a16263e: Popover: Add strategy property
6a16263e: PeriodPicker: Add strategy property

Patch Changes

Updated dependencies [e22b9016]
- @siteimprove/fancylib@6.5.0

81.1.0

Minor Changes

87eda416: SearchNavigation: check for visible dialog elements to disable hotkey
87eda416: SideNavigation: "dialogSelectors" prop added to be passed down to SearchNavigation

81.0.1

Patch Changes

c4d13862: TableToolbar: small scss change to avoid gap breaking pdf-generation in reports

81.0.0

Patch Changes

Updated dependencies [dd20be99]
- @siteimprove/fancylib@6.4.0

80.3.0

Minor Changes

514d3367: Select: allowed using custom option key

80.2.4

Patch Changes

272fe38c: Select: fixed searchableContent feature

80.2.3

Patch Changes

69fee48c: SideNavigation: Issue with showing/hiding mainNav/subNav in collapsed view is fixed

80.2.2

Patch Changes

55284f6e: SideNavigation: Hotkey for SearchNavigation now also works in collapsed view

80.2.1

Patch Changes

a25f042a: Modal: Modal content max height fixed

80.2.0

Minor Changes

d75b7dfb: SideNavigation: add updateKeys as prop and as a dependency to show component in the correct state on render

80.1.5

Patch Changes

3183f20b: SideNavigation: Added handling of the "hidden" class when selectionId is changed from outside the component

80.1.4

Patch Changes

7adac54b: SideNavigation: show mainNav/subNav depending on selected search result

80.1.3

Patch Changes

7fb6505e: SideNavigation: Fix focus error when mainItem is not defined

80.1.2

Patch Changes

885d9878: Select: change CSS value to support Japanese language

80.1.1

Patch Changes

c0b88f49: Checkbox: fixed spacing issue for checkbox group

80.1.0

Minor Changes

deaafcb1: PeriodPicker: added aria-label to month preset buttons

80.0.3

Patch Changes

6d6a1427: PeriodPicker: preserved button labels This Quarter, Last Quarter, and This Year and added missing translations

80.0.2

Patch Changes

a4205c90: SideNavigation: fixed flickering animation issue

80.0.1

Patch Changes

f12cf22a: SideNavigation: improved handling of mainNavItem click when subNav is expanded

80.0.0

Patch Changes

Updated dependencies [d7574935]
- @siteimprove/fancylib@6.3.0

79.0.1

Patch Changes

4e62a04f: SideNavigation and SearchNavigation: improve focus styling to differentiate between keyboard and mouse navigation

79.0.0

Minor Changes

82e6bc58: Design Tokens: updated navigation colors to the new UX and brand design 2024

Patch Changes

Updated dependencies [82e6bc58]
- @siteimprove/fancylib@6.2.0

78.0.1

Patch Changes

668bd47f: Select: avoided create option label from breaking into new lines

78.0.0

Patch Changes

Updated dependencies [74363c18]
- @siteimprove/fancylib@6.1.0

77.0.9

Patch Changes

a0225b66: Chart: fixed crashing when data is empty

77.0.8

Patch Changes

41aa34dd: BaseTable: aria-current added to highlighted row

77.0.7

Patch Changes

c017f05c: PeriodPicker: validate date range of input field value

77.0.6

Patch Changes

05558d08: Select: Fix issue with CSS variables in a Sass variable in a CSS calc()

77.0.5

Patch Changes

581900f7: SideNavigation: tooltip clipping issue fixed

77.0.4

Patch Changes

7a957bb9: Design-tokens: Adding new color for the new backgroud color in brand2024
Updated dependencies [7a957bb9]
- @siteimprove/fancylib@6.0.1

77.0.3

Patch Changes

a8ba6636: FormElementWrapper: prevent error icon from shrinking

77.0.2

Patch Changes

ee449756: SideNavigation: ensured selected item visibility by scrolling it into view

77.0.1

Patch Changes

a7b0ace4: SideNavigation: Prevent horizontal overflow in collapsed mode

77.0.0

Patch Changes

78b30de1: SideNavigation: tooltipUpdateKey added to update the tooltip position after transition
Updated dependencies [eb975831]
Updated dependencies [5d605ae1]
- @siteimprove/fancylib@6.0.0

76.0.0

Minor Changes

046b2800: Design Tokens: updated colors to the new UX and brand design 2024 Theme: New theme brand2024 Message, Toast, Button, Typography, Badge: updated for future change to brand design 2024

Patch Changes

Updated dependencies [046b2800]
- @siteimprove/fancylib@5.5.0

75.0.1

Patch Changes

ab94b6e2: SideNavigation: do not display spinner on items that open link in a new window

75.0.0

Patch Changes

Updated dependencies [0b844918]
- @siteimprove/fancylib@5.4.0

74.1.0

Minor Changes

9902b32d: Themes: added function to get the themes list

74.0.3

Patch Changes

bb5ade05: SideNavigation: transition from main nav top to sub nav is fixed

74.0.2

Patch Changes

b4b6601c: SideNavigation: fixed component height

74.0.1

Patch Changes

07a027e9: SideNavigation: Add min height to component

74.0.0

Major Changes

d6c6a44e: Themes: removed random hashes from theme-related CSS class names ThemeProvider: set theme prop as required

73.2.7

Patch Changes

83f2c403: SideNavigation: Change colors that will be updated so they are controlled by vars

73.2.6

Patch Changes

cf912f2b: PeriodPicker: Added translation keys

73.2.5

Patch Changes

fa3685ff: SideNavigation: make safe expansion on the first render

73.2.4

Patch Changes

bea10aef: SideNavigation: padding added to the bottom of the subNavList to provide space for the focus state

73.2.3

Patch Changes

37e5a44d: SideNavigation: Divider added after subNavTitle

73.2.2

Patch Changes

57197544: SearchNavigation: Determine platform earlier to avoid search-shortcut-name-flicker on Mac
Updated dependencies [57197544]
- @siteimprove/fancylib@5.3.2

73.2.1

Patch Changes

8baa971e: PeriodPicker: Change width and remove scrollbars

73.2.0

Minor Changes

a6822c88: SideNavigation: transition on width added to wrapping element when toggling viewstate

73.1.0

Minor Changes

2a386009: Modal and DialogHeader: "headerTitleTooltipText" and "headerTitleTooltipPlacement" props added to improve accessibility when using tooltips.

73.0.0

Patch Changes

Updated dependencies [858d145e]
Updated dependencies [858d145e]
- @siteimprove/fancylib@5.3.0

72.0.0

Minor Changes

6a4e8a5f: TrendFormatter: is now using an icon with the "responsive" size

Patch Changes

Updated dependencies [6a4e8a5f]
- @siteimprove/fancylib@5.2.0

71.4.1

Patch Changes

983bcb4f: Chart: updated translations

71.4.0

Minor Changes

c7acfaaa: SearchNavigation and SideNavigation: Improved code that handles navigation

71.3.0

Minor Changes

91776a5b: Chart: added support for column chart

71.2.0

Minor Changes

ffd9ab68: HorizontalNavigation: added sr-only link "skip to content"

71.1.0

Minor Changes

9e0ef988: SideNavigation: ViewState "fixed" added + "Back" button hidden and Sub Nav shown if there's only 1 main nav item

71.0.1

Patch Changes

63ac28cd: Chart: fixed default props initialization

71.0.0

Minor Changes

9a898108: Themes: added support for multiple themes
cecbb21d: CSS: using design tokens via CSS variables

Patch Changes

Updated dependencies [cecbb21d]
- @siteimprove/fancylib@5.1.0

70.0.0

Major Changes

d0247ec8: Tooltip and BasePopover: Components moved from "fancylab" to "fancylib"

Patch Changes

Updated dependencies [d0247ec8]
- @siteimprove/fancylib@5.0.0

69.2.0

Minor Changes

a1e23675: FormattedDate: "VisualComponent" added to props and removed inline font-weight style

69.1.2

Patch Changes

28660dfe: FormElementWrapper: improve usage of the attributes aria-labelledby and role

69.1.1

Patch Changes

e1dec378: Select: replaced aria-selected with aria-checked in multiselects adding support to mixed state

69.1.0

Minor Changes

ed046e58: SideNavigation: added support for keyboard shortcut to open in a new tab

69.0.2

Patch Changes

9302e6c7: SideNavigation: allowed toggling collapse state of sub-navs with selected item

69.0.1

Patch Changes

c1d152bc: Tooltip: "tooltip" lab translation used for aria-roledescription updated and aria-roledescription added to the "text" variant as well

69.0.0

Major Changes

16fcf420: DatePickerWithInput: component removed in favor of InputField with type="date"

68.7.0

Minor Changes

d41718c6: Select: focus first focusable option when opening the listbox via keyboard
0d5bac7d: Popover: exposed trigger in popoverContent prop

Patch Changes

519d9950: Select: added aria-haspopup=listbox to the popover button

68.6.1

Patch Changes

fc6f8efd: Chart: added aria-atomic="true" to elements with aria-live attribute

68.6.0

Minor Changes

742adfe0: Chart: Make onCreateAnnotation optional, set default sort to date desc, hide edit button for system notifications, fix annotation tooltips not showing if fetch takes too long

Patch Changes

c840525c: Chart: fixed infinite rendering loop when using annotations
ba0edb87: Chart: fixed annotations positioning when y-axis minimum is not 0

68.5.0

Minor Changes

2bb58b3f: SideNavigation: Made it possible to give both an "onClick" handler to a menu item but STILL let it be rendered as a link, which gives the option to "open in new tab". Also the "onClick" can optionally return a promise, and the loading spinner will be run until the task is complete.

68.4.7

Patch Changes

ec86a523: SideNavigation: updated translation for "searchInNavigationPlaceholder"

68.4.6

Patch Changes

77194ef9: SideNavigation: SubNavGroup and SubNavNested is only shown when SubNav is expanded

68.4.5

Patch Changes

60a53240: Select: fixed visual loss of selection after closing list box

68.4.4

Patch Changes

48f14571: SideNavigation: Keyboard navigation focus handled for main nav item and back button

68.4.3

Patch Changes

6d452376: HorizontalNavigation: Fix focus styles for logo and action menu button

68.4.2

Patch Changes

4a870afe: SideNavigation: Remove transition when collapsing/expanding

68.4.1

Patch Changes

5eb9be69: SideNavigation: fixed box-shadow being cropped when focus is active

68.4.0

Minor Changes

6ed6da34: Chart: added new accessible legends

Patch Changes

4dbe9f5e: Checkbox, Radios: ensure checked state is printed

68.3.5

Patch Changes

3647cece: PeriodPicker: enabled users to use inline styling on component and its button

68.3.4

Patch Changes

e69b15ee: SearchNavigation: make search popup navigation accessible for screenreaders

68.3.3

Patch Changes

00ade496: SideNavigation: fixed aria-label of collapse button

68.3.2

Patch Changes

3fd04c69: SideNavigation: "aria-label" added to button with no text (for screen readers)

68.3.1

Patch Changes

38cf9057: HorizontalNavigation: replaced div with header landmark

68.3.0

Minor Changes

c1ff5bee: Tooltip: noDelay prop added to prevent delay on show and hide

Patch Changes

c1ff5bee: SideNavigation: noDelay added to tooltip for the expand/collapse button

68.2.1

Patch Changes

a312ecf7: Tooltip: don't set aria-label on children from props

68.2.0

Minor Changes

ff638ef72: SideNavigation: now offer placing label-badges at the menu-items

68.1.0

Minor Changes

dc61b6043: Tooltip: allowed overriding aria-describedby in interactive variant

Patch Changes

a7000891c: SideNavigation: enhanced a11y of collapse button by using aria-pressed

68.0.2

Patch Changes

7f60ec798: HorizontalNavigation: added aria-hidden to initials icon

68.0.1

Patch Changes

7436ac9a: HorizontalNavigation: added aria-label to user profile button

68.0.0

Patch Changes

7e1c458c: Tooltip: Added aria-hidden SRonly element
Updated dependencies [e35d94cc]
- @siteimprove/fancylib@4.11.0

67.0.3

Patch Changes

3d243cf7: SideNavigation: pulled translations for search placeholder

67.0.2

Patch Changes

66f41da0: HorizontalNavigation: allowed setting className and style and set position to relative

67.0.1

Patch Changes

7e5c5b93: SideNavigation: pulled new translation keys

67.0.0

Major Changes

035083fb9: SideNavigation: Moved "selectionId" to be an external state and added logic to patch the provided "expandedItems" for the selection so that the selected item is always visible

66.5.1

Patch Changes

4f8b8e58b: SideNavigation: fixed focus when clicking on back button

66.5.0

Minor Changes

78faec2f: SideNavigation: added vertical transition on sub nav groups

66.4.3

Patch Changes

004c83b2e: SearchNavigation: reinstate divider below section-header

66.4.2

Patch Changes

ee2a96c18: SearchNavigation: set button width to 202px x 32px

66.4.1

Patch Changes

0ddc9c33: SearchNavigation: change label-text and button-width

66.4.0

Minor Changes

cc46ec90: TextHighlight: remove padding from highlighted mark

66.3.2

Patch Changes

e4d8d825cf: SideNavigation: fixed re-renders and loss of focus

66.3.1

Patch Changes

6d321d975: SearchNavigation: style-changes, nothing functional

66.3.0

Minor Changes

66073f0a6: SideNavigation, HorizontalNavigation: auto-generated sub data-observe-keys

66.2.0

Minor Changes

c440495c: TextHighlight: add prop for colorTheme (light, dark)

66.1.6

Patch Changes

b58711a67: Side Navigation and Horizontal Navigation: improved styling

66.1.5

Patch Changes

d9104d1a9: SearchNavigation: fix active background on search-button

66.1.4

Patch Changes

9c5280ebf: SearchNavigation: improved accessibility

66.1.3

Patch Changes

44b4925e1: Chart: pull new annotations-related translation keys

66.1.2

Patch Changes

da1b40a7: SideNavigation: fixed a11y issues, namely
- added aria-expanded prop to items with sub-items
- added aria-controls prop to items with sub-items
- added aria-current prop to the selected item
- fixed tab order when using keyboard navigation

66.1.1

Patch Changes

f241480de: SearchNavigation: fix title color and button height

66.1.0

Minor Changes

9a9180ce: SearchNavigation: this new component was added and used in SideNavigation

66.0.6

Patch Changes

8c4c6c95: Horizontal Navigation: Various style improvements

66.0.5

Patch Changes

6321413a0: Horizontal Navigation: Minor styling changes

66.0.4

Patch Changes

91e05445: Side Navigation: Minor styling changes

66.0.3

Patch Changes

2b344802: Side Navigation: minor styling changes

66.0.2

Patch Changes

052599b0: Side Navigation: Various styling updates

66.0.1

Patch Changes

5f6cb199: Chart: improved annotation translations

66.0.0

Major Changes

ba7997e3: SideNavigation: Property "url" in "NavigationItem" renamed to "href" + various code optimization

65.0.0

Major Changes

15617bf0: Refactored props for HorizontalNavigation

64.0.3

Patch Changes

6a9cc2d0: Learn Info Box: Now uses classes instead of inline styling when displaying/hiding the content.

64.0.2

Patch Changes

c2e1b579: BaseLayout: changed type of title from string to ReactNode

64.0.1

Patch Changes

60385aa9: Select: created new items now sorted correctly

64.0.0

Major Changes

9ed8ab30: SideNavigation: Refactored code and renamed some props

63.4.0

Minor Changes

382742a6: Improve Highlight Component examples

63.3.2

Patch Changes

7191b088: SideNavigation: Visual improvements

63.3.1

Patch Changes

1d98faba2: SideNavigation: various styling improvements

63.3.0

Minor Changes

a0184217b: SideNavigation: URL redirection enabled plus various styling improvements

Patch Changes

8f55ad847: Side Navigation and Horizontal Navigation: Various styling has been improved.

63.2.0

Minor Changes

ff6f6af5: HorizontalNavigation: New component added

63.1.3

Patch Changes

b8d3affa: PeriodPicker: Let start/end date boxes have rounded corners

63.1.2

Patch Changes

7f5a7b6f: SideNavigation: Various style improvements added

63.1.1

Patch Changes

9d4f5ae8: Chart: propagated prop changes to chart options

63.1.0

Minor Changes

76519c66: SideNavigation: new component added (still in a prototype state)

63.0.0

Major Changes

8df65d93: DatePicker: allowed range selection and exposed minDetail and showNeighboringMonth props

Minor Changes

8df65d93: PeriodPicker: new component added

Patch Changes

Updated dependencies [8df65d93]
- @siteimprove/fancylib@4.10.1

62.1.0

Minor Changes

41ffd738: BaseDialog: add overlay click handler for mouse users

62.0.0

Major Changes

7dbfee82: BasePopover and Popover: Remove optional "alwaysMounted" prop
7dbfee82: Tooltip: "alwaysMounted" has been removed to fix layout issues caused by hidden BasePopovers. SrOnly has been used instead.

Patch Changes

Updated dependencies [ff935b4f]
- @siteimprove/fancylib@4.10.0

61.1.1

Patch Changes

0f477bff: BaseTable: bugfix: align-property now applies to div in header too

61.1.0

Minor Changes

ac0ded74: Starred: adding disable state to the starred component 🩼

61.0.2

Patch Changes

86b01dcb: Scale: export Scale3Props and Scale4Props for explicit use

61.0.1

Patch Changes

c7c27e53: Scale: offer 3-step variant in addition to the default 4-step scale

61.0.0

Patch Changes

Updated dependencies [469d624e]
- @siteimprove/fancylib@4.9.0

60.1.4

Patch Changes

087cb052: Select: fixed improper selection of disabled options when clicking on select all
087cb052: Select: added data-observe-key to create option button

60.1.3

Patch Changes

01f8c85b: Select: restored former sorting behavior

60.1.2

Patch Changes

406998b7: Select: re-sort listbox when creating new options

60.1.1

Patch Changes

503ed6f5: Select: fixed import of OverviewOptionProps

60.1.0

Minor Changes

3c65dc92: Select: allowed custom renderer for overview options and new useOptionTitleRenderer hook added

60.0.0

Major Changes

d35914f6: Select: fixed creatable feature with multiselect

The onCreate function must now return an OptionItem or a boolean. Also, developers don't need to include the newly created option in the list of selected options, as the component will automatically select it.

59.0.1

Patch Changes

bdaab544: Select: fixed overview feature with indeterminate state

59.0.0

Patch Changes

Updated dependencies [d27fb8f3]
- @siteimprove/fancylib@4.8.0

58.1.0

Minor Changes

18a10d0a: Chart: hid rows which contain falsy data (except 0) in table view

58.0.0

Major Changes

3359eae4: Select: added indeterminate state capability

57.1.2

Patch Changes

2048b356: FilterGroup: only enable Apply if filter has changes
2048b356: Select: only enable Confirm when selections in the filter have changes

57.1.1

Patch Changes

7bb6e384: FilterGroup: pluralize button label

57.1.0

Minor Changes

d004bc88: Filters: display default values with static Pill

57.0.0

Major Changes

d3710da0: List Table: "noDataFoundlabel" prop replaced by "noDataState" prop
d3710da0: Table: "noDataText" prop replaced by "noDataState" prop
d3710da0: Base Table: "noDataText" prop replaced by "noDataState" prop and the Empty State component added as fallback content

Patch Changes

5f450080: Empty State: "description" prop is now optional

56.2.1

Patch Changes

f5cdfa2e: Upgrade fancyvisuals@1.0.2

56.2.0

Minor Changes

49e46ed6: Select: allowed closing popover after creating new option and changing label of create button

56.1.0

Minor Changes

5ef33e5a: Select: improved mapping with data-obeserve-keys
5ef33e5a: Filters: improved mapping with data-obeserve-keys

56.0.1

Patch Changes

45541a21: Select: fixed display in full-width mode

56.0.0

Major Changes

75f5bb6f: useUniqueId, cn, f2u: moved hooks from fancylab to fancylib

Patch Changes

Updated dependencies [75f5bb6f]
- @siteimprove/fancylib@4.7.0

55.0.1

Patch Changes

2ba5ed40: Filters: use property value as default name

55.0.0

Major Changes

fcc72aa2: LearnInfoBox: New "Educate" illustration added as default and mandatory illustration

54.0.1

Patch Changes

9e31d826: Filters: removed border from active filters

54.0.0

Major Changes

29dcf2dc: Filters: simplified API and added support to default state

53.3.0

Minor Changes

79edcdba: EmptyState: added new component

53.2.3

Patch Changes

c5755144: Filters: use active prop for conditional rendering

53.2.2

Patch Changes

105df15a: Filters: fixed TypeScript types

53.2.1

Patch Changes

f392388d: InputFieldWithSlug: added ref prop

53.2.0

Minor Changes

bcc7d465: Select: added optional listbox heading
f8281dcb: SingleFilter: added new hook to create single filters

53.1.0

Minor Changes

db07be76: FilterGroup: added new hook to create filter groups

53.0.0

Major Changes

862de02b: Pill: Remove unnecessary A11Y code

52.0.0

Major Changes

c1453caf: Select: removed multiple prop and improved type inference

51.0.0

Major Changes

6b0714f2: Pill: Sub-component for text has been removed and a new "size" prop added to ensure a consistent design

50.0.0

Patch Changes

Updated dependencies [32ac7820]
- @siteimprove/fancylib@4.6.0

49.4.0

Minor Changes

71f22d00: Table toolbar: Semantic slots for search and custom views added.

Patch Changes

9e760e9b: Select: fix 'compareFn' prop not being used in initial selection

49.3.3

Patch Changes

fbac451f: Pill: Add classname and additional attributes to static pill variant.

49.3.2

Patch Changes

4434d083: Pill: Add missing attributes to Pill and Pill.Text components.

49.3.1

Patch Changes

66634d1d: Chart: Fix Context menu items positioning on charts without legend

49.3.0

Minor Changes

75f93442: Chart: Positioning of context menu button when legend is disabled

49.2.0

Minor Changes

75d82cd5: Base Layout: the "breadcrumbs" prop is now optional

49.1.0

Minor Changes

df18a7d6: Chart: added option to hide enhanced contrast option

49.0.2

Patch Changes

5a5cef2e: Pill: Use gap instead of axiom.

49.0.1

Patch Changes

e64443db: ONB-910: add initial pill component

49.0.0

Patch Changes

Updated dependencies [d69bdc5c]
- @siteimprove/fancylib@4.5.0

48.3.2

Patch Changes

e84ea688: QuickAdd: fixed wrong import

48.3.1

Patch Changes

b4d6ba73: AutoComplete: fixed a11y issues and improved keyboard support

48.3.0

Minor Changes

9ae3f275: QuickAdd: added new component

48.2.0

Minor Changes

f9e84bab: AutoComplete: added new component

48.1.1

Patch Changes

50fced1b: Action Menu: Box shadow added to actions in the active state to align with Select component

48.1.0

Minor Changes

9443b774: Select: show item list when async loading & show searchHelpText unconditionally if onSearch is provided

48.0.4

Patch Changes

fb6e33b8: Select: fixed selection handler in multi-select async mode

48.0.3

Patch Changes

332cf05f: Select: When a MultiSelect is disabled, the badge shown are now of the subtle type

48.0.2

Patch Changes

7e468f30: Table: Hover state added to highlighted table row

48.0.1

Patch Changes

a721ed4a: Select: long words will be broken onto a new line in the Select listbox

48.0.0

Patch Changes

Updated dependencies [636acd6c]
- @siteimprove/fancylib@4.4.0

47.2.0

Minor Changes

fda19a8c: Content Switcher: Type definitions for ARIA attributes and default aria-label added

47.1.0

Minor Changes

9c38a739: ContentSwitcher: Allow nothing to be selected

47.0.0

Major Changes

4aecf140: Tooltip: Variants "icon-short-label" and "icon-long-label" merged to a common "icon-only" variant.

46.5.1

Patch Changes

12ec4507: Content Switcher: missing data-observe-key added

46.5.0

Minor Changes

787ad1db: DCIGaugeSimple: Included option to allow user choose between '0' and '?' when score is null or zero

46.4.0

Minor Changes

052807d2: Breadcrumbs: allowed to use custom on-click handlers

46.3.2

Patch Changes

bdabbe5f: Tooltip: fixed aria-label in text variant

46.3.1

Patch Changes

1d8b181d: Modal: The height of modal content is now responsive

46.3.0

Minor Changes

0d54bd10: BaseTable, Table, and ListTable: moved loading and no-data states to tbody

46.2.0

Minor Changes

b3bd20f1: Chart: added height property

46.1.0

Minor Changes

3d234f85: Chart: added plot border

46.0.1

Patch Changes

8f19817f: DatePickerWithInput: fixed value not being changed

46.0.0

Major Changes

64ddb341: ToggleSwitch: changed label default position to left

45.2.0

Minor Changes

bd00e70d: Table: added support to CSV export

45.1.0

Minor Changes

1a2021f0: Select: allowed to use custom option comparing function

45.0.5

Patch Changes

764ef597: Select: Adjust max-height for listbox for small screen heights

45.0.4

Patch Changes

4bfedd29: Modal: Overflow is now visible to support Popover content and other elements

45.0.3

Patch Changes

a28d7af2: Pagination: Make buttonContent InlineText

45.0.2

Patch Changes

f40336b9: Starred: fixed data-observe-key

45.0.1

Patch Changes

8e4ed28a: Content Switcher: Add focus styling to active Content Switcher tab

45.0.0

Patch Changes

Updated dependencies [8e2ec2d2]
- @siteimprove/fancylib@4.3.0

44.3.1

Patch Changes

435a8209: Chart: blocked user from hiding all series

44.3.0

Minor Changes

e6514714: Modal, Side Panel and Toast now use the native <dialog> element and native focus handling

44.2.1

Patch Changes

1b983e36: Chart: fixed an issue with date formatting in the data table for charts.

44.2.0

Minor Changes

d1d9cb53: TextArea: Forward Ref

44.1.1

Patch Changes

268c861a: Learn Info Box: Responsive issues fixed and code optimized.

44.1.0

Minor Changes

e2e07d3c: Select: allowed setting thelistbox placement

44.0.1

Patch Changes

0289b24c: Chart: fixed type imports

44.0.0

Major Changes

5c8f7941: Content Switcher: Large variant added and required "content" prop renamed to "label" prop.

43.0.0

Major Changes

2b7d9260: ToggleGroup: component renamed to ContentSwitcher

42.0.1

Patch Changes

7114daad: Chart: refactored chart file, separating external functions and props

42.0.0

Major Changes

0fc7a5e4: Dropdown, SearchableDropdown, and MultiselectDropdown components removed

41.0.0

Major Changes

dd5f660f: Replaced deprecated Dropdowns with Select in lab components and style guide pages. The following components were affected:
- ContextControls (used only by Gatsby)
- FormElementWrapper (style-guide only)
- InputField (style-guide only)
- ListTable (component code and style-guide)
- Table (style-guide only)

40.2.1

Patch Changes

1a0cf27a: Select: fixed clear selection behavior

40.2.0

Minor Changes

fae7e200: Chart: added annotations support

40.1.0

Minor Changes

4db9bdab: Table: added new TableExporter component

40.0.2

Patch Changes

d8af9338: Button and Toggle Group: Margin removed on default buttons to fix Safari issue, where margin is applied automatically.
Updated dependencies [d8af9338]
- @siteimprove/fancylib@4.2.1

40.0.1

Patch Changes

d924ceaf: Select: showing selected items on top defaulted to false in single-select mode

40.0.0

Patch Changes

Updated dependencies [0d4881ab]
- @siteimprove/fancylib@4.2.0

39.0.1

Patch Changes

8bc8d007: Select: fixed syncing between inner and outer options list state

39.0.0

Patch Changes

Updated dependencies [6584877b]
- @siteimprove/fancylib@4.1.0

38.2.0

Minor Changes

90014bd2: Select: allowed to assign data-observe-key in options

38.1.0

Minor Changes

9fb936ab: Select: added prop to controll the listbox width

38.0.0

Major Changes

db9da73b: Select: improved width prop usage

37.0.0

Major Changes

5c42390b: Select: fixed and refactored onSearch and onCreate functionalities

Breaking changes have been introduced to the onSearch and onCreate features. Now, when using the onSearch function, the developer is responsible for managing the list of options and also for including the selected options in this list. For the onCreate function, the developer is responsible for selecting the new option or not. The loading state should also be controlled by the developer in both features. See the examples in the style guide for more details.

36.0.0

Major Changes

60e8aab7: Change color orange-dark from #bf5721 to #b3521e

Patch Changes

Updated dependencies [60e8aab7]
- @siteimprove/fancylib@4.0.0

35.2.0

Minor Changes

b5bafe25: Popover: Expose option to always mount content

35.1.0

Minor Changes

b646ae9d: CheckboxGroup: Added VisualComponent interface (style+className)

35.0.0

Major Changes

d90f453b: Table: Required noDataLabel prop has been replaced by a translation key

34.0.0

Major Changes

3bb2d35e: Select: replaced defaultOption=null with a new noDefaultOption property

33.4.0

Minor Changes

10e03d9c: Select: defaulted to searchable=auto

33.3.0

Minor Changes

112551f7: Select: added option icon in popover button

33.2.0

Minor Changes

30688d2c: Select: allowed to control the loading state with prop

33.1.0

Minor Changes

d6bc1e8a: Chart: Optional props for tooltip formatters added + automatic date formatting for tooltip header.

33.0.0

Major Changes

b96fcf35: List Table: Change "aria-label" prop to "caption" prop

32.4.0

Minor Changes

7baae18e: List Table: Hover state from table rows removed, since they can't be clicked.

32.3.0

Minor Changes

7ba6e6f9: Popover: Added convenience function for closing popover

32.2.1

Patch Changes

c5dc98e7: Select: exported SingleSelectProps and MultiSelectProps

32.2.0

Minor Changes

78921dca: Select: allowed pre-loading options in async mode

32.1.1

Patch Changes

a4bead4a: TableToolbar: style causing alignment issues in other components fixed

32.1.0

Minor Changes

6f666de8: Select: max and min width Popover props made optional

Patch Changes

55456e8d: Select: popover button line-height fixed

32.0.1

Patch Changes

b89917a4: FormControls: Fixed typing for 'onBlur', to not conflict with 'VisualComponent'

32.0.0

Major Changes

c01d3ca9: Select: use of custom option elements simplified

31.5.0

Minor Changes

315d4be0: Select: allowed using custom button elements Popover: allowed disabling button max-width

31.4.0

Minor Changes

13e1b7f7: Table: Added data-observe-key parameter to column options, so that data-observe-keys can be generated for table cells

31.3.0

Minor Changes

afc77693: Table: Added data-observe-key to table column headers

31.2.0

Minor Changes

0ef39167: Chart: Tooltip formatter used to display X axes of the type "datetime" correct

31.1.0

Minor Changes

0f91550f: Select: allowed to control searchable content

31.0.1

Patch Changes

7614c1bb: Select: use option title as key

31.0.0

Major Changes

5fb11ec8: Design Token: Sass variable name for regular font changed to $font-weight--normal

Patch Changes

Updated dependencies [5fb11ec8]
- @siteimprove/fancylib@3.0.0

30.0.0

Major Changes

a1b568de: Chart: The column header in the data table modal has been changed for X axes of type "datetime"

29.0.0

Patch Changes

Updated dependencies [597c4f9e]
- @siteimprove/fancylib@2.16.0

28.0.2

Patch Changes

e919e63d: Select, TrendFormatter, SparkLine: translation keys updated

28.0.1

Patch Changes

fdc10a96: Select: prop changes propagated to inner states

28.0.0

Major Changes

4c9fc645: Select: string constraint on generic type removed

Patch Changes

c06f43f0: MultiSegmentProgressBar: className and style props added
cf79ebae: Chart: accessibility issues in context dropodown fixed
fdfe3f82: Chart: added aria-label to the Enhanced Contrast toggle button
b9b43015: Chart: removed invisible Highchart button to view chart as data table

27.0.3

Patch Changes

3e8684b4: Select: allowed controlling the selected value by parent components

27.0.2

Patch Changes

5da8aa61: Select: max number label text format and color contrast fixed

27.0.1

Patch Changes

92ee1b82: Select: calls onChange only after confirming the selection

27.0.0

Major Changes

a98af4a0: Select: new value prop with parametric type added

26.2.2

Patch Changes

2d3b3a9c: Select: SIA-R18 and SIA-R14 a11y issues fixed

26.2.1

Patch Changes

9140de86: Chart: legend when enhanced contrast is enabled fixed

26.2.0

Minor Changes

04de1bd1: Chart: Added checkbox to legends

26.1.0

Minor Changes

5796e828: Select: screen reader feedback for select/deselect all buttons added

26.0.1

Patch Changes

ae2d130e: Select: violation of the maximum number of items fixed

26.0.0

Major Changes

20e33d76: FormElementWrapper: new tooltip prop created to not nest tooltips inside the labels

25.1.3

Patch Changes

65f3c962: Select: fix TAB navigation on listbox

25.1.2

Patch Changes

477579d6: Select: handling of MouseClick+ShiftKey events fixed

25.1.1

Patch Changes

dbcfc477: Select: tabIndex of first option fixed Select: incorrect auto-selection of the first option fixed

25.1.0

Minor Changes

6155e9f7: ActionMenu: search functionality added

25.0.0

Major Changes

0bdeb110: ActionMenu: toggle item variant removed

24.0.0

Patch Changes

Updated dependencies [b1b1a9b1]
- @siteimprove/fancylib@2.15.0

23.0.0

Patch Changes

3bbc3a57: Dropdown, SearchableDropdown, and MultiselectDropdown: marked as deprecated
Updated dependencies [3bbc3a57]
- @siteimprove/fancylib@2.14.0

22.0.0

Major Changes

c04a08d2: Chart: added support to enhanced contrast mode
c5aab570: Charts: context menu added

Minor Changes

5496029f: Chart: Table view (inside of a modal) added
52065428: ComposableInteractiveList: new component added

Patch Changes

888a6d3c: ToggleSwitch: label property became optional
8c955c39: Tooltip: stop event propagation of Enter and Space keys

21.3.0

Minor Changes

d81e1dd6: Select: adding the maximum number of items functionality to Select component.

21.2.0

Minor Changes

d549a9b0: ActionMenu: added support to toggle items ActionMenu: added support to tooltip

21.1.0

Minor Changes

7aa88365: ToggleSwitch: added support for full width mode ToggleSwitch: added support for custom label content ToggleSwitch: added support for setting label position

21.0.1

Patch Changes

2c4fb4e8: DciGaugeSimple: added aria-hidden="true" to SVG

21.0.0

Patch Changes

Updated dependencies [c33fb678]
- @siteimprove/fancylib@2.13.0

20.2.0

Minor Changes

776953e4: Illustration: new component created Style Guide: Illustrations Overview and Illustrations FAQ pages created

Patch Changes

Updated dependencies [b72cdf38]
- @siteimprove/fancylib@2.12.1

20.1.0

Minor Changes

584b711a: Select: added support to disabled state

Patch Changes

e4650f78: Popover: margin before clear button removed in Safari

20.0.1

Patch Changes

1b6bae22: DCIGaugeSimple: Created component

20.0.0

Major Changes

45696fe5: Action Bar: Option for no padding and no background added, "type" property for button added Form: "header" prop changed to "heading", "action" prop replaced with the Action Bar component

19.2.0

Minor Changes

15f11fd6: TrendFormatter: new component created

19.1.0

Minor Changes

ae68c923: Learn Info Box: Add "visibility" CSS styles to prevent tabbing and screen reader access in the collapsed state

19.0.1

Patch Changes

049b4b2a: Select: made the clear button optional, allowed to set the default option, and other minor fixes Translation keys: updated FILTER/CLEAR_SELECTED key

19.0.0

Patch Changes

Updated dependencies [d2fa332c]
- @siteimprove/fancylib@2.12.0

18.0.0

Patch Changes

Updated dependencies [5259ea79]
- @siteimprove/fancylib@2.11.0

17.7.0

Minor Changes

9f60c284: Select: added invalid state

17.6.0

Minor Changes

6efc46ad: Select: allow using custom option component

Patch Changes

1306c0ff: Checkbox: fix tabIndex handler

17.5.0

Minor Changes

d4b5b9bf: Select: added selection overview functionality

17.4.0

Minor Changes

609b10c0: Popover: "allowedAutoPlacements" prop added. Pagination: placement of Popover on PageSizeDropdown improved.

17.3.0

Minor Changes

571afd67: Added file input component

17.2.0

Minor Changes

7c081ffc: Chart: Improved description for screen readers when using the axis type "datetime"

17.1.1

Patch Changes

74e53f5d: TableToolbar: Some browsers crash when rendering a PDF if the document contains a element with gap and no children. In order to fix this we insert this empty ::before or ::after element. When this is fixed in the browsers we support it can be removed again.

17.1.0

Minor Changes

66712a4a: Select: show selected items on top

17.0.0

Major Changes

e5432f48: Radios and CheckboxGroup: using subcomponents for controls

Please follow the migration guide found in the Notable changes section on the style guide page of each component.

16.0.0

Patch Changes

Updated dependencies [985388c2]
- @siteimprove/fancylib@2.10.0

15.5.0

Minor Changes

4f6eab80: Learn Info Box: Improve transition for expanding and collapsing

15.4.0

Minor Changes

14bf9f60: Progress Bar: Add optional "aria-hidden" attribute that will also remove all other ARIA attributes when the value is true

15.3.2

Patch Changes

f33a033a: Button, Text Area, Checkbox, Radio: Makes :focus-visible styles trump :hover styles
Updated dependencies [f33a033a]
- @siteimprove/fancylib@2.9.2

15.3.1

Patch Changes

f9d3bef8: DCI Gauge: Missing translation strings added

15.3.0

Minor Changes

e8ce8549: ActionMenu: improved section header style and added item description

15.2.1

Patch Changes

bfe95fac: Modal: fixed overflow hidden being set which would hide popover content inside the modal

15.2.0

Minor Changes

c0d320a7: Popover: Added noMaxWidth, to not set a default maxWidth SearchableDropdown: Fixed fullWidth together with a fixed width rendering poorly

15.1.0

Minor Changes

14f607db: Select: added support to async search and creation

15.0.1

Patch Changes

f5b84d30: Learn info box: Align the content of the columns to the top, and make the columns have the same width

15.0.0

Minor Changes

4f18c367: FANCY-995: Brand refresh 🌴

Patch Changes

Updated dependencies [4f18c367]
- @siteimprove/fancylib@2.9.0

14.7.0

Minor Changes

6223df89: Table and BaseTable: added summary row

14.6.0

Minor Changes

0e22b8f8: Input Field: Focus state now overwrites hover state

14.5.1

Patch Changes

21daeaf2: Select: Various styling tweaks

14.5.0

Minor Changes

ddec918d: ToggleGroup: Added "inStaticMode" prop to control the behaviour of ToggleGroup in StaticMode. The default behaviour is now that ToggleGroup is disabled in StaticMode

14.4.2

Patch Changes

d106d388: SearchableDropdown: fixed width problem when zooming

14.4.1

Patch Changes

487611ea: Checkbox: removed redundancy between <label> and aria-label

14.4.0

Minor Changes

e0f36dc4: Select: added Cancel and Confirm buttons

14.3.1

Patch Changes

67171fd1: Keyboard Navigation: stop propagation of ESC event

The following components were affected:
- BaseDialog
- DatePickerWithInput
- SparkLine
- Toast

14.3.0

Minor Changes

8f2c6350: Added thumbnail component

14.2.0

Minor Changes

b0613c92: Message, Toast, Chart, Table, List Table, Table Toolbar: Missing translation strings added.

14.1.0

Minor Changes

94a40c84: Markdown: added aria-label for links which open in a new tab

14.0.0

Patch Changes

Updated dependencies [e7d79882]
- @siteimprove/fancylib@2.8.0

13.5.0

Minor Changes

796ca3d7: Select: added popover functionality

13.4.0

Minor Changes

c45f9f02: Highlight: Change role="group" to <section>

13.3.0

Minor Changes

e56e6c2a: Action Menu: Make aria-label optional and improve aria-haspopup

13.2.1

Patch Changes

68c25edd: Learn Info Box: Fixed styling issue when zoomed in.
Updated dependencies [68c25edd]
- @siteimprove/fancylib@2.7.1

13.2.0

Minor Changes

a725ef95: DCI Gauge: Added a dedicated ariaLabel prop for the delta text. Changed Tooltips to Popovers for Site Target and Industry Benchmark. Plus other minor styling updates.

13.1.1

Patch Changes

418672e4: Modal: Improved styles to prevent content overflowing when zoomed. Changed how classes are applied for various sizes.

13.1.0

Minor Changes

390057e5: Toast: role="region" and aria-label (optional) added

13.0.1

Patch Changes

36dc843a: InputField: Static mode support for all types of input fields incl. slugs

13.0.0

Patch Changes

Updated dependencies [fc5a5e07]
- @siteimprove/fancylib@2.7.0

12.0.0

Patch Changes

Updated dependencies [ba658f3a]
- @siteimprove/fancylib@2.6.0

11.5.0

Minor Changes

4a523c15: Select: bulk actions added

11.4.0

Minor Changes

4363d3e9: BaseTable, Table, ListTable: Added hideInStaticMode column configuration option

11.3.0

Minor Changes

e86282a0: Scale: Support for one color based on the level's value

11.2.0

Minor Changes

86bcde26: Select: create functionality implemented

11.1.0

Minor Changes

5fad7916: SparkLine: Improved performance (10x) and added index to dataFormatter

11.0.0

Major Changes

5439609b: Select: base component created with search functionality

10.1.2

Patch Changes

c7fc5e94: Radios: aria-label is now optional, since does not need to be provided if used within a FormElementWrapper

10.1.1

Patch Changes

39d8cea8: Radios: Type utility WithRequired was not correctly emitted to the packaged output, fixed by manually adding the required property

10.1.0

Minor Changes

2a0a1c62: Column header: aria-roledescription added to sort button

10.0.2

Patch Changes

b92cb085: Toast: Translation string for Close Button updated.

10.0.1

Patch Changes

b092166b: Modal: Translation string for Close Button updated

10.0.0

Patch Changes

Updated dependencies [6f48a41a]
- @siteimprove/fancylib@2.5.0

9.2.0

Minor Changes

e12e84ed: Tooltip: Allow hovering the tooltip content box

9.1.1

Patch Changes

9c279a0a: Base table and column header: Small CSS changes to fix alignment issue.

9.1.0

Minor Changes

2776e5c4: Popover examples: Add aria-label to icon-only button

9.0.0

Major Changes

d5fa6621: Table: renamed aria-label to caption

8.1.0

Minor Changes

81ae95fc: Breadcrumbs: Improved screen reader support for aria-current

8.0.0

Major Changes

72e2eaa6: Radios: aria-label is now required for radio button groups

7.2.0

Minor Changes

41842d3f: Toast: role and aria-modal attributes have been moved from ToastContainer to Toast for better focus handling

7.1.0

Minor Changes

d0c6f14d: ListBox: base component implemented

7.0.0

Patch Changes

Updated dependencies [81a1339a]
- @siteimprove/fancylib@2.4.0

6.0.1

Patch Changes

c6614261: Add static mode support for dropdowns, searchable dropdowns and multiselect dropdowns

6.0.0

Major Changes

07d266ab: HighlightItem: Removed, due to being replaced by new Highlight component

5.2.0

Minor Changes

5f6a7b83: SparkLine: added new component in Lab package

5.1.0

Minor Changes

23eb507a: - ActionBar: Buttons wrap when there's insufficient horizontal space.
- TableToolbar: Buttons wrap when there's insufficient horizontal space.

5.0.0

Major Changes

ec9e3a98: BaseDropdown component renamed to Popover and ActionDropdown component renamed to ActionMenu

4.4.0

Minor Changes

aafb021f: Toast: Move focus back on a child element of the ToastContainer when Toast is opened

4.3.1

Patch Changes

2aad210f: MultiColumnHeader: Support for static mode rendering

4.3.0

Minor Changes

0db09b95: Toast: Put focus on ToastContainer when Toast is opened

4.2.0

Minor Changes

36970d50: Chart: Added specific order for keyboard navigation

4.1.0

Minor Changes

c15d5fa0: BigSmall: Changed text from using InlineText to Paragraph

4.0.0

Major Changes

bb80bf50: LearnInfoBox: The "header" prop has been renamed to "heading" and is now required. The "aria-label" prop has been removed, since it will get its value from the "heading" prop when needed.

3.0.0

Major Changes

f8a84f1a: ListTable: update aria-sort when column is sorted

2.2.0

Minor Changes

a745c7d0: Chart: Vertical position of legend changed to "top"

2.1.0

Minor Changes

b9c02e38: Tooltip: Missing aria-controls and aria-hidden attributes added.

2.0.1

Patch Changes

3731ebe1: Pagination: Fixed pressing 'enter' in inputfield reloading the page instead of confirming input

2.0.0

Minor Changes

0ecadbc7: - Added Card.Footer
- Added SidePanel.Footer
- Added BaseDropdown.Footer
- Added footer examples and guidelines to Card, SidePanel, and BaseDropdown pages in styleguide.
- Updated footer guidelines on Modal page in styleguide.

Patch Changes

Updated dependencies [0ecadbc7]
- @siteimprove/fancylib@2.3.0

1.0.1

Patch Changes

839a4588: Syncing of package-lock files fixed
Updated dependencies [839a4588]
- @siteimprove/fancylib@2.2.1

1.0.0

Patch Changes

Updated dependencies [db4a43ee]
- @siteimprove/fancylib@2.2.0

0.108.0

Minor Changes

276a6973: FormattedDate: moved component from utils to components folder, fixed empty number checking and added examples in the styleguide

0.107.0

Minor Changes

3b014d4c: FormattedDate: fixed time format and examples now exists in the styleguide

0.106.1

Patch Changes

5b7ad144: Fix: Re-add className to InputField in InputFieldWithSlug

0.106.0

Minor Changes

0f1c6a68: ActionDropdown: Correct WAI-ARIA roles (menu, menuitem) are now used

0.105.0

Minor Changes

0f1c6a68: ActionDropdown: Correct WAI-ARIA roles (menu, menuitem) are now used

0.104.0

Minor Changes

0f1c6a68: ActionDropdown: Correct WAI-ARIA roles (menu, menuitem) are now used

0.103.0

Minor Changes

cd395bca: Table: ensure expanders fill out table row

0.102.0

Minor Changes

525486e6: InputFieldWithSlug: add example with Dropdown and fix border-radius between slugs

0.101.0

Minor Changes

da6bcb4a: Base dropdown: Added max-width of 480px to popover.

0.100.0

Minor Changes

110c8a6f: BaseTable: SrOnly component added to table caption

0.99.0

Minor Changes

e5743e0c: MultiSegmentProgressBar: allows custom segment styles

0.98.0

Minor Changes

d361a9e1: InputField: Fix none-primitive slugs (e.g. a button) not having correct styling

0.97.0

Minor Changes

eea7564e: SearchableDropdown: ARIA attributes added

0.96.0

Minor Changes

c8c6de86: ListTable: Adds "Skip table" link

0.95.0

Minor Changes

76869f6d: Use lib@2.1 in lab

0.94.0

Minor Changes

be4eeb75: Table: Adds "Skip table" link

0.93.1

Patch Changes

874467ea: Dropdown: Pass in aria-label to the Dropdown Button

0.93.0

Minor Changes

9b653d2f: ActionDropdown:
- Use InlineText component to style text
- Make text wrap instead of become truncated
- Fix bug where icon of disabled item did not look disabled
- Make link items look the same as button items
- Use size prop to size icons
- Update layout to use flexbox
- Adjust border-radius to match other dropdowns

0.92.0

Minor Changes

5dc49b02: Charts: Adds "Skip chart" link

0.91.0

Minor Changes

22cf4261: Breadcrumbs: Require aria-label instead of hardcoding string 'Breadcrumbs'

0.90.0

Minor Changes

cf678d17: Expore 'cn', 'f2u' and 'useUniqueId' utilities

0.89.2

Patch Changes

4d05d1a0: - Pagination: Add flex-wrap to improve responsiveness
- LearnInfoBox: Fix position of arrow on button
- CircularProgress: Fix letter-spacing of main value

0.89.1

Patch Changes

d0507e6b: ListTable: Remove padding-bottom from pagination

0.89.0

Minor Changes

16cd889b: Use fancylib@2.0.0 and switch to using rem instead of px for lab components

0.88.0

Minor Changes

3f62448d: Table/ListTable: Removed height: 100% such that table height is now determined by its content instead of its parent

0.87.4

Patch Changes

ea12e9aa: Modal/SidePanel: Fix element with role="dialog" not being labelled

0.87.3

Patch Changes

7fe4730f: ActionDropdown: Fix icon height not being set

0.87.2

Patch Changes

03f757d3: Modal: HeaderTitle should be optional

0.87.1

Patch Changes

443c2ff6: Modal: Add option to hide header

0.87.0

Minor Changes

a4538c44: Message: Added this new component to the Feedback category.

0.86.0

Minor Changes

d3e7e78f: LearnInfoBox: Removed built in usage of grid section.

0.85.0

Minor Changes

863d9ec0: MultiselectDropdown: Allow an item to be added to the dropdown if not found via the search

0.84.0

Minor Changes

320d807d: Tooltip: Fix hide animation being wonky
320d807d: Copy Button: Fix tooltip disappearing on click

0.83.3

Patch Changes

443e130c: Fix tooltip not disapppearing on disabled button

0.83.2

Patch Changes

7b47e1b4: Fix tooltip not being positioned above button

0.83.1

Patch Changes

9444d876: Card.Header: Added VisuamComponent to Card.Header

0.83.0

Minor Changes

b081d147: Base table: Removed hover effect on table row and associated noHoverEffect property.

0.82.0

Minor Changes

a4391f6d: Table: Added option to make a column with a property provided not sortable

0.81.0

Minor Changes

34c02d15: Table: Fix expander styling when staticMode is enabled

0.80.0

Minor Changes

9e976717: Depend on Lib ">=1.1".
9e976717: Add capability for translations for Lab.

0.79.0

Minor Changes

c3cf3ac0: Remove UTF-8 comment to not output @charset in toggle-group.css

0.78.1

Patch Changes

f5ad4a36: Table: Fix type for canCellExpand to also include cell position

0.78.0

Minor Changes

e047bc8d: BaseDropdown: Fix aria-haspopup="listbox" being set generally, when it should only be set when the expanded content is role="listbox"

0.77.0

Minor Changes

e1b2ab81: Depend on @siteimprove/fancylib 1.0 and above

0.76.0

Minor Changes

531f559a: Added TitleUrl component

0.75.0

Minor Changes

c149c5b5: Modal/SidePanel: Fix focus trap not attaching event listeners, and thus not working

0.74.1

Patch Changes

38b5843d: MultiSegmentProgressBar: Made empty-state accessible.

0.74.0

Minor Changes

46f186d1: MultiSegmentProgressBar: Simplified component to make it accessible and only support multiple-segement usecases.

0.73.0

Minor Changes

fdf7fe8a: Learn Info Box: Removed superfluous padding from tabbed-header class.

0.72.0

Minor Changes

b2cbd9a5: BasePopover: Render popovers with height 0 when they are not shown to not have them take up space in the document

0.71.0

Minor Changes

e6fea475: Checkbox:
- Fixed bug with height of indeterminate icon.
- Updated check and indeterminate icons.
- Tweaked disabled, active, and invalid state styling.
- Added scale animation.

0.70.0

Minor Changes

634de606: SearchableDropdown: Fixed invalid not being set

0.69.0

Minor Changes

b0de7d90: FormElementWrapper: label now has type ReactNode instead of string FormElementWrapper: Removed labelTooltip prop, use Tooltip with variant 'text' in label instead to.

0.68.0

Minor Changes

ff8bf870: BigSmall: Replaced divs with InlineText components.

0.67.0

Minor Changes

a9db2693: Use version 0.0.48 of fancylib

0.66.0

Minor Changes

24996786: Multiselect dropdown: Fixed bug where bulk select buttons would trigger onchange event and thereby auto-confirm the bulk selection.

0.65.0

Minor Changes

23afbe87: Pagination: Fix static mode throwing

0.64.0

Minor Changes

79cec0bd: Change height to min-height for table headers

0.63.0

Minor Changes

94457978:
- Checkbox
  - Fixed hover styling.
  - Set line-height to multi-line.
- Radios: Fixed hover styling.
- Form: Removed text-align: left and line-height: $line-height--reset.
- Tooltip: Fixed overflow of words longer than max-width of popover.
- Dropdown
  - Replaced span with InlineText component.
  - Enabled items to wrap across multiple lines.
  - Increased min-width of popover to 240px.
  - Adjusted max-height to equal 7.5 items.
- Input field
  - Replaced span with InlineText component in slugs.
  - Fixed issue of slug height not matching input field height when set to large.
- Multiselect dropdown
  - Replaced span with InlineText component.
  - Adjusted padding around search field and bulk select buttons.
  - Added Divider component above and below item list.
  - Added max-width of 600px to popover.
  - Adjusted padding of “no results” message.
  - Wrapped “no results” message in Paragraph component.
  - Adjusted max-height to equal 7.5 items.
- Searchable dropdown.
  - Set type of input field to search.
  - Set min-width to 240px
  - Adjusted max-height to equal 7.5 items.
  - Adjusted padding around search field.
  - Adjusted line-height of items.
- Pagination
  - Replaced span with InlineText component.
  - Wrapped FormElementWrapper components in Form component (removes unwanted margin-bottom).
  - Replaced spacing divs with Content component.
  - Added gap between three parts to make the component (a bit) more responsive.
- Column header: Replaced span with InlineText component.
- Replaced various values with design tokens.

0.62.0

Minor Changes

e16f5179: Pass className in options to base-table

0.61.0

Minor Changes

167184ab: TextArea: Fix types to correctly implement FormControl Form: Fix types to not implement FormControl

0.60.0

Minor Changes

b87ad5a8: Fix table cell alignment and close expanded cell when items change

0.59.1

Patch Changes

ba8c6d0b: FIX: Move overflow hidden to modal footer, instead of modal

0.59.0

Minor Changes

f41fad04: Support data-observe-key in all table configs

0.58.0

Minor Changes

baa38784: Added Divider to DialogHeader

0.57.0

Minor Changes

92f3127d: Make modal accept a more generic footer instead of button props

0.56.0

Minor Changes

0fcbd906: CircularProgress: Expose CircularProgress component

0.55.0

Minor Changes

3d904711: Tooltip: Fix initial bad arrow position for left/right placements Tooltip: Fixed warning from popper.js about arrow element not existing when a tooltip was openend and closed quickly.

0.54.0

Minor Changes

6e0da852: Tooltip: Fix rendering in columns headers (and other components that didn't forward ref) Tooltip: Fix mouse out on interactive tooltips triggering on every child instead of only the outermost child

0.53.0

Minor Changes

096dde07: Updated @siteimprove/fancylib to 0.0.45
39fc2d30: Update @siteimprove/fancylib to 0.0.46

0.52.0

Minor Changes

2f6ba5dd: Tooltip: Fix tooltip arrow rendering for 'lefty' and top placements

0.51.0

Minor Changes

a03a4a87: Tooltip:
- Added forceOpen option back
- Fixed hidden tooltip's content intecepting pointer events
Multi Segment Progress Bar:
- Fixed tooltip visual and made them keyboard accessible

0.50.0

Minor Changes

af2a079f: Update pagination and action-bar to support individual data-observe-keys

0.49.0

Minor Changes

4ebc544c: Do not use portals for popovers and always mount interactive tooltips to ensure there is an accessible name
79888925: Add table-configs to lab

0.48.0

Minor Changes

129515f4: Add learn-info-box

0.47.0

Minor Changes

d24f6dca: Add markdown component

0.46.0

Minor Changes

861eea2a: Popover z-index to 1500 (new highest), Toast to 1490 (next highest)

0.45.0

Minor Changes

64d9914c: Change Base Popover to use a dropzone (to fix Tooltip popover styling issues)

0.44.0

Minor Changes

6f4791b3: Make tooltip work with dialog headers and allow icon replacements for text variant

0.43.0

Minor Changes

f9d08686: Changed height of ToggleSwitch to be the same as button and fixed some styling issues.

0.42.0

Minor Changes

c7040c93: Fix bug in TextArea component

0.41.1

Patch Changes

ed5caafb: Add multi segment progress bar

0.41.0

Minor Changes

d82b18a3: Extend PfgTable to allow showing text during its loading state.

0.40.0

Minor Changes

7c12533a: Remove unused header-id and aria-labelledby attribute in base-dialog

0.39.0

Minor Changes

0edea344: Add Starred component to lab

0.38.0

Minor Changes

da696686: add form component to labs. change textarea onChange ttype to accept values not event as first argument.

0.37.0

Minor Changes

b0583e1c: BaseTable and Table updates (support data-observe-key for column headers, rename PfgColumnsArray, support hiding columns in exports)

0.36.0

Minor Changes

3b4783a8: Fix overriding unique counter if useUniqueId function was loaded multiple times

0.35.0

Minor Changes

ccc25dbf: Fixed Tooltip focus styling

0.34.0

Minor Changes

717e421b: Make unique ids use window for counter management to avoid duplicates from different bundles

0.33.0

Minor Changes

704475ce: Add highlight item component to lab

0.32.0

Minor Changes

9ca496fa: Use more unique id for tooltips

0.31.0

Minor Changes

2c25520b: Close searchable-dropdown when selecting with keyboard

0.30.0

Minor Changes

fc39404f: Breaking update to Tooltip component

It's now required to choose from one of four Tooltip variants:
- text
- icon-short-label
- icon-long-label
- interactive
The interactive variant replaces the Instant Tooltip Wrapper component.

The anchor property has been removed. The Tooltip should now always be wrapped around its associated UI element.

The Tooltip now always comes with an aria-label. It’s (partly) set with the variant property’s learnMoreAboutparameter for the text and icon-long-label variants. It’s automatically set for the icon-short-label and interactive variants.

Eight new value options have been added to the placement property.

It’s now possible to set a size for the Tooltip icon, when using the text variant, with the tooltipIconSize property.

0.29.0

Minor Changes

cbe50123: Fix dropdowns setting focus on close by mouse events

0.28.0

Minor Changes

0f91cb65: Fixed text overflow in full width dropdowns

0.27.0

Minor Changes

d46877ce: Add (optional) data-observe-key props to action-dropdown items

0.26.0

Minor Changes

b2a4881f: ListTable: Make sort- and item-count-labels optional, and don't render the sort bar when neither of them are set

0.25.0

Minor Changes

6819460b: Remove focus-visible polyfill

0.24.0

Minor Changes

21b09140: Added four new icons

0.23.0

Minor Changes

3caea551: Styling fixes for searchable dropdown

0.22.0

Minor Changes

8ea01bdc: Remove tabs

0.21.0

Minor Changes

4531c7fb: Added aria-labelledby to form controls

0.20.0

Minor Changes

00632801: Fix missing key in tabs

0.19.0

Minor Changes

6237333: Remove card from lab and replace with card from lib

0.18.1

Patch Changes

5bab1a1: Add option to force tooltips open. This is helpful in certain testing scenarios and when generating html, e.g. for automated a11y testing and translation context.

0.18.0

Minor Changes

a49d308: Replace search input in searchable-dropdown with input-field component

0.17.0

Minor Changes

a2a1e64: Remove Badge from lab, use Badge from lib instead.

0.16.0

Minor Changes

eeb4fd5: Fix progress-bar styling for users with prefers-reduced-motion setting

0.15.0

Minor Changes

770eecc: Add unlabelled prop to card

0.14.2

Patch Changes

a4559de: Update fancy lib dependency to 0.0.38

0.14.1

Patch Changes

1e83a90: Add ability to control submit button variant in Modal

0.14.0

Minor Changes

303de8f: Fixed rendering of number inputs in multiple components

0.13.2

Patch Changes

6555801: Use classname for toast dropzone instead of ID

0.13.1

Patch Changes

1fd931b: Change dialog dropzone to use classname instead of ID

0.13.0

Minor Changes

e7fd74a: Add SrOnly for links opening in a new window

0.12.0

Minor Changes

11ce321: Add default aria-label for link button that opens in a new window

0.11.1

Patch Changes

e90ab71: Made the chevron color in dropdown button customizable

0.11.0

Minor Changes

fed2f08: Add dropzone to base-dialog

0.10.0

Minor Changes

b60cd2c: Dropdowns: Add style to buttonProps

0.9.1

Patch Changes

65911bb: Update PopperJS to 2.9.2

0.9.0

Minor Changes

75fb6a9: Remove button from lab and replace imports with lib

0.8.0

Minor Changes

5f4afc0: Add search needle as optional external prop to searchable dropdown

0.7.1

Patch Changes

b00b5fe: Modal: Expose loading-state of submit button

0.7.0

Minor Changes

6552f18: Add static non-interactive state for expander

0.6.0

Minor Changes

ad9fad2: Add static non-interactive state for pagination

0.5.0

Minor Changes

c448976: Add chart to lab

0.4.0

Minor Changes

d565b7d: Remove spinner from lab

0.3.0

Minor Changes

3112d5d: Remove context from lab and use context from lib instead

0.2.5

Patch Changes

f305145: Add aria-label to button link

0.2.4

Patch Changes

1f543ff: Export Checkbox

0.2.3

Patch Changes

9199621: Fix: Add style and className props to ProgressBar

0.2.2

Patch Changes

528feab: Put data-observe-key on the action dropdown's button instead of the surrounding div

0.2.1

Patch Changes

3025c0b: Add aria-hidden for Button

0.2.0

Minor Changes

change DCI gauge color for below 30%

0.1.0

Minor Changes

412ef10: remove srOnly lab instance, replace imports in lab with lib srOnly import

0.0.86

Patch Changes

3e5ca2b: Add cancel and confirm buttons to multiselect-dropdown

0.0.85

Patch Changes

b02bcb3: Changed to section and removed checks for missing labels/header

0.0.84

Patch Changes

6d825e6: Add hook to clear toasts

0.0.83

Patch Changes

2bb1bc6: Update peerdependencies for fancylab

0.0.82

Patch Changes

396a82b: Add date-picker to lab

0.0.81

Patch Changes

30e36ec: Added translations for close and clearFilter. Removed corresponding props from components

0.0.80

Patch Changes

817c1a2: Added translations overrides for context and expose bare context provider Renamed FancyContext to FancyRoot to avoid confusion with the new bare context provider
05acd0c: Fix hidechevron logic being inverted