Skip to content

Conversation

@ToMESSKa
Copy link
Contributor

@ToMESSKa ToMESSKa commented Feb 3, 2026

INSTUI-4796

ISSUE:

Menu and Options needs to be migrated to the new theming system

TEST PLAN:

  • compare the component to the Figma design Menu and Options
  • check if all tokens are used in styles.ts
  • check if the component works the same as before
  • check if the icons appear in the right color when the Menu items are hovered or when keyboard navigation is used.

@github-actions
Copy link

github-actions bot commented Feb 3, 2026

PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://instructure.design/pr-preview/pr-2391/

Built to branch gh-pages at 2026-02-03 15:07 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

Comment on lines 63 to +64
background: componentTheme.selectedBackground,
color: componentTheme.highlightedLabelColor
color: componentTheme.selectedLabelColor
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I changed this @hajnaldo as selectedLabelColor was not used before

Comment on lines -604 to -605
overflowX="hidden"
overflowY="hidden"
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was chaged by @adamlobler but it clipped the focus ring of the menu so I reverted this

import { withStyle } from '@instructure/emotion'

import generateStyles from './styles'
import generateComponentTheme from './theme'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I did not delete the theme.ts files of Options yet because Drilldown uses them. I will remove them in the Drilldown rework PR.

@ToMESSKa ToMESSKa self-assigned this Feb 3, 2026
@ToMESSKa ToMESSKa force-pushed the INSTUI-4796-menu-and-option-dropdown branch from 2d67612 to cdefaf3 Compare February 3, 2026 14:18
@ToMESSKa ToMESSKa force-pushed the INSTUI-4796-menu-and-option-dropdown branch from cdefaf3 to 0476c97 Compare February 3, 2026 15:03
@ToMESSKa ToMESSKa changed the title feat(ui-popover,ui-options,ui-menu): rework Menu and Options [v12] feat(ui-popover,ui-options,ui-menu): rework Menu and Options Feb 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant