@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.5
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.
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/Wizard/examples/Wizard.md +15 -15
- package/docs/demos/DescriptionList/examples/DescriptionList.md +31 -33
- package/docs/demos/Drawer/examples/Drawer.md +31 -33
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +127 -163
- package/docs/demos/Wizard/examples/Wizard.md +31 -34
- package/package.json +1 -1
|
@@ -449,7 +449,7 @@ cssPrefix: pf-v6-c-drawer
|
|
|
449
449
|
</div>
|
|
450
450
|
<div class="pf-v6-c-drawer__body">Drawer panel body content</div>
|
|
451
451
|
<div
|
|
452
|
-
class="pf-v6-c-drawer__body
|
|
452
|
+
class="pf-v6-c-drawer__body"
|
|
453
453
|
style="--pf-v6-c-drawer__panel__body--PaddingInlineStart: 48px;"
|
|
454
454
|
>Drawer panel body content with modified inline start padding</div>
|
|
455
455
|
</div>
|
|
@@ -846,23 +846,23 @@ wrapperTag: div
|
|
|
846
846
|
</div>
|
|
847
847
|
</div>
|
|
848
848
|
<div class="pf-v6-c-drawer__panel pf-m-width-33">
|
|
849
|
-
<div class="pf-v6-c-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
</div>drawer-panel
|
|
849
|
+
<div class="pf-v6-c-drawer__head">
|
|
850
|
+
drawer-panel
|
|
851
|
+
<div class="pf-v6-c-drawer__actions">
|
|
852
|
+
<div class="pf-v6-c-drawer__close">
|
|
853
|
+
<button
|
|
854
|
+
class="pf-v6-c-button pf-m-plain"
|
|
855
|
+
type="button"
|
|
856
|
+
aria-label="Close drawer panel"
|
|
857
|
+
>
|
|
858
|
+
<span class="pf-v6-c-button__icon">
|
|
859
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
860
|
+
</span>
|
|
861
|
+
</button>
|
|
862
|
+
</div>
|
|
864
863
|
</div>
|
|
865
864
|
</div>
|
|
865
|
+
<div class="pf-v6-c-drawer__body">drawer-body</div>
|
|
866
866
|
</div>
|
|
867
867
|
</div>
|
|
868
868
|
<footer class="pf-v6-c-wizard__footer">
|
|
@@ -727,46 +727,44 @@ cssPrefix: pf-d-description-list
|
|
|
727
727
|
</div>
|
|
728
728
|
</div>
|
|
729
729
|
<div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg">
|
|
730
|
-
<div class="pf-v6-c-
|
|
731
|
-
<div class="pf-v6-c-
|
|
732
|
-
<
|
|
730
|
+
<div class="pf-v6-c-drawer__head">
|
|
731
|
+
<div class="pf-v6-c-drawer__actions">
|
|
732
|
+
<button
|
|
733
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
734
|
+
type="button"
|
|
735
|
+
aria-expanded="false"
|
|
736
|
+
aria-label="Menu toggle"
|
|
737
|
+
id="description-list-in-drawer-example-toggle"
|
|
738
|
+
>
|
|
739
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
740
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
741
|
+
</span>
|
|
742
|
+
</button>
|
|
743
|
+
<div class="pf-v6-c-drawer__close">
|
|
733
744
|
<button
|
|
734
|
-
class="pf-v6-c-
|
|
745
|
+
class="pf-v6-c-button pf-m-plain"
|
|
735
746
|
type="button"
|
|
736
|
-
aria-
|
|
737
|
-
aria-label="Menu toggle"
|
|
738
|
-
id="description-list-in-drawer-example-toggle"
|
|
747
|
+
aria-label="Close drawer panel"
|
|
739
748
|
>
|
|
740
|
-
<span class="pf-v6-c-
|
|
741
|
-
<i class="fas fa-
|
|
749
|
+
<span class="pf-v6-c-button__icon">
|
|
750
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
742
751
|
</span>
|
|
743
752
|
</button>
|
|
744
|
-
<div class="pf-v6-c-drawer__close">
|
|
745
|
-
<button
|
|
746
|
-
class="pf-v6-c-button pf-m-plain"
|
|
747
|
-
type="button"
|
|
748
|
-
aria-label="Close drawer panel"
|
|
749
|
-
>
|
|
750
|
-
<span class="pf-v6-c-button__icon">
|
|
751
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
752
|
-
</span>
|
|
753
|
-
</button>
|
|
754
|
-
</div>
|
|
755
753
|
</div>
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
</span>
|
|
754
|
+
</div>
|
|
755
|
+
<div class="pf-v6-l-flex pf-m-space-items-sm">
|
|
756
|
+
<div class="pf-v6-l-flex__item">
|
|
757
|
+
<span class="pf-v6-c-label pf-m-compact pf-m-blue">
|
|
758
|
+
<span class="pf-v6-c-label__content">
|
|
759
|
+
<span class="pf-v6-c-label__text">DC</span>
|
|
762
760
|
</span>
|
|
763
|
-
</
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
</
|
|
761
|
+
</span>
|
|
762
|
+
</div>
|
|
763
|
+
<div class="pf-v6-l-flex__item">
|
|
764
|
+
<h2
|
|
765
|
+
class="pf-v6-c-title pf-m-xl"
|
|
766
|
+
id="description-list-in-drawer-example-drawer-label"
|
|
767
|
+
>mary-test</h2>
|
|
770
768
|
</div>
|
|
771
769
|
</div>
|
|
772
770
|
</div>
|
|
@@ -338,46 +338,44 @@ wrapperTag: div
|
|
|
338
338
|
</div>
|
|
339
339
|
</div>
|
|
340
340
|
<div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg" hidden>
|
|
341
|
-
<div class="pf-v6-c-
|
|
342
|
-
<div class="pf-v6-c-
|
|
343
|
-
<
|
|
341
|
+
<div class="pf-v6-c-drawer__head">
|
|
342
|
+
<div class="pf-v6-c-drawer__actions">
|
|
343
|
+
<button
|
|
344
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
345
|
+
type="button"
|
|
346
|
+
aria-expanded="false"
|
|
347
|
+
aria-label="Menu toggle"
|
|
348
|
+
id="drawer-collapsed-example-toggle"
|
|
349
|
+
>
|
|
350
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
351
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
352
|
+
</span>
|
|
353
|
+
</button>
|
|
354
|
+
<div class="pf-v6-c-drawer__close">
|
|
344
355
|
<button
|
|
345
|
-
class="pf-v6-c-
|
|
356
|
+
class="pf-v6-c-button pf-m-plain"
|
|
346
357
|
type="button"
|
|
347
|
-
aria-
|
|
348
|
-
aria-label="Menu toggle"
|
|
349
|
-
id="drawer-collapsed-example-toggle"
|
|
358
|
+
aria-label="Close drawer panel"
|
|
350
359
|
>
|
|
351
|
-
<span class="pf-v6-c-
|
|
352
|
-
<i class="fas fa-
|
|
360
|
+
<span class="pf-v6-c-button__icon">
|
|
361
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
353
362
|
</span>
|
|
354
363
|
</button>
|
|
355
|
-
<div class="pf-v6-c-drawer__close">
|
|
356
|
-
<button
|
|
357
|
-
class="pf-v6-c-button pf-m-plain"
|
|
358
|
-
type="button"
|
|
359
|
-
aria-label="Close drawer panel"
|
|
360
|
-
>
|
|
361
|
-
<span class="pf-v6-c-button__icon">
|
|
362
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
363
|
-
</span>
|
|
364
|
-
</button>
|
|
365
|
-
</div>
|
|
366
364
|
</div>
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
</span>
|
|
365
|
+
</div>
|
|
366
|
+
<div class="pf-v6-l-flex pf-m-space-items-sm">
|
|
367
|
+
<div class="pf-v6-l-flex__item">
|
|
368
|
+
<span class="pf-v6-c-label pf-m-compact pf-m-blue">
|
|
369
|
+
<span class="pf-v6-c-label__content">
|
|
370
|
+
<span class="pf-v6-c-label__text">DC</span>
|
|
373
371
|
</span>
|
|
374
|
-
</
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
</
|
|
372
|
+
</span>
|
|
373
|
+
</div>
|
|
374
|
+
<div class="pf-v6-l-flex__item">
|
|
375
|
+
<h2
|
|
376
|
+
class="pf-v6-c-title pf-m-xl"
|
|
377
|
+
id="drawer-collapsed-example-drawer-label"
|
|
378
|
+
>mary-test</h2>
|
|
381
379
|
</div>
|
|
382
380
|
</div>
|
|
383
381
|
</div>
|
|
@@ -1084,33 +1084,28 @@ wrapperTag: div
|
|
|
1084
1084
|
<!-- Panel -->
|
|
1085
1085
|
<div class="pf-v6-c-drawer__panel">
|
|
1086
1086
|
<!-- Panel header -->
|
|
1087
|
-
<div class="pf-v6-c-
|
|
1088
|
-
<div class="pf-v6-
|
|
1089
|
-
<div class="pf-v6-
|
|
1090
|
-
<
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1100
|
-
</span>
|
|
1101
|
-
</button>
|
|
1102
|
-
</div>
|
|
1103
|
-
</div>
|
|
1104
|
-
<h2
|
|
1105
|
-
class="pf-v6-c-title pf-m-lg"
|
|
1106
|
-
id="primary-detail-expanded-example-drawer-drawer-label"
|
|
1107
|
-
>Node 2</h2>
|
|
1108
|
-
</div>
|
|
1109
|
-
</div>
|
|
1110
|
-
<div class="pf-v6-l-flex__item">
|
|
1111
|
-
<a href="#">siemur/test-space</a>
|
|
1087
|
+
<div class="pf-v6-c-drawer__head">
|
|
1088
|
+
<div class="pf-v6-c-drawer__actions">
|
|
1089
|
+
<div class="pf-v6-c-drawer__close">
|
|
1090
|
+
<button
|
|
1091
|
+
class="pf-v6-c-button pf-m-plain"
|
|
1092
|
+
type="button"
|
|
1093
|
+
aria-label="Close drawer panel"
|
|
1094
|
+
>
|
|
1095
|
+
<span class="pf-v6-c-button__icon">
|
|
1096
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1097
|
+
</span>
|
|
1098
|
+
</button>
|
|
1112
1099
|
</div>
|
|
1113
1100
|
</div>
|
|
1101
|
+
<h2
|
|
1102
|
+
class="pf-v6-c-title pf-m-lg"
|
|
1103
|
+
id="primary-detail-expanded-example-drawer-drawer-label"
|
|
1104
|
+
>Node 2</h2>
|
|
1105
|
+
</div>
|
|
1106
|
+
|
|
1107
|
+
<div class="pf-v6-c-drawer__description">
|
|
1108
|
+
<a href="#">siemur/test-space</a>
|
|
1114
1109
|
</div>
|
|
1115
1110
|
|
|
1116
1111
|
<!-- Tabs -->
|
|
@@ -2354,33 +2349,28 @@ wrapperTag: div
|
|
|
2354
2349
|
<!-- Panel -->
|
|
2355
2350
|
<div class="pf-v6-c-drawer__panel" hidden>
|
|
2356
2351
|
<!-- Panel header -->
|
|
2357
|
-
<div class="pf-v6-c-
|
|
2358
|
-
<div class="pf-v6-
|
|
2359
|
-
<div class="pf-v6-
|
|
2360
|
-
<
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2370
|
-
</span>
|
|
2371
|
-
</button>
|
|
2372
|
-
</div>
|
|
2373
|
-
</div>
|
|
2374
|
-
<h2
|
|
2375
|
-
class="pf-v6-c-title pf-m-lg"
|
|
2376
|
-
id="primary-detail-collapsed-example-drawer-drawer-label"
|
|
2377
|
-
>Patternfly-elements</h2>
|
|
2378
|
-
</div>
|
|
2352
|
+
<div class="pf-v6-c-drawer__head">
|
|
2353
|
+
<div class="pf-v6-c-drawer__actions">
|
|
2354
|
+
<div class="pf-v6-c-drawer__close">
|
|
2355
|
+
<button
|
|
2356
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2357
|
+
type="button"
|
|
2358
|
+
aria-label="Close drawer panel"
|
|
2359
|
+
>
|
|
2360
|
+
<span class="pf-v6-c-button__icon">
|
|
2361
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2362
|
+
</span>
|
|
2363
|
+
</button>
|
|
2379
2364
|
</div>
|
|
2380
|
-
<div class="pf-v6-l-flex__item">PatternFly elements</div>
|
|
2381
2365
|
</div>
|
|
2366
|
+
<h2
|
|
2367
|
+
class="pf-v6-c-title pf-m-lg"
|
|
2368
|
+
id="primary-detail-collapsed-example-drawer-drawer-label"
|
|
2369
|
+
>Patternfly-elements</h2>
|
|
2382
2370
|
</div>
|
|
2383
2371
|
|
|
2372
|
+
<div class="pf-v6-c-drawer__description">PatternFly elements</div>
|
|
2373
|
+
|
|
2384
2374
|
<!-- Tab content -->
|
|
2385
2375
|
<div class="pf-v6-c-drawer__body">
|
|
2386
2376
|
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
|
|
@@ -3487,33 +3477,28 @@ wrapperTag: div
|
|
|
3487
3477
|
<!-- Panel -->
|
|
3488
3478
|
<div class="pf-v6-c-drawer__panel">
|
|
3489
3479
|
<!-- Panel header -->
|
|
3490
|
-
<div class="pf-v6-c-
|
|
3491
|
-
<div class="pf-v6-
|
|
3492
|
-
<div class="pf-v6-
|
|
3493
|
-
<
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
3503
|
-
</span>
|
|
3504
|
-
</button>
|
|
3505
|
-
</div>
|
|
3506
|
-
</div>
|
|
3507
|
-
<h2
|
|
3508
|
-
class="pf-v6-c-title pf-m-lg"
|
|
3509
|
-
id="primary-detail-content-body-padding-example-drawer-drawer-label"
|
|
3510
|
-
>Patternfly-elements</h2>
|
|
3511
|
-
</div>
|
|
3480
|
+
<div class="pf-v6-c-drawer__head">
|
|
3481
|
+
<div class="pf-v6-c-drawer__actions">
|
|
3482
|
+
<div class="pf-v6-c-drawer__close">
|
|
3483
|
+
<button
|
|
3484
|
+
class="pf-v6-c-button pf-m-plain"
|
|
3485
|
+
type="button"
|
|
3486
|
+
aria-label="Close drawer panel"
|
|
3487
|
+
>
|
|
3488
|
+
<span class="pf-v6-c-button__icon">
|
|
3489
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
3490
|
+
</span>
|
|
3491
|
+
</button>
|
|
3512
3492
|
</div>
|
|
3513
|
-
<div class="pf-v6-l-flex__item">PatternFly elements</div>
|
|
3514
3493
|
</div>
|
|
3494
|
+
<h2
|
|
3495
|
+
class="pf-v6-c-title pf-m-lg"
|
|
3496
|
+
id="primary-detail-content-body-padding-example-drawer-drawer-label"
|
|
3497
|
+
>Patternfly-elements</h2>
|
|
3515
3498
|
</div>
|
|
3516
3499
|
|
|
3500
|
+
<div class="pf-v6-c-drawer__description">PatternFly elements</div>
|
|
3501
|
+
|
|
3517
3502
|
<!-- Tab content -->
|
|
3518
3503
|
<div class="pf-v6-c-drawer__body">
|
|
3519
3504
|
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
|
|
@@ -4617,33 +4602,28 @@ wrapperTag: div
|
|
|
4617
4602
|
<!-- Panel -->
|
|
4618
4603
|
<div class="pf-v6-c-drawer__panel">
|
|
4619
4604
|
<!-- Panel header -->
|
|
4620
|
-
<div class="pf-v6-c-
|
|
4621
|
-
<div class="pf-v6-
|
|
4622
|
-
<div class="pf-v6-
|
|
4623
|
-
<
|
|
4624
|
-
|
|
4625
|
-
|
|
4626
|
-
|
|
4627
|
-
|
|
4628
|
-
|
|
4629
|
-
|
|
4630
|
-
|
|
4631
|
-
|
|
4632
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
4633
|
-
</span>
|
|
4634
|
-
</button>
|
|
4635
|
-
</div>
|
|
4636
|
-
</div>
|
|
4637
|
-
<h2
|
|
4638
|
-
class="pf-v6-c-title pf-m-lg"
|
|
4639
|
-
id="primary-detail-card-view-expanded-example-drawer-drawer-label"
|
|
4640
|
-
>Patternfly</h2>
|
|
4641
|
-
</div>
|
|
4605
|
+
<div class="pf-v6-c-drawer__head">
|
|
4606
|
+
<div class="pf-v6-c-drawer__actions">
|
|
4607
|
+
<div class="pf-v6-c-drawer__close">
|
|
4608
|
+
<button
|
|
4609
|
+
class="pf-v6-c-button pf-m-plain"
|
|
4610
|
+
type="button"
|
|
4611
|
+
aria-label="Close drawer panel"
|
|
4612
|
+
>
|
|
4613
|
+
<span class="pf-v6-c-button__icon">
|
|
4614
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
4615
|
+
</span>
|
|
4616
|
+
</button>
|
|
4642
4617
|
</div>
|
|
4643
|
-
<div class="pf-v6-l-flex__item">PatternFly elements</div>
|
|
4644
4618
|
</div>
|
|
4619
|
+
<h2
|
|
4620
|
+
class="pf-v6-c-title pf-m-lg"
|
|
4621
|
+
id="primary-detail-card-view-expanded-example-drawer-drawer-label"
|
|
4622
|
+
>Patternfly</h2>
|
|
4645
4623
|
</div>
|
|
4646
4624
|
|
|
4625
|
+
<div class="pf-v6-c-drawer__description">PatternFly elements</div>
|
|
4626
|
+
|
|
4647
4627
|
<div class="pf-v6-c-drawer__body">
|
|
4648
4628
|
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
|
|
4649
4629
|
<div class="pf-v6-l-flex__item">
|
|
@@ -5099,30 +5079,24 @@ wrapperTag: div
|
|
|
5099
5079
|
aria-label="Panel"
|
|
5100
5080
|
>
|
|
5101
5081
|
<!-- Panel header -->
|
|
5102
|
-
<div class="pf-v6-c-
|
|
5103
|
-
<div class="pf-v6-
|
|
5104
|
-
<div class="pf-v6-
|
|
5105
|
-
<
|
|
5106
|
-
|
|
5107
|
-
|
|
5108
|
-
|
|
5109
|
-
|
|
5110
|
-
|
|
5111
|
-
|
|
5112
|
-
|
|
5113
|
-
|
|
5114
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
5115
|
-
</span>
|
|
5116
|
-
</button>
|
|
5117
|
-
</div>
|
|
5118
|
-
</div>
|
|
5119
|
-
<h2
|
|
5120
|
-
class="pf-v6-c-title pf-m-lg"
|
|
5121
|
-
id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
|
|
5122
|
-
>Patternfly-elements</h2>
|
|
5123
|
-
</div>
|
|
5082
|
+
<div class="pf-v6-c-drawer__head">
|
|
5083
|
+
<div class="pf-v6-c-drawer__actions">
|
|
5084
|
+
<div class="pf-v6-c-drawer__close">
|
|
5085
|
+
<button
|
|
5086
|
+
class="pf-v6-c-button pf-m-plain"
|
|
5087
|
+
type="button"
|
|
5088
|
+
aria-label="Close drawer panel"
|
|
5089
|
+
>
|
|
5090
|
+
<span class="pf-v6-c-button__icon">
|
|
5091
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
5092
|
+
</span>
|
|
5093
|
+
</button>
|
|
5124
5094
|
</div>
|
|
5125
5095
|
</div>
|
|
5096
|
+
<h2
|
|
5097
|
+
class="pf-v6-c-title pf-m-lg"
|
|
5098
|
+
id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
|
|
5099
|
+
>Patternfly-elements</h2>
|
|
5126
5100
|
</div>
|
|
5127
5101
|
|
|
5128
5102
|
<div class="pf-v6-c-drawer__body">
|
|
@@ -5710,31 +5684,26 @@ wrapperTag: div
|
|
|
5710
5684
|
aria-label="Panel"
|
|
5711
5685
|
>
|
|
5712
5686
|
<!-- Panel header -->
|
|
5713
|
-
<div class="pf-v6-c-
|
|
5714
|
-
<div class="pf-v6-
|
|
5715
|
-
<div class="pf-v6-
|
|
5716
|
-
<
|
|
5717
|
-
|
|
5718
|
-
|
|
5719
|
-
|
|
5720
|
-
|
|
5721
|
-
|
|
5722
|
-
|
|
5723
|
-
|
|
5724
|
-
|
|
5725
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
5726
|
-
</span>
|
|
5727
|
-
</button>
|
|
5728
|
-
</div>
|
|
5729
|
-
</div>
|
|
5730
|
-
<h2
|
|
5731
|
-
class="pf-v6-c-title pf-m-lg"
|
|
5732
|
-
id="primary-detail-card-data-list-example-drawer-drawer-label"
|
|
5733
|
-
>Patternfly-elements</h2>
|
|
5734
|
-
</div>
|
|
5687
|
+
<div class="pf-v6-c-drawer__head">
|
|
5688
|
+
<div class="pf-v6-c-drawer__actions">
|
|
5689
|
+
<div class="pf-v6-c-drawer__close">
|
|
5690
|
+
<button
|
|
5691
|
+
class="pf-v6-c-button pf-m-plain"
|
|
5692
|
+
type="button"
|
|
5693
|
+
aria-label="Close drawer panel"
|
|
5694
|
+
>
|
|
5695
|
+
<span class="pf-v6-c-button__icon">
|
|
5696
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
5697
|
+
</span>
|
|
5698
|
+
</button>
|
|
5735
5699
|
</div>
|
|
5736
5700
|
</div>
|
|
5701
|
+
<h2
|
|
5702
|
+
class="pf-v6-c-title pf-m-lg"
|
|
5703
|
+
id="primary-detail-card-data-list-example-drawer-drawer-label"
|
|
5704
|
+
>Patternfly-elements</h2>
|
|
5737
5705
|
</div>
|
|
5706
|
+
|
|
5738
5707
|
<div class="pf-v6-c-drawer__body">
|
|
5739
5708
|
<div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
|
|
5740
5709
|
<div class="pf-v6-l-flex__item">
|
|
@@ -6730,33 +6699,28 @@ wrapperTag: div
|
|
|
6730
6699
|
<!-- Panel -->
|
|
6731
6700
|
<div class="pf-v6-c-drawer__panel">
|
|
6732
6701
|
<!-- Panel header -->
|
|
6733
|
-
<div class="pf-v6-c-
|
|
6734
|
-
<div class="pf-v6-
|
|
6735
|
-
<div class="pf-v6-
|
|
6736
|
-
<
|
|
6737
|
-
|
|
6738
|
-
|
|
6739
|
-
|
|
6740
|
-
|
|
6741
|
-
|
|
6742
|
-
|
|
6743
|
-
|
|
6744
|
-
|
|
6745
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
6746
|
-
</span>
|
|
6747
|
-
</button>
|
|
6748
|
-
</div>
|
|
6749
|
-
</div>
|
|
6750
|
-
<h2
|
|
6751
|
-
class="pf-v6-c-title pf-m-lg"
|
|
6752
|
-
id="primary-detail-inline-modifier-example-drawer-drawer-label"
|
|
6753
|
-
>Node 2</h2>
|
|
6754
|
-
</div>
|
|
6755
|
-
</div>
|
|
6756
|
-
<div class="pf-v6-l-flex__item">
|
|
6757
|
-
<a href="#">siemur/test-space</a>
|
|
6702
|
+
<div class="pf-v6-c-drawer__head">
|
|
6703
|
+
<div class="pf-v6-c-drawer__actions">
|
|
6704
|
+
<div class="pf-v6-c-drawer__close">
|
|
6705
|
+
<button
|
|
6706
|
+
class="pf-v6-c-button pf-m-plain"
|
|
6707
|
+
type="button"
|
|
6708
|
+
aria-label="Close drawer panel"
|
|
6709
|
+
>
|
|
6710
|
+
<span class="pf-v6-c-button__icon">
|
|
6711
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
6712
|
+
</span>
|
|
6713
|
+
</button>
|
|
6758
6714
|
</div>
|
|
6759
6715
|
</div>
|
|
6716
|
+
<h2
|
|
6717
|
+
class="pf-v6-c-title pf-m-lg"
|
|
6718
|
+
id="primary-detail-inline-modifier-example-drawer-drawer-label"
|
|
6719
|
+
>Node 2</h2>
|
|
6720
|
+
</div>
|
|
6721
|
+
|
|
6722
|
+
<div class="pf-v6-c-drawer__description">
|
|
6723
|
+
<a href="#">siemur/test-space</a>
|
|
6760
6724
|
</div>
|
|
6761
6725
|
|
|
6762
6726
|
<!-- Tabs -->
|
|
@@ -1826,26 +1826,25 @@ wrapperTag: div
|
|
|
1826
1826
|
</div>
|
|
1827
1827
|
</div>
|
|
1828
1828
|
<div class="pf-v6-c-drawer__panel pf-m-width-33" hidden>
|
|
1829
|
-
<div class="pf-v6-c-
|
|
1830
|
-
<
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
<div class="pf-v6-c-
|
|
1835
|
-
<
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
>
|
|
1841
|
-
<
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
</button>
|
|
1845
|
-
</div>
|
|
1829
|
+
<div class="pf-v6-c-drawer__head">
|
|
1830
|
+
<h2
|
|
1831
|
+
class="pf-v6-c-title pf-m-xl"
|
|
1832
|
+
>Register with Red Hat connector</h2>
|
|
1833
|
+
<div class="pf-v6-c-drawer__actions">
|
|
1834
|
+
<div class="pf-v6-c-drawer__close">
|
|
1835
|
+
<button
|
|
1836
|
+
class="pf-v6-c-button pf-m-plain"
|
|
1837
|
+
type="button"
|
|
1838
|
+
aria-label="Close drawer panel"
|
|
1839
|
+
>
|
|
1840
|
+
<span class="pf-v6-c-button__icon">
|
|
1841
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1842
|
+
</span>
|
|
1843
|
+
</button>
|
|
1846
1844
|
</div>
|
|
1847
1845
|
</div>
|
|
1848
1846
|
</div>
|
|
1847
|
+
<div class="pf-v6-c-drawer__body"></div>
|
|
1849
1848
|
<div class="pf-v6-c-drawer__body">
|
|
1850
1849
|
<div class="pf-v6-c-content">
|
|
1851
1850
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta odio non justo cursus, quis placerat lacus mattis. Praesent orci velit, elementum eu tempus ut, posuere vel lorem. Fusce id tempus ex, et tempus nibh. Nullam laoreet odio tellus, id varius ante euismod id. Phasellus maximus lorem risus, eget facilisis urna hendrerit vel. Duis dapibus venenatis orci, id tristique magna hendrerit et. Aliquam eu lectus nec nisl efficitur euismod.</p>
|
|
@@ -2514,23 +2513,21 @@ wrapperTag: div
|
|
|
2514
2513
|
</div>
|
|
2515
2514
|
</div>
|
|
2516
2515
|
<div class="pf-v6-c-drawer__panel pf-m-width-33">
|
|
2517
|
-
<div class="pf-v6-c-
|
|
2518
|
-
<
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
<div class="pf-v6-c-
|
|
2523
|
-
<
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
>
|
|
2529
|
-
<
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
</button>
|
|
2533
|
-
</div>
|
|
2516
|
+
<div class="pf-v6-c-drawer__head">
|
|
2517
|
+
<h2
|
|
2518
|
+
class="pf-v6-c-title pf-m-xl"
|
|
2519
|
+
>Register with Red Hat connector</h2>
|
|
2520
|
+
<div class="pf-v6-c-drawer__actions">
|
|
2521
|
+
<div class="pf-v6-c-drawer__close">
|
|
2522
|
+
<button
|
|
2523
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2524
|
+
type="button"
|
|
2525
|
+
aria-label="Close drawer panel"
|
|
2526
|
+
>
|
|
2527
|
+
<span class="pf-v6-c-button__icon">
|
|
2528
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2529
|
+
</span>
|
|
2530
|
+
</button>
|
|
2534
2531
|
</div>
|
|
2535
2532
|
</div>
|
|
2536
2533
|
</div>
|