[COMPASS-6100] Update to rebranded Leafygreen components Created: 06/Sep/22  Updated: 28/Sep/22  Resolved: 19/Sep/22

Status: Closed
Project: Compass
Component/s: UI / UX
Affects Version/s: None
Fix Version/s: 1.34.0

Type: Task Priority: Major - P3
Reporter: Maurizio Casimirri Assignee: Maurizio Casimirri
Resolution: Done Votes: 0
Labels: milestone-2
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Duplicate
is duplicated by COMPASS-5560 Bundle new font from CDN Closed
Epic Link: COMPASS-5388
Story Points: 8
Documentation Changes: Not Needed
Sprint: Iteration Kraken

 Description   

All of the leafygreen components currently in use need to be updated to the latest version, which implements the new visual brand design.

We will regularly keep updating the Leafygreen components to catch up with patches throughout the duration of this project. The latest version of any component can be installed from a shell with the following shorthand:

npm i \
  --save -w @mongodb-js/compass-components \
  $(cat packages/compass-components/package.json | \
    jq -r '.dependencies | keys | .[]' | \
    grep '@leafygreen-ui' | \
    xargs -I {} -n1 echo {}@latest | xargs \
  )



 Comments   
Comment by Githook User [ 28/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 21/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: 1.34-releases
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 20/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: remove-old-toolbars-code
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 19/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: 6070-dev
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 19/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: COMPASS-6099-remove-feature-tour
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 19/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: sidebar-hover-fix
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 19/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: sidebar-hover-fix2
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Comment by Githook User [ 19/Sep/22 ]

Author:

{'name': 'Maurizio Casimirri', 'email': 'maurizio.cas@gmail.com', 'username': 'mcasimir'}

Message: feat: update to rebranded Leafygreen components COMPASS-6100 (#3290)

  • feat: use rebranded component
  • update packages
  • regen package lock
  • fix packages
  • fix checks
  • fix alignment with search input
  • fix accordion title layout
  • fix textinput padding and card padding
  • add comment
  • add ticket to textinput comment
  • copy pipeline component from lg
  • fix CRUD element actions layout
  • use copiable code to fix rendering in explain stage
  • regen packagelock
  • fix deps
  • fix accordion
  • better elem type
  • use h2
  • fix menu height
  • fix misaligned controls
  • remove proptipes to pass check
  • fix Code usage
  • fixes remaining issues
  • fix mergeRefs import
  • make tests run
  • fix tests with new leafygreen popover
  • regen package lock
  • fix esm
  • workaround missing fallback
  • Update lg table to 6.0.1
  • fix test
  • remove delete files
  • typo
  • fix tooltip themes
  • adjust form and file inputs spacings
  • address feedback on PR
  • update lock
  • reformat

Co-authored-by: Rhys Howell <rhysh@live.com>
Branch: main
https://github.com/mongodb-js/compass/commit/0fef258c601ffc55546bd279846e6b48e4507de3

Generated at Wed Feb 07 22:41:55 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.