8.18.0 (2022-02-23)

Bug Fixes

• ui-code-editor: change dynamically imported CodeMirror language modes (8e38d5a)
  • this fix might cause some jest tests to fail, details about how to fix them
• ui-portal: fix Portal not being SSR-able (cb1375f)
• ui-radio-input: fix cursor of radioinput, version toggle in Safari (0670cf5)

Features

• InstUI components can be rendered on the server side (SSR) - more details

Bug Fixes

• remove type:“commonjs” from package.json files (0b243be)
• ui-scripts: remove package.json with type:“module” from es folders (da3f5ef)

Features

• ui-responsive: modify Responsive “props override” error to warning (4935fa8)

Note: This release solves an issue, where Instructure UI wouldn’t work with some Webpack5 configs and with the latest Create React App

Features:

• ui-select: add optionsMaxHeight prop to Select (cf361bf)
• ui-simple-select: add optionsMaxHeight prop to SimpleSelect (c205f80)

Bug Fixes

• emotion: make theme componentOverrides apply to Buttons (8a3583e)
• ui-code-editor: should tab out from the editor when it’s readonly (bcd0bf6)
• ui-range-input: fixed empty label when displayValue={true} but has no value/defaultValue (f238a9f)

Features

• ui-buttons: deprecate string value for BaseButton and CloseButton tabIndex (b1ff461)
• ui-options: add description and descriptionRole props to Options.Item (a2cfa0c)
• ui-options: add props to set the vALign of Options.Item before/after content (be635ba)
• ui-overlays: deprecate unused props: applicationElement of Overlay, onDismiss of Mask (4c32099)
• ui-text: deprecate the warning color variant for Text (8e021a5)

8.14.0 (2021-12-16)

Bug Fixes

• ui-drawer-layout: fix tray direction calculation (ee3d106)
• ui-icons: make arrow-double-end and arrow-double-start icons to be bidirectional (7f86f28)
• ui-text-input: fix htmlSize prop to accept only numbers (1b5f16b)

Features

• ui-number-input,ui-pagination: add Pagination input variant, NumberInput textAlign prop (5b90d60)
• ui-pagination: add new arrow button features (80a43fe)

Deprecations

• ui-navigation: the Navigation component has been deprecated and will be removed from instructure-ui in version 9 (5605b7f)

Bug Fixes

• ui-popover,ui-tooltip: fixed Tooltip triggers being transformed to links/buttons (07b0037)
• ui-text-area: fix jumping scroll issue (9f4d9f9)

Features

• canvas-theme,ui-theme-tokens,ui-themes: update canvas theme colors (a72237d)
• instructure-theme,ui-theme-tokens,ui-themes: update Instructure theme colors (07352f5)
• ui-badge: add inverse variant to Badge (036388d)
• ui-form-field: make FormField messages accept ReactNode text, not just string (4d36973)
• ui-tree-browser: add ‘sortOrder’ property to TreeBrowser component (e669e54)
• ui-view: vendor prefix all view style props (4814652)

Bug Fixes

• emotion: fix EmotionThemeProvider falling back to using Canvas theme (cc5ce19)
• ui-avatar: add unset logic for image loaded state (e6665c1)
• ui-dialog,ui-drawer-layout: fix Dialog role attribute (2681e14)
• ui-modal: fix Modal.Header padding when it has CloseButton (82b8314)
• ui-motion: fix interrupted transition not removing transition classes (db3fd4f)
• ui-scripts: resolve webpack 5 commonjs build issue (d51a85e), closes #778
• ui-time-select: fix timeselect highlight behaviour (9653a89)

Features

• shared-types,ui-checkbox,ui-radio-input: make checkbox and radio borders consistent (a6aaef2)
• ui-avatar: add hasInverseColor prop to Avatars (feef554)
• ui-avatar: add renderIcon prop to Avatar (d7233d8)
• ui-date-input: add display prop to DateInput for fluid width (10d1551)
• ui-date-time-input,ui-i18n,ui-time-select: add DateTimeInput (1054ae9)
• ui-icons: add arrow-double-start, arrow-double-end icons (e3249d2)
• ui-tabs: update Tabs focus styles to inset focus ring (3a59c3f)

Bug Fixes
ui-options, ui-select, ui-simple-select: fix icon positioning (8536a1c)

Note:
The bidirectionalPolyfill util has been deleted. With the release of Safari 15 (Sep 20, 2021) all of our supported browsers (last 2 major versions) can handle CSS Logical Properties without any polyfills and prefixes, so this util was no longer needed.

Bug Fixes

• ui-menu: fix menu tooltip position (e60a4a9)
• ui-svg-images: fix icons getting cropped in zoomed windows (732ac88)

Features

• ui-modal: add spacing prop to Modal.Header (3887f80)

This version contains no new Features or Bug Fixes. But internally we have changed how we access the DOM to be in line with React best practices.
Warning: XYZ doesn't have "ref" property. ReactDOM.findDOMNode is deprecated in Strict mode, consider using refs instead. From InstUI v9, components must have the "ref" property for findDOMNode to work.
If you see warnings like the one above, please read this article on how to update your code here: Accessing the DOM

Bug Fixes
ui-popover: popover does not update on certain prop changes (93b506f)

Bug Fixes
emotion,ui-i18n: decorator adds allowedProps property (ddc7880)
ui-dom-utils: remove el.contentWindow.document from getFrameDocumentSafe (bf1e82e)
ui-tabs: Fix small typo in ui-tabs readme (6a2a770)

Features
ui-tabs: add ‘fixHeight’ prop to Tabs (b63e6e7)

Bug Fixes
shared-types: fix types not getting published (000c779)

Bug Fixes
fix shared-types TS errors (7b83164)

Features
ui-icons: add immersive-reader icon (d5d6d4c)

Bug Fixes

• link correct source code on docs page for legacy versions (82dbb18)
• ui-billboard: fix heading margin when size is small (36505bb)

Features

• ui-alerts: add hasShadow property to Alerts (7c0bca0)
• ui-icons: add button-and-icon-maker icon (6764ecd)
• ui-icons: add subtitles icon (1470957)
• ui-karma-config: tests can be run from the IDE (fafddf9)
• add better TypeScript types for multiple packages

Bug Fixes

• ui-dom-utils: remove supportsObjectFit from the repo, since it was for IE11 support (1a94c52)
• ui-dialog: cleanup pending timeouts on unmount (02d1cdf), closes #623
• ui-options: add aria-hidden to Options label span (29dab5a)
• emotionThemeProvider examples not working in Codepen (545b326)

Features

• ui-avatar: add color prop for setting the color of the initials (7c65e4e)
• ui-avatar: add xx-small and xx-large sizes to Avatar (cee3840)
• ui-avatar: loaded image in Avatar has box-shadow instead of border (small visual change!) (8eb9075)
• ui-icons: add important-dates icon (3a3b2d8)
• ui-icons-build: update gulp-svgmin dependency to v4 (31de5b2)
• ui-i18n: Deprecate DateTime. This is a thin wrapper around moment.js, please use moment or some other time library instead.
• ui-portal: remove SubtreePortal private component, not needed with react 16 (396ea60)
• ui-scripts: update http-server dependency from ^0.11.1 to ^0.12.0 (8ccef24)
• ui-time-select: replace moment.js with dayjs. We only support locales, supported by canvas. (https://community.canvaslms.com/t5/Canvas-Basics-Guide/What-languages-does-Canvas-support/ta-p/19) (11211fc)
• Add support for React 17 (f647826)
• remove polyfills, since all supported browsers are feature rich enough (40d3a65)

Bug Fixes

• ui-popover: inverse color Popover without arrow shouldn’t have light border (e7eea77)
• ui-popover: recalculate offset and position on prop change (c35c9f2)
• ui-test-sandbox: fix issue with emotion can’t insert node inside head (361909c)

Features

• ui-menu: propagate offset props from Menu to Popover (ad54d1f)
• add “tabbing out” logic to the Drilldown Menu pattern (d5e5db3)
• ui-icons: add crop, rotate-right and rotate-left icons (1d91032)
• ui-options: add option to recolor the icon of Option.Item (39e1caf)
• ui-select,ui-simple-select: pass option props to the label before/after render prop (d548752)

Performance Improvements

• ui-buttons: use span instead of Flex (e019e94)
• ui-text-input: replace Flex with styled spans (51c3922)

8.5.0 (2021-06-09)

Bug Fixes

• emotion: add componentId to match with componenet name in docs (cc255eb)
• ui-tree-browser: properly hide root collection if rootId === 0 (1fb53c8)

Features

• ui-table: add stackedSortByLabel prop to Table.ColHeader (13f0cce)