@patternfly/patternfly 6.2.0-prerelease.22 → 6.2.0-prerelease.24

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 (13) hide show
  1. package/components/Alert/alert-group.css +2 -2
  2. package/components/Alert/alert-group.scss +2 -1
  3. package/components/Banner/banner.css +2 -2
  4. package/components/Banner/banner.scss +2 -2
  5. package/components/MenuToggle/menu-toggle.css +1 -1
  6. package/components/MenuToggle/menu-toggle.scss +1 -1
  7. package/components/_index.css +5 -5
  8. package/docs/components/DataList/examples/DataList.md +1 -1
  9. package/package.json +2 -2
  10. package/patternfly-no-globals.css +5 -5
  11. package/patternfly.css +5 -5
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/components/Alert/alert-group.css CHANGED
@@ -105,14 +105,14 @@
105
105
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
106
106
  }
107
107
  }
108
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
108
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
109
109
  grid-template-rows: 0fr;
110
110
  margin-block: 0;
111
111
  overflow: hidden;
112
112
  opacity: 0;
113
113
  transform: translateY(-100%);
114
114
  }
115
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
115
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
116
116
  min-height: 0;
117
117
  padding-block-start: 0;
118
118
  padding-block-end: 0;
package/components/Alert/alert-group.scss CHANGED
@@ -154,7 +154,8 @@
154
154
  }
155
155
 
156
156
  // This class is used BEFORE the alert item comes into the list
157
- &.pf-m-offstage-top {
157
+ // Only apply if the item is the first alert in the list (all new alerts should appear at the top)
158
+ &.pf-m-offstage-top:first-child {
158
159
  // make the item have no height and position it up above
159
160
  grid-template-rows: 0fr;
160
161
  margin-block: 0;
package/components/Banner/banner.css CHANGED
@@ -129,8 +129,8 @@
129
129
  cursor: not-allowed;
130
130
  }
131
131
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
132
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
133
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
132
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
133
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
134
134
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
135
135
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
136
136
  }
package/components/Banner/banner.scss CHANGED
@@ -158,8 +158,8 @@
158
158
  }
159
159
 
160
160
  .#{$button}.pf-m-inline {
161
- --#{$button}--m-link--Color: var(--#{$banner}--link--Color);
162
- --#{$button}--m-link--hover--Color: var(--#{$banner}--link--hover--Color);
161
+ --#{$button}--m-link--m-inline--Color: var(--#{$banner}--link--Color);
162
+ --#{$button}--m-link--m-inline--hover--Color: var(--#{$banner}--link--hover--Color);
163
163
  --#{$button}--disabled--Color: var(--#{$banner}--link--disabled--Color);
164
164
 
165
165
  text-decoration-line: var(--#{$banner}--link--TextDecoration);
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -103,7 +103,7 @@
103
103
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
104
104
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
105
105
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
106
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
106
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
107
107
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
108
108
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
109
109
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -131,7 +131,7 @@
131
131
  --#{$menu-toggle}--m-plain--Color: var(--pf-t--global--icon--color--regular);
132
132
  --#{$menu-toggle}--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
133
133
  --#{$menu-toggle}--m-plain--BorderColor: transparent;
134
- --#{$menu-toggle}--m-plain--BorderRadius: var(--#{$menu-toggle}--BorderRadius);
134
+ --#{$menu-toggle}--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
135
135
  --#{$menu-toggle}--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
136
136
  --#{$menu-toggle}--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
137
137
  --#{$menu-toggle}--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
package/components/_index.css CHANGED
@@ -677,14 +677,14 @@
677
677
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
678
678
  }
679
679
  }
680
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
680
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
681
681
  grid-template-rows: 0fr;
682
682
  margin-block: 0;
683
683
  overflow: hidden;
684
684
  opacity: 0;
685
685
  transform: translateY(-100%);
686
686
  }
687
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
687
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
688
688
  min-height: 0;
689
689
  padding-block-start: 0;
690
690
  padding-block-end: 0;
@@ -1252,8 +1252,8 @@
1252
1252
  cursor: not-allowed;
1253
1253
  }
1254
1254
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1255
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
1256
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1255
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
1256
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1257
1257
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1258
1258
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1259
1259
  }
@@ -10233,7 +10233,7 @@ ul.pf-v6-c-list {
10233
10233
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
10234
10234
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
10235
10235
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10236
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
10236
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
10237
10237
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10238
10238
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10239
10239
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
package/docs/components/DataList/examples/DataList.md CHANGED
@@ -1757,7 +1757,7 @@ When a list item includes more than one block of content, it can be difficult fo
1757
1757
  id="draggable-help"
1758
1758
  >Activate the reorder button and use the arrow keys to reorder the list or use your mouse to drag/reorder. Press escape to cancel the reordering.</div>
1759
1759
  <ul
1760
- class="pf-v6-c-data-list"
1760
+ class="pf-v6-c-data-list pf-m-compact"
1761
1761
  role="list"
1762
1762
  aria-label="Draggable data list rows"
1763
1763
  id="data-list-draggable"
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": "6.2.0-prerelease.22",
4
+ "version": "6.2.0-prerelease.24",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.5.18",
50
+ "@patternfly/documentation-framework": "6.5.19",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
52
  "@patternfly/react-code-editor": "6.1.0",
53
53
  "@patternfly/react-core": "6.1.0",
package/patternfly-no-globals.css CHANGED
@@ -8139,14 +8139,14 @@
8139
8139
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8140
8140
  }
8141
8141
  }
8142
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
8142
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8143
8143
  grid-template-rows: 0fr;
8144
8144
  margin-block: 0;
8145
8145
  overflow: hidden;
8146
8146
  opacity: 0;
8147
8147
  transform: translateY(-100%);
8148
8148
  }
8149
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
8149
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8150
8150
  min-height: 0;
8151
8151
  padding-block-start: 0;
8152
8152
  padding-block-end: 0;
@@ -8714,8 +8714,8 @@
8714
8714
  cursor: not-allowed;
8715
8715
  }
8716
8716
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
8717
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8718
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8717
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
8718
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8719
8719
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8720
8720
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8721
8721
  }
@@ -17695,7 +17695,7 @@ ul.pf-v6-c-list {
17695
17695
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17696
17696
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17697
17697
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17698
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17698
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
17699
17699
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17700
17700
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17701
17701
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
package/patternfly.css CHANGED
@@ -8275,14 +8275,14 @@ button) {
8275
8275
  transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
8276
8276
  }
8277
8277
  }
8278
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
8278
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
8279
8279
  grid-template-rows: 0fr;
8280
8280
  margin-block: 0;
8281
8281
  overflow: hidden;
8282
8282
  opacity: 0;
8283
8283
  transform: translateY(-100%);
8284
8284
  }
8285
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
8285
+ .pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
8286
8286
  min-height: 0;
8287
8287
  padding-block-start: 0;
8288
8288
  padding-block-end: 0;
@@ -8850,8 +8850,8 @@ button) {
8850
8850
  cursor: not-allowed;
8851
8851
  }
8852
8852
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
8853
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8854
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8853
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
8854
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8855
8855
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8856
8856
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8857
8857
  }
@@ -17831,7 +17831,7 @@ ul.pf-v6-c-list {
17831
17831
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17832
17832
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17833
17833
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17834
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17834
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
17835
17835
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17836
17836
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17837
17837
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);