Skip to content

Releases: instructure/instructure-ui

v9.10.2

03 Jan 10:36
Compare
Choose a tag to compare

This release contains 2 fixes backported from InstUI v10. Happy new year!

Bug Fixes

ui-date-time-input, ui-form-field: make DateTimeInput compatible with the new error format, closes #1834
ui-date-time-input: fix DateTimeInput displaying wrong value of its value is changed in a onChange callback, closes #1833

v10.10.0

18 Dec 14:41
Compare
Choose a tag to compare

10.10.0 (2024-12-18)

Bug Fixes

  • ui-date-time-input,ui-form-field: make DateTimeInput compatible with the new error format (07c9443)
  • ui-date-time-input: fix DateTimeInput displaying wrong value of its value is changed in a onChange callback (69e9d24)
  • ui-simple-select: fix selection getting lost after options have changed (4e07f9a)

Features

  • many: add new Typography tokens and update text and heading (a09fa0f)

v10.9.0

13 Dec 11:11
Compare
Choose a tag to compare

10.9.0 (2024-12-12)

Bug Fixes

  • ui-pagination: fix color of pageInput's label (b91cfe1)

Features

  • link: add textUnderlineOffset to Link component theme override (2b2a997)
  • many: make meta package export every component and type definition (dee9abb)
  • shared-types,ui-options,ui-select: allow to change font weight of selected option item in Select (6818928)
  • ui-date-input: add support for custom calendar icon (a0fff9d)
  • ui-number-input: add customizable icons for increment and decrement buttons (7be2226)

v10.8.0

09 Dec 14:43
Compare
Choose a tag to compare

What's Changed

  • fix(ui-text-input): fix long 'before' elements overflowing in TextInput, Select,SimpleSelect in #1809
  • feat(shared-types,ui-progress): add customization options for ProgressBar in #1808

Full Changelog: v10.7.0...v10.8.0

v9.10.1

09 Dec 16:55
Compare
Choose a tag to compare

What's Changed

  • Fix TextInput, Select, SimpleSelect overflowing when there are lots of renderBefore elements in #1813

v10.7.0

03 Dec 14:53
Compare
Choose a tag to compare

Bug Fixes

  • many: hide required asterisks from screenreaders (78aec71)
  • ui-color-picker: make ColorPicker tooltip VoiceOver focusable (610c0d8)
  • ui-source-code-editor: prevent Vite from erroring out during the build in React 16/17 (c871244)
  • ui-text-area: make focus line follow resized textarea (dd1e12c)

Features

  • ui-icons: new icons: chart-line, chart-pie, chart-scatter, learnplatform, search-ai, single-metric (304a29a)
  • ui-link: update Link's color (c3f5f37)
  • ui-number-input: add back options for string input (ce86cdb)

Full Changelog: v10.6.1...v10.7.0

v10.6.1

26 Nov 14:16
Compare
Choose a tag to compare

Other

(Experimental) It is now possible to run InstUI 10 on the same page with InstUI v9 and v8. This is useful for e.g. module federation where the host app is running InstUI v8/v9 and the guest app wants to be on the latest version. To make this work specific criteria needs to be met:

  • Host app needs to be using InstUI v8/v9
  • Host app needs to import the canvas/canvasHighContrast theme before loading the guest app.
  • Guest app must use canvasThemeLocal or canvasHighContrastThemeLocal. These are exported from ui-themes and do not have a variables field and a .use() method.
  • Guest app's InstUISettingsProvider's theme prop must be set otherwise it will default to a window-level theme
  • Overrides specified in global themes are not applied to local themes, you must apply these manually.

These limitations/caveats are necessary to not cause breaking changes, a final iteration of thing change in InstUI v11 will remove some of these limitations.

The following are deprecated and will be removed in InstUI v11:

Deprecation What to use instead?
canvas.use(), canvasHighContrast.use() Wrap all your application roots in <InstUISettingsProvider>
variables field on theme objects Use the fields from the object above, e.g. use canvas.borders instead of canvas.variables.borders
@instructure/theme-registry package This added the deprecated functions above. Wrap all your application roots in <InstUISettingsProvider>

Bug Fixes

  • emotion,shared-types: better TS types for theme objects and their overrides (c790958)
  • shared-types,ui-pagination: pagination indicators have spacing and coded as a list for a11y (e6e5a7b)
  • ui-date-input: fix DateInput2 not working with NVDA (34fb8e0)
  • ui-popover,ui-tooltip: tooltips should close when esc is pressed (d91de1c)
  • ui-progress,ui-tag: remove onClick prop from Tag when callback is not provided. Fix Progress dependency mismatch (test-locator) (de22f76)

v9.10.0

29 Nov 15:57
Compare
Choose a tag to compare

What's Changed

  • feat(ui-color-picker,ui-color-utils): add callback for contrast validation information and export validation methods by @HerrTopi in #1768
  • fix(ui-number-input): fix regression and allow string type for NumberInput again by @balzss in #1777

Full Changelog: v9.9.0...v9.10.0

v10.6.0

18 Nov 13:11
Compare
Choose a tag to compare

10.6.0 (2024-11-18)

Bug Fixes

  • many: adjust border colors to meet a11y contrast standards (2f47e06)
  • many: fix regression where form elements without label got misaligned (139f7f1)
  • ui-view: adjust border colors to meet a11y contrast standards (569072e)

Features

  • ui-color-picker,ui-color-utils: add callback for contrast validation information and export validation methods (e756c7d)
  • ui-view: add borderColor prop to ContextView; make borderColor accept HEX code as a string in View (a823d51)

v9.9.0

13 Nov 13:28
Compare
Choose a tag to compare

9.9.0 (2024-11-12)

Features

  • many: backport new error messages from v10 (9003d19)