Forma 36

What's new

Give feedback

The Changelog gives an overview of the changes we've made to Forma 36

20-09-2023

F36 Tooltip v4.51.0

  • Support ReactElement as content for Tooltips

F36 Tooltip v4.52.0

  • Fix: Make content optional again

12-09-2023

F36 Button v4.50.2

  • fix(Button): transparent variant loading icon color

09-09-2023

F36 Text Link v4.50.1

  • fix(TextLink): vertical alignment when used in list

31-08-2023

F36 Autocomplete v4.50.0

  • Add new props: textOnAfterSelect?: 'clear' | 'preserve' | 'replace', isOpen?: boolean; onOpen?: () => void; onClose?: () => void, inputValue?: string

29-08-2023

F36 Button v4.49.1

  • chore: remove blue border on hover; change background color on hover

26-08-2023

F36 Button v4.49.0

  • chore: full height button group divider; remove positive/primary button border color

25-08-2023

F36 Asset v4.48.2

  • fix(asset): set full width on Asset root

F36 Card v4.48.2

  • fix(inline-entry-card): remove unsupported size prop

22-08-2023

F36 Multiselect v4.20.12

  • Multiselect: apply style refresh to multiselect

17-08-2023

F36 Button v4.48.1

  • chore: [F36-893] change Button border color of active and focused states

20-07-2023

F36 Icon v4.48.0

  • Add new premium variant to Note, TextLink, Icon- Add new Diamond Icon, used as default icon for Note with premium variant

F36 Icons v4.27.0

  • Add new premium variant to Note, TextLink, Icon- Add new Diamond Icon, used as default icon for Note with premium variant

F36 Note v4.48.0

  • Add new premium variant to Note, TextLink, Icon- Add new Diamond Icon, used as default icon for Note with premium variant

F36 Text Link v4.48.0

  • Add new premium variant to Note, TextLink, Icon- Add new Diamond Icon, used as default icon for Note with premium variant

19-07-2023

F36 Datepicker v4.47.3

  • refactor: internal Calendar caption layout logic

18-07-2023

F36 Autocomplete v4.47.2

  • Revert "chore: bump downshift from 6.1.12 to 7.6.0 (#2527)"

F36 Icons v4.26.0

  • Add appearance icon

14-07-2023

F36 Note v4.47.0

  • feat(note): add 'icon' prop

F36 Datepicker v4.47.1

  • fix(datepicker): prevent auto scrolling to open popover

13-07-2023

F36 Autocomplete v4.46.0

  • Update combobox aria roles- Bump downshift from 6.1.12 to 7.6.0

01-07-2023

F36 Codemod v4.3.2

  • chore: bump semver to 7.5.3

30-06-2023

@contentful/f36-components@4.45.0

  • Release Navbar stable version, include Navbar to the umbrella @contentful/f36-components package

F36 Navbar v4.1.0

  • Release Navbar stable version, include Navbar to the umbrella @contentful/f36-components package

22-06-2023

F36 Forms v4.44.0

  • Fix text overlapping for small Selects

09-06-2023

F36 Core v4.43.0

  • add new useImageLoaded hook

08-06-2023

F36 Button v4.42.0

  • feat(button): restyle negative variant
  • feat(textarea): change hue of invalid border color
  • feat(validation-message): change hue of negative color
  • feat(icon): change hue of negative color
  • feat(icon): change hue of positive color
  • feat(tokens): change hue of semantic colors

F36 Forms v4.42.0

  • feat(button): restyle negative variant
  • feat(textarea): change hue of invalid border color
  • feat(validation-message): change hue of negative color
  • feat(icon): change hue of negative color
  • feat(icon): change hue of positive color
  • feat(tokens): change hue of semantic colors

F36 Icon v4.42.0

  • feat(button): restyle negative variant
  • feat(textarea): change hue of invalid border color
  • feat(validation-message): change hue of negative color
  • feat(icon): change hue of negative color
  • feat(icon): change hue of positive color
  • feat(tokens): change hue of semantic colors

F36 Tokens v4.0.2

  • feat(button): restyle negative variant
  • feat(textarea): change hue of invalid border color
  • feat(validation-message): change hue of negative color
  • feat(icon): change hue of negative color
  • feat(icon): change hue of positive color
  • feat(tokens): change hue of semantic colors

01-06-2023

F36 Table v4.40.7

  • fix: differentiate th color from td
  • Fix Table.Body children type

F36 Pill v4.41.0

  • feat(pill): add isDraggable prop

F36 Table v4.41.1

  • Fix Table.Body types

25-05-2023

F36 Badge v4.40.4

  • feat(entity-status-badge): add isScheduled prop

F36 Drag Handle v4.40.5

  • Remove background color on hover of transparent drag handle

F36 Button v4.40.6

  • fix(button): keep transparent button focus background

23-05-2023

F36 Button v4.40.3

  • fix(button): tweak transparent variant backgrounds

18-05-2023

F36 Drag Handle v4.40.1

  • Fix DragHandle component dependencies

F36 Modal v4.40.2

  • fix(modal): use border-box for controls to avoid overflow

16-05-2023

F36 Drag Handle v4.40.0

  • Introduce style variants to DragHandle component

12-05-2023

F36 Modal v4.38.1

  • fix animation when closing modal

F36 Modal v4.39.0

  • feat: add subtitle prop to Modal

11-05-2023

F36 Modal v4.38.0

  • New fullscreen variant for modal

28-04-2023

F36 Modal v4.37.1

  • fix: close modal when clicking outside closely

26-04-2023

@contentful/f36-components@4.36.0

  • updat changeset

F36 Empty State v4.25.0

  • updat changeset

@contentful/f36-components@4.37.0

  • (chore) -> update versions

F36 Empty State v4.37.0

  • (chore) -> update versions

14-04-2023

F36 Menu v4.35.0

  • add possibility to add icons on menu items

05-04-2023

F36 Badge v4.34.1

  • fix(entity-status-badge): use secondary Badge variant for Archived

30-03-2023

F36 Table v4.34.0

  • feat(table): add sorting props

29-03-2023

F36 Autocomplete v4.33.0

  • feat(autocomplete): expose onFocus and onBlur events

25-03-2023

F36 Menu v4.32.0

  • Improve Popover and Menu components onBlur logic. So when a user clicks outside of the document or uses some browser features, like search (with cmd/ctrl+F combination) the dropdown is not collapsing. It's also handy for developers if they want to debug dropdown content.

F36 Popover v4.32.0

  • Improve Popover and Menu components onBlur logic. So when a user clicks outside of the document or uses some browser features, like search (with cmd/ctrl+F combination) the dropdown is not collapsing. It's also handy for developers if they want to debug dropdown content.

24-03-2023

F36 Modal v4.31.0

  • Focussing child elements should not use an arbitrary timeout

17-03-2023

F36 Copybutton v4.30.3

  • fix(copy-button): copy in environments without clipboard API permission

16-03-2023

F36 Badge v4.30.1

  • feat(badge): fix letter case
  • feat(entity-status-badge): fix letter case

F36 Table v4.30.2

  • fix(table-cell): set background colour

15-03-2023

F36 Icons v4.25.0

  • feat(environment): update icon
  • feat(environment-alias): update icon
  • feat(sort-ascending): new icon
  • feat(sort-descending): new icon
  • feat(sort): new icon

14-03-2023

F36 Menu v4.29.0

  • feat(menu): new look and feel
  • feat(menu-item): add isActive and isDisabled props

F36 Table v4.30.0

  • Add new verticalAlign prop to control vertical alignment of table cell content.
  • Table styles minor update.

11-03-2023

F36 Badge v4.28.0

  • update styling of Badge and EntityStatusBadge components

07-03-2023

F36 Typography v4.27.0

  • feat: Caption component

03-02-2023

F36 Utils v4.24.1

  • add autoescape special characters on getStringMatch

01-02-2023

F36 Utils v4.24.0

  • feat: add hexToRGBA utility function

28-01-2023

F36 Icons v4.24.0

  • add ArrowDownward Icon

26-01-2023

F36 Copybutton v4.25.2

  • chore(copy-button): omit more Button props

F36 Tabs v4.26.0

  • Introduce forceMount prop for Tabs.Panel component

25-01-2023

F36 Copybutton v4.25.0

  • feat(copy-button): implementation is now based on the Button component, making it possible to pass ButtonProps to the CopyButton.

F36 Copybutton v4.25.1

  • fix(copy-button): omit native HTML onCopy prop

17-01-2023

F36 Tooltip v4.24.1

  • Normalise text transform and letter spacing

23-12-2022

F36 Badge v4.24.0

  • enable adding icons to badges

21-12-2022

F36 Multiselect v4.20.10

  • Extend the Multiselect Component with a Select All possibility

F36 Multiselect v4.20.11

  • Fix for multiselect example in documentation

03-12-2022

F36 Forms v4.23.3

  • fix(base-check-box): align items to flex-start

30-11-2022

F36 Workbench v4.21.0

  • Make WorkbenchHeader description prop accept ReactElement

25-11-2022

F36 Menu v4.23.2

  • fix(menu): Safari issue on closing menu clicking on trigger

F36 Popover v4.23.2

  • fix(menu): Safari issue on closing menu clicking on trigger

23-11-2022

F36 Entity List v4.23.0

  • Show divider for when entity card has a description

F36 Tooltip v4.23.1

  • Fix tooltip sticky behavior issue

21-11-2022

F36 Workbench v4.20.6

  • Bump package to fix the latest release

19-11-2022

F36 Entity List v4.22.0

  • Update entity list item to include entity type on card

18-11-2022

F36 Forms v4.21.8

  • Remove unused prop from types

17-11-2022

F36 Tooltip v4.21.6

  • Fix tooltip show/hide logic with delays

F36 Skeleton v4.21.7

  • feat(Skeleton): add and expose raduis properties

09-11-2022

F36 Tabs v4.21.5

  • fix: update tabs library for React 18 compatibility

08-11-2022

F36 Accordion v4.21.4

  • fix: specify react-dom as peer dependency

F36 Asset v4.21.4

  • fix: specify react-dom as peer dependency

F36 Autocomplete v4.21.4

  • fix: specify react-dom as peer dependency

F36 Badge v4.21.4

  • fix: specify react-dom as peer dependency

F36 Button v4.21.4

  • fix: specify react-dom as peer dependency

F36 Card v4.21.4

  • fix: specify react-dom as peer dependency

F36 Collapse v4.21.4

  • fix: specify react-dom as peer dependency

F36 Copybutton v4.21.4

  • fix: specify react-dom as peer dependency

F36 Core v4.21.4

  • fix: specify react-dom as peer dependency

F36 Datepicker v4.21.4

  • fix: specify react-dom as peer dependency

F36 Datetime v4.21.4

  • fix: specify react-dom as peer dependency

F36 Drag Handle v4.21.4

  • fix: specify react-dom as peer dependency

F36 Entity List v4.21.4

  • fix: specify react-dom as peer dependency

F36 Forms v4.21.4

  • fix: specify react-dom as peer dependency

F36 Icon v4.21.4

  • fix: specify react-dom as peer dependency

F36 Icons v4.21.4

  • fix: specify react-dom as peer dependency

F36 Menu v4.21.4

  • fix: specify react-dom as peer dependency

F36 Note v4.21.4

  • fix: specify react-dom as peer dependency

F36 Pill v4.21.4

  • fix: specify react-dom as peer dependency

F36 Skeleton v4.21.4

  • fix: specify react-dom as peer dependency

F36 Table v4.21.4

  • fix: specify react-dom as peer dependency

F36 Tabs v4.21.4

  • fix: specify react-dom as peer dependency

F36 Tooltip v4.21.4

  • fix: specify react-dom as peer dependency

F36 Workbench v4.20.5

  • fix: specify react-dom as peer dependency

28-10-2022

F36 Accordion v4.21.3

  • fix: remove default margin in safari for buttons

F36 Button v4.21.3

  • fix: remove default margin in safari for buttons

F36 Card v4.21.3

  • fix: remove default margin in safari for buttons

F36 Copybutton v4.21.3

  • fix: remove default margin in safari for buttons

F36 Drag Handle v4.21.3

  • fix: remove default margin in safari for buttons

F36 Entity List v4.21.3

  • fix: remove default margin in safari for buttons

F36 Text Link v4.21.3

  • fix: remove default margin in safari for buttons

27-10-2022

F36 Button v4.21.2

  • feat(button): allow icon variant for transparent buttons
  • fix(datepicker): change calendar button icon variant

F36 Datepicker v4.21.2

  • feat(button): allow icon variant for transparent buttons
  • fix(datepicker): change calendar button icon variant

26-10-2022

F36 Text Link v4.21.1

  • Fix vertical alignment when icon is aligned at start

12-10-2022

F36 Icons v4.21.0

  • New Entry and Page Icons

07-10-2022

F36 Multiselect v4.20.9

  • Update Multiselect Version

F36 Tooltip v4.20.9

  • feat(tooltip): add showDelay

F36 Codemod v4.3.1

  • fix issues on text-field and select codemods

01-10-2022

@contentful/f36-components@4.20.8

  • Version bump to force publishing new version

28-09-2022

F36 Forms v4.20.7

  • fix zIndex handling on TextInput.Group

17-09-2022

F36 Workbench v4.20.4

  • Fix Workbench styles to prevent additional scroll on a page

F36 Notification v4.20.5

  • fix: break long words in new lines

F36 Icons v4.20.6

  • Add ToggleIcon

15-09-2022

F36 Modal v4.20.2

  • Expose some ModalLauncher types

F36 Core v4.20.3

  • fix: add button margin reset on GlobalStyles

14-09-2022

@contentful/f36-components@4.20.0

  • Build to ES6

F36 Datepicker v4.20.1

  • build: add datepicker package to changeset

13-09-2022

F36 Accordion v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Asset v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Autocomplete v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Badge v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Button v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Card v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Collapse v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Copybutton v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Datepicker v4.2.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Datetime v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Drag Handle v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Entity List v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Forms v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Icon v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Icons v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 List v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Menu v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Modal v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Note v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Notification v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Pagination v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Pill v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Popover v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Skeleton v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Spinner v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Table v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Tabs v4.19.1

  • build: build ESM to JS file - legacy output
  • fix(notification): use type imports

F36 Datepicker v4.2.2

  • fix(text): truncated styles
  • fix(datepicker): update react-day-picker

F36 Typography v4.19.2

  • fix(text): truncated styles
  • fix(datepicker): update react-day-picker

09-09-2022

F36 Notification v4.19.0

  • Upgrade react-animate-height to fix f36-notification

08-09-2022

@contentful/f36-components@4.18.0

  • Release Datepicker stable version, include Datepicker to the umbrella @contentful/f36-components pkg

F36 Datepicker v4.2.0

  • Release Datepicker stable version, include Datepicker to the umbrella @contentful/f36-components pkg

02-09-2022

F36 Skeleton v4.17.0

  • feat(skeleton): enable compound component pattern

01-09-2022

F36 Modal v4.16.0

  • Add 'overlayProps' to Modal component

27-08-2022

F36 Autocomplete v4.15.1

  • fix(autocomplete): hide list component when when items and search value are empty

17-08-2022

F36 Icon v4.15.0

  • feat: adding xlarge icon size

05-08-2022

F36 Note v4.14.0

  • feat: Introducing acnew "neutral" variant for the Note component.

02-08-2022

F36 Notification v4.13.0

  • Add 'info' variant to 'Notification' component

21-07-2022

F36 Datetime v4.12.0

  • exported formatRelativeDateTime function

13-07-2022

F36 Datepicker v4.1.0-beta.2

  • fix(datepicker): allow passing input props

F36 Autocomplete v4.11.0

  • feat: allow passing custom icons to autocomplete

F36 Datepicker v4.1.0

12-07-2022

F36 Autocomplete v4.11.0-beta.0

  • feat: allow passing custom icons to autocomplete

06-07-2022

F36 Datepicker v5.0.0-beta.1

25-06-2022

F36 Datepicker v4.0.0

  • feat: Datepicker component

F36 Icon v4.10.5

  • feat: Datepicker component

F36 Icons v4.10.5

  • feat: Datepicker component

F36 Menu v4.10.5

  • feat: Datepicker component

F36 Popover v4.10.5

  • feat: Datepicker component

24-06-2022

F36 Autocomplete v4.10.4

  • Enable controlling the dropdown menu open and close state after select with new property "closeAfterSelect"

17-06-2022

F36 Popover v4.10.3

  • bump popper version

F36 Tooltip v4.10.3

  • bump popper version

16-06-2022

F36 Codemod v4.3.0

  • Add support for binary conditional on TextField validation mesasge
  • Add tranformer to selectProps for SelectField codemod

12-06-2022

F36 Pill v4.10.2

  • feat: use tooltip component in the pill component

11-06-2022

@contentful/f36-components@4.10.1

  • fix: remove exports key from package.json

02-06-2022

F36 Button v4.10.0

  • Add stacking context for the ButtonGroup and InputGroup components. It should fix the bug when the group elements are stacking not within the Group’s context, but within the context of the parent element (because the ButtonGroup/InputGroup itself didn't create a stacking context)

F36 Forms v4.10.0

  • Add stacking context for the ButtonGroup and InputGroup components. It should fix the bug when the group elements are stacking not within the Group’s context, but within the context of the parent element (because the ButtonGroup/InputGroup itself didn't create a stacking context)

19-05-2022

F36 Autocomplete v4.9.0

  • Enable Autocomplete as a controlled input by using selectedItem property

17-05-2022

F36 Workbench v4.8.2

  • fix: workbench head icon alignments

10-05-2022

F36 Asset v4.8.1

  • Fix issue with types being generated wrongly

F36 Typography v4.8.1

  • Fix issue with types being generated wrongly

28-04-2022

@contentful/f36-components@4.8.0

  • feat: add pagination export to f36-components

F36 Autocomplete v4.8.0

  • Fix issue with types being generated wrongly

F36 Card v4.8.0

  • Fix issue with types being generated wrongly

F36 Entity List v4.8.0

  • Fix issue with types being generated wrongly

F36 List v4.8.0

  • Fix issue with types being generated wrongly

F36 Modal v4.8.0

  • Fix issue with types being generated wrongly

F36 Notification v4.8.0

  • Fix issue with types being generated wrongly

F36 Pagination v4.8.0

  • feat: remove beta tag from pagination

F36 Skeleton v4.8.0

  • Fix issue with types being generated wrongly

F36 Workbench v4.8.0

  • Fix issue with types being generated wrongly

23-04-2022

F36 Core v4.7.0

  • Update Parcel to fix f36-core package build

F36 Notification v4.7.0

  • Update Parcel to fix f36-core package build

21-04-2022

F36 Modal v4.6.2

  • fix(modal): fix scaling issues for modals with size "zen"

14-04-2022

F36 Modal v4.6.0

  • fix(modal): custom classname before modal root styles

F36 Modal v4.6.1

  • force scale for modal

13-04-2022

@contentful/f36-components@4.5.0

  • feat: add React 18 as a peer dependency

F36 Utils v4.5.0

  • feat: add React 18 as a peer dependency

06-04-2022

F36 Workbench v4.4.1

  • fix(workbench-header): support undefined icon prop

25-03-2022

F36 Accordion v4.4.0

  • Controlled behaviour for Accordion component. Refactored Menu component.

F36 Core v4.4.0

  • Controlled behaviour for Accordion component. Refactored Menu component.

F36 Menu v4.4.0

  • Controlled behaviour for Accordion component. Refactored Menu component.

24-03-2022

F36 Autocomplete v4.3.10

  • don't put cursor to the end on every change event

F36 Forms v4.3.10

  • allow passing HTML attributes to input

F36 Forms v4.3.11

  • fix(base-checkbox): explicitly allow data-test-id on HTML element

17-03-2022

@contentful/f36-components@4.3.9

  • bump packages versions to have consistent versioning

F36 Accordion v4.3.9

  • bump packages versions to have consistent versioning

F36 Asset v4.3.9

  • bump packages versions to have consistent versioning

F36 Autocomplete v4.3.9

  • bump packages versions to have consistent versioning

F36 Badge v4.3.9

  • bump packages versions to have consistent versioning

F36 Button v4.3.9

  • bump packages versions to have consistent versioning

F36 Card v4.3.9

  • bump packages versions to have consistent versioning

F36 Collapse v4.3.9

  • bump packages versions to have consistent versioning

F36 Copybutton v4.3.9

  • bump packages versions to have consistent versioning

F36 Core v4.3.9

  • bump packages versions to have consistent versioning

F36 Datetime v4.3.9

  • bump packages versions to have consistent versioning

F36 Drag Handle v4.3.9

  • bump packages versions to have consistent versioning

F36 Entity List v4.3.9

  • bump packages versions to have consistent versioning

F36 Forms v4.3.9

  • bump packages versions to have consistent versioning

F36 Icon v4.3.9

  • bump packages versions to have consistent versioning

F36 Icons v4.3.9

  • bump packages versions to have consistent versioning

F36 List v4.3.9

  • bump packages versions to have consistent versioning

F36 Menu v4.3.9

  • bump packages versions to have consistent versioning

F36 Modal v4.3.9

  • bump packages versions to have consistent versioning

F36 Note v4.3.9

  • bump packages versions to have consistent versioning

F36 Notification v4.3.9

  • bump packages versions to have consistent versioning

F36 Pagination v4.3.9

  • bump packages versions to have consistent versioning

F36 Pill v4.3.9

  • bump packages versions to have consistent versioning

F36 Popover v4.3.9

  • bump packages versions to have consistent versioning

F36 Skeleton v4.3.9

  • bump packages versions to have consistent versioning

F36 Spinner v4.3.9

  • bump packages versions to have consistent versioning

F36 Table v4.3.9

  • bump packages versions to have consistent versioning

F36 Tabs v4.3.9

  • bump packages versions to have consistent versioning

F36 Text Link v4.3.9

  • bump packages versions to have consistent versioning

F36 Tooltip v4.3.9

  • bump packages versions to have consistent versioning

F36 Typography v4.3.9

  • bump packages versions to have consistent versioning

F36 Workbench v4.3.9

  • bump packages versions to have consistent versioning

Help improve this page

Read the contribution guide