Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI: HDS adoption replace <Modal> #23382

Merged
merged 15 commits into from
Oct 6, 2023

Conversation

hellobontempo
Copy link
Contributor

@hellobontempo hellobontempo commented Sep 28, 2023

Side branch for adopting <Hds::Modal>

  • This work also replaces all <button> components inside modals with <Hds::Button>
  • <Hds::Button> is now used in <DownloadButton>
  • Additional <button> components are replaced to make way for fully adopting <Hds::Button>
  • Adds @container to <Hds::Copy::Button> components that render inside modals (which are otherwise not functional)

#23363
#23398
#23415
#23451
#23471
#23484
#23522

* replace policy-form modal

* replace clients/attribution modal

* clients/config modal

* scope form odal

* remove button type

* include toolbar to match other example templates

* rotate credentials modal

* add toolbar button class for hds buttons

* transformation-edit modal

* add back test selector

* add route arg to button!

* update link status

* fix link-status tests

* remove prevent default

* update db tests

* update tests

* use page alert for hcp link status banner

* fix scopy button selector

* fix sidebar test

* change to neutral banner
@hellobontempo hellobontempo added this to the 1.16.0-rc1 milestone Sep 28, 2023
@github-actions github-actions bot added the hashicorp-contributed-pr If the PR is HashiCorp (i.e. not-community) contributed label Sep 28, 2023
* upgrade HDS library (adds support for snippet containers

* cleanup flight icons

* replace transit key action modals

* re-add deps as devDeps

* remove line

* address transit tests
* cleanup css

* cleanup extra type attr

* masked input download modal

* use Hds::Button in  download button"

* fix size of modal

* tiny icon fix

* refactor download button to always render download icon

* update tests
* replication-promote modal

* replication component modals

* replication add secondary modal

* move update text for diff
@vercel
Copy link

vercel bot commented Oct 2, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
vault ⬜️ Ignored (Inspect) Visit Preview Oct 3, 2023 7:41pm

hellobontempo and others added 5 commits October 3, 2023 11:16
* replace confirmation modals
---------
* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors
* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* remove wormhole and modal component

* fix selectors

* uninstall wormhole

* remove shamir-modal-flow class

* fix confirm modal test

* fix pki and kv test

* fix toolbar selector kv

* client and download button test

* fix-confirmation-modal-padding

* fix replication modal tests so relevant modal opens (#23540)

* more confirmation modal tests
@github-actions
Copy link

github-actions bot commented Oct 6, 2023

Build Results:
All builds succeeded! ✅

@github-actions
Copy link

github-actions bot commented Oct 6, 2023

CI Results:
All Go tests succeeded! ✅

font-weight: $font-weight-semibold;
box-shadow: $box-shadow-low;
border-radius: $radius;
font-weight: $font-weight-semibold; // TODO delete
Copy link
Contributor

Choose a reason for hiding this comment

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

just out of curiosity - what's the default font-weight for the copy button?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

There's no override option, it's only ever the clipboard icon 😄 [docs]
Screenshot 2023-10-06 at 1 59 05 PM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

If you consult the docs - the font weights for buttons appear to be -token-typography-font-weight-regular: 400;

@@ -166,7 +165,6 @@
"ember-test-selectors": "6.0.0",
"ember-tether": "^2.0.1",
"ember-truth-helpers": "3.0.0",
"ember-wormhole": "0.6.0",
Copy link
Contributor

Choose a reason for hiding this comment

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

🎉

@hellobontempo hellobontempo merged commit 43258c2 into main Oct 6, 2023
101 checks passed
@hellobontempo hellobontempo deleted the ui/VAULT-17315-hds-adoption-replace-Modal branch October 6, 2023 22:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hashicorp-contributed-pr If the PR is HashiCorp (i.e. not-community) contributed ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants