- Individual packages
#React component updates
- AddedPage Layout
- AddedIcon Buttons
- Site updates
- Zeplin Integration
Previously all components were in the
#Individual Component Packages
corepackage. In order to avoid dependency issues as the number of components grows, components are grouped into smaller packages.
Iconand svg paths
alertService) hook and
One pain in moving to separate packages was having to re-build the packages to keep updates between the packages in sync when developing locally. Also, as the number of packages grow, the duration of the
buildtask increases. With the current number of packages,
buildtook 5 minutes to run. Preconstruct solves these problems when developing locally. Preconstruct links packages together when working locally, in order to avoid the need for re-building. It also batches together the build process to reduce spawning new processes for each package. The development experience significantly improved after making this change.
Playroom is a "code-oriented design environment" that lives alongside the Arc UI design system.
- Create quick mock-ups and interactive prototypes with real code.
- Exercise and evaluate the flexibility of Arc UI.
- Share your work with others by simply copying the URL.
This section highlights only new components added to Arc UI.
#New React Components
@firstname.lastname@example.orgThe overflow menu keeps key actions close by in a clean and unobtrusive menu.
Boxis an abstract component on top of which most other Arc UI components are built.
display: flex. Using layout primitives like this are common in many design systems: Future releases of Arc UI will include more layout components like
@email@example.comBoth text and heading ensure correct font sizing and spacing for text elements.
Textcan be used as a substitute for a
Headingcan be used as a substitute for a
<h6>tags. While working on other parts of the documentation, we realized that raw emojis are not accessible. In order to use emoji usage on this site we added an
Emojicomponent to provide requisite accessibility features.
Buttoncomponent in this release does not support the ghost variations.
@firstname.lastname@example.orgProvides utilities for managing toast-like messages using the
Snackbarcomponents. This replaces the
Copy is everywhere throughout the Arc platform. The words we use on our screens are critical to helping our users do their jobs every day with ease and efficiency.
Consistent page layouts create visual structure, helping the user identify key areas of the interface. Arc XP has several common layouts and configurations.
Archiving is the act of removing something from a current view to be organized and managed in a separate view, or an "archive".
Using a set spacing scale helps eliminate guesswork regarding the space between and within elements. A spacing scale helps create a smooth, readable flow from page to page.
Icon Buttons are buttons that pair an icon with a tool tip. These buttons are used sparingly, but are often required on complex screens.
The "Components" section of the sidebar now maps 1:1 to components available in the design system. The 🚧 indicates that the component design specs exist, but the implementation is still in progress. Our goal is to make it clear which components are immediately available for use in a project. Overarching patterns have been consolidated under the "Guidelines" section.
#Arc Design System Site Updates
We have officially migrated from InVision to Zeplin. Zeplin enables engineers to reference the Arc Design System while inspecting design prototypes. We have created an Arc Design System global Zeplin style guide that can be shared across projects. Read more about how to join the Arc account.
#What are we working on now?
- Revision History
- Settings Pages
- Copy Glossary
- Small Variants of Form Elements
- Distributor Selection Pattern
- More layout primitives like Stack and Grid
Back to release notes