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)