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

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 (22) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/Button/button.css +2 -2
  3. package/css/components/ClipboardCopy/clipboard-copy.css +2 -2
  4. package/css/components/Compass/compass.css +7 -7
  5. package/css/components/Compass/compass.d.ts +2 -1
  6. package/css/components/Compass/compass.js +2 -1
  7. package/css/components/Compass/compass.mjs +2 -1
  8. package/css/components/Drawer/drawer.css +2 -2
  9. package/css/components/FormControl/form-control.css +2 -2
  10. package/css/components/Hero/hero.css +2 -2
  11. package/css/components/Masthead/masthead.css +2 -2
  12. package/css/components/MenuToggle/menu-toggle.css +1 -1
  13. package/css/components/NotificationDrawer/notification-drawer.css +2 -0
  14. package/css/components/Switch/switch.css +1 -1
  15. package/css/components/Table/table-grid.css +28 -36
  16. package/css/components/TextInputGroup/text-input-group.css +2 -2
  17. package/css/components/ToggleGroup/toggle-group.css +1 -1
  18. package/css/components/_index.css +54 -60
  19. package/css/components/_index.d.ts +1 -0
  20. package/css/components/_index.js +1 -0
  21. package/css/components/_index.mjs +1 -0
  22. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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.13](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.12...@patternfly/react-styles@6.5.0-prerelease.13) (2026-02-24)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **deps:** update dependency @patternfly/patternfly to v6.5.0-prerelease.43 ([#12230](https://github.com/patternfly/patternfly-react/issues/12230)) ([82687ad](https://github.com/patternfly/patternfly-react/commit/82687ad20da22eef09581ea50266feb21d85ea8a))
11
+
12
+ # [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)
13
+
14
+ ### Features
15
+
16
+ - **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))
17
+
6
18
  # [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
19
 
8
20
  ### Features
package/css/components/Button/button.css CHANGED
@@ -169,12 +169,12 @@
169
169
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
170
170
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
171
171
  --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
172
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
172
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
173
173
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
174
174
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
175
175
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
176
176
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
177
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
177
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
178
178
  --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
179
179
  --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
180
180
  --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
package/css/components/ClipboardCopy/clipboard-copy.css CHANGED
@@ -13,8 +13,8 @@
13
13
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
14
14
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
15
15
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
16
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
17
- --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
16
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
17
+ --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
18
18
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
19
19
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
20
20
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
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);
@@ -293,10 +293,7 @@
293
293
 
294
294
  /* stylelint-disable */
295
295
  @media (max-width: 1200px) {
296
- .pf-v6-c-compass * {
297
- display: none;
298
- }
299
- .pf-v6-c-compass {
296
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
300
297
  position: relative;
301
298
  display: grid;
302
299
  grid-template-columns: auto;
@@ -304,7 +301,7 @@
304
301
  place-content: center;
305
302
  gap: 0;
306
303
  }
307
- .pf-v6-c-compass::after {
304
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
308
305
  padding: 1em;
309
306
  border-radius: var(--pf-t--global--border--radius--large);
310
307
  background: var(--pf-t--global--background--color--primary--default);
@@ -316,5 +313,8 @@
316
313
  white-space: pre-wrap;
317
314
  text-align: center;
318
315
  }
316
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
317
+ display: none;
318
+ }
319
319
  }
320
320
  /* stylelint-enable */
package/css/components/Compass/compass.d.ts CHANGED
@@ -29,7 +29,8 @@ declare const _default: {
29
29
  "noPadding": "pf-m-no-padding",
30
30
  "fullHeight": "pf-m-full-height",
31
31
  "pill": "pf-m-pill",
32
- "scrollable": "pf-m-scrollable"
32
+ "scrollable": "pf-m-scrollable",
33
+ "noScreenWarning": "pf-m-no-screen-warning"
33
34
  },
34
35
  "themeDark": "pf-v6-theme-dark"
35
36
  };
package/css/components/Compass/compass.js CHANGED
@@ -31,7 +31,8 @@ exports.default = {
31
31
  "noPadding": "pf-m-no-padding",
32
32
  "fullHeight": "pf-m-full-height",
33
33
  "pill": "pf-m-pill",
34
- "scrollable": "pf-m-scrollable"
34
+ "scrollable": "pf-m-scrollable",
35
+ "noScreenWarning": "pf-m-no-screen-warning"
35
36
  },
36
37
  "themeDark": "pf-v6-theme-dark"
37
38
  };
package/css/components/Compass/compass.mjs CHANGED
@@ -29,7 +29,8 @@ export default {
29
29
  "noPadding": "pf-m-no-padding",
30
30
  "fullHeight": "pf-m-full-height",
31
31
  "pill": "pf-m-pill",
32
- "scrollable": "pf-m-scrollable"
32
+ "scrollable": "pf-m-scrollable",
33
+ "noScreenWarning": "pf-m-no-screen-warning"
33
34
  },
34
35
  "themeDark": "pf-v6-theme-dark"
35
36
  };
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/FormControl/form-control.css CHANGED
@@ -5,10 +5,10 @@
5
5
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6
6
  --pf-v6-c-form-control--Resize: none;
7
7
  --pf-v6-c-form-control--OutlineOffset: -6px;
8
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
8
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
9
9
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
10
10
  --pf-v6-c-form-control--before--BorderStyle: solid;
11
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
11
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
12
12
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
13
13
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
14
14
  --pf-v6-c-form-control--after--BorderStyle: solid;
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/MenuToggle/menu-toggle.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11
11
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
12
12
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
13
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
13
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
14
14
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
15
15
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
16
16
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
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/Switch/switch.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
26
26
  --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
27
27
  --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
28
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
28
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
29
29
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
30
30
  --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
31
31
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
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/TextInputGroup/text-input-group.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .pf-v6-c-text-input-group {
2
2
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
3
- --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
3
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
4
4
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5
5
  --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6
6
  --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -17,7 +17,7 @@
17
17
  --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
18
18
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
19
19
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
20
- --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
20
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
21
21
  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
22
22
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
23
23
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
package/css/components/ToggleGroup/toggle-group.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
14
14
  --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15
15
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
16
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
16
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
17
17
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
18
18
  --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
19
19
  --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
package/css/components/_index.css CHANGED
@@ -1770,12 +1770,12 @@ button.pf-v6-c-breadcrumb__link {
1770
1770
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1771
1771
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1772
1772
  --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
1773
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1773
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
1774
1774
  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1775
1775
  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1776
1776
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
1777
1777
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
1778
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
1778
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
1779
1779
  --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
1780
1780
  --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
1781
1781
  --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
@@ -3181,8 +3181,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3181
3181
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
3182
3182
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
3183
3183
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
3184
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
3185
- --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
3184
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
3185
+ --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
3186
3186
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
3187
3187
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
3188
3188
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
@@ -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);
@@ -3834,10 +3834,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3834
3834
 
3835
3835
  /* stylelint-disable */
3836
3836
  @media (max-width: 1200px) {
3837
- .pf-v6-c-compass * {
3838
- display: none;
3839
- }
3840
- .pf-v6-c-compass {
3837
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
3841
3838
  position: relative;
3842
3839
  display: grid;
3843
3840
  grid-template-columns: auto;
@@ -3845,7 +3842,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3845
3842
  place-content: center;
3846
3843
  gap: 0;
3847
3844
  }
3848
- .pf-v6-c-compass::after {
3845
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
3849
3846
  padding: 1em;
3850
3847
  border-radius: var(--pf-t--global--border--radius--large);
3851
3848
  background: var(--pf-t--global--background--color--primary--default);
@@ -3857,6 +3854,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3857
3854
  white-space: pre-wrap;
3858
3855
  text-align: center;
3859
3856
  }
3857
+ .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
3858
+ display: none;
3859
+ }
3860
3860
  }
3861
3861
  /* stylelint-enable */
3862
3862
  :root {
@@ -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) {
@@ -7957,10 +7957,10 @@ ul) {
7957
7957
  --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
7958
7958
  --pf-v6-c-form-control--Resize: none;
7959
7959
  --pf-v6-c-form-control--OutlineOffset: -6px;
7960
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
7960
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
7961
7961
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
7962
7962
  --pf-v6-c-form-control--before--BorderStyle: solid;
7963
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
7963
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
7964
7964
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
7965
7965
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7966
7966
  --pf-v6-c-form-control--after--BorderStyle: solid;
@@ -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);
@@ -11536,7 +11536,7 @@ ul.pf-v6-c-list {
11536
11536
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11537
11537
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
11538
11538
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
11539
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
11539
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
11540
11540
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
11541
11541
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
11542
11542
  --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -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
  }
@@ -16567,7 +16569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16567
16569
  --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
16568
16570
  --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
16569
16571
  --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
16570
- --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
16572
+ --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
16571
16573
  --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
16572
16574
  --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
16573
16575
  --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
@@ -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;
@@ -21167,7 +21161,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21167
21161
  }
21168
21162
  .pf-v6-c-text-input-group {
21169
21163
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
21170
- --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
21164
+ --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
21171
21165
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
21172
21166
  --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
21173
21167
  --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -21184,7 +21178,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21184
21178
  --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
21185
21179
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
21186
21180
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
21187
- --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
21181
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
21188
21182
  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
21189
21183
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
21190
21184
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
@@ -21652,7 +21646,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21652
21646
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
21653
21647
  --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
21654
21648
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
21655
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
21649
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
21656
21650
  --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
21657
21651
  --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
21658
21652
  --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
package/css/components/_index.d.ts CHANGED
@@ -456,6 +456,7 @@ declare const _default: {
456
456
  "noBorder": "pf-m-no-border",
457
457
  "pill": "pf-m-pill",
458
458
  "scrollable": "pf-m-scrollable",
459
+ "noScreenWarning": "pf-m-no-screen-warning",
459
460
  "editorial": "pf-m-editorial",
460
461
  "visited": "pf-m-visited",
461
462
  "pageTitle": "pf-m-page-title",
package/css/components/_index.js CHANGED
@@ -458,6 +458,7 @@ exports.default = {
458
458
  "noBorder": "pf-m-no-border",
459
459
  "pill": "pf-m-pill",
460
460
  "scrollable": "pf-m-scrollable",
461
+ "noScreenWarning": "pf-m-no-screen-warning",
461
462
  "editorial": "pf-m-editorial",
462
463
  "visited": "pf-m-visited",
463
464
  "pageTitle": "pf-m-page-title",
package/css/components/_index.mjs CHANGED
@@ -456,6 +456,7 @@ export default {
456
456
  "noBorder": "pf-m-no-border",
457
457
  "pill": "pf-m-pill",
458
458
  "scrollable": "pf-m-scrollable",
459
+ "noScreenWarning": "pf-m-no-screen-warning",
459
460
  "editorial": "pf-m-editorial",
460
461
  "visited": "pf-m-visited",
461
462
  "pageTitle": "pf-m-page-title",
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.13",
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.43",
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": "1e5d932bb15d8f512a2602455fd3cd0c1d9d9d1e"
28
28
  }