@patternfly/patternfly 6.5.0-prerelease.77 → 6.5.0-prerelease.79
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/README.md +1 -1
- package/components/Button/button.css +10 -4
- package/components/Button/button.scss +7 -1
- package/components/Compass/compass.css +147 -3
- package/components/Compass/compass.scss +142 -3
- package/components/Masthead/masthead.css +3 -3
- package/components/Masthead/masthead.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +3 -3
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +1 -1
- package/components/Page/page.css +12 -8
- package/components/Page/page.scss +6 -1
- package/components/Pagination/pagination.css +56 -4
- package/components/Pagination/pagination.scss +66 -5
- package/components/_index.css +233 -27
- package/docs/components/Compass/examples/Compass.css +2 -11
- package/docs/components/Compass/examples/Compass.md +8 -1
- package/docs/components/Nav/examples/Navigation.md +105 -9
- package/docs/components/Pagination/examples/Pagination.md +495 -3
- package/docs/demos/CardView/examples/CardView.md +1 -1
- package/docs/demos/Compass/examples/Compass.md +2108 -267
- package/docs/demos/DataList/examples/DataList.md +1 -1
- package/docs/demos/Nav/examples/Nav.md +272 -90
- package/docs/demos/Table/examples/Table.md +1 -1
- package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
- package/package.json +1 -1
- package/patternfly-no-globals.css +233 -27
- package/patternfly.css +233 -27
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
|
@@ -2529,7 +2529,15 @@ section: components
|
|
|
2529
2529
|
### Docked nav
|
|
2530
2530
|
|
|
2531
2531
|
```html isFullscreen isBeta
|
|
2532
|
-
<div class="pf-v6-c-page pf-m-docked
|
|
2532
|
+
<div class="pf-v6-c-page pf-m-docked" id="nav-docked-example">
|
|
2533
|
+
<div class="pf-v6-c-skip-to-content">
|
|
2534
|
+
<a
|
|
2535
|
+
class="pf-v6-c-button pf-m-primary"
|
|
2536
|
+
href="#main-content-nav-docked-example"
|
|
2537
|
+
>
|
|
2538
|
+
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
2539
|
+
</a>
|
|
2540
|
+
</div>
|
|
2533
2541
|
<header class="pf-v6-c-masthead pf-m-display-inline">
|
|
2534
2542
|
<div class="pf-v6-c-masthead__main">
|
|
2535
2543
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -2652,7 +2660,7 @@ section: components
|
|
|
2652
2660
|
<span class="pf-v6-c-button__icon">
|
|
2653
2661
|
<svg
|
|
2654
2662
|
class="pf-v6-svg"
|
|
2655
|
-
viewBox="0 0
|
|
2663
|
+
viewBox="0 0 32 32"
|
|
2656
2664
|
fill="currentColor"
|
|
2657
2665
|
aria-hidden="true"
|
|
2658
2666
|
role="img"
|
|
@@ -2660,7 +2668,7 @@ section: components
|
|
|
2660
2668
|
height="1em"
|
|
2661
2669
|
>
|
|
2662
2670
|
<path
|
|
2663
|
-
d="
|
|
2671
|
+
d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
|
|
2664
2672
|
/>
|
|
2665
2673
|
</svg>
|
|
2666
2674
|
</span>
|
|
@@ -2673,15 +2681,6 @@ section: components
|
|
|
2673
2681
|
</header>
|
|
2674
2682
|
<div class="pf-v6-c-page__dock">
|
|
2675
2683
|
<div class="pf-v6-c-page__dock-main">
|
|
2676
|
-
<div class="pf-v6-c-skip-to-content">
|
|
2677
|
-
<a
|
|
2678
|
-
class="pf-v6-c-button pf-m-primary"
|
|
2679
|
-
href="#main-content-nav-docked-example"
|
|
2680
|
-
>
|
|
2681
|
-
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
2682
|
-
</a>
|
|
2683
|
-
</div>
|
|
2684
|
-
|
|
2685
2684
|
<header
|
|
2686
2685
|
class="pf-v6-c-masthead pf-m-docked"
|
|
2687
2686
|
id="nav-docked-example-masthead"
|
|
@@ -2860,9 +2859,21 @@ section: components
|
|
|
2860
2859
|
<nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
|
|
2861
2860
|
<ul class="pf-v6-c-nav__list" role="list">
|
|
2862
2861
|
<li class="pf-v6-c-nav__item">
|
|
2863
|
-
<a href="#" class="pf-v6-c-nav__link" aria-label="
|
|
2862
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
|
|
2864
2863
|
<span class="pf-v6-c-nav__link-icon">
|
|
2865
|
-
<
|
|
2864
|
+
<svg
|
|
2865
|
+
class="pf-v6-svg"
|
|
2866
|
+
viewBox="0 0 32 32"
|
|
2867
|
+
fill="currentColor"
|
|
2868
|
+
aria-hidden="true"
|
|
2869
|
+
role="img"
|
|
2870
|
+
width="1em"
|
|
2871
|
+
height="1em"
|
|
2872
|
+
>
|
|
2873
|
+
<path
|
|
2874
|
+
d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
|
|
2875
|
+
/>
|
|
2876
|
+
</svg>
|
|
2866
2877
|
</span>
|
|
2867
2878
|
<span class="pf-v6-c-nav__link-text">System panel</span>
|
|
2868
2879
|
</a>
|
|
@@ -2875,7 +2886,19 @@ section: components
|
|
|
2875
2886
|
aria-label="Folder"
|
|
2876
2887
|
>
|
|
2877
2888
|
<span class="pf-v6-c-nav__link-icon">
|
|
2878
|
-
<
|
|
2889
|
+
<svg
|
|
2890
|
+
class="pf-v6-svg"
|
|
2891
|
+
viewBox="0 0 32 32"
|
|
2892
|
+
fill="currentColor"
|
|
2893
|
+
aria-hidden="true"
|
|
2894
|
+
role="img"
|
|
2895
|
+
width="1em"
|
|
2896
|
+
height="1em"
|
|
2897
|
+
>
|
|
2898
|
+
<path
|
|
2899
|
+
d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
|
|
2900
|
+
/>
|
|
2901
|
+
</svg>
|
|
2879
2902
|
</span>
|
|
2880
2903
|
<span class="pf-v6-c-nav__link-text">Policy</span>
|
|
2881
2904
|
</a>
|
|
@@ -2883,7 +2906,19 @@ section: components
|
|
|
2883
2906
|
<li class="pf-v6-c-nav__item">
|
|
2884
2907
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
|
|
2885
2908
|
<span class="pf-v6-c-nav__link-icon">
|
|
2886
|
-
<
|
|
2909
|
+
<svg
|
|
2910
|
+
class="pf-v6-svg"
|
|
2911
|
+
viewBox="0 0 32 32"
|
|
2912
|
+
fill="currentColor"
|
|
2913
|
+
aria-hidden="true"
|
|
2914
|
+
role="img"
|
|
2915
|
+
width="1em"
|
|
2916
|
+
height="1em"
|
|
2917
|
+
>
|
|
2918
|
+
<path
|
|
2919
|
+
d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
|
|
2920
|
+
/>
|
|
2921
|
+
</svg>
|
|
2887
2922
|
</span>
|
|
2888
2923
|
<span class="pf-v6-c-nav__link-text">Authentication</span>
|
|
2889
2924
|
</a>
|
|
@@ -2891,7 +2926,19 @@ section: components
|
|
|
2891
2926
|
<li class="pf-v6-c-nav__item">
|
|
2892
2927
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Code">
|
|
2893
2928
|
<span class="pf-v6-c-nav__link-icon">
|
|
2894
|
-
<
|
|
2929
|
+
<svg
|
|
2930
|
+
class="pf-v6-svg"
|
|
2931
|
+
viewBox="0 0 32 32"
|
|
2932
|
+
fill="currentColor"
|
|
2933
|
+
aria-hidden="true"
|
|
2934
|
+
role="img"
|
|
2935
|
+
width="1em"
|
|
2936
|
+
height="1em"
|
|
2937
|
+
>
|
|
2938
|
+
<path
|
|
2939
|
+
d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
|
|
2940
|
+
/>
|
|
2941
|
+
</svg>
|
|
2895
2942
|
</span>
|
|
2896
2943
|
<span class="pf-v6-c-nav__link-text">Network services</span>
|
|
2897
2944
|
</a>
|
|
@@ -2912,7 +2959,7 @@ section: components
|
|
|
2912
2959
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2913
2960
|
<svg
|
|
2914
2961
|
class="pf-v6-svg"
|
|
2915
|
-
viewBox="0 0
|
|
2962
|
+
viewBox="0 0 32 32"
|
|
2916
2963
|
fill="currentColor"
|
|
2917
2964
|
aria-hidden="true"
|
|
2918
2965
|
role="img"
|
|
@@ -2920,7 +2967,7 @@ section: components
|
|
|
2920
2967
|
height="1em"
|
|
2921
2968
|
>
|
|
2922
2969
|
<path
|
|
2923
|
-
d="
|
|
2970
|
+
d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
|
|
2924
2971
|
/>
|
|
2925
2972
|
</svg>
|
|
2926
2973
|
</span>
|
|
@@ -2961,7 +3008,7 @@ section: components
|
|
|
2961
3008
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2962
3009
|
<svg
|
|
2963
3010
|
class="pf-v6-svg"
|
|
2964
|
-
viewBox="0 0
|
|
3011
|
+
viewBox="0 0 32 32"
|
|
2965
3012
|
fill="currentColor"
|
|
2966
3013
|
aria-hidden="true"
|
|
2967
3014
|
role="img"
|
|
@@ -2969,7 +3016,7 @@ section: components
|
|
|
2969
3016
|
height="1em"
|
|
2970
3017
|
>
|
|
2971
3018
|
<path
|
|
2972
|
-
d="
|
|
3019
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
|
|
2973
3020
|
/>
|
|
2974
3021
|
</svg>
|
|
2975
3022
|
</span>
|
|
@@ -3119,10 +3166,15 @@ section: components
|
|
|
3119
3166
|
### Docked nav - expanded on mobile
|
|
3120
3167
|
|
|
3121
3168
|
```html isFullscreen isBeta
|
|
3122
|
-
<div
|
|
3123
|
-
class="pf-v6-c-
|
|
3124
|
-
|
|
3125
|
-
|
|
3169
|
+
<div class="pf-v6-c-page pf-m-docked" id="nav-docked-expanded-example">
|
|
3170
|
+
<div class="pf-v6-c-skip-to-content">
|
|
3171
|
+
<a
|
|
3172
|
+
class="pf-v6-c-button pf-m-primary"
|
|
3173
|
+
href="#main-content-nav-docked-expanded-example"
|
|
3174
|
+
>
|
|
3175
|
+
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
3176
|
+
</a>
|
|
3177
|
+
</div>
|
|
3126
3178
|
<header class="pf-v6-c-masthead pf-m-display-inline">
|
|
3127
3179
|
<div class="pf-v6-c-masthead__main">
|
|
3128
3180
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -3245,7 +3297,7 @@ section: components
|
|
|
3245
3297
|
<span class="pf-v6-c-button__icon">
|
|
3246
3298
|
<svg
|
|
3247
3299
|
class="pf-v6-svg"
|
|
3248
|
-
viewBox="0 0
|
|
3300
|
+
viewBox="0 0 32 32"
|
|
3249
3301
|
fill="currentColor"
|
|
3250
3302
|
aria-hidden="true"
|
|
3251
3303
|
role="img"
|
|
@@ -3253,7 +3305,7 @@ section: components
|
|
|
3253
3305
|
height="1em"
|
|
3254
3306
|
>
|
|
3255
3307
|
<path
|
|
3256
|
-
d="
|
|
3308
|
+
d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
|
|
3257
3309
|
/>
|
|
3258
3310
|
</svg>
|
|
3259
3311
|
</span>
|
|
@@ -3266,15 +3318,6 @@ section: components
|
|
|
3266
3318
|
</header>
|
|
3267
3319
|
<div class="pf-v6-c-page__dock pf-m-expanded">
|
|
3268
3320
|
<div class="pf-v6-c-page__dock-main">
|
|
3269
|
-
<div class="pf-v6-c-skip-to-content">
|
|
3270
|
-
<a
|
|
3271
|
-
class="pf-v6-c-button pf-m-primary"
|
|
3272
|
-
href="#main-content-nav-docked-expanded-example"
|
|
3273
|
-
>
|
|
3274
|
-
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
3275
|
-
</a>
|
|
3276
|
-
</div>
|
|
3277
|
-
|
|
3278
3321
|
<header
|
|
3279
3322
|
class="pf-v6-c-masthead pf-m-docked"
|
|
3280
3323
|
id="nav-docked-expanded-example-masthead"
|
|
@@ -3453,9 +3496,21 @@ section: components
|
|
|
3453
3496
|
<nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
|
|
3454
3497
|
<ul class="pf-v6-c-nav__list" role="list">
|
|
3455
3498
|
<li class="pf-v6-c-nav__item">
|
|
3456
|
-
<a href="#" class="pf-v6-c-nav__link" aria-label="
|
|
3499
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
|
|
3457
3500
|
<span class="pf-v6-c-nav__link-icon">
|
|
3458
|
-
<
|
|
3501
|
+
<svg
|
|
3502
|
+
class="pf-v6-svg"
|
|
3503
|
+
viewBox="0 0 32 32"
|
|
3504
|
+
fill="currentColor"
|
|
3505
|
+
aria-hidden="true"
|
|
3506
|
+
role="img"
|
|
3507
|
+
width="1em"
|
|
3508
|
+
height="1em"
|
|
3509
|
+
>
|
|
3510
|
+
<path
|
|
3511
|
+
d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
|
|
3512
|
+
/>
|
|
3513
|
+
</svg>
|
|
3459
3514
|
</span>
|
|
3460
3515
|
<span class="pf-v6-c-nav__link-text">System panel</span>
|
|
3461
3516
|
</a>
|
|
@@ -3468,7 +3523,19 @@ section: components
|
|
|
3468
3523
|
aria-label="Folder"
|
|
3469
3524
|
>
|
|
3470
3525
|
<span class="pf-v6-c-nav__link-icon">
|
|
3471
|
-
<
|
|
3526
|
+
<svg
|
|
3527
|
+
class="pf-v6-svg"
|
|
3528
|
+
viewBox="0 0 32 32"
|
|
3529
|
+
fill="currentColor"
|
|
3530
|
+
aria-hidden="true"
|
|
3531
|
+
role="img"
|
|
3532
|
+
width="1em"
|
|
3533
|
+
height="1em"
|
|
3534
|
+
>
|
|
3535
|
+
<path
|
|
3536
|
+
d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
|
|
3537
|
+
/>
|
|
3538
|
+
</svg>
|
|
3472
3539
|
</span>
|
|
3473
3540
|
<span class="pf-v6-c-nav__link-text">Policy</span>
|
|
3474
3541
|
</a>
|
|
@@ -3476,7 +3543,19 @@ section: components
|
|
|
3476
3543
|
<li class="pf-v6-c-nav__item">
|
|
3477
3544
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
|
|
3478
3545
|
<span class="pf-v6-c-nav__link-icon">
|
|
3479
|
-
<
|
|
3546
|
+
<svg
|
|
3547
|
+
class="pf-v6-svg"
|
|
3548
|
+
viewBox="0 0 32 32"
|
|
3549
|
+
fill="currentColor"
|
|
3550
|
+
aria-hidden="true"
|
|
3551
|
+
role="img"
|
|
3552
|
+
width="1em"
|
|
3553
|
+
height="1em"
|
|
3554
|
+
>
|
|
3555
|
+
<path
|
|
3556
|
+
d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
|
|
3557
|
+
/>
|
|
3558
|
+
</svg>
|
|
3480
3559
|
</span>
|
|
3481
3560
|
<span class="pf-v6-c-nav__link-text">Authentication</span>
|
|
3482
3561
|
</a>
|
|
@@ -3484,7 +3563,19 @@ section: components
|
|
|
3484
3563
|
<li class="pf-v6-c-nav__item">
|
|
3485
3564
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Code">
|
|
3486
3565
|
<span class="pf-v6-c-nav__link-icon">
|
|
3487
|
-
<
|
|
3566
|
+
<svg
|
|
3567
|
+
class="pf-v6-svg"
|
|
3568
|
+
viewBox="0 0 32 32"
|
|
3569
|
+
fill="currentColor"
|
|
3570
|
+
aria-hidden="true"
|
|
3571
|
+
role="img"
|
|
3572
|
+
width="1em"
|
|
3573
|
+
height="1em"
|
|
3574
|
+
>
|
|
3575
|
+
<path
|
|
3576
|
+
d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
|
|
3577
|
+
/>
|
|
3578
|
+
</svg>
|
|
3488
3579
|
</span>
|
|
3489
3580
|
<span class="pf-v6-c-nav__link-text">Network services</span>
|
|
3490
3581
|
</a>
|
|
@@ -3505,7 +3596,7 @@ section: components
|
|
|
3505
3596
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3506
3597
|
<svg
|
|
3507
3598
|
class="pf-v6-svg"
|
|
3508
|
-
viewBox="0 0
|
|
3599
|
+
viewBox="0 0 32 32"
|
|
3509
3600
|
fill="currentColor"
|
|
3510
3601
|
aria-hidden="true"
|
|
3511
3602
|
role="img"
|
|
@@ -3513,7 +3604,7 @@ section: components
|
|
|
3513
3604
|
height="1em"
|
|
3514
3605
|
>
|
|
3515
3606
|
<path
|
|
3516
|
-
d="
|
|
3607
|
+
d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
|
|
3517
3608
|
/>
|
|
3518
3609
|
</svg>
|
|
3519
3610
|
</span>
|
|
@@ -3554,7 +3645,7 @@ section: components
|
|
|
3554
3645
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3555
3646
|
<svg
|
|
3556
3647
|
class="pf-v6-svg"
|
|
3557
|
-
viewBox="0 0
|
|
3648
|
+
viewBox="0 0 32 32"
|
|
3558
3649
|
fill="currentColor"
|
|
3559
3650
|
aria-hidden="true"
|
|
3560
3651
|
role="img"
|
|
@@ -3562,7 +3653,7 @@ section: components
|
|
|
3562
3653
|
height="1em"
|
|
3563
3654
|
>
|
|
3564
3655
|
<path
|
|
3565
|
-
d="
|
|
3656
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
|
|
3566
3657
|
/>
|
|
3567
3658
|
</svg>
|
|
3568
3659
|
</span>
|
|
@@ -3712,7 +3803,15 @@ section: components
|
|
|
3712
3803
|
### Docked nav text expanded
|
|
3713
3804
|
|
|
3714
3805
|
```html isFullscreen isBeta
|
|
3715
|
-
<div class="pf-v6-c-page pf-m-docked
|
|
3806
|
+
<div class="pf-v6-c-page pf-m-docked" id="nav-docked-example">
|
|
3807
|
+
<div class="pf-v6-c-skip-to-content">
|
|
3808
|
+
<a
|
|
3809
|
+
class="pf-v6-c-button pf-m-primary"
|
|
3810
|
+
href="#main-content-nav-docked-example"
|
|
3811
|
+
>
|
|
3812
|
+
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
3813
|
+
</a>
|
|
3814
|
+
</div>
|
|
3716
3815
|
<header class="pf-v6-c-masthead pf-m-display-inline">
|
|
3717
3816
|
<div class="pf-v6-c-masthead__main">
|
|
3718
3817
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -3835,7 +3934,7 @@ section: components
|
|
|
3835
3934
|
<span class="pf-v6-c-button__icon">
|
|
3836
3935
|
<svg
|
|
3837
3936
|
class="pf-v6-svg"
|
|
3838
|
-
viewBox="0 0
|
|
3937
|
+
viewBox="0 0 32 32"
|
|
3839
3938
|
fill="currentColor"
|
|
3840
3939
|
aria-hidden="true"
|
|
3841
3940
|
role="img"
|
|
@@ -3843,7 +3942,7 @@ section: components
|
|
|
3843
3942
|
height="1em"
|
|
3844
3943
|
>
|
|
3845
3944
|
<path
|
|
3846
|
-
d="
|
|
3945
|
+
d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
|
|
3847
3946
|
/>
|
|
3848
3947
|
</svg>
|
|
3849
3948
|
</span>
|
|
@@ -3856,15 +3955,6 @@ section: components
|
|
|
3856
3955
|
</header>
|
|
3857
3956
|
<div class="pf-v6-c-page__dock pf-m-text-expanded">
|
|
3858
3957
|
<div class="pf-v6-c-page__dock-main">
|
|
3859
|
-
<div class="pf-v6-c-skip-to-content">
|
|
3860
|
-
<a
|
|
3861
|
-
class="pf-v6-c-button pf-m-primary"
|
|
3862
|
-
href="#main-content-nav-docked-example"
|
|
3863
|
-
>
|
|
3864
|
-
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
3865
|
-
</a>
|
|
3866
|
-
</div>
|
|
3867
|
-
|
|
3868
3958
|
<header
|
|
3869
3959
|
class="pf-v6-c-masthead pf-m-docked"
|
|
3870
3960
|
id="nav-docked-example-masthead"
|
|
@@ -4043,9 +4133,21 @@ section: components
|
|
|
4043
4133
|
<nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
|
|
4044
4134
|
<ul class="pf-v6-c-nav__list" role="list">
|
|
4045
4135
|
<li class="pf-v6-c-nav__item">
|
|
4046
|
-
<a href="#" class="pf-v6-c-nav__link" aria-label="
|
|
4136
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
|
|
4047
4137
|
<span class="pf-v6-c-nav__link-icon">
|
|
4048
|
-
<
|
|
4138
|
+
<svg
|
|
4139
|
+
class="pf-v6-svg"
|
|
4140
|
+
viewBox="0 0 32 32"
|
|
4141
|
+
fill="currentColor"
|
|
4142
|
+
aria-hidden="true"
|
|
4143
|
+
role="img"
|
|
4144
|
+
width="1em"
|
|
4145
|
+
height="1em"
|
|
4146
|
+
>
|
|
4147
|
+
<path
|
|
4148
|
+
d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
|
|
4149
|
+
/>
|
|
4150
|
+
</svg>
|
|
4049
4151
|
</span>
|
|
4050
4152
|
<span class="pf-v6-c-nav__link-text">System panel</span>
|
|
4051
4153
|
</a>
|
|
@@ -4058,7 +4160,19 @@ section: components
|
|
|
4058
4160
|
aria-label="Folder"
|
|
4059
4161
|
>
|
|
4060
4162
|
<span class="pf-v6-c-nav__link-icon">
|
|
4061
|
-
<
|
|
4163
|
+
<svg
|
|
4164
|
+
class="pf-v6-svg"
|
|
4165
|
+
viewBox="0 0 32 32"
|
|
4166
|
+
fill="currentColor"
|
|
4167
|
+
aria-hidden="true"
|
|
4168
|
+
role="img"
|
|
4169
|
+
width="1em"
|
|
4170
|
+
height="1em"
|
|
4171
|
+
>
|
|
4172
|
+
<path
|
|
4173
|
+
d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
|
|
4174
|
+
/>
|
|
4175
|
+
</svg>
|
|
4062
4176
|
</span>
|
|
4063
4177
|
<span class="pf-v6-c-nav__link-text">Policy</span>
|
|
4064
4178
|
</a>
|
|
@@ -4066,7 +4180,19 @@ section: components
|
|
|
4066
4180
|
<li class="pf-v6-c-nav__item">
|
|
4067
4181
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
|
|
4068
4182
|
<span class="pf-v6-c-nav__link-icon">
|
|
4069
|
-
<
|
|
4183
|
+
<svg
|
|
4184
|
+
class="pf-v6-svg"
|
|
4185
|
+
viewBox="0 0 32 32"
|
|
4186
|
+
fill="currentColor"
|
|
4187
|
+
aria-hidden="true"
|
|
4188
|
+
role="img"
|
|
4189
|
+
width="1em"
|
|
4190
|
+
height="1em"
|
|
4191
|
+
>
|
|
4192
|
+
<path
|
|
4193
|
+
d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
|
|
4194
|
+
/>
|
|
4195
|
+
</svg>
|
|
4070
4196
|
</span>
|
|
4071
4197
|
<span class="pf-v6-c-nav__link-text">Authentication</span>
|
|
4072
4198
|
</a>
|
|
@@ -4074,7 +4200,19 @@ section: components
|
|
|
4074
4200
|
<li class="pf-v6-c-nav__item">
|
|
4075
4201
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Code">
|
|
4076
4202
|
<span class="pf-v6-c-nav__link-icon">
|
|
4077
|
-
<
|
|
4203
|
+
<svg
|
|
4204
|
+
class="pf-v6-svg"
|
|
4205
|
+
viewBox="0 0 32 32"
|
|
4206
|
+
fill="currentColor"
|
|
4207
|
+
aria-hidden="true"
|
|
4208
|
+
role="img"
|
|
4209
|
+
width="1em"
|
|
4210
|
+
height="1em"
|
|
4211
|
+
>
|
|
4212
|
+
<path
|
|
4213
|
+
d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
|
|
4214
|
+
/>
|
|
4215
|
+
</svg>
|
|
4078
4216
|
</span>
|
|
4079
4217
|
<span class="pf-v6-c-nav__link-text">Network services</span>
|
|
4080
4218
|
</a>
|
|
@@ -4095,7 +4233,7 @@ section: components
|
|
|
4095
4233
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4096
4234
|
<svg
|
|
4097
4235
|
class="pf-v6-svg"
|
|
4098
|
-
viewBox="0 0
|
|
4236
|
+
viewBox="0 0 32 32"
|
|
4099
4237
|
fill="currentColor"
|
|
4100
4238
|
aria-hidden="true"
|
|
4101
4239
|
role="img"
|
|
@@ -4103,7 +4241,7 @@ section: components
|
|
|
4103
4241
|
height="1em"
|
|
4104
4242
|
>
|
|
4105
4243
|
<path
|
|
4106
|
-
d="
|
|
4244
|
+
d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
|
|
4107
4245
|
/>
|
|
4108
4246
|
</svg>
|
|
4109
4247
|
</span>
|
|
@@ -4144,7 +4282,7 @@ section: components
|
|
|
4144
4282
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4145
4283
|
<svg
|
|
4146
4284
|
class="pf-v6-svg"
|
|
4147
|
-
viewBox="0 0
|
|
4285
|
+
viewBox="0 0 32 32"
|
|
4148
4286
|
fill="currentColor"
|
|
4149
4287
|
aria-hidden="true"
|
|
4150
4288
|
role="img"
|
|
@@ -4152,7 +4290,7 @@ section: components
|
|
|
4152
4290
|
height="1em"
|
|
4153
4291
|
>
|
|
4154
4292
|
<path
|
|
4155
|
-
d="
|
|
4293
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
|
|
4156
4294
|
/>
|
|
4157
4295
|
</svg>
|
|
4158
4296
|
</span>
|
|
@@ -4302,10 +4440,15 @@ section: components
|
|
|
4302
4440
|
### Docked nav text expanded - expanded on mobile
|
|
4303
4441
|
|
|
4304
4442
|
```html isFullscreen isBeta
|
|
4305
|
-
<div
|
|
4306
|
-
class="pf-v6-c-
|
|
4307
|
-
|
|
4308
|
-
|
|
4443
|
+
<div class="pf-v6-c-page pf-m-docked" id="nav-docked-expanded-example">
|
|
4444
|
+
<div class="pf-v6-c-skip-to-content">
|
|
4445
|
+
<a
|
|
4446
|
+
class="pf-v6-c-button pf-m-primary"
|
|
4447
|
+
href="#main-content-nav-docked-expanded-example"
|
|
4448
|
+
>
|
|
4449
|
+
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
4450
|
+
</a>
|
|
4451
|
+
</div>
|
|
4309
4452
|
<header class="pf-v6-c-masthead pf-m-display-inline">
|
|
4310
4453
|
<div class="pf-v6-c-masthead__main">
|
|
4311
4454
|
<span class="pf-v6-c-masthead__toggle">
|
|
@@ -4428,7 +4571,7 @@ section: components
|
|
|
4428
4571
|
<span class="pf-v6-c-button__icon">
|
|
4429
4572
|
<svg
|
|
4430
4573
|
class="pf-v6-svg"
|
|
4431
|
-
viewBox="0 0
|
|
4574
|
+
viewBox="0 0 32 32"
|
|
4432
4575
|
fill="currentColor"
|
|
4433
4576
|
aria-hidden="true"
|
|
4434
4577
|
role="img"
|
|
@@ -4436,7 +4579,7 @@ section: components
|
|
|
4436
4579
|
height="1em"
|
|
4437
4580
|
>
|
|
4438
4581
|
<path
|
|
4439
|
-
d="
|
|
4582
|
+
d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
|
|
4440
4583
|
/>
|
|
4441
4584
|
</svg>
|
|
4442
4585
|
</span>
|
|
@@ -4449,15 +4592,6 @@ section: components
|
|
|
4449
4592
|
</header>
|
|
4450
4593
|
<div class="pf-v6-c-page__dock pf-m-text-expanded pf-m-expanded">
|
|
4451
4594
|
<div class="pf-v6-c-page__dock-main">
|
|
4452
|
-
<div class="pf-v6-c-skip-to-content">
|
|
4453
|
-
<a
|
|
4454
|
-
class="pf-v6-c-button pf-m-primary"
|
|
4455
|
-
href="#main-content-nav-docked-expanded-example"
|
|
4456
|
-
>
|
|
4457
|
-
<span class="pf-v6-c-button__text">Skip to content</span>
|
|
4458
|
-
</a>
|
|
4459
|
-
</div>
|
|
4460
|
-
|
|
4461
4595
|
<header
|
|
4462
4596
|
class="pf-v6-c-masthead pf-m-docked"
|
|
4463
4597
|
id="nav-docked-expanded-example-masthead"
|
|
@@ -4636,9 +4770,21 @@ section: components
|
|
|
4636
4770
|
<nav class="pf-v6-c-nav pf-m-docked" aria-label="Global">
|
|
4637
4771
|
<ul class="pf-v6-c-nav__list" role="list">
|
|
4638
4772
|
<li class="pf-v6-c-nav__item">
|
|
4639
|
-
<a href="#" class="pf-v6-c-nav__link" aria-label="
|
|
4773
|
+
<a href="#" class="pf-v6-c-nav__link" aria-label="Cubes">
|
|
4640
4774
|
<span class="pf-v6-c-nav__link-icon">
|
|
4641
|
-
<
|
|
4775
|
+
<svg
|
|
4776
|
+
class="pf-v6-svg"
|
|
4777
|
+
viewBox="0 0 32 32"
|
|
4778
|
+
fill="currentColor"
|
|
4779
|
+
aria-hidden="true"
|
|
4780
|
+
role="img"
|
|
4781
|
+
width="1em"
|
|
4782
|
+
height="1em"
|
|
4783
|
+
>
|
|
4784
|
+
<path
|
|
4785
|
+
d="M12.5 12h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6h-6V4ZM5.5 25h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5v7c0 .827.673 1.5 1.5 1.5Zm.5-8h6v6H6v-6Zm24 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h26a1 1 0 0 1 1 1ZM18 16.5v7c0 .827.673 1.5 1.5 1.5h7c.827 0 1.5-.673 1.5-1.5v-7c0-.827-.673-1.5-1.5-1.5h-7c-.827 0-1.5.673-1.5 1.5Zm2 .5h6v6h-6v-6Z"
|
|
4786
|
+
/>
|
|
4787
|
+
</svg>
|
|
4642
4788
|
</span>
|
|
4643
4789
|
<span class="pf-v6-c-nav__link-text">System panel</span>
|
|
4644
4790
|
</a>
|
|
@@ -4651,7 +4797,19 @@ section: components
|
|
|
4651
4797
|
aria-label="Folder"
|
|
4652
4798
|
>
|
|
4653
4799
|
<span class="pf-v6-c-nav__link-icon">
|
|
4654
|
-
<
|
|
4800
|
+
<svg
|
|
4801
|
+
class="pf-v6-svg"
|
|
4802
|
+
viewBox="0 0 32 32"
|
|
4803
|
+
fill="currentColor"
|
|
4804
|
+
aria-hidden="true"
|
|
4805
|
+
role="img"
|
|
4806
|
+
width="1em"
|
|
4807
|
+
height="1em"
|
|
4808
|
+
>
|
|
4809
|
+
<path
|
|
4810
|
+
d="M29.5 8H17.81l-.681-3.208A1 1 0 0 0 16.15 4h-9.3a1 1 0 0 0-.979.792L5.19 8H2.5C1.673 8 1 8.673 1 9.5v17c0 .827.673 1.5 1.5 1.5h27c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM29 26H3V10h3a1 1 0 0 0 .979-.792L7.66 6h7.682l.681 3.208a1 1 0 0 0 .979.792h12v16Z"
|
|
4811
|
+
/>
|
|
4812
|
+
</svg>
|
|
4655
4813
|
</span>
|
|
4656
4814
|
<span class="pf-v6-c-nav__link-text">Policy</span>
|
|
4657
4815
|
</a>
|
|
@@ -4659,7 +4817,19 @@ section: components
|
|
|
4659
4817
|
<li class="pf-v6-c-nav__item">
|
|
4660
4818
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Cloud">
|
|
4661
4819
|
<span class="pf-v6-c-nav__link-icon">
|
|
4662
|
-
<
|
|
4820
|
+
<svg
|
|
4821
|
+
class="pf-v6-svg"
|
|
4822
|
+
viewBox="0 0 32 32"
|
|
4823
|
+
fill="currentColor"
|
|
4824
|
+
aria-hidden="true"
|
|
4825
|
+
role="img"
|
|
4826
|
+
width="1em"
|
|
4827
|
+
height="1em"
|
|
4828
|
+
>
|
|
4829
|
+
<path
|
|
4830
|
+
d="M26.996 14.228c.003-.077.004-.153.004-.228 0-4.962-4.037-9-9-9-3.899 0-7.333 2.532-8.54 6.156A6.891 6.891 0 0 0 8 11c-3.859 0-7 3.14-7 7s3.141 7 7 7h17.5c3.032 0 5.5-2.467 5.5-5.5a5.456 5.456 0 0 0-4.004-5.272ZM25.5 23H8c-2.757 0-5-2.243-5-5s2.243-5 5-5a4.97 4.97 0 0 1 1.799.34 1.003 1.003 0 0 0 1.341-.735C11.796 9.357 14.682 7 18 7c3.859 0 7 3.14 7 7 0 .311-.028.615-.067.916a1.004 1.004 0 0 0 .898 1.123 3.473 3.473 0 0 1 3.17 3.461c0 1.93-1.57 3.5-3.5 3.5Z"
|
|
4831
|
+
/>
|
|
4832
|
+
</svg>
|
|
4663
4833
|
</span>
|
|
4664
4834
|
<span class="pf-v6-c-nav__link-text">Authentication</span>
|
|
4665
4835
|
</a>
|
|
@@ -4667,7 +4837,19 @@ section: components
|
|
|
4667
4837
|
<li class="pf-v6-c-nav__item">
|
|
4668
4838
|
<a href="#" class="pf-v6-c-nav__link" aria-label="Code">
|
|
4669
4839
|
<span class="pf-v6-c-nav__link-icon">
|
|
4670
|
-
<
|
|
4840
|
+
<svg
|
|
4841
|
+
class="pf-v6-svg"
|
|
4842
|
+
viewBox="0 0 32 32"
|
|
4843
|
+
fill="currentColor"
|
|
4844
|
+
aria-hidden="true"
|
|
4845
|
+
role="img"
|
|
4846
|
+
width="1em"
|
|
4847
|
+
height="1em"
|
|
4848
|
+
>
|
|
4849
|
+
<path
|
|
4850
|
+
d="M9.707 9.707 3.414 16l6.293 6.293a.999.999 0 1 1-1.414 1.414l-6.646-6.646a1.501 1.501 0 0 1 0-2.121l6.646-6.646a.999.999 0 1 1 1.414 1.414Zm20.647 5.232-6.646-6.646a.999.999 0 1 0-1.414 1.414L28.587 16l-6.293 6.293a.999.999 0 1 0 1.414 1.414l6.646-6.646a1.501 1.501 0 0 0 0-2.121ZM18.121 6.022a.997.997 0 0 0-1.186.77l-3.826 18a1 1 0 1 0 1.956.416l3.826-18a1 1 0 0 0-.77-1.186Z"
|
|
4851
|
+
/>
|
|
4852
|
+
</svg>
|
|
4671
4853
|
</span>
|
|
4672
4854
|
<span class="pf-v6-c-nav__link-text">Network services</span>
|
|
4673
4855
|
</a>
|
|
@@ -4688,7 +4870,7 @@ section: components
|
|
|
4688
4870
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4689
4871
|
<svg
|
|
4690
4872
|
class="pf-v6-svg"
|
|
4691
|
-
viewBox="0 0
|
|
4873
|
+
viewBox="0 0 32 32"
|
|
4692
4874
|
fill="currentColor"
|
|
4693
4875
|
aria-hidden="true"
|
|
4694
4876
|
role="img"
|
|
@@ -4696,7 +4878,7 @@ section: components
|
|
|
4696
4878
|
height="1em"
|
|
4697
4879
|
>
|
|
4698
4880
|
<path
|
|
4699
|
-
d="
|
|
4881
|
+
d="M13.75 2H3.25C2.561 2 2 2.561 2 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C15 2.561 14.439 2 13.75 2ZM13 13H4V4h9v9ZM28.75 2h-10.5C17.561 2 17 2.561 17 3.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25V3.25C30 2.561 29.439 2 28.75 2ZM28 13h-9V4h9v9Zm-14.25 4H3.25C2.561 17 2 17.561 2 18.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM13 28H4v-9h9v9Zm15.75-11h-10.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h10.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25ZM28 28h-9v-9h9v9Z"
|
|
4700
4882
|
/>
|
|
4701
4883
|
</svg>
|
|
4702
4884
|
</span>
|
|
@@ -4737,7 +4919,7 @@ section: components
|
|
|
4737
4919
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4738
4920
|
<svg
|
|
4739
4921
|
class="pf-v6-svg"
|
|
4740
|
-
viewBox="0 0
|
|
4922
|
+
viewBox="0 0 32 32"
|
|
4741
4923
|
fill="currentColor"
|
|
4742
4924
|
aria-hidden="true"
|
|
4743
4925
|
role="img"
|
|
@@ -4745,7 +4927,7 @@ section: components
|
|
|
4745
4927
|
height="1em"
|
|
4746
4928
|
>
|
|
4747
4929
|
<path
|
|
4748
|
-
d="
|
|
4930
|
+
d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm0 28C8.832 29 3 23.168 3 16S8.832 3 16 3s13 5.832 13 13-5.832 13-13 13Zm5-17a5.008 5.008 0 0 1-4 4.899V19a1 1 0 0 1-2 0v-3a1 1 0 0 1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3a1 1 0 0 1-2 0c0-2.757 2.243-5 5-5s5 2.243 5 5Zm-3.25 12a1.75 1.75 0 1 1-3.501-.001A1.75 1.75 0 0 1 17.75 24Z"
|
|
4749
4931
|
/>
|
|
4750
4932
|
</svg>
|
|
4751
4933
|
</span>
|