@patternfly/patternfly 5.1.0-prerelease.5 → 5.1.0-prerelease.7

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 (16) hide show
  1. package/components/Chip/chip.css +4 -0
  2. package/components/Chip/chip.scss +5 -0
  3. package/components/Dropdown/dropdown.css +2 -2
  4. package/components/Dropdown/dropdown.scss +2 -2
  5. package/components/Label/label-group.css +1 -1
  6. package/components/Label/label-group.scss +1 -1
  7. package/components/ProgressStepper/progress-stepper.css +1 -1
  8. package/components/ProgressStepper/progress-stepper.scss +1 -1
  9. package/components/Sidebar/sidebar.css +2 -2
  10. package/components/Sidebar/sidebar.scss +2 -2
  11. package/package.json +2 -2
  12. package/patternfly-no-globals.css +10 -6
  13. package/patternfly-theme-dark-unversioned.css +10 -6
  14. package/patternfly.css +10 -6
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
package/components/Chip/chip.css CHANGED
@@ -28,6 +28,7 @@
28
28
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
29
29
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
30
30
  --pf-v5-c-chip__text--MaxWidth: 16ch;
31
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
31
32
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
32
33
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
33
34
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -80,6 +81,9 @@
80
81
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
81
82
  color: var(--pf-v5-c-chip__text--Color);
82
83
  }
84
+ .pf-v5-c-chip__text .pf-v5-c-badge {
85
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
86
+ }
83
87
 
84
88
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
85
89
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
package/components/Chip/chip.scss CHANGED
@@ -26,6 +26,7 @@
26
26
  // chip text
27
27
  --#{$chip}__text--Color: var(--#{$pf-global}--Color--100);
28
28
  --#{$chip}__text--MaxWidth: 16ch;
29
+ --#{$chip}__c-badge--MarginLeft: var(--#{$pf-global}--spacer--xs);
29
30
 
30
31
  // chip actions
31
32
  --#{$chip}__actions--FontSize: var(--#{$pf-global}--FontSize--xs);
@@ -92,6 +93,10 @@
92
93
  position: relative;
93
94
  max-width: var(--#{$chip}__text--MaxWidth);
94
95
  color: var(--#{$chip}__text--Color);
96
+
97
+ .#{$badge} {
98
+ margin-left: var(--#{$chip}__c-badge--MarginLeft); // remove in breaking change
99
+ }
95
100
  }
96
101
 
97
102
  .#{$chip}__icon + .#{$chip}__text,
package/components/Dropdown/dropdown.css CHANGED
@@ -147,7 +147,7 @@
147
147
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
148
148
  position: relative;
149
149
  display: inline-flex;
150
- align-items: start;
150
+ align-items: flex-start;
151
151
  max-width: 100%;
152
152
  }
153
153
  .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -611,7 +611,7 @@
611
611
  }
612
612
  .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
613
613
  flex-direction: column;
614
- align-items: start;
614
+ align-items: flex-start;
615
615
  }
616
616
  .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
617
617
  display: flex;
package/components/Dropdown/dropdown.scss CHANGED
@@ -190,7 +190,7 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
190
190
 
191
191
  position: relative;
192
192
  display: inline-flex;
193
- align-items: start;
193
+ align-items: flex-start;
194
194
  max-width: 100%;
195
195
 
196
196
  .#{$divider} {
@@ -755,7 +755,7 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
755
755
 
756
756
  &.pf-m-description {
757
757
  flex-direction: column;
758
- align-items: start;
758
+ align-items: flex-start;
759
759
  }
760
760
 
761
761
  .#{$dropdown}__menu-item-main {
package/components/Label/label-group.css CHANGED
@@ -116,7 +116,7 @@
116
116
 
117
117
  .pf-v5-c-label-group__close {
118
118
  display: flex;
119
- align-self: start;
119
+ align-self: flex-start;
120
120
  margin-top: var(--pf-v5-c-label-group__close--MarginTop);
121
121
  margin-right: var(--pf-v5-c-label-group__close--MarginRight);
122
122
  margin-bottom: var(--pf-v5-c-label-group__close--MarginBottom);
package/components/Label/label-group.scss CHANGED
@@ -141,7 +141,7 @@
141
141
 
142
142
  .#{$label-group}__close {
143
143
  display: flex;
144
- align-self: start;
144
+ align-self: flex-start;
145
145
  margin-top: var(--#{$label-group}__close--MarginTop);
146
146
  margin-right: var(--#{$label-group}__close--MarginRight);
147
147
  margin-bottom: var(--#{$label-group}__close--MarginBottom);
package/components/ProgressStepper/progress-stepper.css CHANGED
@@ -57,7 +57,7 @@
57
57
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
58
58
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
59
59
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
60
- --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
60
+ --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
61
61
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
62
62
  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
63
63
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
package/components/ProgressStepper/progress-stepper.scss CHANGED
@@ -133,7 +133,7 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
133
133
  --#{$progress-stepper}--GridTemplateRows: auto 1fr;
134
134
 
135
135
  // Step connector variables
136
- --#{$progress-stepper}__step-connector--JustifyContent: start;
136
+ --#{$progress-stepper}__step-connector--JustifyContent: flex-start;
137
137
 
138
138
  // Step icon variables
139
139
  --#{$progress-stepper}__step-icon--ZIndex: var(--#{$pf-global}--ZIndex--xs);
package/components/Sidebar/sidebar.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --pf-v5-c-sidebar__main--FlexDirection: column;
26
26
  --pf-v5-c-sidebar__main--md--FlexDirection: row;
27
27
  --pf-v5-c-sidebar__main--AlignItems: stretch;
28
- --pf-v5-c-sidebar__main--md--AlignItems: start;
28
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
29
29
  --pf-v5-c-sidebar__main--child--MarginTop: 0;
30
30
  --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
31
31
  --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -41,7 +41,7 @@
41
41
  --pf-v5-c-sidebar--m-stack__panel--Top: 0;
42
42
  --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
43
43
  --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
44
- --pf-v5-c-sidebar--m-split__main--AlignItems: start;
44
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
45
45
  --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
46
46
  --pf-v5-c-sidebar--m-split__panel--Position: static;
47
47
  --pf-v5-c-sidebar--m-split__panel--Top: auto;
package/components/Sidebar/sidebar.scss CHANGED
@@ -39,7 +39,7 @@ $pf-v5-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
39
39
  --#{$sidebar}__main--FlexDirection: column;
40
40
  --#{$sidebar}__main--md--FlexDirection: row;
41
41
  --#{$sidebar}__main--AlignItems: stretch;
42
- --#{$sidebar}__main--md--AlignItems: start;
42
+ --#{$sidebar}__main--md--AlignItems: flex-start;
43
43
  --#{$sidebar}__main--child--MarginTop: 0;
44
44
 
45
45
  // Gutter
@@ -65,7 +65,7 @@ $pf-v5-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
65
65
  --#{$sidebar}--m-stack--m-panel-right__panel--Order: -1;
66
66
 
67
67
  // Split
68
- --#{$sidebar}--m-split__main--AlignItems: start;
68
+ --#{$sidebar}--m-split__main--AlignItems: flex-start;
69
69
  --#{$sidebar}--m-split__main--FlexDirection: row;
70
70
  --#{$sidebar}--m-split__panel--Position: static;
71
71
  --#{$sidebar}--m-split__panel--Top: auto;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.5",
4
+ "version": "5.1.0-prerelease.7",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -43,7 +43,7 @@
43
43
  "@commitlint/config-conventional": "^17.6.7",
44
44
  "@fortawesome/fontawesome": "^1.1.8",
45
45
  "@octokit/rest": "^20.0.1",
46
- "@patternfly/documentation-framework": "5.0.18",
46
+ "@patternfly/documentation-framework": "5.1.3",
47
47
  "@patternfly/patternfly-a11y": "4.3.1",
48
48
  "@patternfly/react-code-editor": "5.0.0",
49
49
  "@patternfly/react-core": "5.0.0",
package/patternfly-no-globals.css CHANGED
@@ -8191,6 +8191,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8191
8191
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8192
8192
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8193
8193
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8194
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8194
8195
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8195
8196
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8196
8197
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8243,6 +8244,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8243
8244
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8244
8245
  color: var(--pf-v5-c-chip__text--Color);
8245
8246
  }
8247
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8248
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8249
+ }
8246
8250
 
8247
8251
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8248
8252
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
@@ -13294,7 +13298,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13294
13298
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
13295
13299
  position: relative;
13296
13300
  display: inline-flex;
13297
- align-items: start;
13301
+ align-items: flex-start;
13298
13302
  max-width: 100%;
13299
13303
  }
13300
13304
  .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -13758,7 +13762,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13758
13762
  }
13759
13763
  .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
13760
13764
  flex-direction: column;
13761
- align-items: start;
13765
+ align-items: flex-start;
13762
13766
  }
13763
13767
  .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
13764
13768
  display: flex;
@@ -16239,7 +16243,7 @@ button.pf-v5-c-label__content:focus {
16239
16243
 
16240
16244
  .pf-v5-c-label-group__close {
16241
16245
  display: flex;
16242
- align-self: start;
16246
+ align-self: flex-start;
16243
16247
  margin-top: var(--pf-v5-c-label-group__close--MarginTop);
16244
16248
  margin-right: var(--pf-v5-c-label-group__close--MarginRight);
16245
16249
  margin-bottom: var(--pf-v5-c-label-group__close--MarginBottom);
@@ -22417,7 +22421,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22417
22421
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
22418
22422
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
22419
22423
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
22420
- --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
22424
+ --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
22421
22425
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
22422
22426
  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
22423
22427
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
@@ -23641,7 +23645,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23641
23645
  --pf-v5-c-sidebar__main--FlexDirection: column;
23642
23646
  --pf-v5-c-sidebar__main--md--FlexDirection: row;
23643
23647
  --pf-v5-c-sidebar__main--AlignItems: stretch;
23644
- --pf-v5-c-sidebar__main--md--AlignItems: start;
23648
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
23645
23649
  --pf-v5-c-sidebar__main--child--MarginTop: 0;
23646
23650
  --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
23647
23651
  --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -23657,7 +23661,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23657
23661
  --pf-v5-c-sidebar--m-stack__panel--Top: 0;
23658
23662
  --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
23659
23663
  --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23660
- --pf-v5-c-sidebar--m-split__main--AlignItems: start;
23664
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
23661
23665
  --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
23662
23666
  --pf-v5-c-sidebar--m-split__panel--Position: static;
23663
23667
  --pf-v5-c-sidebar--m-split__panel--Top: auto;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -8308,6 +8308,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8308
8308
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8309
8309
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8310
8310
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8311
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8311
8312
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8312
8313
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8313
8314
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8360,6 +8361,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8360
8361
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8361
8362
  color: var(--pf-v5-c-chip__text--Color);
8362
8363
  }
8364
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8365
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8366
+ }
8363
8367
 
8364
8368
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8365
8369
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
@@ -13411,7 +13415,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13411
13415
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
13412
13416
  position: relative;
13413
13417
  display: inline-flex;
13414
- align-items: start;
13418
+ align-items: flex-start;
13415
13419
  max-width: 100%;
13416
13420
  }
13417
13421
  .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -13875,7 +13879,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13875
13879
  }
13876
13880
  .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
13877
13881
  flex-direction: column;
13878
- align-items: start;
13882
+ align-items: flex-start;
13879
13883
  }
13880
13884
  .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
13881
13885
  display: flex;
@@ -16356,7 +16360,7 @@ button.pf-v5-c-label__content:focus {
16356
16360
 
16357
16361
  .pf-v5-c-label-group__close {
16358
16362
  display: flex;
16359
- align-self: start;
16363
+ align-self: flex-start;
16360
16364
  margin-top: var(--pf-v5-c-label-group__close--MarginTop);
16361
16365
  margin-right: var(--pf-v5-c-label-group__close--MarginRight);
16362
16366
  margin-bottom: var(--pf-v5-c-label-group__close--MarginBottom);
@@ -22534,7 +22538,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22534
22538
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
22535
22539
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
22536
22540
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
22537
- --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
22541
+ --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
22538
22542
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
22539
22543
  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
22540
22544
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
@@ -23758,7 +23762,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23758
23762
  --pf-v5-c-sidebar__main--FlexDirection: column;
23759
23763
  --pf-v5-c-sidebar__main--md--FlexDirection: row;
23760
23764
  --pf-v5-c-sidebar__main--AlignItems: stretch;
23761
- --pf-v5-c-sidebar__main--md--AlignItems: start;
23765
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
23762
23766
  --pf-v5-c-sidebar__main--child--MarginTop: 0;
23763
23767
  --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
23764
23768
  --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -23774,7 +23778,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23774
23778
  --pf-v5-c-sidebar--m-stack__panel--Top: 0;
23775
23779
  --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
23776
23780
  --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23777
- --pf-v5-c-sidebar--m-split__main--AlignItems: start;
23781
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
23778
23782
  --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
23779
23783
  --pf-v5-c-sidebar--m-split__panel--Position: static;
23780
23784
  --pf-v5-c-sidebar--m-split__panel--Top: auto;
package/patternfly.css CHANGED
@@ -8308,6 +8308,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8308
8308
  --pf-v5-c-chip__content--ColumnGap: var(--pf-v5-global--spacer--xs);
8309
8309
  --pf-v5-c-chip__text--Color: var(--pf-v5-global--Color--100);
8310
8310
  --pf-v5-c-chip__text--MaxWidth: 16ch;
8311
+ --pf-v5-c-chip__c-badge--MarginLeft: var(--pf-v5-global--spacer--xs);
8311
8312
  --pf-v5-c-chip__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8312
8313
  --pf-v5-c-chip__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8313
8314
  --pf-v5-c-chip__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
@@ -8360,6 +8361,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8360
8361
  max-width: var(--pf-v5-c-chip__text--MaxWidth);
8361
8362
  color: var(--pf-v5-c-chip__text--Color);
8362
8363
  }
8364
+ .pf-v5-c-chip__text .pf-v5-c-badge {
8365
+ margin-left: var(--pf-v5-c-chip__c-badge--MarginLeft);
8366
+ }
8363
8367
 
8364
8368
  .pf-v5-c-chip__icon + .pf-v5-c-chip__text,
8365
8369
  .pf-v5-c-chip__text + .pf-v5-c-chip__icon {
@@ -13411,7 +13415,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13411
13415
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
13412
13416
  position: relative;
13413
13417
  display: inline-flex;
13414
- align-items: start;
13418
+ align-items: flex-start;
13415
13419
  max-width: 100%;
13416
13420
  }
13417
13421
  .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -13875,7 +13879,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13875
13879
  }
13876
13880
  .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
13877
13881
  flex-direction: column;
13878
- align-items: start;
13882
+ align-items: flex-start;
13879
13883
  }
13880
13884
  .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
13881
13885
  display: flex;
@@ -16356,7 +16360,7 @@ button.pf-v5-c-label__content:focus {
16356
16360
 
16357
16361
  .pf-v5-c-label-group__close {
16358
16362
  display: flex;
16359
- align-self: start;
16363
+ align-self: flex-start;
16360
16364
  margin-top: var(--pf-v5-c-label-group__close--MarginTop);
16361
16365
  margin-right: var(--pf-v5-c-label-group__close--MarginRight);
16362
16366
  margin-bottom: var(--pf-v5-c-label-group__close--MarginBottom);
@@ -22534,7 +22538,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22534
22538
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
22535
22539
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
22536
22540
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
22537
- --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
22541
+ --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
22538
22542
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
22539
22543
  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
22540
22544
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
@@ -23758,7 +23762,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23758
23762
  --pf-v5-c-sidebar__main--FlexDirection: column;
23759
23763
  --pf-v5-c-sidebar__main--md--FlexDirection: row;
23760
23764
  --pf-v5-c-sidebar__main--AlignItems: stretch;
23761
- --pf-v5-c-sidebar__main--md--AlignItems: start;
23765
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
23762
23766
  --pf-v5-c-sidebar__main--child--MarginTop: 0;
23763
23767
  --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
23764
23768
  --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -23774,7 +23778,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23774
23778
  --pf-v5-c-sidebar--m-stack__panel--Top: 0;
23775
23779
  --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
23776
23780
  --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23777
- --pf-v5-c-sidebar--m-split__main--AlignItems: start;
23781
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
23778
23782
  --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
23779
23783
  --pf-v5-c-sidebar--m-split__panel--Position: static;
23780
23784
  --pf-v5-c-sidebar--m-split__panel--Top: auto;