Releases: instructure/instructure-ui
v10.9.0
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
v9.10.1
v10.7.0
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
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
orcanvasHighContrastThemeLocal
. These are exported fromui-themes
and do not have avariables
field and a.use()
method. - Guest app's
InstUISettingsProvider
'stheme
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
v10.6.0
v9.9.0
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)