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
feat(accordion): add rh-accordion #594
Conversation
🦋 Changeset detectedLatest commit: c361c44 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
✅ Deploy Preview for red-hat-design-system ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
CSS changes look really nice
|
see also patternfly/patternfly-elements#2308 |
|
This is waiting on @marionnegp 's review. PTAL |
* feat: initial commit, adding rh-accordion, rh-accordion-panel, rh-accordion-header * fix: updating accordion styles * fix: adding in the styles from the ux docs, adding in large style and slotted font sizes * fix: adding dark theme support * fix: updating the styles to match the updated pfe-accordion styles, fixing stylelint issues * fix: adding disclosure to the accordion as an optionwhen only one panel is present * fix: removing disclosure specific code * fix: updating importmap for demo, updating instances of pfe-accordion to rh-accordion * fix: making border color dynamic between dark and light themes * fix: fixing styling on not-first-child rh-accordion-header and top for after element * chore: updating stylesheet to move vars into rh-accordion* files * chore: updating accordion version * fix: styling changes to the accordion, cleaning up variables * fix: updating the icon in the rh-accordion header to the new format * fix: angle down instead of arrow down * chore: adding changeset and removing max-width property * fix: package.json / package-lock and adding readme details and rh-footer fix * fix: renaming e2e spec file * fix: fixing import map to point to latest version, updating accordion njk to not have a demo for now * chore: Updating the demo page to not include disclosure and secondary dark theme demo * fix: adding cascade for large accordion, fixing header text wrapper and fixing shadow on top of panel * fix: updating package-lock sinon * fix: updating dark theme accent color to ff442b, adding token * style: updating rh-accordion var to match conventions and stylelint rules * docs(accordion): updating rh-accordion elements with descriptions of slots and purpose * fix(accordion): removing pfe-band, replacing with rh-context-provider and updating imports in rh-accordion * docs: update changeset * docs: uncomment example element * docs: update readme * docs(footer): update readme * fix(accordion): update upstream pfe-accordion * docs: update demos * fix: refactor accordion css * chore: update deps * docs: remove references to pfe-accordion * fix(demo): remove references to pfe-accordion * fix(footer): remove references to pfe-accordion * docs(secondary-nav): remove references to pfe-accordion * fix(accordion): remove pfe icon * fix(accordion): privatize `on` * fix(accordion): adding color context property, icon fill color, css panel spacing * fix(accordion): removing relect attr for consumer for panel, header * fix(accordion): dark theme border color, arrow direction, rotation, border right length on header * chore: skipping failing tag tests from merge * fix: removing skip from test, updating package-lock.json * fix(accordion): making border-right, padding css var into logical properties * fix(accordion): making on property private * docs(accordion): split off context demo * fix(accordion): context * fix(context)!: remove `attribute` from context consumer * fix(context): get attribute name from decorated property * docs(accordion): rtl * fix: make `on` private Co-authored-by: brian <brian@LAPTOP-TFG37H82.attlocal.net> Co-authored-by: Benny Powers <web@bennypowers.com> Co-authored-by: Benny Powers <bennypowers@users.noreply.github.com>
* feat: initial commit, adding rh-accordion, rh-accordion-panel, rh-accordion-header * fix: updating accordion styles * fix: adding in the styles from the ux docs, adding in large style and slotted font sizes * fix: adding dark theme support * fix: updating the styles to match the updated pfe-accordion styles, fixing stylelint issues * fix: adding disclosure to the accordion as an optionwhen only one panel is present * fix: removing disclosure specific code * fix: updating importmap for demo, updating instances of pfe-accordion to rh-accordion * fix: making border color dynamic between dark and light themes * fix: fixing styling on not-first-child rh-accordion-header and top for after element * chore: updating stylesheet to move vars into rh-accordion* files * chore: updating accordion version * fix: styling changes to the accordion, cleaning up variables * fix: updating the icon in the rh-accordion header to the new format * fix: angle down instead of arrow down * chore: adding changeset and removing max-width property * fix: package.json / package-lock and adding readme details and rh-footer fix * fix: renaming e2e spec file * fix: fixing import map to point to latest version, updating accordion njk to not have a demo for now * chore: Updating the demo page to not include disclosure and secondary dark theme demo * fix: adding cascade for large accordion, fixing header text wrapper and fixing shadow on top of panel * fix: updating package-lock sinon * fix: updating dark theme accent color to ff442b, adding token * style: updating rh-accordion var to match conventions and stylelint rules * docs(accordion): updating rh-accordion elements with descriptions of slots and purpose * fix(accordion): removing pfe-band, replacing with rh-context-provider and updating imports in rh-accordion * docs: update changeset * docs: uncomment example element * docs: update readme * docs(footer): update readme * fix(accordion): update upstream pfe-accordion * docs: update demos * fix: refactor accordion css * chore: update deps * docs: remove references to pfe-accordion * fix(demo): remove references to pfe-accordion * fix(footer): remove references to pfe-accordion * docs(secondary-nav): remove references to pfe-accordion * fix(accordion): remove pfe icon * fix(accordion): privatize `on` * fix(accordion): adding color context property, icon fill color, css panel spacing * fix(accordion): removing relect attr for consumer for panel, header * fix(accordion): dark theme border color, arrow direction, rotation, border right length on header * chore: skipping failing tag tests from merge * fix: removing skip from test, updating package-lock.json * fix(accordion): making border-right, padding css var into logical properties * fix(accordion): making on property private * docs(accordion): split off context demo * fix(accordion): context * fix(context)!: remove `attribute` from context consumer * fix(context): get attribute name from decorated property * docs(accordion): rtl * fix: make `on` private Co-authored-by: brian <brian@LAPTOP-TFG37H82.attlocal.net> Co-authored-by: Benny Powers <web@bennypowers.com> Co-authored-by: Benny Powers <bennypowers@users.noreply.github.com>
What I did
rh-accordionelement which extends off ofBaseAccordionin the patternfly repo.rh-accordion-panelandrh-accordion-headerwhich functions as the content wrapper and toggle respectively.pfe-accordionin the repo torh-accordion.pfe-accordion@2.0.0-next.7.Testing Instructions
Notes to Reviewers