Skip to content

chore: Refactor component structure images

Dan MH requested to merge update-structure-images-danmh into main

Context

In #1698 (closed) we created some Figma components and guidelines to help structure images be more consistent.

This MR updates most* component structure images to use the new elements, including GitLab Mono.

* Not updated:

  • Drawer, as branch has not merged to the Figma file.
  • Merge request reports region, as did not follow the pattern of the other components. Will update in a follow-up.

Images changed

  • Components
    • Accordion
    • Alert
    • Avatar
      • bonus: Avatar group
      • bonus: Avatar stack
    • Badge
    • Banner
    • Breadcrumb
    • Broadcast message
    • Button
    • Dropdown
      • Disclosure
      • Listbox
    • Form elements
      • Checkbox
      • Date picker
      • File uploader
      • Filter
    • Link
    • Modal
    • Pagination
    • Progress bar
    • Skeleton loader
    • Spinner
    • Tabs
    • Toast
    • Toggle
    • Token
    • Tooltip
    • Tree
  • Patterns
    • Form

Figma branch

Comments about the image appearance are best left in the corresponding Figma branch

https://www.figma.com/file/2XRq1MnIG69iti76Mh9HpJ/branch/NnHWvhDlAe2DWj1p2CDAk8/Pajamas-visual-examples?type=design&node-id=573-12483&mode=design&t=FToWuHhzDKlz4aJn-0

Edited by Dan MH

Merge request reports