fix(global): pf-global and pf-v5 to pf-v6 updates#6494
Conversation
|
Preview: https://patternfly-pr-6494.surge.sh A11y report: https://patternfly-pr-6494-a11y.surge.sh |
|
|
||
| // Close | ||
| --#{$about-modal-box}__close--ZIndex: var(--#{$pf-global}--ZIndex--2xl); // TODO zindex token | ||
| --#{$about-modal-box}__close--ZIndex: var(--pf-t--global--Zindex--2xl); // TODO zindex token |
There was a problem hiding this comment.
Can probably take the TODO off now?
| --#{$content}--ul--nested--MarginTop: var(--pf-t--global--spacer--sm); | ||
| --#{$content}--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm); | ||
| --#{$content}--ul--ListStyle: var(--#{$pf-global}--ListStyle); // TODO | ||
| --#{$content}--ul--ListStyle: var(--pf-t--global--list-style); // TODO |
| --#{$dual-list-selector}__item-toggle-icon--Rotate: 0; | ||
| --#{$dual-list-selector}__list-item--m-expanded__item-toggle-icon--Rotate: 90deg; | ||
| --#{$dual-list-selector}__item-toggle-icon--Transition: var(--#{$pf-global}--Transition); // need token | ||
| --#{$dual-list-selector}__item-toggle-icon--Transition: var(--pf-t--global--transition); // need token |
There was a problem hiding this comment.
I think this comment can be removed
| // toggle icon | ||
| --#{$jump-links}__toggle-icon--Color: currentcolor; | ||
| --#{$jump-links}__toggle-icon--Transition: var(--#{$pf-global}--Transition); // TODO | ||
| --#{$jump-links}__toggle-icon--Transition: var(--pf-t--global--transition); // TODO |
| --#{$list}--nested--MarginTop: var(--pf-t--global--spacer--sm); | ||
| --#{$list}--nested--MarginLeft: var(--pf-t--global--spacer--sm); | ||
| --#{$list}--ul--ListStyle: var(--#{$pf-global}--ListStyle); // TODO add token? | ||
| --#{$list}--ul--ListStyle: var(--pf-t--global--list-style); // TODO add token? |
| --#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update | ||
| --#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update |
There was a problem hiding this comment.
Just silly comments about removing TODO markers.
FABULOUS job! 🐰
|
|
||
| // * Table expandable row | ||
| --#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available | ||
| --#{$table}__expandable-row--Transition: var(--pf-t--global--transition); // TODO: update to token when available |
There was a problem hiding this comment.
That would be a great productivity app name!
|
|
||
| // * Table expandable row | ||
| --#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available | ||
| --#{$table}__expandable-row--Transition: var(--pf-t--global--transition); // TODO: update to token when available |
src/patternfly/base/_themes.scss
Outdated
|
|
||
| &.pf-m-transparent-100 { | ||
| background-color: rgba($pf-v5-color-black-1000, .42); | ||
| background-color: rgba($pf-v6-color-black-1000, .42); |
There was a problem hiding this comment.
Do we even still need this file? Is it used for those deprecated components still?
| --#{$menu}--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update | ||
| --#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update |
|
|
||
| // * Menu drilldown list | ||
| --#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--#{$pf-global}--TransitionDuration); // TODO: Update transition with token update | ||
| --#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration); // TODO: Update transition with token update |
| --#{$modal-box}--BorderRadius: var(--pf-t--global--border--radius--large); | ||
| --#{$modal-box}--BoxShadow: var(--pf-t--global--box-shadow--lg); | ||
| --#{$modal-box}--ZIndex: var(--#{$pf-global}--ZIndex--xl); // TODO use a z-index token | ||
| --#{$modal-box}--ZIndex: var(--pf-t--global--Zindex--xl); // TODO use a z-index token |
| // Panel | ||
| --#{$sidebar}__panel--FlexBasis--base: auto; | ||
| --#{$sidebar}__panel--BoxShadow--base: #{0 pf-size-prem(4px) pf-size-prem(4px) pf-size-prem(-4px) rgba($pf-v5-color-black-1000, .16)}; // TODO NEEDS TOKEN. previous comment:modified so the shadow is only visible on the bottom of the element | ||
| --#{$sidebar}__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom); // TODO NEEDS TOKEN. previous comment:modified so the shadow is only visible on the bottom of the element |
| // * Toolbar expand all | ||
| --#{$toolbar}__expand-all-icon--Rotate: 0; | ||
| --#{$toolbar}__expand-all-icon--Transition: var(--#{$pf-global}--Transition); // TODO: update when transition is tokenized | ||
| --#{$toolbar}__expand-all-icon--Transition: var(--pf-t--global--transition); // TODO: update when transition is tokenized |
There was a problem hiding this comment.
All done! TODO can be removed.
|
🎉 This PR is included in version 6.0.0-alpha.115 🎉 The release is available on: Your semantic-release bot 📦🚀 |
fixes #6493