Changelog

for FancyLib

@siteimprove/fancylib

7.3.0

Minor Changes

e94c4052: Heading: Add hook useHeading to get a heading

7.2.2

Patch Changes

02f901ae: DesignTokens: Fixed color contrast in color--text--static--header token

7.2.1

Patch Changes

7b80bd25: DesignToken: updated gray color due to accessibility contrast issues

7.2.0

Minor Changes

9198e7cd: Icon: added new IconSparkle

7.1.0

Minor Changes

4e7bd65c: Icon: updated IconSiteimprove and IconLogoBlub to reflect current Siteimprove standards

7.0.1

Patch Changes

31dc27c8: ActionBar, Button, Form: allowed setting form element id

7.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.

6.10.1

Patch Changes

78896a17: Fonts: importing Geologica and Inter font-faces from Google repository

6.10.0

Minor Changes

20da99aa: Upgrade react-popper to version 2.3.0

6.9.2

Patch Changes

4f83ab58: DesignToken, Badge: fixed color contrast issues

6.9.1

Patch Changes

0a7bb3e9: DesignToken, SideNavigation: set color for search input placeholder

6.9.0

Minor Changes

492f59e2: Tooltip, BasePopover: allowed setting the z-index value

6.8.0

Minor Changes

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

6.7.0

Minor Changes

1356eb35: Button and Link: passes custom HTML attributes to component root element

6.6.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

6.5.0

Minor Changes

e22b9016: BasePopover: Added strategy property

6.4.0

Minor Changes

dd20be99: Themes: exporting all themes design-tokens in themes.css

6.3.1

Patch Changes

87ecb48f: Card: Added VisualComponent to CardFooter

6.3.0

Minor Changes

d7574935: Icon: added new IconEntry

6.2.0

Minor Changes

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

6.1.0

Minor Changes

74363c18: Badge: add margin on all sides

6.0.1

Patch Changes

7a957bb9: Design-tokens: Adding new color for the new backgroud color in brand2024

6.0.0

Major Changes

5d605ae1: BasePopover: "updateKey" prop renamed and can now handle multiple keys

Minor Changes

eb975831: Tooltip: "updateKeys" prop added to control the update of BasePopover

5.5.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

5.4.0

Minor Changes

0b844918: DesignTokens: created new design tokens

5.3.2

Patch Changes

57197544: SearchNavigation: Determine platform earlier to avoid search-shortcut-name-flicker on Mac

5.3.1

Patch Changes

9c24fe77: Heading: TooltipProps imported using the correct path

5.3.0

Minor Changes

858d145e: Tooltip: Added "hideContent" prop to hide the content visually and for assistive technology
858d145e: Heading: Added "tooltipText" and "tooltipPlacement" props to ensure proper accessibility.

5.2.0

Minor Changes

6a4e8a5f: Icons: "responsive" option added to the "size" prop

5.1.2

Patch Changes

3cb3821b: Tooltip: Translations for aria-roledescription added

5.1.1

Patch Changes

31e324a5: Spinner: added Windows High Contrast Mode support

5.1.0

Minor Changes

cecbb21d: CSS: using design tokens via CSS variables

5.0.0

Major Changes

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

4.11.0

Minor Changes

e35d94cc: SrOnly: added aria-hidden property

4.10.2

Patch Changes

60cb65a2: Tabs: ensures custom onClick is called

4.10.1

Patch Changes

8df65d93: InputField: fixed placeholder vertical alignment on Safari

4.10.0

Minor Changes

ff935b4f: SrOnly: optional ID prop added

4.9.1

Patch Changes

c7868100: Icon: removed fill property from IconConversionRate

4.9.0

Minor Changes

469d624e: Icon: added new IconConversionRate

4.8.0

Minor Changes

d27fb8f3: Icon: added new IconCode

4.7.0

Minor Changes

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

4.6.0

Minor Changes

32ac7820: Icons Overview: New "IconIndeterminate" added

4.5.0

Minor Changes

d69bdc5c: Icon: Updated SI logo to match newest branding

4.4.0

Minor Changes

636acd6c: Content and Content.Layout: New gap property added to control the space between children elements

4.3.4

Patch Changes

2f7f6b4e: Button: Issue with subpixel calculation on borders in button group fixed

4.3.3

Patch Changes

7d04357d: Badge: updated border radius

4.3.2

Patch Changes

c80c12b0: Link: Improve aria-label prop name

4.3.1

Patch Changes

e2ed6014: Link component: Add support for aria-label

4.3.0

Minor Changes

8e2ec2d2: Link: added property to disable word-break

4.2.1

Patch Changes

d8af9338: Button and Toggle Group: Margin removed on default buttons to fix Safari issue, where margin is applied automatically.

4.2.0

Minor Changes

0d4881ab: FocusableComponent: created onMouseEnter and onMouseLeave props. Affects the following components:
- BaseLayout
- Button
- Checkbox
- ColumnHeader
- FileInput
- Illustration
- Link
- MultiSelectDropdown
- Popover
- Radios
- Scale
- Select
- SerchableDropdown
- Starred
- Table
- TextArea
- TitleUrl
- ToggleGroup
- ToggleSwitch
- TrendFormatter

4.1.1

Patch Changes

259d59cb: Icons: removed default fill on SiteImprove icon

4.1.0

Minor Changes

6584877b: Icons: Added new icons to be used in the annotations support

4.0.0

Major Changes

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

3.0.1

Patch Changes

4eb101b4: Remove hardcoded tabIndex from Card

3.0.0

Major Changes

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

2.16.0

Minor Changes

597c4f9e: Design Token: the font Titillium Web has been replaced by Gilroy

2.15.0

Minor Changes

b1b1a9b1: Button and Link: Text for SrOnly when opening in a new tab improved

2.14.0

Minor Changes

3bbc3a57: FancyContext: added hook to log deprecated warnings

2.13.0

Minor Changes

c33fb678: Design Token: Changed color of blue-lightest.

2.12.1

Patch Changes

b72cdf38: DesignToken: new tokens for illustration sizes created

2.12.0

Minor Changes

d2fa332c: SrOnly: Removed Aria-hidden from component as the proposed use of it turned out to be wrong

2.11.0

Minor Changes

5259ea79: SrOnly: aria-hidden property added

2.10.0

Minor Changes

985388c2: Tabs: added "inStaticMode" property, default value is "disable".

2.9.2

Patch Changes

f33a033a: Button, Text Area, Checkbox, Radio: Makes :focus-visible styles trump :hover styles

2.9.1

Patch Changes

6f37343e: Button: SrOnly element in a button with loading state will now be visible for screen readers

2.9.0

Minor Changes

4f18c367: FANCY-995: Brand refresh 🌴

2.8.0

Minor Changes

e7d79882: Button: role="group" attribute and aria-label attribute and prop (optional) added to Button Group

2.7.1

Patch Changes

68c25edd: Learn Info Box: Fixed styling issue when zoomed in.

2.7.0

Minor Changes

fc5a5e07: Button: Added "inStaticMode" prop to control the behaviour of Buttons in StaticMode. The default behaviour depends on the href property, links are shown and buttons are disabled in StaticMode

2.6.0

Minor Changes

ba658f3a: Button: Added the optional prop "aria-roledescription" which is used by table header sort buttons.

2.5.1

Patch Changes

83e36849: Spinner: Make it an initial part of the DOM when appearanceDelay is 0

2.5.0

Minor Changes

6f48a41a: Link buttons: Removed screen reader URL for text-based buttons

2.4.2

Patch Changes

71fe7959: Link: use north-east pointing arrow when openNew is true

2.4.1

Patch Changes

d5a2db44: Tabs: fix keyboard navigation

2.4.0

Minor Changes

81a1339a: Spinner: added optional prop for delaying appearance

2.3.3

Patch Changes

e810cefa: Button: add fragment support for icon-only buttons

2.3.2

Patch Changes

4f56c1db: Badge: Replaced InlineText component with Paragraph component to improve screen reader experience

2.3.1

Patch Changes

94ad2aa7: Spinner: added static fallback icon for prefers-reduced-motion

2.3.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.

2.2.1

Patch Changes

839a4588: Syncing of package-lock files fixed

2.2.0

Minor Changes

db4a43ee: Added HourglassBottom and HourglassTop icons

2.1.0

Minor Changes

75b26a45: SrOnly: Displays SrOnly elements when given focus

Patch Changes

2d05f679: Loading Button: Add Translation Key to SrOnly instead of emoji

2.0.1

Patch Changes

a76aea2e: Added Support icon.
69411bb5: Button: Move Loading SrOnly element after the button label
f41b12f0: Link: Reverse order of "Opens in new window" and the link title

2.0.0

Major Changes

ab6eaf38: Removed deprecated design tokens (color-based “status” tokens, e.g. status—yellow).

Please use the new semantic-based “status” tokens (e.g. status—warning—light) instead.
ab6eaf38: Use rem instead of px for design tokens and lib components.

This ensures proportional scaling of the entire UI when users change the default font-size in their browsers.

This is a breaking change, because Sass does not support arithmetic operations between different units.

To fix resulting issues, please use rem for all measurements.

Patch Changes

b5770bb8: Fixed hover-left using too light a shade of gray

1.3.1

Patch Changes

765be07d: SrOnly: Fixed typo

1.3.0

Minor Changes

4819ec7a: Link: Made SrOnly be inline if inlineInText
4819ec7a: SrOnly: Added isInline prop that changes div to span

Patch Changes

a57fcd30: Translations: Fixed danish and swedish linkButtonOpenNewAriaLabel translation

1.2.1

Patch Changes

b8983693: Card: Added VisualComponent to Card Header
661add64: Design Tokens: Added xx-large layout

1.2.0

Minor Changes

4b6d8667: Added backlink and pinLocation icons.

1.1.0

Minor Changes

96f2d4db: Expose function that creates fancy context.

1.0.2

Patch Changes

07d0ab6e: Heading: Changed styling of H6 heading level.

1.0.1

Patch Changes

5c766dda: Design Tokens: Fix font-weight values being strings, they are now numbers
52cef024: Updated Table icon and added Column icon.
ae3b24ce: Badge component: Changed CSS to use background-color instead of background property.
b4e2c5a7: Updated Table and CSV icons.
0c608f4c: Link: Added onClick prop to the Link component

1.0.0

Major Changes

7db66863: 🎉 - No breaking changes.

0.0.49

Patch Changes

c5261387: Divider: Added VisualComponent interface
5c85bfc1: Only set margin-left on buttons in button-group
b66924cb: Added Date icon.
4a449c28: Allow onclick on link button

0.0.48

Patch Changes

f484d220: Removed default z-index from buttons

0.0.47

Patch Changes

e2b54596: Added translations for ARIA_LABEL_OPEN_NEW_WINDOW and CLICK_TO_TOGGLE_TOOLTIP_VISIBILITY