@patternfly/patternfly 6.3.0-prerelease.69 → 6.3.0-prerelease.70

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 (8) hide show
  1. package/components/Page/page.css +5 -0
  2. package/components/Page/page.scss +13 -4
  3. package/components/_index.css +5 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +5 -0
  6. package/patternfly.css +5 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Page/page.css CHANGED
@@ -107,6 +107,8 @@
107
107
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
108
108
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
109
109
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
110
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
111
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
110
112
  }
111
113
  @media screen and (prefers-reduced-motion: no-preference) {
112
114
  .pf-v6-c-page {
@@ -729,6 +731,9 @@
729
731
  flex-shrink: 0;
730
732
  }
731
733
 
734
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
735
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
736
+ }
732
737
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
733
738
  align-self: revert;
734
739
  }
package/components/Page/page.scss CHANGED
@@ -154,6 +154,10 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
154
154
  --#{$page}__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
155
155
  --#{$page}__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
156
156
  --#{$page}__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
157
+
158
+ // Drawer section
159
+ --#{$page}__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
160
+ --#{$page}__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
157
161
  }
158
162
 
159
163
  .#{$page} {
@@ -568,10 +572,15 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
568
572
  flex-shrink: 0;
569
573
  }
570
574
 
571
- .#{$page}__drawer .#{$page}__main-container {
572
- align-self: revert;
575
+ .#{$page}__drawer {
576
+ > .#{$drawer} > .#{$drawer}__main > .#{$drawer}__panel {
577
+ border-block-start: var(--#{$page}__drawer--c-drawer--BorderBlockStartWidth) solid var(--#{$page}__drawer--c-drawer--BorderBlockStartColor);
578
+ }
579
+ .#{$page}__main-container {
580
+ align-self: revert;
573
581
 
574
- &.pf-m-fill {
575
- flex-grow: 1;
582
+ &.pf-m-fill {
583
+ flex-grow: 1;
584
+ }
576
585
  }
577
586
  }
package/components/_index.css CHANGED
@@ -12583,6 +12583,8 @@ ul.pf-v6-c-list {
12583
12583
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12584
12584
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
12585
12585
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
12586
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
12587
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
12586
12588
  }
12587
12589
  @media screen and (prefers-reduced-motion: no-preference) {
12588
12590
  .pf-v6-c-page {
@@ -13205,6 +13207,9 @@ ul.pf-v6-c-list {
13205
13207
  flex-shrink: 0;
13206
13208
  }
13207
13209
 
13210
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
13211
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
13212
+ }
13208
13213
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
13209
13214
  align-self: revert;
13210
13215
  }
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.3.0-prerelease.69",
4
+ "version": "6.3.0-prerelease.70",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "engines": {
package/patternfly-no-globals.css CHANGED
@@ -21250,6 +21250,8 @@ ul.pf-v6-c-list {
21250
21250
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21251
21251
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
21252
21252
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21253
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21254
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21253
21255
  }
21254
21256
  @media screen and (prefers-reduced-motion: no-preference) {
21255
21257
  .pf-v6-c-page {
@@ -21872,6 +21874,9 @@ ul.pf-v6-c-list {
21872
21874
  flex-shrink: 0;
21873
21875
  }
21874
21876
 
21877
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
21878
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
21879
+ }
21875
21880
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
21876
21881
  align-self: revert;
21877
21882
  }
package/patternfly.css CHANGED
@@ -21390,6 +21390,8 @@ ul.pf-v6-c-list {
21390
21390
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21391
21391
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
21392
21392
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
21393
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21394
+ --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
21393
21395
  }
21394
21396
  @media screen and (prefers-reduced-motion: no-preference) {
21395
21397
  .pf-v6-c-page {
@@ -22012,6 +22014,9 @@ ul.pf-v6-c-list {
22012
22014
  flex-shrink: 0;
22013
22015
  }
22014
22016
 
22017
+ .pf-v6-c-page__drawer > .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
22018
+ border-block-start: var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth) solid var(--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor);
22019
+ }
22015
22020
  .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
22016
22021
  align-self: revert;
22017
22022
  }