v11.7.5

InstUI 11.7.5 is a patch release on top of the new v11.7 themes, with accessibility fixes and small additive features.

Release highlights

• Checkbox's toggle variant is now announced as a toggle button to assistive tech
• Fixed a React "ref is not a prop" console warning surfaced by Transition-wrapped components
• New forcePlaceholder prop on TextInput/Select and allowUseElement prop on InlineSVG
• Two new custom icons: user-round-star and venetian-mask-stem

Features

• ui-icons: add user-round-star and venetian-mask-stem custom icons (3c229e4)
• ui-svg-images: add allowUseElement prop to InlineSVG (3a56f60)
• ui-text-input,ui-select: add forcePlaceholder prop to TextInput (7a87063)

Bug Fixes

• emotion: only warn about a missing theme when the fallback is actually used (b885ac7)
• ui-checkbox: announce the toggle variant as a toggle button (c713660)
• ui-checkbox: fix message indentation (dfaa13a)
• ui-instructure: use CondensedButton for AI component triggers (b99dd57)
• ui-motion: only pass elementRef to children that declare it (9142976), closes #2618
• ui-table: don't append a sort state to unsorted v1 captions (d3d892e), closes #2574
• ui-view: no undefined error message for disallowed props (e1bef06)

v11.7.4

InstUI 11.7.4 marks the first stable release of the new themes (accessible via the /v11_7 path)! Future patch releases will not have API changes to v11.7 components.

Release highlights

• New dark and light themes for all components
• Revamped, simplified documentation, that handles the multi-versioning much better
• Detailed upgrade guide for the new themes
• Updated llms.txt and markdown files to use the latest syntax
• Codemod that automatically updates your codebase for the new components

v11.7 component changes (compared to 11.7.3)

• Removed FormFieldLabel component
• Removed focusRingBorderRadius prop from View
• Removed color="ai" from Heading
• Removed variant="inline-small" and variant="standalone-small" from Link
• Removed title and variant prop from Tag
• Removed hideActionsUserSeparator prop from TopNavBar.Layout
• Removed thumbVariant prop from RangeInput
• Removed renderWeekdayLabels prop, calendarIcon is a new required prop in DateTimeInput

Features

• emotion: support alpha color modifier in applyColorModifiers (c1643b3)
• many: remove deprecated props in v2 components (eaf8876)
• many: support current spacing tokens in the margin prop for v2 components (1b47c5f)
• ui-checkbox: add aria-invalid attribute to Checkbox when validation errors are present (8301bf9)
• ui-codemods: update tokens and move theme.componentOverrides to themeOverride.components (7f94400)
• ui-grid,ui-form-field: breakpoints are set from sharedTokens (3ac1e64)
• ui-modal: on larger screens, inset the fullscreen modal from the viewport edge for a11y (e36b2b5)
• ui-popover: add shouldScrollContent prop (288c43a)
• ui-select,ui-date-time-input: rework DateTimeInput and replace DateInput v1 with DateInput v2 in DateTimeInput (8d531cf)
• ui-tag: remove the inline variant from Tag v2 (255d84f)
• ui-text-input,ui-select: add contentSpacing prop for even wrapped-tag padding in multiple Select (0969a00)

Bug Fixes

• emotion: propagate resolved component theme override to wrapped component (446e820)
• many: do not allow javascript: and data: hrefs (4a0ac03)
• many: import cross-package deps from /latest in v2 components (7ff3718)
• many: keep form field messages out of the control's accessible name (409d077)
• many: only reference rendered messages via aria-describedby (ccc9516)
• ui-a11y-content: prevent ScreenReaderContent text from being copied to clipboard (b8ae50d)
• ui-babel-preset: fix Cannot find package 'core-js' errors (a46ce2e)
• ui-badge,ui-scripts: use primaryTextColor for primary badge text (a1adc22)
• ui-billboard: point icons doc links at valid icons pages (bcfd452)
• ui-buttons: fix ai-secondary button size diff (d559a3f)
• ui-buttons: fix buttons disabled style and color (2f2f7b0)
• ui-date-input: add missing Button dependency (b9ff437)
• ui-date-input: add scrollbar to dateinput v2 (84f11c1)
• ui-dialog,ui-date-input,ui-calendar: add aria-live to calendar header, descriptive nav button labels with target month, aria-modal on focused dialogs (ac11880)
• ui-dialog: allow consumers to override inherited border-radius (68cb5ca)
• ui-drilldown: disabled options no longer show hover/focus styles (9c9e8bb)
• ui-expandable: remove unused cross-package dependencies (444f067)
• ui-flex: resolve general.* spacing tokens for the gap prop (49b97ec)
• ui-form-field: disable child inputs when FormFieldGroup is disabled (d30fc64)
• ui-grid: drop removed Grid component type from v2 props (d7510c8)
• ui-instructure: align AiInformation lower-section heading levels to h4 (d2b541b)
• ui-modal: add whitespace between header text nodes in scroll body aria-label (350e841)
• ui-modal: restore Modal open/close transition animation (ef6b3d1)
• ui-modal: skip Modal.Body tab stop when it has focusable children (25e4261)
• ui-motion,ui-alerts: capture child DOM via elementRef in Transition to avoid React 'ref is not a prop' warning (aaa4a58)
• ui-select: don't strip renderBeforeInput from the combobox accessible name (28d5e24)
• ui-select: fix screen reader labels on multiple select (6cc240f)
• ui-side-nav-bar: show focus ring on selected item (0dad569)
• ui-source-code-editor: apply current theme to v2 search panel (4534fa0)
• ui-table: fix caption for table to be responsive to sorting (aac2b17)
• ui-tabs: fix focusring to make it more distinct (c2e4eb0)
• ui-text-input: restore inline cursor flow next to selected tags (3dd1736)
• ui-top-nav-bar: fix v2 topnavbar render error (bd73345)
• ui-truncate-text,ui-scripts: replace innerHTML with manual DOM construction (434d381)
• ui-truncate-text: remove lineHeight as a theme input and use the 1.2 as the default (d4f938f)
• ui-utils,ui-svg-images: isolate DOMPurify config from the shared singleton (60e71f3)
• ui-utils: expand safeHref scheme allowlist (5869dae)

v11.7.3

Bug Fixes

• [v11.7] ui-buttons: fix textAlign center on Buttons without icon (b46ddb7)
• [v11.6, v11.7] ui-date-time-input,ui-date-input,ui-calendar: set missing aria-selected on calendar days, BREAKING CHANGE: add mandatory prop selectedLabel, change datePickerDialog prop to mandatory (08abed5)
• [v11.7] ui-tabs: fix tabs panel layout when unmountOnExit is false (826ff62)
• [v11.6, v11.7] ui-tree-browser,ui-top-nav-bar,ui-form-field: add back some missing exports

Features

• many: update dependencies, remove lots of Babel plugins, remove Webpack 4 support (f916fca)
• [v11.7] many: add a way for consumers to pass their own component theme definition so they can build their own components with InstUI (ce01c3e)
• [v11.7] ui-checkbox: add data-checked attribute to reflect checked state (a790019)
• [v11.6, v11.7] ui-color-picker: improve ColorPicker paste behavior (e5c279d)
• [v11.7] ui-range-input: remove deprecated thumb variant (ca4a3fb)
• [v11.7] ui-select,ui-date-time-input: rework DateTimeInput and replace DateInput v1 with DateInput v2 in DateTimeInput (7717fc6)
• ui-scripts: use design tokens from external repo and convert JS to TS (a03e0cb)

BREAKING CHANGES

• [v11.7] ui-select,ui-date-time-input: renderWeekdayLabels prop removed, calendarIcon is a new required prop
• [v11.7] ui-range-input: thumbVariant prop removed from RangeInput
• [v11.7] ui-select,ui-date-time-input: prevMonthLabel prop removed (use screenReaderLabels.prevMonthButton instead)
  • nextMonthLabel prop removed (use screenReaderLabels.nextMonthButton instead)
  • renderWeekdayLabels prop removed
  • dateFormat type changed
  • screenReaderLabels is a new required prop
  • dateFormat default changed: Moment's 'LL' (long month name) → locale's default date format

v11.7.2

11.7.2 (2026-04-23)

Bug Fixes

• emotion: fix getShortHandValue not trimming input string (75eac6f)
• many: fix checkbox toggle variant icons and resolve border radius inheritance issues in DateInput and Menu from View (ab2c8c2)
• many: fix doc component previews, update dark theme text and code block styles, and replace old icons (d4e48d3)
• many: small fixes for doc and fix component directory mapping in "dev" script (39f0c99)
• ui-date-input: voicover: read only textinput label, ignore children (cd26015)
• ui-scripts,emotion: fix primitives and semantics override functionality (d72df52)
• ui-source-code-editor: preserve scroll position in controlled mode (49dd754)
• ui-text-area,ui-radio-input,ui-number-input: fix Tooltip placements (034c163)

Features

• emotion: add helper for accessing computed theme (useComputedTheme.ts in the emotion package) (6d3c649)
• many: rework Select, SimpleSelect and TimeSelect (fb95519)
• many: rework TopNavBar (bf40e4f)
• ui-byline: rework Byline (066524f)
• ui-codemods: add codemod to support versioned import updates (04f6686)
• ui-expandable: rework Expandable (af31b5a)
• ui-img: rework Img (5e7a355)
• ui-instructure: rework DataPermissionLevels and NutritionFacts (36c02c6)
• ui-overlays: rework Mask (335cc5b)
• ui-rating,ui-icons: rework Rating (af97f0c)
• ui-table: add screen reader announcements for column sorting (6b23662)
• ui-text,ui-editable: rework InPlaceEdit and Editable (10f637b)
• ui-themes,ui-alerts,emotion: fix primitives and semantics overrides and add freeze functionlionality to old components (336fde9)
• ui,ui-options,ui-drilldown: rework Drilldown (0562fe2)

BREAKING CHANGES

• ui-top-nav-bar: the component got a new version in this release

INSTUI-4967

• ui-select: the component got a new version in this release

INSTUI-4807

• ui-img: the component got a new version in this release

INSTUI-4970

• ui-text,ui-editable: the component got a new version in this release

INSTUI-4969

• ui-rating,ui-icons: the component got a new version in this release

INSTUI-4806

• ui,ui-options,ui-drilldown: the component got a new version in this release

INSTUI-4792

v11.7.1

Bug Fixes

• many: a11y requirement fix, interactive links must be underlined on interaction and isWithinText prop was removed (8531756)
• ui-checkbox: prevent blur on checkbox label mousedown by manually restoring focus to hidden input (843ca3e)
• ui-text-input,emotion: fix TextInput displaying double focus rings when a focusable element is rendered inside (b33cea2)

v10.30.0

10.30.0 (2026-02-18)

Bug Fixes

• ui-modal: voiceOver in Chrome treats scrollable modal body as single interactive object preventing line-by-line navigation (e387644)

Features

• ui-date-input: add missing role and aria-label to DateInput2 dialog (1c459f2)

v11.6.0

11.6.0 (2026-02-18)

Bug Fixes

• ui-modal: voiceOver in Chrome treats scrollable modal body as single interactive object preventing line-by-line navigation (0be3fb1)

Features

• ui-date-input: add missing role and aria-label to DateInput2 dialog (6f2219a)

v11.5.0

Features

• ui-table: expose min-width prop, so one can make a table where each column has no wrapping text (317897a)
• ui-top-nav-bar: allow to set aria-label on TopNavBar's overflow menu button (2702ad4)
• ui-view: allow to set View's display prop to contents, inherit, initial, revert, revert-layer, unset (3c3c93f)

v11.4.0

Features

• ui-color-picker: add new labelLevel prop to set heading level in ColorContrast (06c9e79)
• ui-instructure: add privacy notice link to the ai information panel (447e40b)

v10.29.0

Bug Fixes

• ui-link: fix Link not applying focusOutlineColor and focusInverseOutlineColor overrides (855260d)

Features

• ui-instructure: add privacy notice link to the AI information panel (e6bbcb5)