@patternfly/react-styles 6.5.0-prerelease.11 → 6.5.0-prerelease.12

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 (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Compass/compass.css +2 -2
  3. package/css/components/Drawer/drawer.css +2 -2
  4. package/css/components/Hero/hero.css +2 -2
  5. package/css/components/Masthead/masthead.css +2 -2
  6. package/css/components/NotificationDrawer/notification-drawer.css +2 -0
  7. package/css/components/Table/table-grid.css +28 -36
  8. package/css/components/_index.css +38 -44
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.5.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.11...@patternfly/react-styles@6.5.0-prerelease.12) (2026-02-18)
7
+
8
+ ### Features
9
+
10
+ - **icons:** add swap support for mapped rh-ui icons ([#12245](https://github.com/patternfly/patternfly-react/issues/12245)) ([a81ce0e](https://github.com/patternfly/patternfly-react/commit/a81ce0e1b6fdd7a3e85cdd70e5bb667dc7d82801))
11
+
6
12
  # [6.5.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.10...@patternfly/react-styles@6.5.0-prerelease.11) (2026-02-05)
7
13
 
8
14
  ### Features
package/css/components/Compass/compass.css CHANGED
@@ -24,8 +24,8 @@
24
24
  --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
25
25
  --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
26
26
  --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
27
- --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--default);
28
- --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
27
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
28
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
29
29
  --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
30
30
  --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
31
31
  --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
package/css/components/Drawer/drawer.css CHANGED
@@ -53,8 +53,8 @@
53
53
  --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
54
54
  --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
55
55
  --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
56
- --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
57
- --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
56
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
57
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
58
58
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
59
59
  }
60
60
  @media screen and (prefers-reduced-motion: no-preference) {
package/css/components/Hero/hero.css CHANGED
@@ -10,8 +10,8 @@
10
10
  --pf-v6-c-hero--gradient--stop-1--dark: transparent;
11
11
  --pf-v6-c-hero--gradient--stop-2--dark: transparent;
12
12
  --pf-v6-c-hero--gradient--stop-3--dark: transparent;
13
- --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--default);
14
- --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
13
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
14
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
15
15
  --pf-v6-c-hero--BackgroundImage--light: none;
16
16
  --pf-v6-c-hero--BackgroundImage--dark: none;
17
17
  --pf-v6-c-hero--BackgroundRepeat: no-repeat;
package/css/components/Masthead/masthead.css CHANGED
@@ -42,8 +42,8 @@
42
42
  --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
43
43
  --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
44
44
  --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
45
- --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--default);
46
- --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
45
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
46
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
47
47
  --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
48
48
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
49
49
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
package/css/components/NotificationDrawer/notification-drawer.css CHANGED
@@ -14,6 +14,7 @@
14
14
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
15
15
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
16
16
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
17
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
17
18
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
18
19
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
19
20
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -108,6 +109,7 @@
108
109
 
109
110
  .pf-v6-c-notification-drawer__header-action {
110
111
  display: flex;
112
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
111
113
  align-items: center;
112
114
  margin-inline-start: auto;
113
115
  }
package/css/components/Table/table-grid.css CHANGED
@@ -367,7 +367,7 @@
367
367
  --pf-v6-c-table--cell--Width: auto;
368
368
  }
369
369
 
370
- @media screen and (max-width: calc(48rem - 1px)) {
370
+ @container pf-v6-contain-table (max-width: 48rem) {
371
371
  .pf-m-grid-md.pf-v6-c-table {
372
372
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
373
373
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -645,15 +645,13 @@
645
645
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
646
646
  text-align: end;
647
647
  }
648
- }
649
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
650
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
651
- grid-row-start: 1;
652
- grid-column-start: 2;
653
- margin-inline-start: 0;
648
+ @media screen and (max-width: 36rem) {
649
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
650
+ grid-row-start: 1;
651
+ grid-column-start: 2;
652
+ margin-inline-start: 0;
653
+ }
654
654
  }
655
- }
656
- @media screen and (max-width: calc(48rem - 1px)) {
657
655
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
658
656
  grid-column: 2;
659
657
  grid-row: 2;
@@ -679,7 +677,7 @@
679
677
  }
680
678
  }
681
679
 
682
- @media screen and (max-width: calc(62rem - 1px)) {
680
+ @container pf-v6-contain-table (max-width: 62rem) {
683
681
  .pf-m-grid-lg.pf-v6-c-table {
684
682
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
685
683
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -957,15 +955,13 @@
957
955
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
958
956
  text-align: end;
959
957
  }
960
- }
961
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
962
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
963
- grid-row-start: 1;
964
- grid-column-start: 2;
965
- margin-inline-start: 0;
958
+ @media screen and (max-width: 36rem) {
959
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
960
+ grid-row-start: 1;
961
+ grid-column-start: 2;
962
+ margin-inline-start: 0;
963
+ }
966
964
  }
967
- }
968
- @media screen and (max-width: calc(62rem - 1px)) {
969
965
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
970
966
  grid-column: 2;
971
967
  grid-row: 2;
@@ -991,7 +987,7 @@
991
987
  }
992
988
  }
993
989
 
994
- @media screen and (max-width: calc(75rem - 1px)) {
990
+ @container pf-v6-contain-table (max-width: 75rem) {
995
991
  .pf-m-grid-xl.pf-v6-c-table {
996
992
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
997
993
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1269,15 +1265,13 @@
1269
1265
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1270
1266
  text-align: end;
1271
1267
  }
1272
- }
1273
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
1274
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1275
- grid-row-start: 1;
1276
- grid-column-start: 2;
1277
- margin-inline-start: 0;
1268
+ @media screen and (max-width: 36rem) {
1269
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1270
+ grid-row-start: 1;
1271
+ grid-column-start: 2;
1272
+ margin-inline-start: 0;
1273
+ }
1278
1274
  }
1279
- }
1280
- @media screen and (max-width: calc(75rem - 1px)) {
1281
1275
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
1282
1276
  grid-column: 2;
1283
1277
  grid-row: 2;
@@ -1303,7 +1297,7 @@
1303
1297
  }
1304
1298
  }
1305
1299
 
1306
- @media screen and (max-width: calc(90.625rem - 1px)) {
1300
+ @container pf-v6-contain-table (max-width: 90.625rem) {
1307
1301
  .pf-m-grid-2xl.pf-v6-c-table {
1308
1302
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1309
1303
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1581,15 +1575,13 @@
1581
1575
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1582
1576
  text-align: end;
1583
1577
  }
1584
- }
1585
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
1586
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1587
- grid-row-start: 1;
1588
- grid-column-start: 2;
1589
- margin-inline-start: 0;
1578
+ @media screen and (max-width: 36rem) {
1579
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1580
+ grid-row-start: 1;
1581
+ grid-column-start: 2;
1582
+ margin-inline-start: 0;
1583
+ }
1590
1584
  }
1591
- }
1592
- @media screen and (max-width: calc(90.625rem - 1px)) {
1593
1585
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
1594
1586
  grid-column: 2;
1595
1587
  grid-row: 2;
package/css/components/_index.css CHANGED
@@ -3565,8 +3565,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3565
3565
  --pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
3566
3566
  --pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
3567
3567
  --pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
3568
- --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--default);
3569
- --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
3568
+ --pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
3569
+ --pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
3570
3570
  --pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--alt);
3571
3571
  --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
3572
3572
  --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -6190,8 +6190,8 @@ ul) {
6190
6190
  --pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
6191
6191
  --pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
6192
6192
  --pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
6193
- --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
6194
- --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
6193
+ --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
6194
+ --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
6195
6195
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
6196
6196
  }
6197
6197
  @media screen and (prefers-reduced-motion: no-preference) {
@@ -8419,8 +8419,8 @@ ul) {
8419
8419
  --pf-v6-c-hero--gradient--stop-1--dark: transparent;
8420
8420
  --pf-v6-c-hero--gradient--stop-2--dark: transparent;
8421
8421
  --pf-v6-c-hero--gradient--stop-3--dark: transparent;
8422
- --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--default);
8423
- --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
8422
+ --pf-v6-c-hero--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
8423
+ --pf-v6-c-hero--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
8424
8424
  --pf-v6-c-hero--BackgroundImage--light: none;
8425
8425
  --pf-v6-c-hero--BackgroundImage--dark: none;
8426
8426
  --pf-v6-c-hero--BackgroundRepeat: no-repeat;
@@ -10339,8 +10339,8 @@ ul.pf-v6-c-list {
10339
10339
  --pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10340
10340
  --pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10341
10341
  --pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
10342
- --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--default);
10343
- --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
10342
+ --pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
10343
+ --pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
10344
10344
  --pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
10345
10345
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
10346
10346
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
@@ -12916,6 +12916,7 @@ ul.pf-v6-c-list {
12916
12916
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
12917
12917
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
12918
12918
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
12919
+ --pf-v6-c-notification-drawer__header-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
12919
12920
  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
12920
12921
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
12921
12922
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -13010,6 +13011,7 @@ ul.pf-v6-c-list {
13010
13011
 
13011
13012
  .pf-v6-c-notification-drawer__header-action {
13012
13013
  display: flex;
13014
+ gap: var(--pf-v6-c-notification-drawer__header-action--Gap);
13013
13015
  align-items: center;
13014
13016
  margin-inline-start: auto;
13015
13017
  }
@@ -17112,7 +17114,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17112
17114
  --pf-v6-c-table--cell--Width: auto;
17113
17115
  }
17114
17116
 
17115
- @media screen and (max-width: calc(48rem - 1px)) {
17117
+ @container pf-v6-contain-table (max-width: 48rem) {
17116
17118
  .pf-m-grid-md.pf-v6-c-table {
17117
17119
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17118
17120
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -17390,15 +17392,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17390
17392
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17391
17393
  text-align: end;
17392
17394
  }
17393
- }
17394
- @media screen and (max-width: calc(48rem - 1px)) and (max-width: 36rem) {
17395
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17396
- grid-row-start: 1;
17397
- grid-column-start: 2;
17398
- margin-inline-start: 0;
17395
+ @media screen and (max-width: 36rem) {
17396
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
17397
+ grid-row-start: 1;
17398
+ grid-column-start: 2;
17399
+ margin-inline-start: 0;
17400
+ }
17399
17401
  }
17400
- }
17401
- @media screen and (max-width: calc(48rem - 1px)) {
17402
17402
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
17403
17403
  grid-column: 2;
17404
17404
  grid-row: 2;
@@ -17424,7 +17424,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17424
17424
  }
17425
17425
  }
17426
17426
 
17427
- @media screen and (max-width: calc(62rem - 1px)) {
17427
+ @container pf-v6-contain-table (max-width: 62rem) {
17428
17428
  .pf-m-grid-lg.pf-v6-c-table {
17429
17429
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17430
17430
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -17702,15 +17702,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17702
17702
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17703
17703
  text-align: end;
17704
17704
  }
17705
- }
17706
- @media screen and (max-width: calc(62rem - 1px)) and (max-width: 36rem) {
17707
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17708
- grid-row-start: 1;
17709
- grid-column-start: 2;
17710
- margin-inline-start: 0;
17705
+ @media screen and (max-width: 36rem) {
17706
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
17707
+ grid-row-start: 1;
17708
+ grid-column-start: 2;
17709
+ margin-inline-start: 0;
17710
+ }
17711
17711
  }
17712
- }
17713
- @media screen and (max-width: calc(62rem - 1px)) {
17714
17712
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
17715
17713
  grid-column: 2;
17716
17714
  grid-row: 2;
@@ -17736,7 +17734,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17736
17734
  }
17737
17735
  }
17738
17736
 
17739
- @media screen and (max-width: calc(75rem - 1px)) {
17737
+ @container pf-v6-contain-table (max-width: 75rem) {
17740
17738
  .pf-m-grid-xl.pf-v6-c-table {
17741
17739
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
17742
17740
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -18014,15 +18012,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18014
18012
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18015
18013
  text-align: end;
18016
18014
  }
18017
- }
18018
- @media screen and (max-width: calc(75rem - 1px)) and (max-width: 36rem) {
18019
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18020
- grid-row-start: 1;
18021
- grid-column-start: 2;
18022
- margin-inline-start: 0;
18015
+ @media screen and (max-width: 36rem) {
18016
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
18017
+ grid-row-start: 1;
18018
+ grid-column-start: 2;
18019
+ margin-inline-start: 0;
18020
+ }
18023
18021
  }
18024
- }
18025
- @media screen and (max-width: calc(75rem - 1px)) {
18026
18022
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
18027
18023
  grid-column: 2;
18028
18024
  grid-row: 2;
@@ -18048,7 +18044,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18048
18044
  }
18049
18045
  }
18050
18046
 
18051
- @media screen and (max-width: calc(90.625rem - 1px)) {
18047
+ @container pf-v6-contain-table (max-width: 90.625rem) {
18052
18048
  .pf-m-grid-2xl.pf-v6-c-table {
18053
18049
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
18054
18050
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -18326,15 +18322,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18326
18322
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18327
18323
  text-align: end;
18328
18324
  }
18329
- }
18330
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
18331
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18332
- grid-row-start: 1;
18333
- grid-column-start: 2;
18334
- margin-inline-start: 0;
18325
+ @media screen and (max-width: 36rem) {
18326
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
18327
+ grid-row-start: 1;
18328
+ grid-column-start: 2;
18329
+ margin-inline-start: 0;
18330
+ }
18335
18331
  }
18336
- }
18337
- @media screen and (max-width: calc(90.625rem - 1px)) {
18338
18332
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
18339
18333
  grid-column: 2;
18340
18334
  grid-row: 2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.11",
3
+ "version": "6.5.0-prerelease.12",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.5.0-prerelease.34",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.41",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "937bd3eb560199de65ed28f12ec59b91226f6341"
27
+ "gitHead": "46e1dcaa8507d2df0a8b99e49ce788fb25340074"
28
28
  }