Update Indexes toolbar to Leafy Green, implement new designs

XMLWordPrintableJSON

    • Type: Task
    • Resolution: Done
    • Priority: Major - P3
    • 1.32.3
    • Affects Version/s: None
    • Component/s: None
    • None
    • 3
    • Iteration Dolphin, Iteration Eel
    • Not Needed

      Let's update the indexes toolbar component to use Leafy Green components and implement the new designs (mocks linked below). Ensure the current toolbar functions as normal and the new toolbar is hidden behind the `COMPASS_SHOW_NEW_TOOLBARS` feature flag.

      Indexes package: https://github.com/mongodb-js/compass/tree/main/packages/compass-indexes

      Mocks: https://www.figma.com/file/vbjoD4dcisPYRYJ5RRu72k/Compass-LG?node-id=781%3A33587

      Let's follows the conventions from: https://docs.google.com/document/d/1ZLz_DJYpwTiS_DiPcQMKoLoz2iNxSsMKRTuXXxHb6ak/edit# when making changes.

            Assignee:
            Rhys Howell
            Reporter:
            Rhys Howell
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: