@patternfly/patternfly 6.5.0-prerelease.72 → 6.5.0-prerelease.73

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 +43 -2
  2. package/components/Page/page.scss +30 -2
  3. package/components/_index.css +43 -2
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +43 -2
  6. package/patternfly.css +43 -2
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Page/page.css CHANGED
@@ -15,13 +15,13 @@
15
15
  --pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
16
16
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17
17
  --pf-v6-c-page__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
18
- --pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
18
+ --pf-v6-c-page__dock-main--BoxShadow: none;
19
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
19
20
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
20
21
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
21
22
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
22
23
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23
24
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
24
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
25
25
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
26
26
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
27
27
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -324,6 +324,43 @@
324
324
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
325
325
  }
326
326
  }
327
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
328
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
329
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
330
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
331
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
332
+ --pf-v6-c-button__icon--ScaleX: 1;
333
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
334
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
335
+ }
336
+ @media (min-width: 62rem) {
337
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
338
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
339
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
340
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
341
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
342
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
343
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
344
+ }
345
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
346
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
347
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
348
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
349
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
350
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
351
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
352
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
353
+ }
354
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
355
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
356
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
357
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
358
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
359
+ --pf-v6-c-button__icon--ScaleX: 1;
360
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
361
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
362
+ }
363
+ }
327
364
 
328
365
  @media (min-width: 75rem) {
329
366
  .pf-v6-c-page > .pf-v6-c-masthead {
@@ -381,10 +418,14 @@
381
418
  }
382
419
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
383
420
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
421
+ box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
384
422
  }
385
423
  @media (min-width: 62rem) {
386
424
  .pf-v6-c-page__dock-main {
387
425
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
426
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
427
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
428
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
388
429
  }
389
430
  }
390
431
 
package/components/Page/page.scss CHANGED
@@ -30,13 +30,13 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
30
30
  // Dock main
31
31
  --#{$page}__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
32
32
  --#{$page}__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
33
- --#{$page}__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
33
+ --#{$page}__dock-main--BoxShadow: none;
34
+ --#{$page}__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
34
35
  --#{$page}__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
35
36
  --#{$page}__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
36
37
  --#{$page}__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
37
38
  --#{$page}__dock-main--BorderInlineEndColor: transparent;
38
39
  --#{$page}__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
39
- --#{$page}__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
40
40
  --#{$page}__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
41
41
  --#{$page}__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
42
42
 
@@ -358,6 +358,30 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
358
358
  @include pf-v6-hamburger;
359
359
  }
360
360
  }
361
+
362
+ // Dock hamburger menu animation
363
+ // mobile - show collapse arrow on dock internal toggle when expanded
364
+ .#{$page}__dock.pf-m-expanded .#{$masthead}__toggle .#{$button}.pf-m-hamburger {
365
+ @include pf-v6-hamburger($collapse: true);
366
+ }
367
+
368
+ @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
369
+ // desktop - reset dock internal toggle to bars
370
+ .#{$page}__dock .#{$masthead}__toggle .#{$button}.pf-m-hamburger,
371
+ .#{$page}__dock.pf-m-expanded .#{$masthead}__toggle .#{$button}.pf-m-hamburger {
372
+ @include pf-v6-hamburger($reset: true);
373
+ }
374
+
375
+ // desktop - show expand arrow on hover
376
+ .#{$page}__dock .#{$masthead}__toggle .#{$button}.pf-m-hamburger:is(:hover, :focus-visible) {
377
+ @include pf-v6-hamburger;
378
+ }
379
+
380
+ // desktop - show collapse arrow on hover when text expanded
381
+ .#{$page}__dock.pf-m-text-expanded .#{$masthead}__toggle .#{$button}.pf-m-hamburger:is(:hover, :focus-visible) {
382
+ @include pf-v6-hamburger($collapse: true);
383
+ }
384
+ }
361
385
  }
362
386
 
363
387
  // Header
@@ -426,10 +450,14 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
426
450
 
427
451
  .#{$page}__dock.pf-m-expanded & {
428
452
  border-inline-end: var(--#{$page}__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--#{$page}__dock--m-expanded__dock-main--BorderInlineEndColor);
453
+ box-shadow: var(--#{$page}__dock--m-expanded__dock-main--BoxShadow);
429
454
  }
430
455
 
431
456
  @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
432
457
  --#{$page}__dock-main--BoxShadow: var(--#{$page}__dock-main--desktop--BoxShadow);
458
+ --#{$page}__dock--m-expanded__dock-main--BoxShadow: var(--#{$page}__dock-main--desktop--BoxShadow);
459
+ --#{$page}__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--#{$page}__dock-main--BorderInlineEndWidth);
460
+ --#{$page}__dock--m-expanded__dock-main--BorderInlineEndColor: var(--#{$page}__dock-main--desktop--BorderInlineEndColor);
433
461
  }
434
462
  }
435
463
 
package/components/_index.css CHANGED
@@ -13512,13 +13512,13 @@ ul.pf-v6-c-list {
13512
13512
  --pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
13513
13513
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
13514
13514
  --pf-v6-c-page__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
13515
- --pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13515
+ --pf-v6-c-page__dock-main--BoxShadow: none;
13516
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13516
13517
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
13517
13518
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
13518
13519
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
13519
13520
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
13520
13521
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13521
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13522
13522
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
13523
13523
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13524
13524
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -13821,6 +13821,43 @@ ul.pf-v6-c-list {
13821
13821
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
13822
13822
  }
13823
13823
  }
13824
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
13825
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
13826
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
13827
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
13828
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
13829
+ --pf-v6-c-button__icon--ScaleX: 1;
13830
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
13831
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
13832
+ }
13833
+ @media (min-width: 62rem) {
13834
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
13835
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
13836
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
13837
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
13838
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
13839
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
13840
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
13841
+ }
13842
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
13843
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
13844
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
13845
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
13846
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
13847
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
13848
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
13849
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
13850
+ }
13851
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
13852
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
13853
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
13854
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
13855
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
13856
+ --pf-v6-c-button__icon--ScaleX: 1;
13857
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
13858
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
13859
+ }
13860
+ }
13824
13861
 
13825
13862
  @media (min-width: 75rem) {
13826
13863
  .pf-v6-c-page > .pf-v6-c-masthead {
@@ -13878,10 +13915,14 @@ ul.pf-v6-c-list {
13878
13915
  }
13879
13916
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
13880
13917
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
13918
+ box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
13881
13919
  }
13882
13920
  @media (min-width: 62rem) {
13883
13921
  .pf-v6-c-page__dock-main {
13884
13922
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
13923
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
13924
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
13925
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
13885
13926
  }
13886
13927
  }
13887
13928
 
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.5.0-prerelease.72",
4
+ "version": "6.5.0-prerelease.73",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -22659,13 +22659,13 @@ ul.pf-v6-c-list {
22659
22659
  --pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
22660
22660
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22661
22661
  --pf-v6-c-page__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
22662
- --pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22662
+ --pf-v6-c-page__dock-main--BoxShadow: none;
22663
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22663
22664
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
22664
22665
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
22665
22666
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
22666
22667
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
22667
22668
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22668
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22669
22669
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
22670
22670
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
22671
22671
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -22968,6 +22968,43 @@ ul.pf-v6-c-list {
22968
22968
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
22969
22969
  }
22970
22970
  }
22971
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
22972
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
22973
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
22974
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
22975
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
22976
+ --pf-v6-c-button__icon--ScaleX: 1;
22977
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
22978
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
22979
+ }
22980
+ @media (min-width: 62rem) {
22981
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
22982
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
22983
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
22984
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
22985
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
22986
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
22987
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
22988
+ }
22989
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
22990
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
22991
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
22992
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
22993
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
22994
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
22995
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
22996
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
22997
+ }
22998
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
22999
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
23000
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
23001
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
23002
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
23003
+ --pf-v6-c-button__icon--ScaleX: 1;
23004
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
23005
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
23006
+ }
23007
+ }
22971
23008
 
22972
23009
  @media (min-width: 75rem) {
22973
23010
  .pf-v6-c-page > .pf-v6-c-masthead {
@@ -23025,10 +23062,14 @@ ul.pf-v6-c-list {
23025
23062
  }
23026
23063
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23027
23064
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
23065
+ box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
23028
23066
  }
23029
23067
  @media (min-width: 62rem) {
23030
23068
  .pf-v6-c-page__dock-main {
23031
23069
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23070
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23071
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
23072
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23032
23073
  }
23033
23074
  }
23034
23075
 
package/patternfly.css CHANGED
@@ -22806,13 +22806,13 @@ ul.pf-v6-c-list {
22806
22806
  --pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
22807
22807
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22808
22808
  --pf-v6-c-page__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
22809
- --pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22809
+ --pf-v6-c-page__dock-main--BoxShadow: none;
22810
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22810
22811
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
22811
22812
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
22812
22813
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
22813
22814
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
22814
22815
  --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22815
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
22816
22816
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
22817
22817
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
22818
22818
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -23115,6 +23115,43 @@ ul.pf-v6-c-list {
23115
23115
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
23116
23116
  }
23117
23117
  }
23118
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
23119
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
23120
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
23121
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
23122
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
23123
+ --pf-v6-c-button__icon--ScaleX: 1;
23124
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
23125
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
23126
+ }
23127
+ @media (min-width: 62rem) {
23128
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
23129
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
23130
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
23131
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
23132
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
23133
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
23134
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
23135
+ }
23136
+ .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
23137
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
23138
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
23139
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
23140
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
23141
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
23142
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
23143
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
23144
+ }
23145
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
23146
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
23147
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
23148
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
23149
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
23150
+ --pf-v6-c-button__icon--ScaleX: 1;
23151
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
23152
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
23153
+ }
23154
+ }
23118
23155
 
23119
23156
  @media (min-width: 75rem) {
23120
23157
  .pf-v6-c-page > .pf-v6-c-masthead {
@@ -23172,10 +23209,14 @@ ul.pf-v6-c-list {
23172
23209
  }
23173
23210
  .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
23174
23211
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
23212
+ box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
23175
23213
  }
23176
23214
  @media (min-width: 62rem) {
23177
23215
  .pf-v6-c-page__dock-main {
23178
23216
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23217
+ --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23218
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
23219
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23179
23220
  }
23180
23221
  }
23181
23222