v10.6.1

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)

v10.6.0

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

9.9.0 (2024-11-12)

Features

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

v10.5.0

The main new feature in this release are redesigned form error visuals. There is a new form message type, newError that will use this style to keep backwards compatibility. You can see and try how it works at https://instructure.design/#form-errors

Features

• many: add new form field error message style + add asterisk for required fields (9b03683)

Bug Fixes

• ui-alerts: trigger onDismiss for screenreader only alerts (98750f6)
• ui-date-input: fix DateInput2 to update messages properly (553a235)
• ui-options,ui-utils: subgroup titles in Options are not announced by TalkBack and iOS VoiceOver (ebdf8f0)
• ui-tabs: tabpanel content is not accessible with keyboard navigation when it does not have focusable element (297cd03)
• ui-themes: export all colors (46f9e38)
• ui-tree-browser: treeBrowser collection descriptor is not read by screenreaders (87623f7)
• ui-view: fix view success color values (e250b02)
• Docs a11y: do not lose focus when opening the side menu (0b4434d)
• Docs a11y: Github corner has focus ring (cc742d1)

v10.4.1

10.4.1 (2024-10-28)

Bug Fixes

• docs screenreader alerts are no longer screenreader focusable (c225853)
• ui-buttons: add back ic-brand theme tokens to basebutton (ff21f05)
• ui-toggle-details: do not put aria-expanded and aria-controls on the toggle if there is nothing to toggle (82094c3)
• update license (1c039d9)

v10.4.0

Features
ui-modal: modify modal to support less strict children (40f8ca2)

Bug Fixes
ui-calendar: fix duplicate dates for certain timezones (f9181aa)
ui-date-input: fix messages prop sometimes not populating in DateInput2 (28d2601)
docs app: Fix screenreaders incorrectly annoucing header elements as main landmark

Other
ui-progress,ui-side-nav-bar,ui-form-field: improve examples accessibility (2160fdd)
..and some more functional React examples

v10.3.0

10.3.0 (2024-10-03)

Bug Fixes

• console: remove PURE annotation from console to fix warnings in Vite/Rollup (48e78bb)
• shared-types,ui-table: fix color contrast for table sorting icons (b5a60bf)
• ui-pagination: fix pagination with numberinput when onBlur it calls onPage change every time, even where there are no changes (38e75c4)
• ui-progress,ui-range-input: use just the native HTML elements instead of ARIA tags (f0fa72c)
• ui-radio-input: fixing the issue of TalkBack reading the radio grop options incorrectly (ff2618e)
• ui-simple-select: ensure input value updates correctly when options change (4dc7cb2)
• ui-text-input: icon in SimpleSelect is vertically centered (13790d1)

Features

• ui-calendar,ui-date-input: update DateInput2 api, add placeholder hint (ee9dfab)
• ui-menu: add renderLabelInfo to Menu (2bc8554)

v8.56.4

8.56.4 (2024-10-02)

Bug Fixes

• emotion,ui-i18n,ui-react-utils: remove deprecated defaultProps (685c84b)
• ui-calendar,ui-date-input: fix locale and timezone for simple api (94209df)
• ui-date-input: fix date format and validation when locale isn't us english (67e6d1f)

v9.7.0

9.7.0 (2024-09-23)

Bug Fixes

• ui-calendar: fix code to remove unnecessary warnings (d139bd4)
• ui-selectable: fix Select options not being selectable on iOS Safari with VoiceOver on (7f04bb4)
• ui-toggle-details: fix ToggleDetails flickering (4c55bc9)

Features

• ui-date-input: improve DateInput2 api, extend docs (f369604)

v8.56.3

Bug Fixes

ui-buttons: do not emit failed prop type warning when setting CondensedButton's color to 'secondary' (2e368e4)
ui-calendar,ui-color-picker: fix code to remove unnecessary warnings (f111d2e)
ui-selectable: fix Select options not being selectable on iOS Safari with VoiceOver on (1f48b6a)