New Components

This release contains the following:

Components

• arc-card component
• arc-hero component

Updates

• Auto theme based on the prefers-color-scheme setting of the browser or OS.
• Updated the color palette.
• Updated the button states.
• Updated the accessibility of the arc-navbar component.
• Updated the accessibility of the arc-sidebar component.
• Updated the documentation of all components to have more meaningful examples.

Accessibility

This release contains the following:

Components

• arc-accessibility component
• arc-radio component

Updates

• Added aria-labels to mark important ARC landmarks such as the arc-navbar and the arc-bottombar for improved accessibility.
• Added a script that allows for easy creation of web-components.
• Removed the setBasePath and getBasePath methods and replaced them with the import.meta.url object.

This import.meta.url object raises an issue when working with a plain React.js project as React cannot handle this object.
To solve this, React needs a bundler like Webpack.

More on the import.meta.url object can be found on: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import.meta

An example project on how to set this up can be found on: https://github.com/jasperwieringa/arc-react-test

Fixes

• Updated the behaviour of the way that icons are imported.

Arc SSO

This release contains the following:

Components

• arc-sso component

Updates

• Added a 'fullscreen' property to display the ArcContainer in fullscreen mode.
• Added a test for the ArcContainer component to test the 'fullscreen' property.
• Added the 'user' slot to the ArcNavbar component to display a signed in user.
• Updated the mediaqueries for the ArcNavbar.
• Updated the README documentation for TypeScript integration.
• Updated the ArcDrawer test to test multiple drawer components at once.
• Updated the Storybook documentation of the ArcContainer component to display the no-padding property.
• Added a test for the internal modal utility.

Fixes

• Removed the default home url of the ArcNavbar component. Providing a custom home property will render the logo as an anchor instead.
• Set a z-index of 1 to the ArcNavbar component to display the box-shadow.
• Minor fixes to Storybook documentation for multiple components.
• Updated the role of the ArcDrawer component to satisfy accessibility rules.

Arc Drawer

This release contains the following:

Components

• arc-drawer component

Bugfixes

This release contains the following:

ArcDropdown
Fixed some inline properties to style better in the flow of the page and to allow for easier use in the arc-bottombar component.
Fixed the popover update to properly style the dropdown menu while scrolling in the page.

ArcIconButton
Fixed some inline properties to style better in the flow of the page.

ArcNavbar
Added a new css-variable called '--logo-height' that allows for easy manipulation of the size of the custom logo

Added the functionality of the tabs property. Setting this value will now push all arc-icon-button and arc-button components inside of an arc-dropdown component when the (given) tabcount is exceeded.

Arc Dropdown

This release contains the following:

Components

• arc-dropdown component

Fixes

• set a height of 100% to the name slot within the arc-navbar to allow for better control of the styling

Bundled components

Fixes

• ARC now gets exported as a bundle that allows anyone (even without a framework and/or bundler) to use ARC

Minor bugfix

Fixes

• Importing the arc.js file that is located directly in the dist folder, now gives access to all ARC components
• Added some more informative documentation to the README file

Arc Menu

This release contains the following:

Components

• arc-menu component
• arc-menu-item component

Utilities

• noFouc is a method that can be called upon (just like setBasePath) to resolve flash-of-unstyled-content when not using a framework

Fixes

• height issues within the arc-container component
• some minor fixes with the sidebar component
• added a font-face css property to provide out-of-the-box support for the Roboto font(s)

Hotfix

This release contains the following:

Fixes

• Overflow handling within the arc-container