Bug Fixes

• ui-tray: pass role attribute to Dialog instead of the <span> (5610130)
• ui-truncate-list: take the container padding into accout in the maxWidth calculation (013ab3b)

Features

• shared-types,ui,ui-top-nav-bar: add new TopNavBar component (3f27257)
• ui-dom-utils: add pseudoElt parameter to getComputedStyle util (b73434c)
• ui-tray: pass extra Transition props on Tray (afcaf92)

Change Log

All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.

8.30.0 (2022-10-26)

Bug Fixes

• ui-code-editor: Fix global is undefined build error that could come up using certain bundlers(vite, esbuild) by integrating react-codemirror2 dependency into the CodeEditor component. (1fee246)

Features

• ui-img: add 'loading' prop to Img component (0b69af2)

8.29.0 (2022-09-29)

Bug Fixes

• ui-text-input: remove focusring when receiving disabled prop (f16e88e)
• ui-truncate-text: impove TruncateText's performance for large amounts of contents (22fcf14)

Features

• ui-dom-utils: add webcomponent support for certain utility functions (1bade83)
• ui-icons: add award icon (4c7c37c)
• ui-icons: add predictive icon (e9b210b)

8.28.2 (2022-09-16)

Bug Fixes

• ui: wrong peer dependency for react (80580a7)

8.28.1 (2022-09-12)

Bug Fixes

• fix issues in some components when using React.StrictMode and React 18 (972bb93)

Bug Fixes

• ui-pagination: wrong type description for Pagination’s onClick (867eb1a)
• fix propType for liveRegion (e9ae7d3)

In case of SSR(server side rendering) and Jest you will need to substitute Element from the DOM API because it is used by some components: Element = typeof Element === 'undefined' ? function(){} : Element
Example for Jest config here.

Features

• ui-drilldown: add minHeight and minWidth props to Drilldown (7e10b29)
• ui-drilldown: add positionContainerDisplay prop to Drilldown (834302c)
• ui-icons: add header icon (46932bc)
• ui-menu: add positionContainerDisplay prop to Menu (e8ed689)
• ui-popover: add positionContainerDisplay prop to Popover (fdcacec)
• ui-position: add containerDisplay prop to Position (0fdd83f)
• ui-responsive: add elementRef prop to Responsive (be7a338)
• ui-tray: add position theme variable to Tray (375ed68)
• ui-truncate-list,ui: add TruncateList utility component (f8b17ea)

Bug Fixes

• code of Conduct and License pages not show (edf524c)
• fix TS type and propType for liveRegion prop (d0143ce)
• ui-webpack-config: iconExample is missing from SVGIcon and InlineSVG docs pages (7ef6282)

Features

• support React 18 (0a2bf0c)

Bug Fixes

• ui-color-picker,ui-date-input,ui-date-time-input,ui-select,ui-simple-select,ui-text-input,ui-time-select: before/after elements should inherit input color (7daf257)

Bug Fixes
ui-color-picker: fix required props for ColorPicker and sub-components (4d38fb6)

WARNING! Since this commit fixes props that should be required props, some code changes might be needed.

Bug Fixes

• ui-date-time-input: fix enter not applying date in React 16 (244bb8d)

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.

Bug Fixes

• ui-webpack-config: fix icon fonts not loading correctly (5947205)

Features

• ui-icons: add new configure icon (04059ea)
• ui-icons: replace the bank icon with a new one (c1c83a1)

8.24.5 (2022-05-27)

Bug Fixes

• ui-a11y-utils,ui-dialog,ui-modal: calling stale callbacks (c24cb92)
• ui-grid: modify Ts types for GridCol to accept positive fractions as well (0f44843)

8.24.3 (2022-05-25)

Features

• ui-tree-browser Add compareFunc for fine-grained ordering of the elements.

Bug Fixes

• ui-icons-build,ui-icons: correct instructure icon displaying canvas logo (53afffb)

8.24.2 (2022-05-02)

Bug Fixes

• theme-registry: fix theme registry name collision (7dc4550)

8.24.0 (2022-04-26)

Bug Fixes

• ui-date-time-input,ui-time-select: setting non step divisible value works (36d76fd)
• ui-date-time-input: fix Date input to fill container in DateTimeInput (4069706)
• ui-text-area: add missing ref to TextArea (aa898b3)
• ui-text-input: fix empty TextInput before/after elements having padding (a5786c9)

Features

• Docs: Render Table of Contents block on docs pages (a64fbdb)
• theme-registry: add theme-registry package (63216ef)
• ui-date-time-input: allow to disable dates in the calendar
• ui-date-time-input: add rowSpacing and colSpacing props to DateTimeInput (5e829fa)
• ui-link: add role and forceButtonRole prop to Link component (11828d0)

Bug Fixes

• ui-codemods: fix codemod paths in docs (.ts instead of .js) (2372045)
• ui-motion,ui-portal: fix ref for Transition and Portal (b847d9e)
• ui-simple-select: revert refactor on SimpleSelect (a6613e9)

Features

• shared-types,ui-range-input: add accessible variant for RangeInput handle (e71453c)

Bug Fixes

• emotion: fix text direction not working on simple html elements (22c25bc)
• ui-text-input: fix Event handling for TextInput, so that the focus ring will appear as intended when used as Popover trigger (002505b)

Features

• ui-icons: update stats and analytics icons (09110e7)

Bug Fixes

• ui-icons-build,ui-icons: fix SVG icon optimization script to correctly load config (cd35e6d)

Features

• ui-icons: add mini-arrow-double icon to the Iconography (6718338)
• ui-icons: add new icons: canvas-logo, cloud-upload, elevate-logo, impact-logo and mastery-logo. (5e549a0)
• ui-options: add href prop to Options.Item (49bf28c)
• ui-options: modify default nested Options padding to have no extra padding (bfc4f7c)
• ui-table: add mini-arrow-double icon to sortable ColHeaders (6e60ef1)

8.19.0 (2022-03-16)

Bug Fixes

• ui-babel-preset: add back removed @babel/plugin-proposal-optional-chaining (435c9ae)
• ui-options: fix themeOverride prop being passed to the underlying div (669aa58)

Features

• emotion: themeOverride prop to accept function (505f0bf)