@patternfly/patternfly 5.0.0-alpha.65 → 5.0.0-alpha.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/components/Masthead/masthead.css +2 -0
  2. package/components/Masthead/masthead.scss +2 -0
  3. package/components/Toolbar/toolbar.css +49 -15
  4. package/components/Toolbar/toolbar.scss +54 -18
  5. package/docs/components/Toolbar/examples/Toolbar.md +4 -2
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +51 -15
  8. package/patternfly-theme-dark-unversioned.css +51 -15
  9. package/patternfly.css +51 -15
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -10992,6 +10992,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10992
10992
  }
10993
10993
 
10994
10994
  .pf-v5-c-toolbar {
10995
+ --pf-v5-c-toolbar--AlignItems--base: flex-start;
10995
10996
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10996
10997
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
10997
10998
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
@@ -11001,18 +11002,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11001
11002
  --pf-v5-c-toolbar__item--Display: block;
11002
11003
  --pf-v5-c-toolbar__item--MinWidth--base: auto;
11003
11004
  --pf-v5-c-toolbar__item--AlignSelf: auto;
11005
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11004
11006
  --pf-v5-c-toolbar__group--Display: flex;
11005
- --pf-v5-c-toolbar__group--AlignItems: baseline;
11007
+ --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11006
11008
  --pf-v5-c-toolbar__group--AlignSelf: auto;
11007
11009
  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11008
11010
  --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
11009
11011
  --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
11010
11012
  --pf-v5-c-toolbar__content--Display: flex;
11013
+ --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11011
11014
  --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11012
11015
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
11013
11016
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
11014
11017
  --pf-v5-c-toolbar__content-section--Display: flex;
11015
- --pf-v5-c-toolbar__content-section--AlignItems: baseline;
11018
+ --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11016
11019
  --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11017
11020
  --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
11018
11021
  --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
@@ -11031,8 +11034,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11031
11034
  --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
11032
11035
  --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
11033
11036
  --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
11034
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11035
11037
  --pf-v5-c-toolbar__item--Width: auto;
11038
+ --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11036
11039
  --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
11037
11040
  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
11038
11041
  --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
@@ -11057,7 +11060,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11057
11060
  --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
11058
11061
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11059
11062
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11060
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11063
+ --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
11061
11064
  position: relative;
11062
11065
  display: grid;
11063
11066
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -11107,8 +11110,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11107
11110
  .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11108
11111
  align-self: stretch;
11109
11112
  }
11110
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11111
- align-items: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11113
+ .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
11114
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11112
11115
  }
11113
11116
  .pf-v5-c-toolbar.pf-m-static,
11114
11117
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
@@ -11130,27 +11133,39 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11130
11133
  .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
11131
11134
  --pf-v5-c-toolbar--spacer: 0;
11132
11135
  }
11133
-
11134
- .pf-v5-c-toolbar__group {
11135
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11136
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11137
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11138
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11139
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11140
- margin-right: var(--pf-v5-c-toolbar--spacer);
11136
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
11137
+ .pf-v5-c-toolbar__group.pf-m-align-items-start {
11138
+ align-items: flex-start;
11141
11139
  }
11140
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
11142
11141
  .pf-v5-c-toolbar__group.pf-m-align-items-center {
11143
11142
  align-items: center;
11144
11143
  }
11144
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
11145
11145
  .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
11146
11146
  align-items: baseline;
11147
11147
  }
11148
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
11149
+ .pf-v5-c-toolbar__group.pf-m-align-self-start {
11150
+ align-self: flex-start;
11151
+ }
11152
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
11148
11153
  .pf-v5-c-toolbar__group.pf-m-align-self-center {
11149
11154
  align-self: center;
11150
11155
  }
11156
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
11151
11157
  .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
11152
11158
  align-self: baseline;
11153
11159
  }
11160
+
11161
+ .pf-v5-c-toolbar__group {
11162
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11163
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11164
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11165
+ align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11166
+ align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11167
+ margin-right: var(--pf-v5-c-toolbar--spacer);
11168
+ }
11154
11169
  .pf-v5-c-toolbar__group.pf-m-button-group {
11155
11170
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
11156
11171
  }
@@ -11191,6 +11206,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11191
11206
  --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
11192
11207
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
11193
11208
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
11209
+ align-items: var(--pf-v5-c-toolbar__item--AlignItems);
11194
11210
  align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
11195
11211
  width: var(--pf-v5-c-toolbar__item--Width--base);
11196
11212
  min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
@@ -11246,6 +11262,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11246
11262
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
11247
11263
  }
11248
11264
  }
11265
+ .pf-v5-c-toolbar__item.pf-m-align-items-start {
11266
+ align-items: flex-start;
11267
+ }
11268
+ .pf-v5-c-toolbar__item.pf-m-align-items-center {
11269
+ align-items: center;
11270
+ }
11271
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
11272
+ align-items: baseline;
11273
+ }
11274
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
11275
+ align-self: flex-start;
11276
+ }
11249
11277
  .pf-v5-c-toolbar__item.pf-m-align-self-center {
11250
11278
  align-self: center;
11251
11279
  }
@@ -11302,7 +11330,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11302
11330
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
11303
11331
  position: relative;
11304
11332
  row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11305
- align-items: center;
11333
+ align-items: var(--pf-v5-c-toolbar__content--AlignItems);
11306
11334
  padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
11307
11335
  padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
11308
11336
  }
@@ -11313,9 +11341,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11313
11341
  align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
11314
11342
  width: 100%;
11315
11343
  }
11344
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
11345
+ align-items: flex-start;
11346
+ }
11316
11347
  .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
11317
11348
  align-items: center;
11318
11349
  }
11350
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
11351
+ align-items: baseline;
11352
+ }
11319
11353
 
11320
11354
  .pf-v5-c-toolbar__expandable-content {
11321
11355
  position: absolute;
@@ -17110,6 +17144,7 @@ ul.pf-v5-c-list {
17110
17144
  --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17111
17145
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
17112
17146
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
17147
+ --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17113
17148
  --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17114
17149
  --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17115
17150
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -17182,6 +17217,7 @@ ul.pf-v5-c-list {
17182
17217
  --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor);
17183
17218
  }
17184
17219
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17220
+ --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17185
17221
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17186
17222
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17187
17223
  --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);
package/patternfly.css CHANGED
@@ -10992,6 +10992,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10992
10992
  }
10993
10993
 
10994
10994
  .pf-v5-c-toolbar {
10995
+ --pf-v5-c-toolbar--AlignItems--base: flex-start;
10995
10996
  --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
10996
10997
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
10997
10998
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
@@ -11001,18 +11002,20 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11001
11002
  --pf-v5-c-toolbar__item--Display: block;
11002
11003
  --pf-v5-c-toolbar__item--MinWidth--base: auto;
11003
11004
  --pf-v5-c-toolbar__item--AlignSelf: auto;
11005
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11004
11006
  --pf-v5-c-toolbar__group--Display: flex;
11005
- --pf-v5-c-toolbar__group--AlignItems: baseline;
11007
+ --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11006
11008
  --pf-v5-c-toolbar__group--AlignSelf: auto;
11007
11009
  --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11008
11010
  --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
11009
11011
  --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
11010
11012
  --pf-v5-c-toolbar__content--Display: flex;
11013
+ --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11011
11014
  --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11012
11015
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md);
11013
11016
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md);
11014
11017
  --pf-v5-c-toolbar__content-section--Display: flex;
11015
- --pf-v5-c-toolbar__content-section--AlignItems: baseline;
11018
+ --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
11016
11019
  --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
11017
11020
  --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md);
11018
11021
  --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
@@ -11031,8 +11034,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11031
11034
  --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md);
11032
11035
  --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md);
11033
11036
  --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base);
11034
- --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11035
11037
  --pf-v5-c-toolbar__item--Width: auto;
11038
+ --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base);
11036
11039
  --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm);
11037
11040
  --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer);
11038
11041
  --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer);
@@ -11057,7 +11060,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11057
11060
  --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
11058
11061
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
11059
11062
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
11060
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
11063
+ --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
11061
11064
  position: relative;
11062
11065
  display: grid;
11063
11066
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -11107,8 +11110,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11107
11110
  .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11108
11111
  align-self: stretch;
11109
11112
  }
11110
- .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item {
11111
- align-items: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11113
+ .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) {
11114
+ --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems);
11112
11115
  }
11113
11116
  .pf-v5-c-toolbar.pf-m-static,
11114
11117
  .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content {
@@ -11130,27 +11133,39 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11130
11133
  .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
11131
11134
  --pf-v5-c-toolbar--spacer: 0;
11132
11135
  }
11133
-
11134
- .pf-v5-c-toolbar__group {
11135
- --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11136
- --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11137
- row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11138
- align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11139
- align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11140
- margin-right: var(--pf-v5-c-toolbar--spacer);
11136
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start,
11137
+ .pf-v5-c-toolbar__group.pf-m-align-items-start {
11138
+ align-items: flex-start;
11141
11139
  }
11140
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
11142
11141
  .pf-v5-c-toolbar__group.pf-m-align-items-center {
11143
11142
  align-items: center;
11144
11143
  }
11144
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
11145
11145
  .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
11146
11146
  align-items: baseline;
11147
11147
  }
11148
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
11149
+ .pf-v5-c-toolbar__group.pf-m-align-self-start {
11150
+ align-self: flex-start;
11151
+ }
11152
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
11148
11153
  .pf-v5-c-toolbar__group.pf-m-align-self-center {
11149
11154
  align-self: center;
11150
11155
  }
11156
+ .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
11151
11157
  .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
11152
11158
  align-self: baseline;
11153
11159
  }
11160
+
11161
+ .pf-v5-c-toolbar__group {
11162
+ --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
11163
+ --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display);
11164
+ row-gap: var(--pf-v5-c-toolbar__group--RowGap);
11165
+ align-items: var(--pf-v5-c-toolbar__group--AlignItems);
11166
+ align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
11167
+ margin-right: var(--pf-v5-c-toolbar--spacer);
11168
+ }
11154
11169
  .pf-v5-c-toolbar__group.pf-m-button-group {
11155
11170
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
11156
11171
  }
@@ -11191,6 +11206,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11191
11206
  --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width);
11192
11207
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth);
11193
11208
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display);
11209
+ align-items: var(--pf-v5-c-toolbar__item--AlignItems);
11194
11210
  align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
11195
11211
  width: var(--pf-v5-c-toolbar__item--Width--base);
11196
11212
  min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
@@ -11246,6 +11262,18 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11246
11262
  --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))));
11247
11263
  }
11248
11264
  }
11265
+ .pf-v5-c-toolbar__item.pf-m-align-items-start {
11266
+ align-items: flex-start;
11267
+ }
11268
+ .pf-v5-c-toolbar__item.pf-m-align-items-center {
11269
+ align-items: center;
11270
+ }
11271
+ .pf-v5-c-toolbar__item.pf-m-align-items-baseline {
11272
+ align-items: baseline;
11273
+ }
11274
+ .pf-v5-c-toolbar__item.pf-m-align-self-start {
11275
+ align-self: flex-start;
11276
+ }
11249
11277
  .pf-v5-c-toolbar__item.pf-m-align-self-center {
11250
11278
  align-self: center;
11251
11279
  }
@@ -11302,7 +11330,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11302
11330
  --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display);
11303
11331
  position: relative;
11304
11332
  row-gap: var(--pf-v5-c-toolbar__content--RowGap);
11305
- align-items: center;
11333
+ align-items: var(--pf-v5-c-toolbar__content--AlignItems);
11306
11334
  padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
11307
11335
  padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
11308
11336
  }
@@ -11313,9 +11341,15 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11313
11341
  align-items: var(--pf-v5-c-toolbar__content-section--AlignItems);
11314
11342
  width: 100%;
11315
11343
  }
11344
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-start {
11345
+ align-items: flex-start;
11346
+ }
11316
11347
  .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
11317
11348
  align-items: center;
11318
11349
  }
11350
+ .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
11351
+ align-items: baseline;
11352
+ }
11319
11353
 
11320
11354
  .pf-v5-c-toolbar__expandable-content {
11321
11355
  position: absolute;
@@ -17110,6 +17144,7 @@ ul.pf-v5-c-list {
17110
17144
  --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-v5-c-masthead--item-border-color--base);
17111
17145
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
17112
17146
  --pf-v5-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
17147
+ --pf-v5-c-masthead--c-toolbar--AlignItems--base: center;
17113
17148
  --pf-v5-c-masthead--c-toolbar__content--PaddingRight: 0;
17114
17149
  --pf-v5-c-masthead--c-toolbar__content--PaddingLeft: 0;
17115
17150
  --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -17182,6 +17217,7 @@ ul.pf-v5-c-list {
17182
17217
  --pf-v5-c-masthead__main--BorderBottomColor: var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor);
17183
17218
  }
17184
17219
  .pf-v5-c-masthead .pf-v5-c-toolbar {
17220
+ --pf-v5-c-toolbar--AlignItems--base: var(--pf-v5-c-masthead--c-toolbar--AlignItems--base);
17185
17221
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight);
17186
17222
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft);
17187
17223
  --pf-v5-c-toolbar__expandable-content--PaddingTop: var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop);