v0.3.0

Version 0.3.0

Install via NPM at https://www.npmjs.com/package/@diamondlightsource/sci-react-ui/v/0.3.0

Added

• Logo component, to easily add the theme logo to anywhere
• ImageColourSchemeSwitch takes a parameter interchange to swap image based on the opposite
  of the colour scheme switch - for use with alternative background colours.
• BaseBar component is the base for all the bars used in SciReactUI. Can also be used itself.
• AppBar is a bar to show the main title of your App.
• JsonForms renderers have been added for use with readonly mode in JsonForms.
• Support for TIFFs in ScrollableImages component

Fixed

• Themes were not inheriting all details from their parents.
• Fixed alt text on logos.
• Fixed Footer was not adhering to Container width. (Can be turned off with containerWidth setting)
• Fixed bug in Footer Links where alignment was out on first link.
• Ordering of StoryBook now more intuitive.

Changed

• Breaking change: The use of color has been replaced with colour throughout.
  • ImageColorSchemeSwitch, ImageColorSchemeSwitchType and ImageColorSchemeSwitchProps
    renamed to ImageColourSchemeSwitch, ImageColourSchemeSwitchType and ImageColourSchemeSwitchProps respectively
  • User component color prop renamed to colour.
• RootProps on Breadcrumbs has been removed. There props can be passed in directly.
  e.g. <Breadcrumbs sx={{color:"red"}} /> instead of <Breadcrumbs rootProps={{sx: { color: "red" } }}/>

v0.2.0

Version 0.2.0

Key improvements:

• React route integration

Install via NPM at https://www.npmjs.com/package/@diamondlightsource/sci-react-ui/v/0.2.0

Changes

Fixed

• Styles added to Navbar and Footer incorrectly remove built in styles.

Changed

• Breadcrumbs component takes optional linkComponent prop for page routing.
• Navbar, NavLink and FooterLink will use routing library for links if provided with linkComponent and to props.
• Navbar uses slots for positioning elements. Breaking change: elements must now use rightSlot for positioning to the far right.

v0.1.0

Changes this version:

Added

• Breadcrumbs take object array (CustomLink) for total control over names and links.

Fixed

• Stopped flicker between colour modes when starting an app in dark mode.
• Footer links stopped from moving on hover when only showing links.
• Footer links now correctly center horizontally, if needed.
• NavBar positions items correctly in multiple screen widths.
• User hides id and name when on very small screens

Changed

• Footer links now align with copyright when there is no logo.

For full changes read the changelog.md file