Checkboxes remove sibling element used for styling purposes and style checkbox instead. IE11 styles.
Chips change close icon treatment.
Buttons add a new variant of Button:
Pagination correctly update internal state when prop is modified.
Dropdown correct onChange from triggering double rendered.
Searchable allow list items to be updated on prop change.
Modal correct small screen header styles.
Modal correct unneccessary remounts when content updates.
Multimedia Viewer update dependencies to be included with the package.
Multimedia Viewer add onClick return value for custom Multimedia Viewer buttons.
Update “What’s New” page content.
Create GitHub issue templates.
Tooltip component updated to correct styles.
Multimedia Viewer component improved to support the grid view.
Tests fixed to be passing and added to deployment pipeline.
- Multimedia Viewer component modified to support IE.
Slider component released.
Multimedia Viewer: Added logic to hide the filters if any of the optional categories - AUDIO, VIDEO, 360 has no asset.
Simplifying the way bootstrap scss files are being imported to allow stand-along usage.
- Multimedia Viewer component released.
- Website updates and improvements.
- Website updates and improvements.
- Multimedia Viewer component released in beta.
auxprop added and new Auxiliary button released.
The Checkbox component was converted to an uncontrolled component. It no longer manages it’s own internal state. Checked can be passed as a prop, but is rendered as defaultChecked or can be listened for by passing a ref.
For a Controlled Checkbox, use
Seachable list is now uncontrolled. List items no longer take a selected property, select them with the checked property. Data can be manipulated before it is passed to the component.
Added a target object to onChange callback in the checkbox (targetObj) for prev checked use cases.
- Checkbox component improvements.
Slideout component improvements.
Slider component released in beta.
Switch component improvements.
- Switch component released.
Fix Icon Button Margin
Correct heading for default selection value
Input: Textarea value is returned in onChange callback
Adjusted close button in Messages
sandboxprop to Tooltip for proper sandboxing
Fixed ESC keypress functionality in Slideout component
Searchable Multi-select Sorting
Slideout: Fixed toggle via props
Input: Check min and max hit values when Input value is changed via props
Input.NumberInput: min and max hit checks updated
Button style updates
Over 50 additional icons
New package bundles with name and keyed sub-components
New organization of input and form elements
Several documentation pages have been updated with better functional examples.
A Styles Sandbox was introduced to prevent PRISM styles from bleeding outside. Simply add the classname
.prism-sandbox to a higher element to prevent the PRISM styles from bleeding outside of the container without using a
.sandbox CSS file.
Also, the tabs component has been completely rebuilt to allow for child components. Now developers have the ability to include any child components necessary for the design within the TabPane component.
Several components received updates including Buttons, Button Groups, and Accordions.
In addition, A Refinements component and pattern was added which includes all of the following elements:
Responsive Slideout Panel
Refinements including Chips for selected filters.
Accordions to show and hide filter controls.
Theming has been introduced with this release. PRISM now supports our legacy Manheim User Interface (MUI) theme, as well as the PRISM theme. Future themes can support multiple CAI brands.
Also, an additional seven components have been released, bringing the total to 20.
Please take the time to become familiar with the usage guidelines and style specifications for each of these components.
Avatar in four sizes (xs, s, md, lg).
Button Groups in two sizes with examples for usage.
Interactive and non-interactive Chips for use as indicators, selectors, and filters.
A new, simplified Pagination.
Progress Stepper (see the Code page)
Searchable Multi-select for filtering long lists selectable options.
Slideout Panel for showing and hiding complex content.
This is the initial release of the PRISM design system. This release includes a core set of design guidelines, foundations, and components with React and HTML code.
PRISM components have been thoroughly tested. Manheim product teams are encouraged to begin using PRISM components in future updates to their products. Release of additional components are anticipated quarterly.
The PRISM design system includes usage guidelines and style specifications with the component code. Please become familiar with all documentation for each component.
Here is the initial set of core PRISM components:
- Buttons with examples illustrating hierarchy and usage.
- Dropdowns in default and small sizes.
- Links in multiple sizes for light and dark backgrounds.
- Messages for page or component-level notification.
- Radio Buttons
- Text Inputs in default and small sizes.
- Modals in large and small sizes.
- Tabs includes scrollable tabs, and a bottom navigation bar.