@patternfly/patternfly 6.6.0-prerelease.2 → 6.6.0-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/components/Compass/compass.css +5 -1
  2. package/components/Compass/compass.scss +5 -1
  3. package/components/Page/page.css +5 -1
  4. package/components/Page/page.scss +7 -1
  5. package/components/_index.css +10 -2
  6. package/package.json +2 -2
  7. package/patternfly-no-globals.css +10 -2
  8. package/patternfly.css +10 -2
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Compass/compass.css CHANGED
@@ -315,15 +315,18 @@
315
315
  inset-inline-start: 0;
316
316
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
317
317
  display: flex;
318
+ visibility: hidden;
318
319
  flex-direction: column;
319
320
  grid-area: dock;
320
321
  width: var(--pf-v6-c-compass__dock--Width);
321
322
  translate: -100% 0;
322
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
323
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
323
324
  }
324
325
  .pf-v6-c-compass__dock.pf-m-expanded {
325
326
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
327
+ visibility: visible;
326
328
  translate: 0;
329
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
327
330
  }
328
331
  @media (min-width: 62rem) {
329
332
  .pf-v6-c-compass__dock {
@@ -331,6 +334,7 @@
331
334
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
332
335
  position: revert;
333
336
  inset: revert;
337
+ visibility: revert;
334
338
  width: auto;
335
339
  translate: 0;
336
340
  }
package/components/Compass/compass.scss CHANGED
@@ -324,16 +324,19 @@
324
324
  inset-inline-start: 0;
325
325
  z-index: var(--#{$compass}__dock--ZIndex);
326
326
  display: flex;
327
+ visibility: hidden;
327
328
  flex-direction: column;
328
329
  grid-area: dock;
329
330
  width: var(--#{$compass}__dock--Width);
330
331
  translate: -100% 0;
331
- transition: translate var(--#{$compass}__dock--TransitionDuration--slide) var(--#{$compass}__dock--TransitionTimingFunction--slide);
332
+ transition: translate var(--#{$compass}__dock--TransitionDuration--slide) var(--#{$compass}__dock--TransitionTimingFunction--slide), visibility 0s var(--#{$compass}__dock--TransitionDuration--slide);
332
333
 
333
334
  &.pf-m-expanded {
334
335
  --#{$compass}__dock--TransitionDuration--slide: var(--#{$compass}__dock--m-expanded--TransitionDuration--slide);
335
336
 
337
+ visibility: visible;
336
338
  translate: 0;
339
+ transition: translate var(--#{$compass}__dock--TransitionDuration--slide) var(--#{$compass}__dock--TransitionTimingFunction--slide), visibility 0s 0s;
337
340
  }
338
341
 
339
342
  @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
@@ -342,6 +345,7 @@
342
345
 
343
346
  position: revert;
344
347
  inset: revert;
348
+ visibility: revert;
345
349
  width: auto;
346
350
  translate: 0;
347
351
  }
package/components/Page/page.css CHANGED
@@ -394,10 +394,11 @@
394
394
  inset-inline-start: 0;
395
395
  z-index: var(--pf-v6-c-page__dock--ZIndex);
396
396
  display: flex;
397
+ visibility: hidden;
397
398
  flex-direction: column;
398
399
  grid-area: dock;
399
400
  width: var(--pf-v6-c-page__dock--Width);
400
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
401
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
401
402
  translate: -100% 0;
402
403
  }
403
404
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -406,7 +407,9 @@
406
407
 
407
408
  .pf-v6-c-page__dock.pf-m-expanded {
408
409
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
410
+ visibility: visible;
409
411
  translate: 0;
412
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
410
413
  }
411
414
  @media (min-width: 62rem) {
412
415
  .pf-v6-c-page__dock {
@@ -414,6 +417,7 @@
414
417
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
415
418
  position: revert;
416
419
  inset: revert;
420
+ visibility: revert;
417
421
  width: auto;
418
422
  translate: 0;
419
423
  }
package/components/Page/page.scss CHANGED
@@ -425,10 +425,11 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
425
425
  inset-inline-start: 0;
426
426
  z-index: var(--#{$page}__dock--ZIndex);
427
427
  display: flex;
428
+ visibility: hidden;
428
429
  flex-direction: column;
429
430
  grid-area: dock;
430
431
  width: var(--#{$page}__dock--Width);
431
- transition: translate var(--#{$page}__dock--TransitionDuration--slide) var(--#{$page}__dock--TransitionTimingFunction--slide);
432
+ transition: translate var(--#{$page}__dock--TransitionDuration--slide) var(--#{$page}__dock--TransitionTimingFunction--slide), visibility 0s var(--#{$page}__dock--TransitionDuration--slide);
432
433
 
433
434
  @include pf-v6-bidirectional-style(
434
435
  $prop: translate,
@@ -439,7 +440,11 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
439
440
  &.pf-m-expanded {
440
441
  --#{$page}__dock--TransitionDuration--slide: var(--#{$page}__dock--m-expanded--TransitionDuration--slide);
441
442
 
443
+ visibility: visible;
442
444
  translate: 0;
445
+ transition:
446
+ translate var(--#{$page}__dock--TransitionDuration--slide) var(--#{$page}__dock--TransitionTimingFunction--slide),
447
+ visibility 0s 0s;
443
448
  }
444
449
 
445
450
  @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
@@ -448,6 +453,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
448
453
 
449
454
  position: revert;
450
455
  inset: revert;
456
+ visibility: revert;
451
457
  width: auto;
452
458
  translate: 0;
453
459
  }
package/components/_index.css CHANGED
@@ -4003,15 +4003,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4003
4003
  inset-inline-start: 0;
4004
4004
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
4005
4005
  display: flex;
4006
+ visibility: hidden;
4006
4007
  flex-direction: column;
4007
4008
  grid-area: dock;
4008
4009
  width: var(--pf-v6-c-compass__dock--Width);
4009
4010
  translate: -100% 0;
4010
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4011
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
4011
4012
  }
4012
4013
  .pf-v6-c-compass__dock.pf-m-expanded {
4013
4014
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4015
+ visibility: visible;
4014
4016
  translate: 0;
4017
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4015
4018
  }
4016
4019
  @media (min-width: 62rem) {
4017
4020
  .pf-v6-c-compass__dock {
@@ -4019,6 +4022,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4019
4022
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4020
4023
  position: revert;
4021
4024
  inset: revert;
4025
+ visibility: revert;
4022
4026
  width: auto;
4023
4027
  translate: 0;
4024
4028
  }
@@ -14087,10 +14091,11 @@ ul.pf-v6-c-list {
14087
14091
  inset-inline-start: 0;
14088
14092
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14089
14093
  display: flex;
14094
+ visibility: hidden;
14090
14095
  flex-direction: column;
14091
14096
  grid-area: dock;
14092
14097
  width: var(--pf-v6-c-page__dock--Width);
14093
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
14098
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
14094
14099
  translate: -100% 0;
14095
14100
  }
14096
14101
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14099,7 +14104,9 @@ ul.pf-v6-c-list {
14099
14104
 
14100
14105
  .pf-v6-c-page__dock.pf-m-expanded {
14101
14106
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14107
+ visibility: visible;
14102
14108
  translate: 0;
14109
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14103
14110
  }
14104
14111
  @media (min-width: 62rem) {
14105
14112
  .pf-v6-c-page__dock {
@@ -14107,6 +14114,7 @@ ul.pf-v6-c-list {
14107
14114
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14108
14115
  position: revert;
14109
14116
  inset: revert;
14117
+ visibility: revert;
14110
14118
  width: auto;
14111
14119
  translate: 0;
14112
14120
  }
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
- "version": "6.6.0-prerelease.2",
4
+ "version": "6.6.0-prerelease.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,7 +71,7 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.44.0",
74
+ "@patternfly/documentation-framework": "6.44.1",
75
75
  "@patternfly/patternfly-a11y": "5.1.0",
76
76
  "@patternfly/react-code-editor": "6.5.1",
77
77
  "@patternfly/react-core": "6.5.1",
package/patternfly-no-globals.css CHANGED
@@ -13257,15 +13257,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13257
13257
  inset-inline-start: 0;
13258
13258
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13259
13259
  display: flex;
13260
+ visibility: hidden;
13260
13261
  flex-direction: column;
13261
13262
  grid-area: dock;
13262
13263
  width: var(--pf-v6-c-compass__dock--Width);
13263
13264
  translate: -100% 0;
13264
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13265
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13265
13266
  }
13266
13267
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13268
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13269
+ visibility: visible;
13268
13270
  translate: 0;
13271
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13269
13272
  }
13270
13273
  @media (min-width: 62rem) {
13271
13274
  .pf-v6-c-compass__dock {
@@ -13273,6 +13276,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13273
13276
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13274
13277
  position: revert;
13275
13278
  inset: revert;
13279
+ visibility: revert;
13276
13280
  width: auto;
13277
13281
  translate: 0;
13278
13282
  }
@@ -23341,10 +23345,11 @@ ul.pf-v6-c-list {
23341
23345
  inset-inline-start: 0;
23342
23346
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23343
23347
  display: flex;
23348
+ visibility: hidden;
23344
23349
  flex-direction: column;
23345
23350
  grid-area: dock;
23346
23351
  width: var(--pf-v6-c-page__dock--Width);
23347
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23352
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23348
23353
  translate: -100% 0;
23349
23354
  }
23350
23355
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23353,7 +23358,9 @@ ul.pf-v6-c-list {
23353
23358
 
23354
23359
  .pf-v6-c-page__dock.pf-m-expanded {
23355
23360
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23361
+ visibility: visible;
23356
23362
  translate: 0;
23363
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23357
23364
  }
23358
23365
  @media (min-width: 62rem) {
23359
23366
  .pf-v6-c-page__dock {
@@ -23361,6 +23368,7 @@ ul.pf-v6-c-list {
23361
23368
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23362
23369
  position: revert;
23363
23370
  inset: revert;
23371
+ visibility: revert;
23364
23372
  width: auto;
23365
23373
  translate: 0;
23366
23374
  }
package/patternfly.css CHANGED
@@ -13412,15 +13412,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13412
13412
  inset-inline-start: 0;
13413
13413
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13414
13414
  display: flex;
13415
+ visibility: hidden;
13415
13416
  flex-direction: column;
13416
13417
  grid-area: dock;
13417
13418
  width: var(--pf-v6-c-compass__dock--Width);
13418
13419
  translate: -100% 0;
13419
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13420
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13420
13421
  }
13421
13422
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13423
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13424
+ visibility: visible;
13423
13425
  translate: 0;
13426
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13424
13427
  }
13425
13428
  @media (min-width: 62rem) {
13426
13429
  .pf-v6-c-compass__dock {
@@ -13428,6 +13431,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13428
13431
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13429
13432
  position: revert;
13430
13433
  inset: revert;
13434
+ visibility: revert;
13431
13435
  width: auto;
13432
13436
  translate: 0;
13433
13437
  }
@@ -23496,10 +23500,11 @@ ul.pf-v6-c-list {
23496
23500
  inset-inline-start: 0;
23497
23501
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23498
23502
  display: flex;
23503
+ visibility: hidden;
23499
23504
  flex-direction: column;
23500
23505
  grid-area: dock;
23501
23506
  width: var(--pf-v6-c-page__dock--Width);
23502
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23507
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23503
23508
  translate: -100% 0;
23504
23509
  }
23505
23510
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23508,7 +23513,9 @@ ul.pf-v6-c-list {
23508
23513
 
23509
23514
  .pf-v6-c-page__dock.pf-m-expanded {
23510
23515
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23516
+ visibility: visible;
23511
23517
  translate: 0;
23518
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23512
23519
  }
23513
23520
  @media (min-width: 62rem) {
23514
23521
  .pf-v6-c-page__dock {
@@ -23516,6 +23523,7 @@ ul.pf-v6-c-list {
23516
23523
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23517
23524
  position: revert;
23518
23525
  inset: revert;
23526
+ visibility: revert;
23519
23527
  width: auto;
23520
23528
  translate: 0;
23521
23529
  }