@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.6
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/components/Button/button.css +18 -0
- package/components/Button/button.scss +22 -0
- package/components/MenuToggle/menu-toggle.css +4 -0
- package/components/MenuToggle/menu-toggle.scss +5 -0
- package/components/_index.css +22 -0
- package/docs/components/Button/examples/Button.md +116 -0
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
- 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
- package/patternfly-no-globals.css +22 -0
- package/patternfly.css +22 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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>
|
package/package.json
CHANGED
|
@@ -10552,6 +10552,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10552
10552
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
10553
10553
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
10554
10554
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
10555
|
+
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
10556
|
+
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
10557
|
+
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10558
|
+
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
10559
|
+
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
10560
|
+
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
10561
|
+
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
10562
|
+
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
10555
10563
|
}
|
|
10556
10564
|
|
|
10557
10565
|
.pf-v6-c-button {
|
|
@@ -10919,6 +10927,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
10919
10927
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
10920
10928
|
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
10921
10929
|
}
|
|
10930
|
+
.pf-v6-c-button.pf-m-circle {
|
|
10931
|
+
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
10932
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
10933
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
10934
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
10935
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
10936
|
+
}
|
|
10937
|
+
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
10938
|
+
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
10939
|
+
}
|
|
10922
10940
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
10923
10941
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
10924
10942
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -19686,6 +19704,7 @@ ul.pf-v6-c-list {
|
|
|
19686
19704
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
19687
19705
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19688
19706
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19707
|
+
--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
19689
19708
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
19690
19709
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
19691
19710
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -19814,6 +19833,9 @@ ul.pf-v6-c-list {
|
|
|
19814
19833
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
19815
19834
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
19816
19835
|
}
|
|
19836
|
+
.pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
|
|
19837
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
|
|
19838
|
+
}
|
|
19817
19839
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
19818
19840
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19819
19841
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
package/patternfly.css
CHANGED
|
@@ -10692,6 +10692,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10692
10692
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
10693
10693
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
10694
10694
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
10695
|
+
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
10696
|
+
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
10697
|
+
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10698
|
+
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
10699
|
+
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
10700
|
+
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
10701
|
+
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
10702
|
+
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
10695
10703
|
}
|
|
10696
10704
|
|
|
10697
10705
|
.pf-v6-c-button {
|
|
@@ -11059,6 +11067,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11059
11067
|
--pf-v6-c-button--hover__icon--TransitionDelay: 0s;
|
|
11060
11068
|
--pf-v6-c-button--hover__icon--ScaleX: 1;
|
|
11061
11069
|
}
|
|
11070
|
+
.pf-v6-c-button.pf-m-circle {
|
|
11071
|
+
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
11072
|
+
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
11073
|
+
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
11074
|
+
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
11075
|
+
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
11076
|
+
}
|
|
11077
|
+
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
11078
|
+
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
11079
|
+
}
|
|
11062
11080
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
11063
11081
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
11064
11082
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -19826,6 +19844,7 @@ ul.pf-v6-c-list {
|
|
|
19826
19844
|
--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
|
|
19827
19845
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19828
19846
|
--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
19847
|
+
--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
19829
19848
|
--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
19830
19849
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
19831
19850
|
--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -19954,6 +19973,9 @@ ul.pf-v6-c-list {
|
|
|
19954
19973
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
|
|
19955
19974
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
19956
19975
|
}
|
|
19976
|
+
.pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle {
|
|
19977
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius);
|
|
19978
|
+
}
|
|
19957
19979
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
19958
19980
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
|
19959
19981
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|