Skip to content

Commit

Permalink
chore(v6): rebase against main (#6048)
Browse files Browse the repository at this point in the history
* chore(select): fixed text in HTML example to show multiple checks can be selected (#5663)

* chore: Update release.yml to node 18 [ci skip]

* chore: add superclean npm script (#5798)

* chore(options-menu): updated markup to match react component (#5809)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.3 (#5720)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): bump semver from 5.7.1 to 5.7.2 (#5756)

Bumps [semver](https://github.com/npm/node-semver) from 5.7.1 to 5.7.2.
- [Release notes](https://github.com/npm/node-semver/releases)
- [Changelog](https://github.com/npm/node-semver/blob/v5.7.2/CHANGELOG.md)
- [Commits](npm/node-semver@v5.7.1...v5.7.2)

---
updated-dependencies:
- dependency-name: semver
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix: updated use of flex start/end to be more compatible (#5807)

* fix(chip): add margin for badge when used in text element (#5844)

* feat(global): added RTL support (#5778)

* fix: added tree view icon (#5845)

* fix: added tree view icon

* chore: put treeviewicon in alphabetical order

* chore: rtl fixes, screenshots (#5854)

* chore: rtl fixes, screenshots

* chore: checkin screenshots

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.7 (#5852)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore: enable RTL switcher on full page examples (#5859)

* docs: update location of and references to docs to consolidate and organize information. (#5773)

* fix: added base, wizard, pagination RTL styles (#5860)

* chore(Accordion,ExpandableSection): added more RTL styling (#5861)

* fix(RTL): refactor mixins, add slider rtl styles (#5867)

* fix(nav): added optional text wrapper for nav text (#5868)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.9 (#5863)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(Toolbar): updated toolbar pagination structure (#5862)

* fix(breadcrumb): added rtl support (#5870)

* chore(card): updated horiz demo image (#5875)

* chore(Alert,NotificationDrawer): added additional rtl styling (#5866)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.10 (#5880)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(Nav, Menu): apply RTL fixes (#5873)

* fix(clipboard-copy): added rtl styles (#5876)

* fix(page): added rtl styles (#5878)

* fix(calendar-month): rtl support (#5869)

* chore(Card,Tile): apply RTL fixes (#5881)

* fix: added tabs and jump links rtl styles (#5877)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.11 (#5885)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(DataList): added additional rtl styling (#5871)

* chore(DataList): added additional rtl styling

* Add comment to update notif badge in breaking change

* fix(popover, tooltip): added rtl styles (#5882)

* fix(tree-view): added rtl styles (#5883)

* chore(Table): added additional RTL styling (#5887)

* chore(Drawer): transforms and shadows on RTL drawer (#5888)

* fix(forms): updated rtl styles (#5889)

* fix(skeleton): added rtl styles (#5891)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.12 (#5894)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(slider): added root decl for var to create react token (#5895)

* chore(ModalBox): center modal for workspace in RTL (#5893)

* fix(rtl): fixes truncate rtl (#5874)

* fix(ModalBox): fix centering on mobile (#5905)

* chore: added backstop as dev dependency, update config (#5904)

* chore(popover): center examples (#5906)

* fix(nav): updated example css (#5903)

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.14 (#5909)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix: remove workspace RTL classes (#5912)

* chore: update screenshots (#5915)

* fix: Update upload-preview.js to use new workspace url

* chore(deps): update dependency @patternfly/documentation-framework to v5.1.15 (#5916)

* chore(deps): update dependency @patternfly/react-table to v5.0.1 (#5914)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-code-editor to v5.0.1 (#5910)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-core to v5.0.1 (#5913)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore: mirror fa-sort icon (#5920)

* fix: mirror bg image position in rtl (#5922)

* fix(progress): updated indicator direction (#5923)

* chore: update readme to reference new workspace url

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.0 (#5925)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(code-editor): make code box and header LTR (#5928)

* fix(code-editor): make code box and header LTR

* chore: refactor to use dir instead of css for ltr on code block

* fix(banner): fixed invalid dark theme color declaration (#5933)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.2 (#5934)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.3 (#5940)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(clipboard-copy): add code example with rtl support (#5941)

* fix(card): removed border from clickable/selectable selected (#5935)

* feat(Button): extended inline styling (#5696)

* fix(menu): updated drilldown breadcrumb menu icons to work in RTL (#5924)

* fix(toolbar): fix expand all icon in RTL (#5937)

* chore(toolbar): mirror expand all icon in rtl

* chore: update

* chore: use icon shouldMirrorRTL param

* fix(popover/tooltip): revert arrow logical prop positioning (#5952)

* fix(popover/tooltip): revert arrow logical prop positioning

* chore: add missing local css import

* chore(screenshots): updated full page screenshots (#5960)

* chore(deps): update dependency @patternfly/react-core to v5.1.1 (#5975)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps-dev): bump postcss from 8.4.27 to 8.4.31 (#5971)

* chore(Toolbar): increase workspace container height (#5962)

* chore(screenshots): update visual regression screenshots (#5959)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.17 (#5961)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-table to v5.1.1 (#5977)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-code-editor to v5.1.1 (#5974)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(check-radio): added aria-describedby to check/radio (#5969)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.18 (#5982)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(brand/card): update examples to display logo in dark theme (#5681)

* fix(input): standardized check and radio alignment (#5947)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.19 (#5985)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.20 (#5994)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): bump @babel/traverse from 7.22.15 to 7.23.2 (#6001)

Bumps [@babel/traverse](https://github.com/babel/babel/tree/HEAD/packages/babel-traverse) from 7.22.15 to 7.23.2.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.23.2/packages/babel-traverse)

---
updated-dependencies:
- dependency-name: "@babel/traverse"
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix(Switch): updated focus style to focus-visible (#5995)

* chore(menu-toggle): updated demos to use menu-toggle (#5782)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.24 (#6014)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat(Accordion): added left-aligned toggle variant (#5987)

* chore(deps): update dependency @patternfly/documentation-framework to v5.2.26 (#6020)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore: V6 merge main.10.30 (#6023)

* chore(deps): update dependency @patternfly/documentation-framework to v5.3.0 (#6027)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(main): reverts to pre-v6 merge (#6038)

* chore(deps): update dependency @patternfly/documentation-framework to v5.3.1 (#6040)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(globals): update invalid selector in global css (#6044)

* feat(breaker): bump this version to 6.0 (#5800)

BREAKING CHANGE: 6.0.0-alpha.0

* fix: white space change to kick off dry run

* fix: use prerelease tag format with dry run

* fix: turn off dryrun

* feat(tokens): add initial global tokens (#5843)

* feat(Button): adds tokens and applies to buttons (#5908)

* feat(table): apply tokens from hackathon (#5965)

* feat(menu-toggle): add in work from hackathon (#5931)

* feat(nav): adds tokens to page and nav (#5942)

* chore(tokens): update tokens from figma (#5970)

* feat(page): page and masthead updates from hackathon (#5968)

* chore(v6): merge main into v6 (#5981)

* fix(tokens): add dark theme blend mode token (#5992)

* feat(notificationBadge): refactor with tokens (#5991)

* chore(masthead ): applied tokens (#6004)

* feat(alert): apply tokens (#6002)

* feat(alert): apply tokens

* feat(alert): remove unused background color

* feat(page): apply tokens (#6021)

* feat(page): apply tokens

* feat(page): undo menu__list change

* feat(page): tweak spacing

* fix(table): fix clickable overlay (#6025)

* fix(box-shadow): typo in box shadow token names (#6039)

* fix(badge): adds tokens, dropdown toggle icon (#6037)

* feat(hint): apply tokens (#6030)

* feat(hint): apply tokens

* feat(hint): fix typo

* feat(hint): update spacing

* feat(hint): update border radius

* feat(hint): fix heading font

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Ashley Ray <123661468+ashley-o0o@users.noreply.github.com>
Co-authored-by: Nicole Thoen <nthoen@redhat.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Erin Donehoo <105813956+edonehoo@users.noreply.github.com>
Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>
Co-authored-by: Sarah Rambacher <srambach@redhat.com>
Co-authored-by: Matt Nolting <matthew.nolting@gmail.com>
Co-authored-by: Jenny <32821331+jenny-s51@users.noreply.github.com>
  • Loading branch information
10 people committed Nov 17, 2023
1 parent 2cdad07 commit b0612a0
Show file tree
Hide file tree
Showing 54 changed files with 1,180 additions and 463 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
"@commitlint/config-conventional": "^17.6.7",
"@fortawesome/fontawesome": "^1.1.8",
"@octokit/rest": "^20.0.1",
"@patternfly/documentation-framework": "5.2.17",
"@patternfly/documentation-framework": "5.3.1",
"@patternfly/patternfly-a11y": "4.3.1",
"@patternfly/react-code-editor": "5.1.1",
"@patternfly/react-core": "5.1.1",
Expand Down
35 changes: 35 additions & 0 deletions src/patternfly/assets/images/pf_logo_white.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 706.3 132.5" fill="currentColor"{{#if pf_logo_white--attribute}} {{{pf_logo_white--attribute}}}{{/if}}>
<g>
<path d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
c0.4,1.3,0.6,2.7,0.6,4c0,0.9-0.1,1.7-0.3,2.6c-0.2,0.9-0.5,1.7-0.9,2.6c-0.4,0.8-0.9,1.6-1.6,2.3c-0.6,0.7-1.4,1.4-2.3,1.9
c-0.9,0.5-1.9,1-3.1,1.3c-1.2,0.3-2.5,0.5-3.9,0.5h-8.3v13H197.2z M212.7,64.4c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1.1
c0.4-0.4,0.6-0.9,0.8-1.5c0.2-0.6,0.3-1.1,0.3-1.7c0-0.5-0.1-1-0.2-1.6c-0.1-0.5-0.4-1-0.7-1.5c-0.4-0.5-0.8-0.8-1.4-1.1
c-0.6-0.3-1.4-0.4-2.3-0.4h-8.6v9.4H212.7z"/>
<path d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
c-0.2-0.4-0.4-0.9-0.6-1.5c-0.2-0.6-0.4-1.1-0.5-1.7c-0.1,0.5-0.3,1.1-0.5,1.7c-0.2,0.6-0.4,1.1-0.6,1.5l-3.5,9.2h9.2L263.2,61.2z"
/>
<path d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
<path d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
<path d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
<path d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
c0.4,1.3,0.6,2.7,0.6,4.2c0,1-0.1,2-0.4,3c-0.3,1-0.7,2-1.3,2.9c-0.6,0.9-1.3,1.8-2.1,2.5c-0.9,0.7-1.8,1.3-3,1.7l6.9,14.1H483
l-6.6-13.2h-7.1v13.2H462.4z M478.9,64.3c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1c0.4-0.4,0.6-0.9,0.8-1.5
c0.2-0.6,0.2-1.1,0.2-1.7c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.4-1-0.7-1.5c-0.3-0.4-0.8-0.8-1.4-1c-0.6-0.3-1.4-0.4-2.3-0.4h-9.7v9.2
H478.9z"/>
<path d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
c0,0.5,0,1,0,1.3v20.6h-6.8V48.6h6.4l13.7,20.4c0.2,0.3,0.5,0.7,0.7,1.2c0.3,0.5,0.5,1,0.7,1.4c0-0.5-0.1-1-0.1-1.4
c0-0.5,0-0.9,0-1.2V48.6h6.8v35.4H541.9z"/>
<path d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
<path d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
<path d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
</g>
<g>
<path d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
l-11,16.2l-11.9-16.2l-7.2,1.7L70,128.7z M70.4,113.1l9.2-13.5L70,6.7l-9.5,92.9L70.4,113.1z M28.8,105.4l18.8-4.3L33.8,81.7
l4.1-9.3L25.2,55L58,14.9L2.9,68.7L28.8,105.4z M111.2,105.4l16.3-23.1l9.6-13.6L82,14.9L114.9,55l-12.8,17.4l4.1,9.3L92.4,101
L111.2,105.4z M90.1,100.5l13.6-19.1l-3-6.9L82.7,98.8L90.1,100.5z M50,100.5l7.3-1.7L39.4,74.5l-3,6.9L50,100.5z M81.9,96.2
l17.6-24.1L72.9,11.6L81.9,96.2z M58.1,96.2l9-84.6L40.5,72.1L58.1,96.2z M39,70L66.1,8.5L28,55.1L39,70z M101.1,70l11-15L74,8.5
L101.1,70z"/>
</g>
</svg>
38 changes: 38 additions & 0 deletions src/patternfly/assets/images/pf_logo_white.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/patternfly/base/_globals.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
@if $pf-v5-global--enable-normalize {
*,
*::before,
*::after {
*::after {
box-sizing: border-box;
}

Expand Down
2 changes: 1 addition & 1 deletion src/patternfly/components/Accordion/accordion.hbs
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<{{#if accordion--IsDefinitionList}}dl{{else}}div{{/if}} class="{{pfv}}accordion{{#if accordion--modifier}} {{accordion--modifier}}{{/if}}"
<{{#if accordion--IsDefinitionList}}dl{{else}}div{{/if}} class="{{pfv}}accordion{{#if accordion--IsStartAligned}} pf-m-toggle-start{{/if}}{{#if accordion--modifier}} {{accordion--modifier}}{{/if}}"
{{#if accordion--attribute}}
{{{accordion--attribute}}}
{{/if}}>
Expand Down
14 changes: 13 additions & 1 deletion src/patternfly/components/Accordion/accordion.scss
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,12 @@
--#{$accordion}__toggle--after--Width: var(--#{$pf-global}--BorderWidth--lg);
--#{$accordion}__toggle--m-expanded--after--BackgroundColor: var(--#{$pf-global}--primary-color--100);
--#{$accordion}__toggle--BackgroundColor: transparent;
--#{$accordion}__toggle--JustifyContent: space-between;
--#{$accordion}__toggle--ColumnGap: 0;

// Accordion toggle toggle-start modifier
--#{$accordion}--m-toggle-start__toggle--JustifyContent: start;
--#{$accordion}--m-toggle-start__toggle--ColumnGap: var(--#{$pf-global}--spacer--md);

// accordion toggle text
--#{$accordion}__toggle-text--MaxWidth: calc(100% - var(--#{$pf-global}--spacer--lg));
Expand Down Expand Up @@ -85,6 +91,11 @@

background-color: var(--#{$accordion}--BackgroundColor);

&.pf-m-toggle-start {
--#{$accordion}__toggle--JustifyContent: var(--#{$accordion}--m-toggle-start__toggle--JustifyContent);
--#{$accordion}__toggle--ColumnGap: var(--#{$accordion}--m-toggle-start__toggle--ColumnGap);
}

&.pf-m-display-lg {
--#{$accordion}__toggle--PaddingTop: var(--#{$accordion}--m-display-lg__toggle--PaddingTop);
--#{$accordion}__toggle--PaddingRight: var(--#{$accordion}--m-display-lg__toggle--PaddingRight);
Expand Down Expand Up @@ -161,8 +172,9 @@
.#{$accordion}__toggle {
position: relative;
display: flex;
column-gap: var(--#{$accordion}__toggle--ColumnGap);
align-items: center;
justify-content: space-between;
justify-content: var(--#{$accordion}__toggle--JustifyContent);
width: 100%;
padding-block-start: var(--#{$accordion}__toggle--PaddingTop);
padding-block-end: var(--#{$accordion}__toggle--PaddingBottom);
Expand Down
58 changes: 58 additions & 0 deletions src/patternfly/components/Accordion/examples/Accordion.md
Original file line number Diff line number Diff line change
Expand Up @@ -232,6 +232,7 @@ cssPrefix: pf-v5-c-accordion
```

### Large bordered

```hbs
{{#> accordion accordion--modifier="pf-m-display-lg pf-m-bordered"}}
{{#> accordion-toggle}}
Expand Down Expand Up @@ -294,6 +295,62 @@ cssPrefix: pf-v5-c-accordion
{{/accordion}}
```

### Toggle icon at start

```hbs isBeta
{{#> accordion accordion--IsStartAligned=true}}
{{#> accordion-toggle}}
{{#> accordion-toggle-icon}}{{/accordion-toggle-icon}}
{{#> accordion-toggle-text}}Item one{{/accordion-toggle-text}}
{{/accordion-toggle}}
{{#> accordion-expandable-content}}
{{#> accordion-expandable-content-body}}
This text is hidden
{{/accordion-expandable-content-body}}
{{/accordion-expandable-content}}
{{#> accordion-toggle}}
{{#> accordion-toggle-icon}}{{/accordion-toggle-icon}}
{{#> accordion-toggle-text}}Item two{{/accordion-toggle-text}}
{{/accordion-toggle}}
{{#> accordion-expandable-content}}
{{#> accordion-expandable-content-body}}
This text is hidden
{{/accordion-expandable-content-body}}
{{/accordion-expandable-content}}
{{#> accordion-toggle}}
{{#> accordion-toggle-icon}}{{/accordion-toggle-icon}}
{{#> accordion-toggle-text}}Item three{{/accordion-toggle-text}}
{{/accordion-toggle}}
{{#> accordion-expandable-content}}
{{#> accordion-expandable-content-body}}
This text is hidden
{{/accordion-expandable-content-body}}
{{/accordion-expandable-content}}
{{#> accordion-toggle accordion-toggle--IsExpanded="true"}}
{{#> accordion-toggle-icon}}{{/accordion-toggle-icon}}
{{#> accordion-toggle-text}}Item four{{/accordion-toggle-text}}
{{/accordion-toggle}}
{{#> accordion-expandable-content accordion-expandable-content--IsExpanded="true"}}
{{#> accordion-expandable-content-body}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie lorem lacinia dolor aliquet faucibus. Suspendisse gravida imperdiet accumsan. Aenean auctor lorem justo, vitae tincidunt enim blandit vel. Aenean quis tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
{{/accordion-expandable-content-body}}
{{/accordion-expandable-content}}
{{#> accordion-toggle}}
{{#> accordion-toggle-icon}}{{/accordion-toggle-icon}}
{{#> accordion-toggle-text}}Item five{{/accordion-toggle-text}}
{{/accordion-toggle}}
{{#> accordion-expandable-content}}
{{#> accordion-expandable-content-body}}
This text is hidden
{{/accordion-expandable-content-body}}
{{/accordion-expandable-content}}
{{/accordion}}
```

## Documentation
### Overview
There are two variations to build the accordion component:
Expand All @@ -314,5 +371,6 @@ In these examples `.pf-v5-c-accordion` uses `<dl>`, `.pf-v5-c-accordion__toggle`
| `.pf-v5-c-accordion__expandable-content-body` | `<div>` | Initiates expandable content body. **Required** |
| `.pf-m-bordered` | `.pf-v5-c-accordion` | Modifies the accordion to add borders between items. |
| `.pf-m-display-lg` | `.pf-v5-c-accordion` | Modifies the accordion for large display styling. This variation is for marketing/web use cases. |
| `.pf-m-toggle-start` | `.pf-v5-c-accordion` | Modifies accordion styling when accordion toggle icons are rendered at the start of the toggle, before the toggle text. |
| `.pf-m-expanded` | `.pf-v5-c-accordion__toggle`, `.pf-v5-c-accordion__expandable-content` | Modifies the accordion button and expandable content for the expanded state. |
| `.pf-m-fixed` | `.pf-v5-c-accordion__expandable-content` | Modifies the expandable content for the fixed state. |
2 changes: 1 addition & 1 deletion src/patternfly/components/Brand/brand.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
{{#if brand--img-url--base}}
<img src="{{brand--img-url--base}}" alt="Fallback patternFly default logo">
{{else}}
<img src="/assets/images/pf-c-brand__logo-base.jpg" alt="Fallback patternFly default logo">
<img src="/assets/images/pf_logo.svg" alt="Fallback patternFly default logo">
{{/if}}
</picture>
{{else}}
Expand Down
12 changes: 12 additions & 0 deletions src/patternfly/components/Brand/examples/Brand.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
.show-dark,
:where(.pf-v5-theme-dark) .show-light {
display: none;
}

:where(.pf-v5-theme-dark) .show-dark {
display: revert;
}

:where(.pf-v5-theme-dark) .show-dark .pf-m-picture {
display: inline-flex;
}
33 changes: 31 additions & 2 deletions src/patternfly/components/Brand/examples/Brand.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,22 +3,51 @@ id: Brand
section: components
---

import './Brand.css'

## Examples
### Basic
```hbs
{{> brand brand--attribute='src="/assets/images/pf_logo.svg" alt="PatternFly logo"'}}
<div class="show-light">
{{> brand
brand--attribute='src="/assets/images/pf_logo.svg" alt="PatternFly logo"'
}}
</div>
<div class="show-dark">
{{> brand
brand--attribute='src="/assets/images/pf_logo_white.svg" alt="PatternFly logo"' brand--IsDark="true"
}}
</div>
```

### Responsive
```hbs
<div class="show-light">
{{> brand
brand--attribute='style="--pf-v5-c-brand--Width: 40px; --pf-v5-c-brand--Width-on-sm: 60px; --pf-v5-c-brand--Width-on-md: 220px;"'
brand--IsPicture="true"
brand--img-url='/assets/images/pf-c-brand__logo.svg'
brand--img-url-on-sm='/assets/images/pf-c-brand__logo-on-sm.svg'
brand--img-url-on-md='/assets/images/pf-c-brand__logo-on-md.svg'
brand--img-url-on-lg='/assets/images/pf-c-brand__logo-on-lg.svg'
brand--img-url-on-xl='/assets/images/pf-c-brand__logo-on-xl.svg'}}
brand--img-url-on-xl='/assets/images/pf-c-brand__logo-on-xl.svg'
}}
</div>
<div class="show-dark">
{{> brand
brand--IsDark="true"
brand--attribute='style="--pf-v5-c-brand--Width: 40px; --pf-v5-c-brand--Width-on-sm: 60px; --pf-v5-c-brand--Width-on-md: 220px;"'
brand--IsPicture="true"
brand--img-url='/assets/images/pf-c-brand__logo-white.svg'
brand--img-url-on-sm='/assets/images/pf-c-brand__logo-on-sm-white.svg'
brand--img-url-on-md='/assets/images/pf-c-brand__logo-on-md-white.svg'
brand--img-url-on-lg='/assets/images/pf-c-brand__logo-on-lg-white.svg'
brand--img-url-on-xl='/assets/images/pf-c-brand__logo-on-xl-white.svg'
brand--img-url--base='/assets/images/pf_logo-white.svg'
}}
</div>
```

## Documentation
Expand Down
4 changes: 1 addition & 3 deletions src/patternfly/components/Button/button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -575,14 +575,12 @@
color: var(--#{$button}--m-plain--Color);
background-color: var(--#{$button}--m-plain--BackgroundColor);


&.pf-m-no-padding {
padding: 0;
}

&:hover,
&:focus,
&:active {
&:focus {
--#{$button}--m-plain--BackgroundColor: var(--#{$button}--m-plain--hover--BackgroundColor);

mix-blend-mode: var(--pf-t--global--background--color--action--plain--hover--blend);
Expand Down
4 changes: 2 additions & 2 deletions src/patternfly/components/Card/examples/Card.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import './Card.css'
{{#> card card--id="card-action-example-1"}}
{{#> card-header}}
{{#> card-header-main}}
<img src="/assets/images/pf_logo.svg" width="300px" alt="Logo">
{{> pf_logo_white pf_logo_white--attribute='width="300px"'}}
{{/card-header-main}}
{{#> card-actions}}
{{> card--dropdown}}
Expand Down Expand Up @@ -103,7 +103,7 @@ import './Card.css'
{{#> card card--id="card-image-head-example"}}
{{#> card-header}}
{{#> card-header-main}}
<img src="/assets/images/pf_logo.svg" width="300px" alt="Logo">
{{> pf_logo_white pf_logo_white--attribute='width="300px"'}}
{{/card-header-main}}
{{/card-header}}
{{> card-title card-title-text--value="Title"}}
Expand Down
25 changes: 15 additions & 10 deletions src/patternfly/components/Check/check.scss
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,8 @@
--#{$check}__label--FontWeight: var(--#{$pf-global}--FontWeight--normal);
--#{$check}__label--FontSize: var(--#{$pf-global}--FontSize--md);
--#{$check}__label--LineHeight: var(--#{$pf-global}--LineHeight--md);
--#{$check}__input--TranslateY--moz: 5px;
--#{$check}__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%); // find height of single label, divide by two, offset by 50% of own height
--#{$check}__input--TranslateY--moz: var(--#{$check}__input--TranslateY); // remove at breaking change
--#{$check}__description--FontSize: var(--#{$pf-global}--FontSize--sm);
--#{$check}__description--Color: var(--#{$pf-global}--Color--200);
--#{$check}__body--MarginTop: var(--#{$pf-global}--spacer--sm);
Expand All @@ -20,17 +21,28 @@
display: grid;
grid-template-columns: auto 1fr;
grid-gap: var(--#{$check}--GridGap);
align-items: baseline;

&.pf-m-standalone {
--#{$check}--GridGap: 0;
--#{$check}__input--TranslateY--moz: 0;
--#{$check}__input--TranslateY: none;

display: inline-grid;
}
}

.#{$check}__input {
align-self: start;

// stylelint-disable property-no-vendor-prefix
-moz-transform: translateY(var(--#{$check}__input--TranslateY--moz)); // remove at breaking change - no longer needed
// stylelint-enable

// find height of single label, divide by two, offset by 50% of own height
transform: translateY(var(--#{$check}__input--TranslateY));
}

.#{$check}__label {
align-self: baseline;
font-size: var(--#{$check}__label--FontSize);
font-weight: var(--#{$check}__label--FontWeight);
line-height: var(--#{$check}__label--LineHeight);
Expand All @@ -48,13 +60,6 @@
margin-block-start: var(--#{$check}__body--MarginTop);
}

// stylelint-disable property-no-vendor-prefix
.#{$check}__input {
align-self: baseline;
-moz-transform: translateY(var(--#{$check}__input--TranslateY--moz));
}
// stylelint-enable

.#{$check}__label,
.#{$check}__input {
justify-self: start;
Expand Down
8 changes: 2 additions & 6 deletions src/patternfly/components/Dropdown/dropdown.scss
Original file line number Diff line number Diff line change
Expand Up @@ -361,17 +361,13 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"

> input,
.#{$check} {
--#{$check}__input--TranslateY: none;

align-self: revert;
width: auto;
cursor: pointer;
visibility: var(--#{$dropdown}__toggle--m-split-button__toggle-check__input--Visibility, unset);
}

.#{$check}__input {
// stylelint-disable property-no-vendor-prefix
-moz-transform: none;
// stylelint-enable
}
}

.#{$dropdown}__toggle-button {
Expand Down

0 comments on commit b0612a0

Please sign in to comment.