@instructure/theme-registry - npm Package Versions

8.26.0 (2022-06-30)

Features

• ui-color-picker: Add ColorPicker component (1cbd877)
• ui-source-code-editor,ui-code-editor,ui: add new SourceCodeEditor component (b5064f5)
• ui-responsive: add display prop to Responsive (b5663dc)
• ui-tabs: expose defaultOverflowY theme variable on Tabs.Panel (a4b9540)

ColorPicker component

The ColorPicker is a versatile component that can be used to select colors and check their contrast ratios.

This commit also adds the ColorPicker's subcomponents as standalone components: ColorIndicator, ColorMixer, ColorPreset, ColorContrast.

SourceCodeEditor component

A wrapper around the popular CodeMirror V6 code editor component. CodeMirror provides a text input field with features like line gutters, syntax highlighting, and autocompletion. It has better accessibility features than the (now deprecated) CodeEditor component that is based on the former version 5 of CodeMirror.