@patternfly/patternfly 6.6.0-prerelease.9 → 6.6.1
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/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +6 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +4 -4
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +1 -1
- package/base/tokens/tokens-glass.scss +1 -1
- package/base/tokens/tokens-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-highcontrast.scss +4 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert.css +8 -7
- package/components/Alert/alert.scss +8 -7
- package/components/Banner/banner.css +7 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Breadcrumb/breadcrumb.css +3 -3
- package/components/Breadcrumb/breadcrumb.scss +3 -3
- package/components/Button/button.css +15 -1
- package/components/Button/button.scss +17 -1
- package/components/Card/card.css +4 -4
- package/components/Card/card.scss +4 -4
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +5 -5
- package/components/DataList/data-list.scss +5 -5
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Menu/menu.css +2 -2
- package/components/Menu/menu.scss +3 -3
- package/components/ModalBox/modal-box.css +4 -4
- package/components/ModalBox/modal-box.scss +5 -5
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +2 -2
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +7 -5
- package/components/Page/page.scss +9 -8
- package/components/Pagination/pagination.css +12 -7
- package/components/Pagination/pagination.scss +15 -12
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +2 -2
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +28 -21
- package/components/Table/table.scss +39 -30
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/TreeView/tree-view.css +7 -7
- package/components/TreeView/tree-view.scss +7 -7
- package/components/Wizard/wizard.css +3 -3
- package/components/Wizard/wizard.scss +3 -3
- package/components/_index.css +131 -88
- package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
- package/docs/components/InputGroup/examples/InputGroup.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +111 -273
- package/docs/components/Table/examples/Table.md +25 -18
- package/docs/components/Toolbar/examples/Toolbar.md +16 -16
- package/docs/components/TreeView/examples/TreeView.md +100 -100
- package/docs/demos/CardView/examples/CardView.md +12 -12
- package/docs/demos/Compass/examples/Compass.md +16 -16
- package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
- package/docs/demos/DataList/examples/DataList.md +48 -48
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2568 -5014
- package/docs/demos/Table/examples/Table.md +160 -160
- package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +10 -10
- package/patternfly-base.css +10 -10
- package/patternfly-no-globals.css +141 -98
- package/patternfly.css +141 -98
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -57,14 +57,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
57
57
|
<svg
|
|
58
58
|
class="pf-v6-svg"
|
|
59
59
|
fill="currentColor"
|
|
60
|
-
viewBox="0 0
|
|
60
|
+
viewBox="0 0 20 20"
|
|
61
61
|
aria-hidden="true"
|
|
62
62
|
role="img"
|
|
63
63
|
width="1em"
|
|
64
64
|
height="1em"
|
|
65
65
|
>
|
|
66
66
|
<path
|
|
67
|
-
d="
|
|
67
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
68
68
|
/>
|
|
69
69
|
</svg>
|
|
70
70
|
</span>
|
|
@@ -81,14 +81,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
81
81
|
<svg
|
|
82
82
|
class="pf-v6-svg"
|
|
83
83
|
fill="currentColor"
|
|
84
|
-
viewBox="0 0
|
|
84
|
+
viewBox="0 0 20 20"
|
|
85
85
|
aria-hidden="true"
|
|
86
86
|
role="img"
|
|
87
87
|
width="1em"
|
|
88
88
|
height="1em"
|
|
89
89
|
>
|
|
90
90
|
<path
|
|
91
|
-
d="
|
|
91
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
92
92
|
/>
|
|
93
93
|
</svg>
|
|
94
94
|
</span>
|
|
@@ -116,14 +116,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
116
116
|
<svg
|
|
117
117
|
class="pf-v6-svg"
|
|
118
118
|
fill="currentColor"
|
|
119
|
-
viewBox="0 0
|
|
119
|
+
viewBox="0 0 20 20"
|
|
120
120
|
aria-hidden="true"
|
|
121
121
|
role="img"
|
|
122
122
|
width="1em"
|
|
123
123
|
height="1em"
|
|
124
124
|
>
|
|
125
125
|
<path
|
|
126
|
-
d="
|
|
126
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
127
127
|
/>
|
|
128
128
|
</svg>
|
|
129
129
|
</span>
|
|
@@ -140,14 +140,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
140
140
|
<svg
|
|
141
141
|
class="pf-v6-svg"
|
|
142
142
|
fill="currentColor"
|
|
143
|
-
viewBox="0 0
|
|
143
|
+
viewBox="0 0 20 20"
|
|
144
144
|
aria-hidden="true"
|
|
145
145
|
role="img"
|
|
146
146
|
width="1em"
|
|
147
147
|
height="1em"
|
|
148
148
|
>
|
|
149
149
|
<path
|
|
150
|
-
d="
|
|
150
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
151
151
|
/>
|
|
152
152
|
</svg>
|
|
153
153
|
</span>
|
|
@@ -211,14 +211,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
211
211
|
<svg
|
|
212
212
|
class="pf-v6-svg"
|
|
213
213
|
fill="currentColor"
|
|
214
|
-
viewBox="0 0
|
|
214
|
+
viewBox="0 0 20 20"
|
|
215
215
|
aria-hidden="true"
|
|
216
216
|
role="img"
|
|
217
217
|
width="1em"
|
|
218
218
|
height="1em"
|
|
219
219
|
>
|
|
220
220
|
<path
|
|
221
|
-
d="
|
|
221
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
222
222
|
/>
|
|
223
223
|
</svg>
|
|
224
224
|
</span>
|
|
@@ -235,14 +235,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
235
235
|
<svg
|
|
236
236
|
class="pf-v6-svg"
|
|
237
237
|
fill="currentColor"
|
|
238
|
-
viewBox="0 0
|
|
238
|
+
viewBox="0 0 20 20"
|
|
239
239
|
aria-hidden="true"
|
|
240
240
|
role="img"
|
|
241
241
|
width="1em"
|
|
242
242
|
height="1em"
|
|
243
243
|
>
|
|
244
244
|
<path
|
|
245
|
-
d="
|
|
245
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
246
246
|
/>
|
|
247
247
|
</svg>
|
|
248
248
|
</span>
|
|
@@ -270,14 +270,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
270
270
|
<svg
|
|
271
271
|
class="pf-v6-svg"
|
|
272
272
|
fill="currentColor"
|
|
273
|
-
viewBox="0 0
|
|
273
|
+
viewBox="0 0 20 20"
|
|
274
274
|
aria-hidden="true"
|
|
275
275
|
role="img"
|
|
276
276
|
width="1em"
|
|
277
277
|
height="1em"
|
|
278
278
|
>
|
|
279
279
|
<path
|
|
280
|
-
d="
|
|
280
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
281
281
|
/>
|
|
282
282
|
</svg>
|
|
283
283
|
</span>
|
|
@@ -294,14 +294,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
294
294
|
<svg
|
|
295
295
|
class="pf-v6-svg"
|
|
296
296
|
fill="currentColor"
|
|
297
|
-
viewBox="0 0
|
|
297
|
+
viewBox="0 0 20 20"
|
|
298
298
|
aria-hidden="true"
|
|
299
299
|
role="img"
|
|
300
300
|
width="1em"
|
|
301
301
|
height="1em"
|
|
302
302
|
>
|
|
303
303
|
<path
|
|
304
|
-
d="
|
|
304
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
305
305
|
/>
|
|
306
306
|
</svg>
|
|
307
307
|
</span>
|
|
@@ -375,14 +375,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
375
375
|
<svg
|
|
376
376
|
class="pf-v6-svg"
|
|
377
377
|
fill="currentColor"
|
|
378
|
-
viewBox="0 0
|
|
378
|
+
viewBox="0 0 20 20"
|
|
379
379
|
aria-hidden="true"
|
|
380
380
|
role="img"
|
|
381
381
|
width="1em"
|
|
382
382
|
height="1em"
|
|
383
383
|
>
|
|
384
384
|
<path
|
|
385
|
-
d="
|
|
385
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
386
386
|
/>
|
|
387
387
|
</svg>
|
|
388
388
|
</span>
|
|
@@ -399,14 +399,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
399
399
|
<svg
|
|
400
400
|
class="pf-v6-svg"
|
|
401
401
|
fill="currentColor"
|
|
402
|
-
viewBox="0 0
|
|
402
|
+
viewBox="0 0 20 20"
|
|
403
403
|
aria-hidden="true"
|
|
404
404
|
role="img"
|
|
405
405
|
width="1em"
|
|
406
406
|
height="1em"
|
|
407
407
|
>
|
|
408
408
|
<path
|
|
409
|
-
d="
|
|
409
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
410
410
|
/>
|
|
411
411
|
</svg>
|
|
412
412
|
</span>
|
|
@@ -433,14 +433,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
433
433
|
<svg
|
|
434
434
|
class="pf-v6-svg"
|
|
435
435
|
fill="currentColor"
|
|
436
|
-
viewBox="0 0
|
|
436
|
+
viewBox="0 0 20 20"
|
|
437
437
|
aria-hidden="true"
|
|
438
438
|
role="img"
|
|
439
439
|
width="1em"
|
|
440
440
|
height="1em"
|
|
441
441
|
>
|
|
442
442
|
<path
|
|
443
|
-
d="
|
|
443
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
444
444
|
/>
|
|
445
445
|
</svg>
|
|
446
446
|
</span>
|
|
@@ -457,14 +457,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
457
457
|
<svg
|
|
458
458
|
class="pf-v6-svg"
|
|
459
459
|
fill="currentColor"
|
|
460
|
-
viewBox="0 0
|
|
460
|
+
viewBox="0 0 20 20"
|
|
461
461
|
aria-hidden="true"
|
|
462
462
|
role="img"
|
|
463
463
|
width="1em"
|
|
464
464
|
height="1em"
|
|
465
465
|
>
|
|
466
466
|
<path
|
|
467
|
-
d="
|
|
467
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
468
468
|
/>
|
|
469
469
|
</svg>
|
|
470
470
|
</span>
|
|
@@ -531,137 +531,6 @@ cssPrefix: pf-v6-c-pagination
|
|
|
531
531
|
aria-label="Go to first page"
|
|
532
532
|
>
|
|
533
533
|
<span class="pf-v6-c-button__icon">
|
|
534
|
-
<svg
|
|
535
|
-
class="pf-v6-svg"
|
|
536
|
-
fill="currentColor"
|
|
537
|
-
viewBox="0 0 448 512"
|
|
538
|
-
aria-hidden="true"
|
|
539
|
-
role="img"
|
|
540
|
-
width="1em"
|
|
541
|
-
height="1em"
|
|
542
|
-
>
|
|
543
|
-
<path
|
|
544
|
-
d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
|
|
545
|
-
/>
|
|
546
|
-
</svg>
|
|
547
|
-
</span>
|
|
548
|
-
</button>
|
|
549
|
-
</div>
|
|
550
|
-
<div class="pf-v6-c-pagination__nav-control pf-m-prev">
|
|
551
|
-
<button
|
|
552
|
-
class="pf-v6-c-button pf-m-plain"
|
|
553
|
-
type="button"
|
|
554
|
-
disabled
|
|
555
|
-
aria-label="Go to previous page"
|
|
556
|
-
>
|
|
557
|
-
<span class="pf-v6-c-button__icon">
|
|
558
|
-
<svg
|
|
559
|
-
class="pf-v6-svg"
|
|
560
|
-
fill="currentColor"
|
|
561
|
-
viewBox="0 0 256 512"
|
|
562
|
-
aria-hidden="true"
|
|
563
|
-
role="img"
|
|
564
|
-
width="1em"
|
|
565
|
-
height="1em"
|
|
566
|
-
>
|
|
567
|
-
<path
|
|
568
|
-
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
|
|
569
|
-
/>
|
|
570
|
-
</svg>
|
|
571
|
-
</span>
|
|
572
|
-
</button>
|
|
573
|
-
</div>
|
|
574
|
-
<div class="pf-v6-c-pagination__nav-page-select">
|
|
575
|
-
<span class="pf-v6-c-form-control">
|
|
576
|
-
<input
|
|
577
|
-
aria-label="Current page"
|
|
578
|
-
type="number"
|
|
579
|
-
min="1"
|
|
580
|
-
max="4"
|
|
581
|
-
value="1"
|
|
582
|
-
/>
|
|
583
|
-
</span>
|
|
584
|
-
<span aria-hidden="true">of 4</span>
|
|
585
|
-
</div>
|
|
586
|
-
<div class="pf-v6-c-pagination__nav-control pf-m-next">
|
|
587
|
-
<button
|
|
588
|
-
class="pf-v6-c-button pf-m-plain"
|
|
589
|
-
type="button"
|
|
590
|
-
aria-label="Go to next page"
|
|
591
|
-
>
|
|
592
|
-
<span class="pf-v6-c-button__icon">
|
|
593
|
-
<svg
|
|
594
|
-
class="pf-v6-svg"
|
|
595
|
-
fill="currentColor"
|
|
596
|
-
viewBox="0 0 256 512"
|
|
597
|
-
aria-hidden="true"
|
|
598
|
-
role="img"
|
|
599
|
-
width="1em"
|
|
600
|
-
height="1em"
|
|
601
|
-
>
|
|
602
|
-
<path
|
|
603
|
-
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
|
|
604
|
-
/>
|
|
605
|
-
</svg>
|
|
606
|
-
</span>
|
|
607
|
-
</button>
|
|
608
|
-
</div>
|
|
609
|
-
<div class="pf-v6-c-pagination__nav-control pf-m-last">
|
|
610
|
-
<button
|
|
611
|
-
class="pf-v6-c-button pf-m-plain"
|
|
612
|
-
type="button"
|
|
613
|
-
disabled
|
|
614
|
-
aria-label="Go to last page"
|
|
615
|
-
>
|
|
616
|
-
<span class="pf-v6-c-button__icon">
|
|
617
|
-
<svg
|
|
618
|
-
class="pf-v6-svg"
|
|
619
|
-
fill="currentColor"
|
|
620
|
-
viewBox="0 0 448 512"
|
|
621
|
-
aria-hidden="true"
|
|
622
|
-
role="img"
|
|
623
|
-
width="1em"
|
|
624
|
-
height="1em"
|
|
625
|
-
>
|
|
626
|
-
<path
|
|
627
|
-
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
|
|
628
|
-
/>
|
|
629
|
-
</svg>
|
|
630
|
-
</span>
|
|
631
|
-
</button>
|
|
632
|
-
</div>
|
|
633
|
-
</nav>
|
|
634
|
-
</div>
|
|
635
|
-
|
|
636
|
-
```
|
|
637
|
-
|
|
638
|
-
### Bottom plain
|
|
639
|
-
|
|
640
|
-
```html
|
|
641
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat, nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.</div>
|
|
642
|
-
<br />
|
|
643
|
-
<br />
|
|
644
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat, nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.</div>
|
|
645
|
-
<br />
|
|
646
|
-
<br />
|
|
647
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat, nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.</div>
|
|
648
|
-
<br />
|
|
649
|
-
<br />
|
|
650
|
-
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut. Morbi viverra, eros vel porttitor facilisis, eros purus aliquet erat, nec lobortis felis elit pulvinar sem. Vivamus vulputate, risus eget commodo eleifend, eros nibh porta quam, vitae lacinia leo libero at magna. Maecenas aliquam sagittis orci, et posuere nisi ultrices sit amet. Aliquam ex odio, malesuada sed posuere quis, pellentesque at mauris. Phasellus venenatis massa ex, eget pulvinar libero auctor pretium. Aliquam erat volutpat. Duis euismod justo in quam ullamcorper, in commodo massa vulputate.</div>
|
|
651
|
-
<div class="pf-v6-c-pagination pf-m-plain pf-m-bottom">
|
|
652
|
-
<div class="pf-v6-c-pagination__page-menu">
|
|
653
|
-
<button
|
|
654
|
-
class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
|
|
655
|
-
type="button"
|
|
656
|
-
aria-expanded="false"
|
|
657
|
-
id="pagination-plain-bottom-menu-toggle"
|
|
658
|
-
>
|
|
659
|
-
<span class="pf-v6-c-menu-toggle__text">
|
|
660
|
-
<b>1 - 10</b> of
|
|
661
|
-
<b>36</b>
|
|
662
|
-
</span>
|
|
663
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
664
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
665
534
|
<svg
|
|
666
535
|
class="pf-v6-svg"
|
|
667
536
|
fill="currentColor"
|
|
@@ -672,36 +541,7 @@ cssPrefix: pf-v6-c-pagination
|
|
|
672
541
|
height="1em"
|
|
673
542
|
>
|
|
674
543
|
<path
|
|
675
|
-
d="
|
|
676
|
-
/>
|
|
677
|
-
</svg>
|
|
678
|
-
</span>
|
|
679
|
-
</span>
|
|
680
|
-
</button>
|
|
681
|
-
</div>
|
|
682
|
-
<nav
|
|
683
|
-
class="pf-v6-c-pagination__nav"
|
|
684
|
-
aria-label="Pagination nav - plain bottom example"
|
|
685
|
-
>
|
|
686
|
-
<div class="pf-v6-c-pagination__nav-control pf-m-first">
|
|
687
|
-
<button
|
|
688
|
-
class="pf-v6-c-button pf-m-plain"
|
|
689
|
-
type="button"
|
|
690
|
-
disabled
|
|
691
|
-
aria-label="Go to first page"
|
|
692
|
-
>
|
|
693
|
-
<span class="pf-v6-c-button__icon">
|
|
694
|
-
<svg
|
|
695
|
-
class="pf-v6-svg"
|
|
696
|
-
fill="currentColor"
|
|
697
|
-
viewBox="0 0 448 512"
|
|
698
|
-
aria-hidden="true"
|
|
699
|
-
role="img"
|
|
700
|
-
width="1em"
|
|
701
|
-
height="1em"
|
|
702
|
-
>
|
|
703
|
-
<path
|
|
704
|
-
d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
|
|
544
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
705
545
|
/>
|
|
706
546
|
</svg>
|
|
707
547
|
</span>
|
|
@@ -718,14 +558,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
718
558
|
<svg
|
|
719
559
|
class="pf-v6-svg"
|
|
720
560
|
fill="currentColor"
|
|
721
|
-
viewBox="0 0
|
|
561
|
+
viewBox="0 0 20 20"
|
|
722
562
|
aria-hidden="true"
|
|
723
563
|
role="img"
|
|
724
564
|
width="1em"
|
|
725
565
|
height="1em"
|
|
726
566
|
>
|
|
727
567
|
<path
|
|
728
|
-
d="
|
|
568
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
729
569
|
/>
|
|
730
570
|
</svg>
|
|
731
571
|
</span>
|
|
@@ -753,14 +593,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
753
593
|
<svg
|
|
754
594
|
class="pf-v6-svg"
|
|
755
595
|
fill="currentColor"
|
|
756
|
-
viewBox="0 0
|
|
596
|
+
viewBox="0 0 20 20"
|
|
757
597
|
aria-hidden="true"
|
|
758
598
|
role="img"
|
|
759
599
|
width="1em"
|
|
760
600
|
height="1em"
|
|
761
601
|
>
|
|
762
602
|
<path
|
|
763
|
-
d="
|
|
603
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
764
604
|
/>
|
|
765
605
|
</svg>
|
|
766
606
|
</span>
|
|
@@ -777,14 +617,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
777
617
|
<svg
|
|
778
618
|
class="pf-v6-svg"
|
|
779
619
|
fill="currentColor"
|
|
780
|
-
viewBox="0 0
|
|
620
|
+
viewBox="0 0 20 20"
|
|
781
621
|
aria-hidden="true"
|
|
782
622
|
role="img"
|
|
783
623
|
width="1em"
|
|
784
624
|
height="1em"
|
|
785
625
|
>
|
|
786
626
|
<path
|
|
787
|
-
d="
|
|
627
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
788
628
|
/>
|
|
789
629
|
</svg>
|
|
790
630
|
</span>
|
|
@@ -854,14 +694,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
854
694
|
<svg
|
|
855
695
|
class="pf-v6-svg"
|
|
856
696
|
fill="currentColor"
|
|
857
|
-
viewBox="0 0
|
|
697
|
+
viewBox="0 0 20 20"
|
|
858
698
|
aria-hidden="true"
|
|
859
699
|
role="img"
|
|
860
700
|
width="1em"
|
|
861
701
|
height="1em"
|
|
862
702
|
>
|
|
863
703
|
<path
|
|
864
|
-
d="
|
|
704
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
865
705
|
/>
|
|
866
706
|
</svg>
|
|
867
707
|
</span>
|
|
@@ -878,14 +718,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
878
718
|
<svg
|
|
879
719
|
class="pf-v6-svg"
|
|
880
720
|
fill="currentColor"
|
|
881
|
-
viewBox="0 0
|
|
721
|
+
viewBox="0 0 20 20"
|
|
882
722
|
aria-hidden="true"
|
|
883
723
|
role="img"
|
|
884
724
|
width="1em"
|
|
885
725
|
height="1em"
|
|
886
726
|
>
|
|
887
727
|
<path
|
|
888
|
-
d="
|
|
728
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
889
729
|
/>
|
|
890
730
|
</svg>
|
|
891
731
|
</span>
|
|
@@ -913,14 +753,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
913
753
|
<svg
|
|
914
754
|
class="pf-v6-svg"
|
|
915
755
|
fill="currentColor"
|
|
916
|
-
viewBox="0 0
|
|
756
|
+
viewBox="0 0 20 20"
|
|
917
757
|
aria-hidden="true"
|
|
918
758
|
role="img"
|
|
919
759
|
width="1em"
|
|
920
760
|
height="1em"
|
|
921
761
|
>
|
|
922
762
|
<path
|
|
923
|
-
d="
|
|
763
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
924
764
|
/>
|
|
925
765
|
</svg>
|
|
926
766
|
</span>
|
|
@@ -937,14 +777,14 @@ cssPrefix: pf-v6-c-pagination
|
|
|
937
777
|
<svg
|
|
938
778
|
class="pf-v6-svg"
|
|
939
779
|
fill="currentColor"
|
|
940
|
-
viewBox="0 0
|
|
780
|
+
viewBox="0 0 20 20"
|
|
941
781
|
aria-hidden="true"
|
|
942
782
|
role="img"
|
|
943
783
|
width="1em"
|
|
944
784
|
height="1em"
|
|
945
785
|
>
|
|
946
786
|
<path
|
|
947
|
-
d="
|
|
787
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
948
788
|
/>
|
|
949
789
|
</svg>
|
|
950
790
|
</span>
|
|
@@ -1010,14 +850,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck`. `.pf
|
|
|
1010
850
|
<svg
|
|
1011
851
|
class="pf-v6-svg"
|
|
1012
852
|
fill="currentColor"
|
|
1013
|
-
viewBox="0 0
|
|
853
|
+
viewBox="0 0 20 20"
|
|
1014
854
|
aria-hidden="true"
|
|
1015
855
|
role="img"
|
|
1016
856
|
width="1em"
|
|
1017
857
|
height="1em"
|
|
1018
858
|
>
|
|
1019
859
|
<path
|
|
1020
|
-
d="
|
|
860
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1021
861
|
/>
|
|
1022
862
|
</svg>
|
|
1023
863
|
</span>
|
|
@@ -1034,14 +874,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck`. `.pf
|
|
|
1034
874
|
<svg
|
|
1035
875
|
class="pf-v6-svg"
|
|
1036
876
|
fill="currentColor"
|
|
1037
|
-
viewBox="0 0
|
|
877
|
+
viewBox="0 0 20 20"
|
|
1038
878
|
aria-hidden="true"
|
|
1039
879
|
role="img"
|
|
1040
880
|
width="1em"
|
|
1041
881
|
height="1em"
|
|
1042
882
|
>
|
|
1043
883
|
<path
|
|
1044
|
-
d="
|
|
884
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1045
885
|
/>
|
|
1046
886
|
</svg>
|
|
1047
887
|
</span>
|
|
@@ -1069,14 +909,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck`. `.pf
|
|
|
1069
909
|
<svg
|
|
1070
910
|
class="pf-v6-svg"
|
|
1071
911
|
fill="currentColor"
|
|
1072
|
-
viewBox="0 0
|
|
912
|
+
viewBox="0 0 20 20"
|
|
1073
913
|
aria-hidden="true"
|
|
1074
914
|
role="img"
|
|
1075
915
|
width="1em"
|
|
1076
916
|
height="1em"
|
|
1077
917
|
>
|
|
1078
918
|
<path
|
|
1079
|
-
d="
|
|
919
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1080
920
|
/>
|
|
1081
921
|
</svg>
|
|
1082
922
|
</span>
|
|
@@ -1093,14 +933,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck`. `.pf
|
|
|
1093
933
|
<svg
|
|
1094
934
|
class="pf-v6-svg"
|
|
1095
935
|
fill="currentColor"
|
|
1096
|
-
viewBox="0 0
|
|
936
|
+
viewBox="0 0 20 20"
|
|
1097
937
|
aria-hidden="true"
|
|
1098
938
|
role="img"
|
|
1099
939
|
width="1em"
|
|
1100
940
|
height="1em"
|
|
1101
941
|
>
|
|
1102
942
|
<path
|
|
1103
|
-
d="
|
|
943
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1104
944
|
/>
|
|
1105
945
|
</svg>
|
|
1106
946
|
</span>
|
|
@@ -1182,14 +1022,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1182
1022
|
<svg
|
|
1183
1023
|
class="pf-v6-svg"
|
|
1184
1024
|
fill="currentColor"
|
|
1185
|
-
viewBox="0 0
|
|
1025
|
+
viewBox="0 0 20 20"
|
|
1186
1026
|
aria-hidden="true"
|
|
1187
1027
|
role="img"
|
|
1188
1028
|
width="1em"
|
|
1189
1029
|
height="1em"
|
|
1190
1030
|
>
|
|
1191
1031
|
<path
|
|
1192
|
-
d="
|
|
1032
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1193
1033
|
/>
|
|
1194
1034
|
</svg>
|
|
1195
1035
|
</span>
|
|
@@ -1206,14 +1046,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1206
1046
|
<svg
|
|
1207
1047
|
class="pf-v6-svg"
|
|
1208
1048
|
fill="currentColor"
|
|
1209
|
-
viewBox="0 0
|
|
1049
|
+
viewBox="0 0 20 20"
|
|
1210
1050
|
aria-hidden="true"
|
|
1211
1051
|
role="img"
|
|
1212
1052
|
width="1em"
|
|
1213
1053
|
height="1em"
|
|
1214
1054
|
>
|
|
1215
1055
|
<path
|
|
1216
|
-
d="
|
|
1056
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1217
1057
|
/>
|
|
1218
1058
|
</svg>
|
|
1219
1059
|
</span>
|
|
@@ -1241,14 +1081,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1241
1081
|
<svg
|
|
1242
1082
|
class="pf-v6-svg"
|
|
1243
1083
|
fill="currentColor"
|
|
1244
|
-
viewBox="0 0
|
|
1084
|
+
viewBox="0 0 20 20"
|
|
1245
1085
|
aria-hidden="true"
|
|
1246
1086
|
role="img"
|
|
1247
1087
|
width="1em"
|
|
1248
1088
|
height="1em"
|
|
1249
1089
|
>
|
|
1250
1090
|
<path
|
|
1251
|
-
d="
|
|
1091
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1252
1092
|
/>
|
|
1253
1093
|
</svg>
|
|
1254
1094
|
</span>
|
|
@@ -1265,14 +1105,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1265
1105
|
<svg
|
|
1266
1106
|
class="pf-v6-svg"
|
|
1267
1107
|
fill="currentColor"
|
|
1268
|
-
viewBox="0 0
|
|
1108
|
+
viewBox="0 0 20 20"
|
|
1269
1109
|
aria-hidden="true"
|
|
1270
1110
|
role="img"
|
|
1271
1111
|
width="1em"
|
|
1272
1112
|
height="1em"
|
|
1273
1113
|
>
|
|
1274
1114
|
<path
|
|
1275
|
-
d="
|
|
1115
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1276
1116
|
/>
|
|
1277
1117
|
</svg>
|
|
1278
1118
|
</span>
|
|
@@ -1342,14 +1182,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1342
1182
|
<svg
|
|
1343
1183
|
class="pf-v6-svg"
|
|
1344
1184
|
fill="currentColor"
|
|
1345
|
-
viewBox="0 0
|
|
1185
|
+
viewBox="0 0 20 20"
|
|
1346
1186
|
aria-hidden="true"
|
|
1347
1187
|
role="img"
|
|
1348
1188
|
width="1em"
|
|
1349
1189
|
height="1em"
|
|
1350
1190
|
>
|
|
1351
1191
|
<path
|
|
1352
|
-
d="
|
|
1192
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1353
1193
|
/>
|
|
1354
1194
|
</svg>
|
|
1355
1195
|
</span>
|
|
@@ -1366,14 +1206,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1366
1206
|
<svg
|
|
1367
1207
|
class="pf-v6-svg"
|
|
1368
1208
|
fill="currentColor"
|
|
1369
|
-
viewBox="0 0
|
|
1209
|
+
viewBox="0 0 20 20"
|
|
1370
1210
|
aria-hidden="true"
|
|
1371
1211
|
role="img"
|
|
1372
1212
|
width="1em"
|
|
1373
1213
|
height="1em"
|
|
1374
1214
|
>
|
|
1375
1215
|
<path
|
|
1376
|
-
d="
|
|
1216
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1377
1217
|
/>
|
|
1378
1218
|
</svg>
|
|
1379
1219
|
</span>
|
|
@@ -1401,14 +1241,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1401
1241
|
<svg
|
|
1402
1242
|
class="pf-v6-svg"
|
|
1403
1243
|
fill="currentColor"
|
|
1404
|
-
viewBox="0 0
|
|
1244
|
+
viewBox="0 0 20 20"
|
|
1405
1245
|
aria-hidden="true"
|
|
1406
1246
|
role="img"
|
|
1407
1247
|
width="1em"
|
|
1408
1248
|
height="1em"
|
|
1409
1249
|
>
|
|
1410
1250
|
<path
|
|
1411
|
-
d="
|
|
1251
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1412
1252
|
/>
|
|
1413
1253
|
</svg>
|
|
1414
1254
|
</span>
|
|
@@ -1425,14 +1265,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1425
1265
|
<svg
|
|
1426
1266
|
class="pf-v6-svg"
|
|
1427
1267
|
fill="currentColor"
|
|
1428
|
-
viewBox="0 0
|
|
1268
|
+
viewBox="0 0 20 20"
|
|
1429
1269
|
aria-hidden="true"
|
|
1430
1270
|
role="img"
|
|
1431
1271
|
width="1em"
|
|
1432
1272
|
height="1em"
|
|
1433
1273
|
>
|
|
1434
1274
|
<path
|
|
1435
|
-
d="
|
|
1275
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1436
1276
|
/>
|
|
1437
1277
|
</svg>
|
|
1438
1278
|
</span>
|
|
@@ -1497,14 +1337,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1497
1337
|
<svg
|
|
1498
1338
|
class="pf-v6-svg"
|
|
1499
1339
|
fill="currentColor"
|
|
1500
|
-
viewBox="0 0
|
|
1340
|
+
viewBox="0 0 20 20"
|
|
1501
1341
|
aria-hidden="true"
|
|
1502
1342
|
role="img"
|
|
1503
1343
|
width="1em"
|
|
1504
1344
|
height="1em"
|
|
1505
1345
|
>
|
|
1506
1346
|
<path
|
|
1507
|
-
d="
|
|
1347
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1508
1348
|
/>
|
|
1509
1349
|
</svg>
|
|
1510
1350
|
</span>
|
|
@@ -1521,14 +1361,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1521
1361
|
<svg
|
|
1522
1362
|
class="pf-v6-svg"
|
|
1523
1363
|
fill="currentColor"
|
|
1524
|
-
viewBox="0 0
|
|
1364
|
+
viewBox="0 0 20 20"
|
|
1525
1365
|
aria-hidden="true"
|
|
1526
1366
|
role="img"
|
|
1527
1367
|
width="1em"
|
|
1528
1368
|
height="1em"
|
|
1529
1369
|
>
|
|
1530
1370
|
<path
|
|
1531
|
-
d="
|
|
1371
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1532
1372
|
/>
|
|
1533
1373
|
</svg>
|
|
1534
1374
|
</span>
|
|
@@ -1558,14 +1398,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1558
1398
|
<svg
|
|
1559
1399
|
class="pf-v6-svg"
|
|
1560
1400
|
fill="currentColor"
|
|
1561
|
-
viewBox="0 0
|
|
1401
|
+
viewBox="0 0 20 20"
|
|
1562
1402
|
aria-hidden="true"
|
|
1563
1403
|
role="img"
|
|
1564
1404
|
width="1em"
|
|
1565
1405
|
height="1em"
|
|
1566
1406
|
>
|
|
1567
1407
|
<path
|
|
1568
|
-
d="
|
|
1408
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1569
1409
|
/>
|
|
1570
1410
|
</svg>
|
|
1571
1411
|
</span>
|
|
@@ -1582,14 +1422,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1582
1422
|
<svg
|
|
1583
1423
|
class="pf-v6-svg"
|
|
1584
1424
|
fill="currentColor"
|
|
1585
|
-
viewBox="0 0
|
|
1425
|
+
viewBox="0 0 20 20"
|
|
1586
1426
|
aria-hidden="true"
|
|
1587
1427
|
role="img"
|
|
1588
1428
|
width="1em"
|
|
1589
1429
|
height="1em"
|
|
1590
1430
|
>
|
|
1591
1431
|
<path
|
|
1592
|
-
d="
|
|
1432
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1593
1433
|
/>
|
|
1594
1434
|
</svg>
|
|
1595
1435
|
</span>
|
|
@@ -1653,14 +1493,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1653
1493
|
<svg
|
|
1654
1494
|
class="pf-v6-svg"
|
|
1655
1495
|
fill="currentColor"
|
|
1656
|
-
viewBox="0 0
|
|
1496
|
+
viewBox="0 0 20 20"
|
|
1657
1497
|
aria-hidden="true"
|
|
1658
1498
|
role="img"
|
|
1659
1499
|
width="1em"
|
|
1660
1500
|
height="1em"
|
|
1661
1501
|
>
|
|
1662
1502
|
<path
|
|
1663
|
-
d="
|
|
1503
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1664
1504
|
/>
|
|
1665
1505
|
</svg>
|
|
1666
1506
|
</span>
|
|
@@ -1676,14 +1516,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1676
1516
|
<svg
|
|
1677
1517
|
class="pf-v6-svg"
|
|
1678
1518
|
fill="currentColor"
|
|
1679
|
-
viewBox="0 0
|
|
1519
|
+
viewBox="0 0 20 20"
|
|
1680
1520
|
aria-hidden="true"
|
|
1681
1521
|
role="img"
|
|
1682
1522
|
width="1em"
|
|
1683
1523
|
height="1em"
|
|
1684
1524
|
>
|
|
1685
1525
|
<path
|
|
1686
|
-
d="
|
|
1526
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1687
1527
|
/>
|
|
1688
1528
|
</svg>
|
|
1689
1529
|
</span>
|
|
@@ -1747,14 +1587,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1747
1587
|
<svg
|
|
1748
1588
|
class="pf-v6-svg"
|
|
1749
1589
|
fill="currentColor"
|
|
1750
|
-
viewBox="0 0
|
|
1590
|
+
viewBox="0 0 20 20"
|
|
1751
1591
|
aria-hidden="true"
|
|
1752
1592
|
role="img"
|
|
1753
1593
|
width="1em"
|
|
1754
1594
|
height="1em"
|
|
1755
1595
|
>
|
|
1756
1596
|
<path
|
|
1757
|
-
d="
|
|
1597
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1758
1598
|
/>
|
|
1759
1599
|
</svg>
|
|
1760
1600
|
</span>
|
|
@@ -1771,14 +1611,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1771
1611
|
<svg
|
|
1772
1612
|
class="pf-v6-svg"
|
|
1773
1613
|
fill="currentColor"
|
|
1774
|
-
viewBox="0 0
|
|
1614
|
+
viewBox="0 0 20 20"
|
|
1775
1615
|
aria-hidden="true"
|
|
1776
1616
|
role="img"
|
|
1777
1617
|
width="1em"
|
|
1778
1618
|
height="1em"
|
|
1779
1619
|
>
|
|
1780
1620
|
<path
|
|
1781
|
-
d="
|
|
1621
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1782
1622
|
/>
|
|
1783
1623
|
</svg>
|
|
1784
1624
|
</span>
|
|
@@ -1806,14 +1646,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1806
1646
|
<svg
|
|
1807
1647
|
class="pf-v6-svg"
|
|
1808
1648
|
fill="currentColor"
|
|
1809
|
-
viewBox="0 0
|
|
1649
|
+
viewBox="0 0 20 20"
|
|
1810
1650
|
aria-hidden="true"
|
|
1811
1651
|
role="img"
|
|
1812
1652
|
width="1em"
|
|
1813
1653
|
height="1em"
|
|
1814
1654
|
>
|
|
1815
1655
|
<path
|
|
1816
|
-
d="
|
|
1656
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1817
1657
|
/>
|
|
1818
1658
|
</svg>
|
|
1819
1659
|
</span>
|
|
@@ -1830,14 +1670,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1830
1670
|
<svg
|
|
1831
1671
|
class="pf-v6-svg"
|
|
1832
1672
|
fill="currentColor"
|
|
1833
|
-
viewBox="0 0
|
|
1673
|
+
viewBox="0 0 20 20"
|
|
1834
1674
|
aria-hidden="true"
|
|
1835
1675
|
role="img"
|
|
1836
1676
|
width="1em"
|
|
1837
1677
|
height="1em"
|
|
1838
1678
|
>
|
|
1839
1679
|
<path
|
|
1840
|
-
d="
|
|
1680
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1841
1681
|
/>
|
|
1842
1682
|
</svg>
|
|
1843
1683
|
</span>
|
|
@@ -1901,14 +1741,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1901
1741
|
<svg
|
|
1902
1742
|
class="pf-v6-svg"
|
|
1903
1743
|
fill="currentColor"
|
|
1904
|
-
viewBox="0 0
|
|
1744
|
+
viewBox="0 0 20 20"
|
|
1905
1745
|
aria-hidden="true"
|
|
1906
1746
|
role="img"
|
|
1907
1747
|
width="1em"
|
|
1908
1748
|
height="1em"
|
|
1909
1749
|
>
|
|
1910
1750
|
<path
|
|
1911
|
-
d="
|
|
1751
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
1912
1752
|
/>
|
|
1913
1753
|
</svg>
|
|
1914
1754
|
</span>
|
|
@@ -1925,14 +1765,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1925
1765
|
<svg
|
|
1926
1766
|
class="pf-v6-svg"
|
|
1927
1767
|
fill="currentColor"
|
|
1928
|
-
viewBox="0 0
|
|
1768
|
+
viewBox="0 0 20 20"
|
|
1929
1769
|
aria-hidden="true"
|
|
1930
1770
|
role="img"
|
|
1931
1771
|
width="1em"
|
|
1932
1772
|
height="1em"
|
|
1933
1773
|
>
|
|
1934
1774
|
<path
|
|
1935
|
-
d="
|
|
1775
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1936
1776
|
/>
|
|
1937
1777
|
</svg>
|
|
1938
1778
|
</span>
|
|
@@ -1960,14 +1800,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1960
1800
|
<svg
|
|
1961
1801
|
class="pf-v6-svg"
|
|
1962
1802
|
fill="currentColor"
|
|
1963
|
-
viewBox="0 0
|
|
1803
|
+
viewBox="0 0 20 20"
|
|
1964
1804
|
aria-hidden="true"
|
|
1965
1805
|
role="img"
|
|
1966
1806
|
width="1em"
|
|
1967
1807
|
height="1em"
|
|
1968
1808
|
>
|
|
1969
1809
|
<path
|
|
1970
|
-
d="
|
|
1810
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1971
1811
|
/>
|
|
1972
1812
|
</svg>
|
|
1973
1813
|
</span>
|
|
@@ -1984,14 +1824,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
1984
1824
|
<svg
|
|
1985
1825
|
class="pf-v6-svg"
|
|
1986
1826
|
fill="currentColor"
|
|
1987
|
-
viewBox="0 0
|
|
1827
|
+
viewBox="0 0 20 20"
|
|
1988
1828
|
aria-hidden="true"
|
|
1989
1829
|
role="img"
|
|
1990
1830
|
width="1em"
|
|
1991
1831
|
height="1em"
|
|
1992
1832
|
>
|
|
1993
1833
|
<path
|
|
1994
|
-
d="
|
|
1834
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
1995
1835
|
/>
|
|
1996
1836
|
</svg>
|
|
1997
1837
|
</span>
|
|
@@ -2057,14 +1897,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2057
1897
|
<svg
|
|
2058
1898
|
class="pf-v6-svg"
|
|
2059
1899
|
fill="currentColor"
|
|
2060
|
-
viewBox="0 0
|
|
1900
|
+
viewBox="0 0 20 20"
|
|
2061
1901
|
aria-hidden="true"
|
|
2062
1902
|
role="img"
|
|
2063
1903
|
width="1em"
|
|
2064
1904
|
height="1em"
|
|
2065
1905
|
>
|
|
2066
1906
|
<path
|
|
2067
|
-
d="
|
|
1907
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
2068
1908
|
/>
|
|
2069
1909
|
</svg>
|
|
2070
1910
|
</span>
|
|
@@ -2081,14 +1921,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2081
1921
|
<svg
|
|
2082
1922
|
class="pf-v6-svg"
|
|
2083
1923
|
fill="currentColor"
|
|
2084
|
-
viewBox="0 0
|
|
1924
|
+
viewBox="0 0 20 20"
|
|
2085
1925
|
aria-hidden="true"
|
|
2086
1926
|
role="img"
|
|
2087
1927
|
width="1em"
|
|
2088
1928
|
height="1em"
|
|
2089
1929
|
>
|
|
2090
1930
|
<path
|
|
2091
|
-
d="
|
|
1931
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2092
1932
|
/>
|
|
2093
1933
|
</svg>
|
|
2094
1934
|
</span>
|
|
@@ -2116,14 +1956,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2116
1956
|
<svg
|
|
2117
1957
|
class="pf-v6-svg"
|
|
2118
1958
|
fill="currentColor"
|
|
2119
|
-
viewBox="0 0
|
|
1959
|
+
viewBox="0 0 20 20"
|
|
2120
1960
|
aria-hidden="true"
|
|
2121
1961
|
role="img"
|
|
2122
1962
|
width="1em"
|
|
2123
1963
|
height="1em"
|
|
2124
1964
|
>
|
|
2125
1965
|
<path
|
|
2126
|
-
d="
|
|
1966
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2127
1967
|
/>
|
|
2128
1968
|
</svg>
|
|
2129
1969
|
</span>
|
|
@@ -2140,14 +1980,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2140
1980
|
<svg
|
|
2141
1981
|
class="pf-v6-svg"
|
|
2142
1982
|
fill="currentColor"
|
|
2143
|
-
viewBox="0 0
|
|
1983
|
+
viewBox="0 0 20 20"
|
|
2144
1984
|
aria-hidden="true"
|
|
2145
1985
|
role="img"
|
|
2146
1986
|
width="1em"
|
|
2147
1987
|
height="1em"
|
|
2148
1988
|
>
|
|
2149
1989
|
<path
|
|
2150
|
-
d="
|
|
1990
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
2151
1991
|
/>
|
|
2152
1992
|
</svg>
|
|
2153
1993
|
</span>
|
|
@@ -2211,14 +2051,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2211
2051
|
<svg
|
|
2212
2052
|
class="pf-v6-svg"
|
|
2213
2053
|
fill="currentColor"
|
|
2214
|
-
viewBox="0 0
|
|
2054
|
+
viewBox="0 0 20 20"
|
|
2215
2055
|
aria-hidden="true"
|
|
2216
2056
|
role="img"
|
|
2217
2057
|
width="1em"
|
|
2218
2058
|
height="1em"
|
|
2219
2059
|
>
|
|
2220
2060
|
<path
|
|
2221
|
-
d="
|
|
2061
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2222
2062
|
/>
|
|
2223
2063
|
</svg>
|
|
2224
2064
|
</span>
|
|
@@ -2234,14 +2074,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2234
2074
|
<svg
|
|
2235
2075
|
class="pf-v6-svg"
|
|
2236
2076
|
fill="currentColor"
|
|
2237
|
-
viewBox="0 0
|
|
2077
|
+
viewBox="0 0 20 20"
|
|
2238
2078
|
aria-hidden="true"
|
|
2239
2079
|
role="img"
|
|
2240
2080
|
width="1em"
|
|
2241
2081
|
height="1em"
|
|
2242
2082
|
>
|
|
2243
2083
|
<path
|
|
2244
|
-
d="
|
|
2084
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2245
2085
|
/>
|
|
2246
2086
|
</svg>
|
|
2247
2087
|
</span>
|
|
@@ -2307,14 +2147,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2307
2147
|
<svg
|
|
2308
2148
|
class="pf-v6-svg"
|
|
2309
2149
|
fill="currentColor"
|
|
2310
|
-
viewBox="0 0
|
|
2150
|
+
viewBox="0 0 20 20"
|
|
2311
2151
|
aria-hidden="true"
|
|
2312
2152
|
role="img"
|
|
2313
2153
|
width="1em"
|
|
2314
2154
|
height="1em"
|
|
2315
2155
|
>
|
|
2316
2156
|
<path
|
|
2317
|
-
d="
|
|
2157
|
+
d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
|
|
2318
2158
|
/>
|
|
2319
2159
|
</svg>
|
|
2320
2160
|
</span>
|
|
@@ -2331,14 +2171,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2331
2171
|
<svg
|
|
2332
2172
|
class="pf-v6-svg"
|
|
2333
2173
|
fill="currentColor"
|
|
2334
|
-
viewBox="0 0
|
|
2174
|
+
viewBox="0 0 20 20"
|
|
2335
2175
|
aria-hidden="true"
|
|
2336
2176
|
role="img"
|
|
2337
2177
|
width="1em"
|
|
2338
2178
|
height="1em"
|
|
2339
2179
|
>
|
|
2340
2180
|
<path
|
|
2341
|
-
d="
|
|
2181
|
+
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2342
2182
|
/>
|
|
2343
2183
|
</svg>
|
|
2344
2184
|
</span>
|
|
@@ -2366,14 +2206,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2366
2206
|
<svg
|
|
2367
2207
|
class="pf-v6-svg"
|
|
2368
2208
|
fill="currentColor"
|
|
2369
|
-
viewBox="0 0
|
|
2209
|
+
viewBox="0 0 20 20"
|
|
2370
2210
|
aria-hidden="true"
|
|
2371
2211
|
role="img"
|
|
2372
2212
|
width="1em"
|
|
2373
2213
|
height="1em"
|
|
2374
2214
|
>
|
|
2375
2215
|
<path
|
|
2376
|
-
d="
|
|
2216
|
+
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2377
2217
|
/>
|
|
2378
2218
|
</svg>
|
|
2379
2219
|
</span>
|
|
@@ -2390,14 +2230,14 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2390
2230
|
<svg
|
|
2391
2231
|
class="pf-v6-svg"
|
|
2392
2232
|
fill="currentColor"
|
|
2393
|
-
viewBox="0 0
|
|
2233
|
+
viewBox="0 0 20 20"
|
|
2394
2234
|
aria-hidden="true"
|
|
2395
2235
|
role="img"
|
|
2396
2236
|
width="1em"
|
|
2397
2237
|
height="1em"
|
|
2398
2238
|
>
|
|
2399
2239
|
<path
|
|
2400
|
-
d="
|
|
2240
|
+
d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
|
|
2401
2241
|
/>
|
|
2402
2242
|
</svg>
|
|
2403
2243
|
</span>
|
|
@@ -2439,8 +2279,6 @@ This example shows the use of `.pf-m-sticky-base` and `.pf-m-sticky-stuck` on bo
|
|
|
2439
2279
|
| `.pf-m-sticky` | `.pf-v6-c-pagination` | Modifies the pagination to be sticky to its container. It will be sticky to the top of the container by default, and sticky to the bottom of the container when applied to `.pf-v6-c-pagination.pf-m-bottom`. |
|
|
2440
2280
|
| `.pf-m-sticky-base` | `.pf-v6-c-pagination` | Makes the pagination sticky on scroll, but does not apply sticky styling. `.pf-m-sticky-stuck` must be used to apply sticky styling. |
|
|
2441
2281
|
| `.pf-m-sticky-stuck` | `.pf-v6-c-pagination.pf-m-sticky-base` | Applies sticky styling to a pagination with `.pf-m-sticky-base`. |
|
|
2442
|
-
| `.pf-m-plain` | `.pf-v6-c-pagination.pf-m-bottom` | Modifies the pagination to have a transparent background. Only applies outside of glass theme. |
|
|
2443
|
-
| `.pf-m-no-plain-on-glass` | `.pf-v6-c-pagination.pf-m-bottom` | Prevents the pagination from being transparent on glass theme. |
|
|
2444
2282
|
| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies pagination horizontal padding at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
|
|
2445
2283
|
| `.pf-m-page-insets` | `.pf-v6-c-pagination` | Modifies the pagination component padding/inset to visually match padding of page elements. |
|
|
2446
2284
|
| `.pf-m-first` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the first page button. |
|