@patternfly/react-styles 6.6.1-prerelease.2 → 6.6.1-prerelease.3

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 (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Drawer/drawer.css +9 -0
  3. package/css/components/Drawer/drawer.d.ts +1 -0
  4. package/css/components/Drawer/drawer.js +1 -0
  5. package/css/components/Drawer/drawer.mjs +1 -0
  6. package/css/components/_index.css +9 -0
  7. package/css/components/_index.d.ts +1 -0
  8. package/css/components/_index.js +1 -0
  9. package/css/components/_index.mjs +1 -0
  10. 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.6.1-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.1-prerelease.2...@patternfly/react-styles@6.6.1-prerelease.3) (2026-09-15)
7
+
8
+ ### Features
9
+
10
+ - **Drawer:** Add full-size drawer ([#12641](https://github.com/patternfly/patternfly-react/issues/12641)) ([9930770](https://github.com/patternfly/patternfly-react/commit/9930770624d75e6d0b7b0e8480cc198b71906f7e))
11
+
6
12
  ## [6.6.1-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.1-prerelease.1...@patternfly/react-styles@6.6.1-prerelease.2) (2026-09-11)
7
13
 
8
14
  ### Features
package/css/components/Drawer/drawer.css CHANGED
@@ -243,6 +243,15 @@
243
243
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
244
244
  flex-direction: column;
245
245
  }
246
+ .pf-v6-c-drawer.pf-m-viewport {
247
+ position: fixed;
248
+ inset: 0;
249
+ z-index: var(--pf-t--global--z-index--lg);
250
+ pointer-events: none;
251
+ }
252
+ .pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
253
+ pointer-events: auto;
254
+ }
246
255
  .pf-v6-c-drawer.pf-m-expanded {
247
256
  --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
248
257
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
package/css/components/Drawer/drawer.d.ts CHANGED
@@ -21,6 +21,7 @@ declare const _default: {
21
21
  "noBorder": "pf-m-no-border",
22
22
  "resizable": "pf-m-resizable",
23
23
  "panelLeft": "pf-m-panel-left",
24
+ "viewport": "pf-m-viewport",
24
25
  "expanded": "pf-m-expanded",
25
26
  "resizing": "pf-m-resizing",
26
27
  "pill": "pf-m-pill",
package/css/components/Drawer/drawer.js CHANGED
@@ -23,6 +23,7 @@ exports.default = {
23
23
  "noBorder": "pf-m-no-border",
24
24
  "resizable": "pf-m-resizable",
25
25
  "panelLeft": "pf-m-panel-left",
26
+ "viewport": "pf-m-viewport",
26
27
  "expanded": "pf-m-expanded",
27
28
  "resizing": "pf-m-resizing",
28
29
  "pill": "pf-m-pill",
package/css/components/Drawer/drawer.mjs CHANGED
@@ -21,6 +21,7 @@ export default {
21
21
  "noBorder": "pf-m-no-border",
22
22
  "resizable": "pf-m-resizable",
23
23
  "panelLeft": "pf-m-panel-left",
24
+ "viewport": "pf-m-viewport",
24
25
  "expanded": "pf-m-expanded",
25
26
  "resizing": "pf-m-resizing",
26
27
  "pill": "pf-m-pill",
package/css/components/_index.css CHANGED
@@ -6822,6 +6822,15 @@ ul) {
6822
6822
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
6823
6823
  flex-direction: column;
6824
6824
  }
6825
+ .pf-v6-c-drawer.pf-m-viewport {
6826
+ position: fixed;
6827
+ inset: 0;
6828
+ z-index: var(--pf-t--global--z-index--lg);
6829
+ pointer-events: none;
6830
+ }
6831
+ .pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6832
+ pointer-events: auto;
6833
+ }
6825
6834
  .pf-v6-c-drawer.pf-m-expanded {
6826
6835
  --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
6827
6836
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
package/css/components/_index.d.ts CHANGED
@@ -587,6 +587,7 @@ declare const _default: {
587
587
  "noBorder": "pf-m-no-border",
588
588
  "resizable": "pf-m-resizable",
589
589
  "panelLeft": "pf-m-panel-left",
590
+ "viewport": "pf-m-viewport",
590
591
  "resizing": "pf-m-resizing",
591
592
  "noBackground": "pf-m-no-background",
592
593
  "padding": "pf-m-padding",
package/css/components/_index.js CHANGED
@@ -589,6 +589,7 @@ exports.default = {
589
589
  "noBorder": "pf-m-no-border",
590
590
  "resizable": "pf-m-resizable",
591
591
  "panelLeft": "pf-m-panel-left",
592
+ "viewport": "pf-m-viewport",
592
593
  "resizing": "pf-m-resizing",
593
594
  "noBackground": "pf-m-no-background",
594
595
  "padding": "pf-m-padding",
package/css/components/_index.mjs CHANGED
@@ -587,6 +587,7 @@ export default {
587
587
  "noBorder": "pf-m-no-border",
588
588
  "resizable": "pf-m-resizable",
589
589
  "panelLeft": "pf-m-panel-left",
590
+ "viewport": "pf-m-viewport",
590
591
  "resizing": "pf-m-resizing",
591
592
  "noBackground": "pf-m-no-background",
592
593
  "padding": "pf-m-padding",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.6.1-prerelease.2",
3
+ "version": "6.6.1-prerelease.3",
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.6.0-prerelease.40",
22
+ "@patternfly/patternfly": "6.6.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": "008744f97e0d226d41c0bec0b78ec938943392e3"
27
+ "gitHead": "103c595fefeee9e6cf6209cc94154b0551702f18"
28
28
  }