@patternfly/patternfly 6.5.0-prerelease.19 → 6.5.0-prerelease.20
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/Compass/compass.css +0 -1
- package/components/Compass/compass.scss +0 -1
- package/components/_index.css +0 -1
- package/docs/components/Tabs/examples/Tabs.md +13 -22
- package/docs/demos/Compass/examples/Compass.md +0 -16
- package/package.json +1 -1
- package/patternfly-no-globals.css +0 -1
- package/patternfly.css +0 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -3551,7 +3551,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3551
3551
|
justify-content: center;
|
|
3552
3552
|
height: 100dvh;
|
|
3553
3553
|
padding: var(--pf-v6-c-compass--Padding);
|
|
3554
|
-
margin-inline: auto;
|
|
3555
3554
|
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
3556
3555
|
background-size: cover;
|
|
3557
3556
|
}
|
|
@@ -2687,12 +2687,7 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2687
2687
|
### Using the nav element example
|
|
2688
2688
|
|
|
2689
2689
|
```html
|
|
2690
|
-
<nav
|
|
2691
|
-
class="pf-v6-c-tabs pf-m-scrollable"
|
|
2692
|
-
aria-label="Tabs nav"
|
|
2693
|
-
role="region"
|
|
2694
|
-
id="using-the-nav-element"
|
|
2695
|
-
>
|
|
2690
|
+
<nav class="pf-v6-c-tabs pf-m-scrollable" aria-label="Tabs nav">
|
|
2696
2691
|
<div class="pf-v6-c-tabs__scroll-button">
|
|
2697
2692
|
<button
|
|
2698
2693
|
class="pf-v6-c-button pf-m-plain"
|
|
@@ -2789,12 +2784,7 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2789
2784
|
### Sub tabs using the nav element example
|
|
2790
2785
|
|
|
2791
2786
|
```html
|
|
2792
|
-
<nav
|
|
2793
|
-
class="pf-v6-c-tabs"
|
|
2794
|
-
aria-label="Tabs primary nav"
|
|
2795
|
-
role="region"
|
|
2796
|
-
id="sub-tabs-using-the-nav-element"
|
|
2797
|
-
>
|
|
2787
|
+
<nav class="pf-v6-c-tabs" aria-label="Tabs primary nav">
|
|
2798
2788
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2799
2789
|
<button
|
|
2800
2790
|
class="pf-v6-c-button pf-m-plain"
|
|
@@ -2885,12 +2875,7 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2885
2875
|
</div>
|
|
2886
2876
|
</nav>
|
|
2887
2877
|
|
|
2888
|
-
<nav
|
|
2889
|
-
class="pf-v6-c-tabs pf-m-subtab"
|
|
2890
|
-
aria-label="Tabs subtab nav"
|
|
2891
|
-
role="region"
|
|
2892
|
-
id="sub-tabs-using-the-nav-element-subtab"
|
|
2893
|
-
>
|
|
2878
|
+
<nav class="pf-v6-c-tabs pf-m-subtab" aria-label="Tabs subtab nav">
|
|
2894
2879
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2895
2880
|
<button
|
|
2896
2881
|
class="pf-v6-c-button pf-m-plain"
|
|
@@ -2989,7 +2974,10 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2989
2974
|
### Site navigation variation
|
|
2990
2975
|
|
|
2991
2976
|
```html isBeta
|
|
2992
|
-
<
|
|
2977
|
+
<nav
|
|
2978
|
+
class="pf-v6-c-tabs pf-m-nav"
|
|
2979
|
+
aria-label="Site navigation variation example"
|
|
2980
|
+
>
|
|
2993
2981
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2994
2982
|
<button
|
|
2995
2983
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
@@ -3078,9 +3066,12 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3078
3066
|
</span>
|
|
3079
3067
|
</button>
|
|
3080
3068
|
</div>
|
|
3081
|
-
</
|
|
3069
|
+
</nav><br/ >
|
|
3082
3070
|
As sub navigation:
|
|
3083
|
-
<
|
|
3071
|
+
<nav
|
|
3072
|
+
class="pf-v6-c-tabs pf-m-subtab pf-m-nav"
|
|
3073
|
+
aria-label="Site sub-navigation variation example"
|
|
3074
|
+
>
|
|
3084
3075
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3085
3076
|
<button
|
|
3086
3077
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
@@ -3169,7 +3160,7 @@ As sub navigation:
|
|
|
3169
3160
|
</span>
|
|
3170
3161
|
</button>
|
|
3171
3162
|
</div>
|
|
3172
|
-
</
|
|
3163
|
+
</nav>
|
|
3173
3164
|
|
|
3174
3165
|
```
|
|
3175
3166
|
|
|
@@ -111,8 +111,6 @@ wrapperTag: div
|
|
|
111
111
|
<nav
|
|
112
112
|
class="pf-v6-c-tabs pf-m-nav pf-m-inset-xl"
|
|
113
113
|
aria-label="Primary nav"
|
|
114
|
-
role="region"
|
|
115
|
-
id="primary-nav"
|
|
116
114
|
>
|
|
117
115
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
118
116
|
<button
|
|
@@ -208,8 +206,6 @@ wrapperTag: div
|
|
|
208
206
|
<nav
|
|
209
207
|
class="pf-v6-c-tabs pf-m-nav pf-m-subtab pf-m-inset-xl"
|
|
210
208
|
aria-label="Secondary nav"
|
|
211
|
-
role="region"
|
|
212
|
-
id="secondary-nav"
|
|
213
209
|
>
|
|
214
210
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
215
211
|
<button
|
|
@@ -1327,8 +1323,6 @@ wrapperTag: div
|
|
|
1327
1323
|
<nav
|
|
1328
1324
|
class="pf-v6-c-tabs pf-m-nav pf-m-inset-xl"
|
|
1329
1325
|
aria-label="Primary nav"
|
|
1330
|
-
role="region"
|
|
1331
|
-
id="primary-nav"
|
|
1332
1326
|
>
|
|
1333
1327
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1334
1328
|
<button
|
|
@@ -1424,8 +1418,6 @@ wrapperTag: div
|
|
|
1424
1418
|
<nav
|
|
1425
1419
|
class="pf-v6-c-tabs pf-m-nav pf-m-subtab pf-m-inset-xl"
|
|
1426
1420
|
aria-label="Secondary nav"
|
|
1427
|
-
role="region"
|
|
1428
|
-
id="secondary-nav"
|
|
1429
1421
|
>
|
|
1430
1422
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1431
1423
|
<button
|
|
@@ -2767,8 +2759,6 @@ wrapperTag: div
|
|
|
2767
2759
|
<nav
|
|
2768
2760
|
class="pf-v6-c-tabs pf-m-nav pf-m-inset-xl"
|
|
2769
2761
|
aria-label="Primary nav"
|
|
2770
|
-
role="region"
|
|
2771
|
-
id="primary-nav"
|
|
2772
2762
|
>
|
|
2773
2763
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2774
2764
|
<button
|
|
@@ -2864,8 +2854,6 @@ wrapperTag: div
|
|
|
2864
2854
|
<nav
|
|
2865
2855
|
class="pf-v6-c-tabs pf-m-nav pf-m-subtab pf-m-inset-xl"
|
|
2866
2856
|
aria-label="Secondary nav"
|
|
2867
|
-
role="region"
|
|
2868
|
-
id="secondary-nav"
|
|
2869
2857
|
>
|
|
2870
2858
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2871
2859
|
<button
|
|
@@ -4660,8 +4648,6 @@ wrapperTag: div
|
|
|
4660
4648
|
<nav
|
|
4661
4649
|
class="pf-v6-c-tabs pf-m-nav pf-m-inset-xl"
|
|
4662
4650
|
aria-label="Primary nav"
|
|
4663
|
-
role="region"
|
|
4664
|
-
id="primary-nav"
|
|
4665
4651
|
>
|
|
4666
4652
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4667
4653
|
<button
|
|
@@ -4760,8 +4746,6 @@ wrapperTag: div
|
|
|
4760
4746
|
<nav
|
|
4761
4747
|
class="pf-v6-c-tabs pf-m-nav pf-m-subtab pf-m-inset-xl"
|
|
4762
4748
|
aria-label="Secondary nav"
|
|
4763
|
-
role="region"
|
|
4764
|
-
id="secondary-nav"
|
|
4765
4749
|
>
|
|
4766
4750
|
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4767
4751
|
<button
|
package/package.json
CHANGED
|
@@ -12306,7 +12306,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12306
12306
|
justify-content: center;
|
|
12307
12307
|
height: 100dvh;
|
|
12308
12308
|
padding: var(--pf-v6-c-compass--Padding);
|
|
12309
|
-
margin-inline: auto;
|
|
12310
12309
|
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
12311
12310
|
background-size: cover;
|
|
12312
12311
|
}
|
package/patternfly.css
CHANGED
|
@@ -12453,7 +12453,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12453
12453
|
justify-content: center;
|
|
12454
12454
|
height: 100dvh;
|
|
12455
12455
|
padding: var(--pf-v6-c-compass--Padding);
|
|
12456
|
-
margin-inline: auto;
|
|
12457
12456
|
background-image: var(--pf-v6-c-compass--BackgroundImage);
|
|
12458
12457
|
background-size: cover;
|
|
12459
12458
|
}
|