32.2.1

@sharegate/[email protected]

Updated

• Updated tokens documentation (#1092)
• Tooltip now closes properly when hovering the overlay without hovering the tooltip (#1153)
• Modal with image on mobile does not have the right corners rounded (#1150)

@orbit-ui/[email protected]

Updated

• Updated installation procedure of the experimental package
• Fixed the ExperimentalMessage's font size
• Updated accessibility documentation and notes on the ContextualHelp component
• Updated props to allow customization of the tooltip and TooltipTrigger in the ContextualHelp component

@orbit-ui/[email protected]

@orbit-ui/[email protected]

• Fixed the peer dependencies of the package.
• Added tooltipTriggerProps and tooltipProps to ContextualHelp

32.1.0

@sharegate/[email protected]

Updated

• Updated documentation

@orbit-ui/[email protected]

Added

• Initial release of the experimental package.
• ContextualHelp component

32.0.0

Breaking

• Two tokens have been removed: border alias-accent and border alias-accent-hover, as they have no use in our design and were holding us back to have a great alias-accent-active color.

Other Changes

• Secondary button border is now using mid-break instead of high-break.
• Secondary button hover state now changes the background to accent-transparent-hover and text to accent-hover.
• Secondary button active state now changes the background to accent-transparent-active, the border colour to accent-active and text to accent-active.
• Tertiary button icon colour is now using alias-accent token, except when a tertiary button is used as a CrossButton or embedded in another component(passwordInput, clearable input), in that situation the icon colour stays alias-primary in it's default state.
• Tertiary button hover state now changes the background to accent-transparent-hover and text/icon to accent-hover.
• Tertiary button active state now changes the background to accent-transparent-active and text to alias-accent-active. In dark mode only it adds a border of accent-active to the button.
• NumberInput spinner is using the button secondary logic for it's hover/active state.
• icon alias-accent-active and text alias-accent-active token has been added.
• bg-alias-accent-transparent-hover is now purple-9 in light mode.
• icon-alias-accent is now purple-6 instead of purple-5.
• icon-alias-accent-hover is now purple-2 instead of purple-8.

Bug Fix

• Documentation of the background token alias-accent-transparent-hover had a typo in it's HEX value, we fixed it.

31.0.0

This release is the important one for the app's redesign. It introduces the required stepping blocks to tokens and component styles in order to do the relooking of the apps.

Breaking

• bg-alias-default token has been removed, it has been replaced by bg-alias-surface to acknowledge the design update. You can use bg-alias-surface on your app body/html element before implementing the new design.
• Reduced the number of shadow tokens from 4 to 2. This will simplify the process of applying shadows to your components, while having no reduction in visual impact. --o-ui-bs-alias-lifted is used for anything above the app's background level, and --o-ui-bs-alias-floating is used for anything that is over other content.
• border radius rounded has been removed, use the value 2 instead.
  • borderRadius="rounded" becomes borderRadius={2}
  • border-radius: var(--o-ui-br-rounded); becomes border-radius: var(--o-ui-br-2);
• The Card component visually changed drastically, so this could be considered breaking. If you want the same look as before, add variant="outline" to the card.

Other Changes

• bg-alias-surface token has been added, this background colour should be used on anything that is one layer above the page body.
• bg-alias-body token has been added, this background colour should only be used on the body, html tag of an app.
• bg-alias-underlay token has been added which allows you to specify a background-color for the underlay of an element.
• b-alias-accent token value has been modified to a darker shade of purple (purple-4 => purple-6).
• Accordion box shadow has been modified to match the new look and feel of the theme.
• Added shadow to default card it now has a box shadow by default.
• Added a variant outline to the card component use on the card component to create cards with an outline style, which is ideal for use in sections.
• Increased tab underline from 2px to 4px, providing a more prominent visual indication of the active tab.
• The look of the tile component has been updated to match the new theme.
• The close button on popover has been moved slightly since the border radius changed.

Bug Fix

• We don't introduce bugs, who am I kidding. This release is not fixing any bugs.

Migration path

• Your app body is most likely using bg-alias-default replace it with bg-alias-surface this is a temporary step as eventually your app should use bg-alias-body which is a light gray colour.
• Replace all usages of the bg-alias-default token to bg-alias-surface.
• If you are using box shadows tokens in your app, we simplified them if something is floating on the page (Modal, Popover) use floating, otherwise use lifted. Here's the old mapping in case you are not using the named shadows.

30.1.0

Addon

• Added Alert icon.
• Message negative variant is now using the AlertIcon.
• Alert negative variant is now using the AlertIcon.
• Converted many chromatic tests to CSF.

30.0.0

Bugfix

• Fix for #1016

Breaking

• Removed text-alias-alert-hover token.

29.0.1

Bug Fix

• Updated Storybook to fix an issue where sections were not showing their anchor tags.

29.0.0

Breaking

• Dropped support for React <=17

Addon

• Added Star and StarOutline icons
• Added support for React 18

Bug Fix

28.1.0

Addon

• <Item> childrens are now optional.

Bug Fix

• #1019 TextArea's text doesn't have the right color in dark mode.
• Reordered CSS declarations in the import file causing bug in some tooling like Vite.