@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30
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/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/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +8 -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 +3 -2
- 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 +3 -2
- 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/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- 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 +20 -4
- package/components/Button/button.scss +24 -5
- 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/Form/form.scss +1 -0
- package/components/FormControl/form-control.css +12 -2
- package/components/FormControl/form-control.scss +14 -2
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Label/label.css +9 -3
- package/components/Label/label.scss +9 -3
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +2 -2
- package/components/Menu/menu.scss +3 -3
- package/components/MenuToggle/menu-toggle.css +3 -0
- package/components/MenuToggle/menu-toggle.scss +4 -1
- 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 +25 -22
- package/components/Page/page.scss +28 -28
- 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/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Table/table-grid.css +25 -13
- package/components/Table/table-grid.scss +10 -5
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +55 -21
- package/components/Table/table.scss +82 -34
- package/components/Tabs/tabs.css +19 -5
- package/components/Tabs/tabs.scss +22 -5
- 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 +4 -4
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +399 -140
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/Button/examples/Button.md +2 -2
- package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
- package/docs/components/DataList/examples/DataList.md +143 -11
- package/docs/components/DatePicker/examples/DatePicker.md +26 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
- package/docs/components/EmptyState/examples/EmptyState.md +12 -12
- package/docs/components/FileUpload/examples/FileUpload.md +26 -2
- package/docs/components/Form/examples/Form.md +140 -16
- package/docs/components/FormControl/examples/FormControl.md +260 -20
- package/docs/components/HelperText/examples/HelperText.md +139 -11
- package/docs/components/Icon/examples/Icon.md +403 -31
- package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
- package/docs/components/InputGroup/examples/InputGroup.md +20 -8
- package/docs/components/Label/examples/Label.md +4029 -765
- package/docs/components/List/examples/List.md +78 -6
- package/docs/components/Login/examples/Login.md +104 -8
- package/docs/components/Menu/examples/Menu.md +221 -17
- package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
- package/docs/components/NumberInput/examples/NumberInput.md +301 -25
- package/docs/components/Pagination/examples/Pagination.md +111 -273
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Switch/examples/Switch.md +52 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +1322 -171
- package/docs/components/Tabs/examples/Tabs.md +18 -998
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
- package/docs/components/Toolbar/examples/Toolbar.md +133 -25
- package/docs/components/TreeView/examples/TreeView.md +286 -118
- package/docs/components/Wizard/examples/Wizard.md +325 -25
- package/docs/demos/Alert/examples/Alert.md +181 -40
- package/docs/demos/Button/examples/Button.md +57 -45
- package/docs/demos/Card/examples/Card.md +280 -34
- package/docs/demos/CardView/examples/CardView.md +12 -12
- package/docs/demos/Compass/examples/Compass.md +91 -439
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
- package/docs/demos/DataList/examples/DataList.md +74 -50
- package/docs/demos/Form/examples/BasicForms.md +112 -36
- package/docs/demos/HelperText/examples/HelperText.md +104 -8
- package/docs/demos/Masthead/examples/Masthead.md +52 -4
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
- package/docs/demos/Table/examples/Table.md +407 -179
- package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
- package/docs/demos/Wizard/examples/Wizard.md +117 -9
- package/package.json +7 -7
- package/patternfly-base-no-globals.css +12 -10
- package/patternfly-base.css +12 -10
- package/patternfly-no-globals.css +411 -150
- package/patternfly.css +411 -150
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -15,30 +15,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
15
15
|
role="region"
|
|
16
16
|
id="default-tabs"
|
|
17
17
|
>
|
|
18
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
19
|
-
<button
|
|
20
|
-
class="pf-v6-c-button pf-m-plain"
|
|
21
|
-
type="button"
|
|
22
|
-
aria-label="Scroll left"
|
|
23
|
-
disabled
|
|
24
|
-
>
|
|
25
|
-
<span class="pf-v6-c-button__icon">
|
|
26
|
-
<svg
|
|
27
|
-
class="pf-v6-svg"
|
|
28
|
-
fill="currentColor"
|
|
29
|
-
viewBox="0 0 20 20"
|
|
30
|
-
aria-hidden="true"
|
|
31
|
-
role="img"
|
|
32
|
-
width="1em"
|
|
33
|
-
height="1em"
|
|
34
|
-
>
|
|
35
|
-
<path
|
|
36
|
-
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"
|
|
37
|
-
/>
|
|
38
|
-
</svg>
|
|
39
|
-
</span>
|
|
40
|
-
</button>
|
|
41
|
-
</div>
|
|
42
18
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Default example">
|
|
43
19
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
44
20
|
<button
|
|
@@ -110,31 +86,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
110
86
|
</button>
|
|
111
87
|
</li>
|
|
112
88
|
</ul>
|
|
113
|
-
|
|
114
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
115
|
-
<button
|
|
116
|
-
class="pf-v6-c-button pf-m-plain"
|
|
117
|
-
type="button"
|
|
118
|
-
aria-label="Scroll right"
|
|
119
|
-
disabled
|
|
120
|
-
>
|
|
121
|
-
<span class="pf-v6-c-button__icon">
|
|
122
|
-
<svg
|
|
123
|
-
class="pf-v6-svg"
|
|
124
|
-
fill="currentColor"
|
|
125
|
-
viewBox="0 0 20 20"
|
|
126
|
-
aria-hidden="true"
|
|
127
|
-
role="img"
|
|
128
|
-
width="1em"
|
|
129
|
-
height="1em"
|
|
130
|
-
>
|
|
131
|
-
<path
|
|
132
|
-
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"
|
|
133
|
-
/>
|
|
134
|
-
</svg>
|
|
135
|
-
</span>
|
|
136
|
-
</button>
|
|
137
|
-
</div>
|
|
138
89
|
</div>
|
|
139
90
|
|
|
140
91
|
```
|
|
@@ -1495,30 +1446,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1495
1446
|
role="region"
|
|
1496
1447
|
id="box-tabs"
|
|
1497
1448
|
>
|
|
1498
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1499
|
-
<button
|
|
1500
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1501
|
-
type="button"
|
|
1502
|
-
aria-label="Scroll left"
|
|
1503
|
-
disabled
|
|
1504
|
-
>
|
|
1505
|
-
<span class="pf-v6-c-button__icon">
|
|
1506
|
-
<svg
|
|
1507
|
-
class="pf-v6-svg"
|
|
1508
|
-
fill="currentColor"
|
|
1509
|
-
viewBox="0 0 20 20"
|
|
1510
|
-
aria-hidden="true"
|
|
1511
|
-
role="img"
|
|
1512
|
-
width="1em"
|
|
1513
|
-
height="1em"
|
|
1514
|
-
>
|
|
1515
|
-
<path
|
|
1516
|
-
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"
|
|
1517
|
-
/>
|
|
1518
|
-
</svg>
|
|
1519
|
-
</span>
|
|
1520
|
-
</button>
|
|
1521
|
-
</div>
|
|
1522
1449
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Box example">
|
|
1523
1450
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
1524
1451
|
<button
|
|
@@ -1590,31 +1517,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1590
1517
|
</button>
|
|
1591
1518
|
</li>
|
|
1592
1519
|
</ul>
|
|
1593
|
-
|
|
1594
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1595
|
-
<button
|
|
1596
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1597
|
-
type="button"
|
|
1598
|
-
aria-label="Scroll right"
|
|
1599
|
-
disabled
|
|
1600
|
-
>
|
|
1601
|
-
<span class="pf-v6-c-button__icon">
|
|
1602
|
-
<svg
|
|
1603
|
-
class="pf-v6-svg"
|
|
1604
|
-
fill="currentColor"
|
|
1605
|
-
viewBox="0 0 20 20"
|
|
1606
|
-
aria-hidden="true"
|
|
1607
|
-
role="img"
|
|
1608
|
-
width="1em"
|
|
1609
|
-
height="1em"
|
|
1610
|
-
>
|
|
1611
|
-
<path
|
|
1612
|
-
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"
|
|
1613
|
-
/>
|
|
1614
|
-
</svg>
|
|
1615
|
-
</span>
|
|
1616
|
-
</button>
|
|
1617
|
-
</div>
|
|
1618
1520
|
</div>
|
|
1619
1521
|
|
|
1620
1522
|
```
|
|
@@ -1883,30 +1785,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1883
1785
|
role="region"
|
|
1884
1786
|
id="box-tabs-secondary"
|
|
1885
1787
|
>
|
|
1886
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1887
|
-
<button
|
|
1888
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1889
|
-
type="button"
|
|
1890
|
-
aria-label="Scroll left"
|
|
1891
|
-
disabled
|
|
1892
|
-
>
|
|
1893
|
-
<span class="pf-v6-c-button__icon">
|
|
1894
|
-
<svg
|
|
1895
|
-
class="pf-v6-svg"
|
|
1896
|
-
fill="currentColor"
|
|
1897
|
-
viewBox="0 0 20 20"
|
|
1898
|
-
aria-hidden="true"
|
|
1899
|
-
role="img"
|
|
1900
|
-
width="1em"
|
|
1901
|
-
height="1em"
|
|
1902
|
-
>
|
|
1903
|
-
<path
|
|
1904
|
-
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"
|
|
1905
|
-
/>
|
|
1906
|
-
</svg>
|
|
1907
|
-
</span>
|
|
1908
|
-
</button>
|
|
1909
|
-
</div>
|
|
1910
1788
|
<ul
|
|
1911
1789
|
class="pf-v6-c-tabs__list"
|
|
1912
1790
|
role="tablist"
|
|
@@ -1982,31 +1860,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1982
1860
|
</button>
|
|
1983
1861
|
</li>
|
|
1984
1862
|
</ul>
|
|
1985
|
-
|
|
1986
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1987
|
-
<button
|
|
1988
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1989
|
-
type="button"
|
|
1990
|
-
aria-label="Scroll right"
|
|
1991
|
-
disabled
|
|
1992
|
-
>
|
|
1993
|
-
<span class="pf-v6-c-button__icon">
|
|
1994
|
-
<svg
|
|
1995
|
-
class="pf-v6-svg"
|
|
1996
|
-
fill="currentColor"
|
|
1997
|
-
viewBox="0 0 20 20"
|
|
1998
|
-
aria-hidden="true"
|
|
1999
|
-
role="img"
|
|
2000
|
-
width="1em"
|
|
2001
|
-
height="1em"
|
|
2002
|
-
>
|
|
2003
|
-
<path
|
|
2004
|
-
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"
|
|
2005
|
-
/>
|
|
2006
|
-
</svg>
|
|
2007
|
-
</span>
|
|
2008
|
-
</button>
|
|
2009
|
-
</div>
|
|
2010
1863
|
</div>
|
|
2011
1864
|
<div class="tabs-example-block tabs-example-block--m-secondary"></div>
|
|
2012
1865
|
|
|
@@ -2023,30 +1876,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2023
1876
|
role="region"
|
|
2024
1877
|
id="default-tab-insets"
|
|
2025
1878
|
>
|
|
2026
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2027
|
-
<button
|
|
2028
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2029
|
-
type="button"
|
|
2030
|
-
aria-label="Scroll left"
|
|
2031
|
-
disabled
|
|
2032
|
-
>
|
|
2033
|
-
<span class="pf-v6-c-button__icon">
|
|
2034
|
-
<svg
|
|
2035
|
-
class="pf-v6-svg"
|
|
2036
|
-
fill="currentColor"
|
|
2037
|
-
viewBox="0 0 20 20"
|
|
2038
|
-
aria-hidden="true"
|
|
2039
|
-
role="img"
|
|
2040
|
-
width="1em"
|
|
2041
|
-
height="1em"
|
|
2042
|
-
>
|
|
2043
|
-
<path
|
|
2044
|
-
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"
|
|
2045
|
-
/>
|
|
2046
|
-
</svg>
|
|
2047
|
-
</span>
|
|
2048
|
-
</button>
|
|
2049
|
-
</div>
|
|
2050
1879
|
<ul
|
|
2051
1880
|
class="pf-v6-c-tabs__list"
|
|
2052
1881
|
role="tablist"
|
|
@@ -2120,31 +1949,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2120
1949
|
</button>
|
|
2121
1950
|
</li>
|
|
2122
1951
|
</ul>
|
|
2123
|
-
|
|
2124
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2125
|
-
<button
|
|
2126
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2127
|
-
type="button"
|
|
2128
|
-
aria-label="Scroll right"
|
|
2129
|
-
disabled
|
|
2130
|
-
>
|
|
2131
|
-
<span class="pf-v6-c-button__icon">
|
|
2132
|
-
<svg
|
|
2133
|
-
class="pf-v6-svg"
|
|
2134
|
-
fill="currentColor"
|
|
2135
|
-
viewBox="0 0 20 20"
|
|
2136
|
-
aria-hidden="true"
|
|
2137
|
-
role="img"
|
|
2138
|
-
width="1em"
|
|
2139
|
-
height="1em"
|
|
2140
|
-
>
|
|
2141
|
-
<path
|
|
2142
|
-
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"
|
|
2143
|
-
/>
|
|
2144
|
-
</svg>
|
|
2145
|
-
</span>
|
|
2146
|
-
</button>
|
|
2147
|
-
</div>
|
|
2148
1952
|
</div>
|
|
2149
1953
|
|
|
2150
1954
|
```
|
|
@@ -2158,30 +1962,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2158
1962
|
role="region"
|
|
2159
1963
|
id="box-tab-insets"
|
|
2160
1964
|
>
|
|
2161
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2162
|
-
<button
|
|
2163
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2164
|
-
type="button"
|
|
2165
|
-
aria-label="Scroll left"
|
|
2166
|
-
disabled
|
|
2167
|
-
>
|
|
2168
|
-
<span class="pf-v6-c-button__icon">
|
|
2169
|
-
<svg
|
|
2170
|
-
class="pf-v6-svg"
|
|
2171
|
-
fill="currentColor"
|
|
2172
|
-
viewBox="0 0 20 20"
|
|
2173
|
-
aria-hidden="true"
|
|
2174
|
-
role="img"
|
|
2175
|
-
width="1em"
|
|
2176
|
-
height="1em"
|
|
2177
|
-
>
|
|
2178
|
-
<path
|
|
2179
|
-
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"
|
|
2180
|
-
/>
|
|
2181
|
-
</svg>
|
|
2182
|
-
</span>
|
|
2183
|
-
</button>
|
|
2184
|
-
</div>
|
|
2185
1965
|
<ul
|
|
2186
1966
|
class="pf-v6-c-tabs__list"
|
|
2187
1967
|
role="tablist"
|
|
@@ -2255,31 +2035,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2255
2035
|
</button>
|
|
2256
2036
|
</li>
|
|
2257
2037
|
</ul>
|
|
2258
|
-
|
|
2259
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2260
|
-
<button
|
|
2261
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2262
|
-
type="button"
|
|
2263
|
-
aria-label="Scroll right"
|
|
2264
|
-
disabled
|
|
2265
|
-
>
|
|
2266
|
-
<span class="pf-v6-c-button__icon">
|
|
2267
|
-
<svg
|
|
2268
|
-
class="pf-v6-svg"
|
|
2269
|
-
fill="currentColor"
|
|
2270
|
-
viewBox="0 0 20 20"
|
|
2271
|
-
aria-hidden="true"
|
|
2272
|
-
role="img"
|
|
2273
|
-
width="1em"
|
|
2274
|
-
height="1em"
|
|
2275
|
-
>
|
|
2276
|
-
<path
|
|
2277
|
-
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"
|
|
2278
|
-
/>
|
|
2279
|
-
</svg>
|
|
2280
|
-
</span>
|
|
2281
|
-
</button>
|
|
2282
|
-
</div>
|
|
2283
2038
|
</div>
|
|
2284
2039
|
|
|
2285
2040
|
```
|
|
@@ -2293,30 +2048,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2293
2048
|
role="region"
|
|
2294
2049
|
id="page-insets"
|
|
2295
2050
|
>
|
|
2296
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2297
|
-
<button
|
|
2298
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2299
|
-
type="button"
|
|
2300
|
-
aria-label="Scroll left"
|
|
2301
|
-
disabled
|
|
2302
|
-
>
|
|
2303
|
-
<span class="pf-v6-c-button__icon">
|
|
2304
|
-
<svg
|
|
2305
|
-
class="pf-v6-svg"
|
|
2306
|
-
fill="currentColor"
|
|
2307
|
-
viewBox="0 0 20 20"
|
|
2308
|
-
aria-hidden="true"
|
|
2309
|
-
role="img"
|
|
2310
|
-
width="1em"
|
|
2311
|
-
height="1em"
|
|
2312
|
-
>
|
|
2313
|
-
<path
|
|
2314
|
-
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"
|
|
2315
|
-
/>
|
|
2316
|
-
</svg>
|
|
2317
|
-
</span>
|
|
2318
|
-
</button>
|
|
2319
|
-
</div>
|
|
2320
2051
|
<ul
|
|
2321
2052
|
class="pf-v6-c-tabs__list"
|
|
2322
2053
|
role="tablist"
|
|
@@ -2390,31 +2121,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2390
2121
|
</button>
|
|
2391
2122
|
</li>
|
|
2392
2123
|
</ul>
|
|
2393
|
-
|
|
2394
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2395
|
-
<button
|
|
2396
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2397
|
-
type="button"
|
|
2398
|
-
aria-label="Scroll right"
|
|
2399
|
-
disabled
|
|
2400
|
-
>
|
|
2401
|
-
<span class="pf-v6-c-button__icon">
|
|
2402
|
-
<svg
|
|
2403
|
-
class="pf-v6-svg"
|
|
2404
|
-
fill="currentColor"
|
|
2405
|
-
viewBox="0 0 20 20"
|
|
2406
|
-
aria-hidden="true"
|
|
2407
|
-
role="img"
|
|
2408
|
-
width="1em"
|
|
2409
|
-
height="1em"
|
|
2410
|
-
>
|
|
2411
|
-
<path
|
|
2412
|
-
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"
|
|
2413
|
-
/>
|
|
2414
|
-
</svg>
|
|
2415
|
-
</span>
|
|
2416
|
-
</button>
|
|
2417
|
-
</div>
|
|
2418
2124
|
</div>
|
|
2419
2125
|
|
|
2420
2126
|
```
|
|
@@ -2437,30 +2143,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2437
2143
|
role="region"
|
|
2438
2144
|
id="icons-and-text"
|
|
2439
2145
|
>
|
|
2440
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2441
|
-
<button
|
|
2442
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2443
|
-
type="button"
|
|
2444
|
-
aria-label="Scroll left"
|
|
2445
|
-
disabled
|
|
2446
|
-
>
|
|
2447
|
-
<span class="pf-v6-c-button__icon">
|
|
2448
|
-
<svg
|
|
2449
|
-
class="pf-v6-svg"
|
|
2450
|
-
fill="currentColor"
|
|
2451
|
-
viewBox="0 0 20 20"
|
|
2452
|
-
aria-hidden="true"
|
|
2453
|
-
role="img"
|
|
2454
|
-
width="1em"
|
|
2455
|
-
height="1em"
|
|
2456
|
-
>
|
|
2457
|
-
<path
|
|
2458
|
-
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"
|
|
2459
|
-
/>
|
|
2460
|
-
</svg>
|
|
2461
|
-
</span>
|
|
2462
|
-
</button>
|
|
2463
|
-
</div>
|
|
2464
2146
|
<ul
|
|
2465
2147
|
class="pf-v6-c-tabs__list"
|
|
2466
2148
|
role="tablist"
|
|
@@ -2624,31 +2306,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2624
2306
|
</button>
|
|
2625
2307
|
</li>
|
|
2626
2308
|
</ul>
|
|
2627
|
-
|
|
2628
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2629
|
-
<button
|
|
2630
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2631
|
-
type="button"
|
|
2632
|
-
aria-label="Scroll right"
|
|
2633
|
-
disabled
|
|
2634
|
-
>
|
|
2635
|
-
<span class="pf-v6-c-button__icon">
|
|
2636
|
-
<svg
|
|
2637
|
-
class="pf-v6-svg"
|
|
2638
|
-
fill="currentColor"
|
|
2639
|
-
viewBox="0 0 20 20"
|
|
2640
|
-
aria-hidden="true"
|
|
2641
|
-
role="img"
|
|
2642
|
-
width="1em"
|
|
2643
|
-
height="1em"
|
|
2644
|
-
>
|
|
2645
|
-
<path
|
|
2646
|
-
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"
|
|
2647
|
-
/>
|
|
2648
|
-
</svg>
|
|
2649
|
-
</span>
|
|
2650
|
-
</button>
|
|
2651
|
-
</div>
|
|
2652
2309
|
</div>
|
|
2653
2310
|
|
|
2654
2311
|
```
|
|
@@ -3188,30 +2845,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3188
2845
|
role="region"
|
|
3189
2846
|
id="filled-tabs"
|
|
3190
2847
|
>
|
|
3191
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3192
|
-
<button
|
|
3193
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3194
|
-
type="button"
|
|
3195
|
-
aria-label="Scroll left"
|
|
3196
|
-
disabled
|
|
3197
|
-
>
|
|
3198
|
-
<span class="pf-v6-c-button__icon">
|
|
3199
|
-
<svg
|
|
3200
|
-
class="pf-v6-svg"
|
|
3201
|
-
fill="currentColor"
|
|
3202
|
-
viewBox="0 0 20 20"
|
|
3203
|
-
aria-hidden="true"
|
|
3204
|
-
role="img"
|
|
3205
|
-
width="1em"
|
|
3206
|
-
height="1em"
|
|
3207
|
-
>
|
|
3208
|
-
<path
|
|
3209
|
-
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"
|
|
3210
|
-
/>
|
|
3211
|
-
</svg>
|
|
3212
|
-
</span>
|
|
3213
|
-
</button>
|
|
3214
|
-
</div>
|
|
3215
2848
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Filled example">
|
|
3216
2849
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3217
2850
|
<button
|
|
@@ -3247,31 +2880,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3247
2880
|
</button>
|
|
3248
2881
|
</li>
|
|
3249
2882
|
</ul>
|
|
3250
|
-
|
|
3251
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3252
|
-
<button
|
|
3253
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3254
|
-
type="button"
|
|
3255
|
-
aria-label="Scroll right"
|
|
3256
|
-
disabled
|
|
3257
|
-
>
|
|
3258
|
-
<span class="pf-v6-c-button__icon">
|
|
3259
|
-
<svg
|
|
3260
|
-
class="pf-v6-svg"
|
|
3261
|
-
fill="currentColor"
|
|
3262
|
-
viewBox="0 0 20 20"
|
|
3263
|
-
aria-hidden="true"
|
|
3264
|
-
role="img"
|
|
3265
|
-
width="1em"
|
|
3266
|
-
height="1em"
|
|
3267
|
-
>
|
|
3268
|
-
<path
|
|
3269
|
-
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"
|
|
3270
|
-
/>
|
|
3271
|
-
</svg>
|
|
3272
|
-
</span>
|
|
3273
|
-
</button>
|
|
3274
|
-
</div>
|
|
3275
2883
|
</div>
|
|
3276
2884
|
|
|
3277
2885
|
```
|
|
@@ -3285,30 +2893,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3285
2893
|
role="region"
|
|
3286
2894
|
id="filled-with-icons"
|
|
3287
2895
|
>
|
|
3288
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3289
|
-
<button
|
|
3290
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3291
|
-
type="button"
|
|
3292
|
-
aria-label="Scroll left"
|
|
3293
|
-
disabled
|
|
3294
|
-
>
|
|
3295
|
-
<span class="pf-v6-c-button__icon">
|
|
3296
|
-
<svg
|
|
3297
|
-
class="pf-v6-svg"
|
|
3298
|
-
fill="currentColor"
|
|
3299
|
-
viewBox="0 0 20 20"
|
|
3300
|
-
aria-hidden="true"
|
|
3301
|
-
role="img"
|
|
3302
|
-
width="1em"
|
|
3303
|
-
height="1em"
|
|
3304
|
-
>
|
|
3305
|
-
<path
|
|
3306
|
-
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"
|
|
3307
|
-
/>
|
|
3308
|
-
</svg>
|
|
3309
|
-
</span>
|
|
3310
|
-
</button>
|
|
3311
|
-
</div>
|
|
3312
2896
|
<ul
|
|
3313
2897
|
class="pf-v6-c-tabs__list"
|
|
3314
2898
|
role="tablist"
|
|
@@ -3393,31 +2977,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3393
2977
|
</button>
|
|
3394
2978
|
</li>
|
|
3395
2979
|
</ul>
|
|
3396
|
-
|
|
3397
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3398
|
-
<button
|
|
3399
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3400
|
-
type="button"
|
|
3401
|
-
aria-label="Scroll right"
|
|
3402
|
-
disabled
|
|
3403
|
-
>
|
|
3404
|
-
<span class="pf-v6-c-button__icon">
|
|
3405
|
-
<svg
|
|
3406
|
-
class="pf-v6-svg"
|
|
3407
|
-
fill="currentColor"
|
|
3408
|
-
viewBox="0 0 20 20"
|
|
3409
|
-
aria-hidden="true"
|
|
3410
|
-
role="img"
|
|
3411
|
-
width="1em"
|
|
3412
|
-
height="1em"
|
|
3413
|
-
>
|
|
3414
|
-
<path
|
|
3415
|
-
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"
|
|
3416
|
-
/>
|
|
3417
|
-
</svg>
|
|
3418
|
-
</span>
|
|
3419
|
-
</button>
|
|
3420
|
-
</div>
|
|
3421
2980
|
</div>
|
|
3422
2981
|
|
|
3423
2982
|
```
|
|
@@ -3431,30 +2990,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3431
2990
|
role="region"
|
|
3432
2991
|
id="filled-box"
|
|
3433
2992
|
>
|
|
3434
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3435
|
-
<button
|
|
3436
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3437
|
-
type="button"
|
|
3438
|
-
aria-label="Scroll left"
|
|
3439
|
-
disabled
|
|
3440
|
-
>
|
|
3441
|
-
<span class="pf-v6-c-button__icon">
|
|
3442
|
-
<svg
|
|
3443
|
-
class="pf-v6-svg"
|
|
3444
|
-
fill="currentColor"
|
|
3445
|
-
viewBox="0 0 20 20"
|
|
3446
|
-
aria-hidden="true"
|
|
3447
|
-
role="img"
|
|
3448
|
-
width="1em"
|
|
3449
|
-
height="1em"
|
|
3450
|
-
>
|
|
3451
|
-
<path
|
|
3452
|
-
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"
|
|
3453
|
-
/>
|
|
3454
|
-
</svg>
|
|
3455
|
-
</span>
|
|
3456
|
-
</button>
|
|
3457
|
-
</div>
|
|
3458
2993
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Filled box example">
|
|
3459
2994
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3460
2995
|
<button
|
|
@@ -3490,31 +3025,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3490
3025
|
</button>
|
|
3491
3026
|
</li>
|
|
3492
3027
|
</ul>
|
|
3493
|
-
|
|
3494
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3495
|
-
<button
|
|
3496
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3497
|
-
type="button"
|
|
3498
|
-
aria-label="Scroll right"
|
|
3499
|
-
disabled
|
|
3500
|
-
>
|
|
3501
|
-
<span class="pf-v6-c-button__icon">
|
|
3502
|
-
<svg
|
|
3503
|
-
class="pf-v6-svg"
|
|
3504
|
-
fill="currentColor"
|
|
3505
|
-
viewBox="0 0 20 20"
|
|
3506
|
-
aria-hidden="true"
|
|
3507
|
-
role="img"
|
|
3508
|
-
width="1em"
|
|
3509
|
-
height="1em"
|
|
3510
|
-
>
|
|
3511
|
-
<path
|
|
3512
|
-
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"
|
|
3513
|
-
/>
|
|
3514
|
-
</svg>
|
|
3515
|
-
</span>
|
|
3516
|
-
</button>
|
|
3517
|
-
</div>
|
|
3518
3028
|
</div>
|
|
3519
3029
|
|
|
3520
3030
|
```
|
|
@@ -3528,30 +3038,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3528
3038
|
role="region"
|
|
3529
3039
|
id="filled-box-with-icons"
|
|
3530
3040
|
>
|
|
3531
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3532
|
-
<button
|
|
3533
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3534
|
-
type="button"
|
|
3535
|
-
aria-label="Scroll left"
|
|
3536
|
-
disabled
|
|
3537
|
-
>
|
|
3538
|
-
<span class="pf-v6-c-button__icon">
|
|
3539
|
-
<svg
|
|
3540
|
-
class="pf-v6-svg"
|
|
3541
|
-
fill="currentColor"
|
|
3542
|
-
viewBox="0 0 20 20"
|
|
3543
|
-
aria-hidden="true"
|
|
3544
|
-
role="img"
|
|
3545
|
-
width="1em"
|
|
3546
|
-
height="1em"
|
|
3547
|
-
>
|
|
3548
|
-
<path
|
|
3549
|
-
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"
|
|
3550
|
-
/>
|
|
3551
|
-
</svg>
|
|
3552
|
-
</span>
|
|
3553
|
-
</button>
|
|
3554
|
-
</div>
|
|
3555
3041
|
<ul
|
|
3556
3042
|
class="pf-v6-c-tabs__list"
|
|
3557
3043
|
role="tablist"
|
|
@@ -3636,31 +3122,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3636
3122
|
</button>
|
|
3637
3123
|
</li>
|
|
3638
3124
|
</ul>
|
|
3639
|
-
|
|
3640
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3641
|
-
<button
|
|
3642
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3643
|
-
type="button"
|
|
3644
|
-
aria-label="Scroll right"
|
|
3645
|
-
disabled
|
|
3646
|
-
>
|
|
3647
|
-
<span class="pf-v6-c-button__icon">
|
|
3648
|
-
<svg
|
|
3649
|
-
class="pf-v6-svg"
|
|
3650
|
-
fill="currentColor"
|
|
3651
|
-
viewBox="0 0 20 20"
|
|
3652
|
-
aria-hidden="true"
|
|
3653
|
-
role="img"
|
|
3654
|
-
width="1em"
|
|
3655
|
-
height="1em"
|
|
3656
|
-
>
|
|
3657
|
-
<path
|
|
3658
|
-
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"
|
|
3659
|
-
/>
|
|
3660
|
-
</svg>
|
|
3661
|
-
</span>
|
|
3662
|
-
</button>
|
|
3663
|
-
</div>
|
|
3664
3125
|
</div>
|
|
3665
3126
|
|
|
3666
3127
|
```
|
|
@@ -3814,30 +3275,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3814
3275
|
class="pf-v6-c-tabs"
|
|
3815
3276
|
aria-label="Using nav element with sub tabs example, primary"
|
|
3816
3277
|
>
|
|
3817
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3818
|
-
<button
|
|
3819
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3820
|
-
type="button"
|
|
3821
|
-
aria-label="Scroll left"
|
|
3822
|
-
disabled
|
|
3823
|
-
>
|
|
3824
|
-
<span class="pf-v6-c-button__icon">
|
|
3825
|
-
<svg
|
|
3826
|
-
class="pf-v6-svg"
|
|
3827
|
-
fill="currentColor"
|
|
3828
|
-
viewBox="0 0 20 20"
|
|
3829
|
-
aria-hidden="true"
|
|
3830
|
-
role="img"
|
|
3831
|
-
width="1em"
|
|
3832
|
-
height="1em"
|
|
3833
|
-
>
|
|
3834
|
-
<path
|
|
3835
|
-
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"
|
|
3836
|
-
/>
|
|
3837
|
-
</svg>
|
|
3838
|
-
</span>
|
|
3839
|
-
</button>
|
|
3840
|
-
</div>
|
|
3841
3278
|
<ul
|
|
3842
3279
|
class="pf-v6-c-tabs__list"
|
|
3843
3280
|
role="tablist"
|
|
@@ -3911,61 +3348,12 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3911
3348
|
</a>
|
|
3912
3349
|
</li>
|
|
3913
3350
|
</ul>
|
|
3914
|
-
|
|
3915
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3916
|
-
<button
|
|
3917
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3918
|
-
type="button"
|
|
3919
|
-
aria-label="Scroll right"
|
|
3920
|
-
disabled
|
|
3921
|
-
>
|
|
3922
|
-
<span class="pf-v6-c-button__icon">
|
|
3923
|
-
<svg
|
|
3924
|
-
class="pf-v6-svg"
|
|
3925
|
-
fill="currentColor"
|
|
3926
|
-
viewBox="0 0 20 20"
|
|
3927
|
-
aria-hidden="true"
|
|
3928
|
-
role="img"
|
|
3929
|
-
width="1em"
|
|
3930
|
-
height="1em"
|
|
3931
|
-
>
|
|
3932
|
-
<path
|
|
3933
|
-
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"
|
|
3934
|
-
/>
|
|
3935
|
-
</svg>
|
|
3936
|
-
</span>
|
|
3937
|
-
</button>
|
|
3938
|
-
</div>
|
|
3939
3351
|
</nav>
|
|
3940
3352
|
|
|
3941
3353
|
<nav
|
|
3942
3354
|
class="pf-v6-c-tabs pf-m-subtab"
|
|
3943
3355
|
aria-label="Using nav element with sub tabs example, Containers"
|
|
3944
3356
|
>
|
|
3945
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3946
|
-
<button
|
|
3947
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3948
|
-
type="button"
|
|
3949
|
-
aria-label="Scroll left"
|
|
3950
|
-
disabled
|
|
3951
|
-
>
|
|
3952
|
-
<span class="pf-v6-c-button__icon">
|
|
3953
|
-
<svg
|
|
3954
|
-
class="pf-v6-svg"
|
|
3955
|
-
fill="currentColor"
|
|
3956
|
-
viewBox="0 0 20 20"
|
|
3957
|
-
aria-hidden="true"
|
|
3958
|
-
role="img"
|
|
3959
|
-
width="1em"
|
|
3960
|
-
height="1em"
|
|
3961
|
-
>
|
|
3962
|
-
<path
|
|
3963
|
-
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"
|
|
3964
|
-
/>
|
|
3965
|
-
</svg>
|
|
3966
|
-
</span>
|
|
3967
|
-
</button>
|
|
3968
|
-
</div>
|
|
3969
3357
|
<ul
|
|
3970
3358
|
class="pf-v6-c-tabs__list"
|
|
3971
3359
|
role="tablist"
|
|
@@ -4042,31 +3430,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4042
3430
|
</a>
|
|
4043
3431
|
</li>
|
|
4044
3432
|
</ul>
|
|
4045
|
-
|
|
4046
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4047
|
-
<button
|
|
4048
|
-
class="pf-v6-c-button pf-m-plain"
|
|
4049
|
-
type="button"
|
|
4050
|
-
aria-label="Scroll right"
|
|
4051
|
-
disabled
|
|
4052
|
-
>
|
|
4053
|
-
<span class="pf-v6-c-button__icon">
|
|
4054
|
-
<svg
|
|
4055
|
-
class="pf-v6-svg"
|
|
4056
|
-
fill="currentColor"
|
|
4057
|
-
viewBox="0 0 20 20"
|
|
4058
|
-
aria-hidden="true"
|
|
4059
|
-
role="img"
|
|
4060
|
-
width="1em"
|
|
4061
|
-
height="1em"
|
|
4062
|
-
>
|
|
4063
|
-
<path
|
|
4064
|
-
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"
|
|
4065
|
-
/>
|
|
4066
|
-
</svg>
|
|
4067
|
-
</span>
|
|
4068
|
-
</button>
|
|
4069
|
-
</div>
|
|
4070
3433
|
</nav>
|
|
4071
3434
|
|
|
4072
3435
|
```
|
|
@@ -4078,30 +3441,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4078
3441
|
class="pf-v6-c-tabs pf-m-nav"
|
|
4079
3442
|
aria-label="Site navigation variation example"
|
|
4080
3443
|
>
|
|
4081
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4082
|
-
<button
|
|
4083
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4084
|
-
type="button"
|
|
4085
|
-
aria-label="Scroll left"
|
|
4086
|
-
disabled
|
|
4087
|
-
>
|
|
4088
|
-
<span class="pf-v6-c-button__icon">
|
|
4089
|
-
<svg
|
|
4090
|
-
class="pf-v6-svg"
|
|
4091
|
-
fill="currentColor"
|
|
4092
|
-
viewBox="0 0 20 20"
|
|
4093
|
-
aria-hidden="true"
|
|
4094
|
-
role="img"
|
|
4095
|
-
width="1em"
|
|
4096
|
-
height="1em"
|
|
4097
|
-
>
|
|
4098
|
-
<path
|
|
4099
|
-
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"
|
|
4100
|
-
/>
|
|
4101
|
-
</svg>
|
|
4102
|
-
</span>
|
|
4103
|
-
</button>
|
|
4104
|
-
</div>
|
|
4105
3444
|
<ul
|
|
4106
3445
|
class="pf-v6-c-tabs__list"
|
|
4107
3446
|
role="tablist"
|
|
@@ -4175,61 +3514,12 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4175
3514
|
</button>
|
|
4176
3515
|
</li>
|
|
4177
3516
|
</ul>
|
|
4178
|
-
|
|
4179
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4180
|
-
<button
|
|
4181
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4182
|
-
type="button"
|
|
4183
|
-
aria-label="Scroll right"
|
|
4184
|
-
disabled
|
|
4185
|
-
>
|
|
4186
|
-
<span class="pf-v6-c-button__icon">
|
|
4187
|
-
<svg
|
|
4188
|
-
class="pf-v6-svg"
|
|
4189
|
-
fill="currentColor"
|
|
4190
|
-
viewBox="0 0 20 20"
|
|
4191
|
-
aria-hidden="true"
|
|
4192
|
-
role="img"
|
|
4193
|
-
width="1em"
|
|
4194
|
-
height="1em"
|
|
4195
|
-
>
|
|
4196
|
-
<path
|
|
4197
|
-
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"
|
|
4198
|
-
/>
|
|
4199
|
-
</svg>
|
|
4200
|
-
</span>
|
|
4201
|
-
</button>
|
|
4202
|
-
</div>
|
|
4203
3517
|
</nav><br/ >
|
|
4204
3518
|
As sub navigation:
|
|
4205
3519
|
<nav
|
|
4206
3520
|
class="pf-v6-c-tabs pf-m-subtab pf-m-nav"
|
|
4207
3521
|
aria-label="Site navigation variation as sub tabs example"
|
|
4208
3522
|
>
|
|
4209
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4210
|
-
<button
|
|
4211
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4212
|
-
type="button"
|
|
4213
|
-
aria-label="Scroll left"
|
|
4214
|
-
disabled
|
|
4215
|
-
>
|
|
4216
|
-
<span class="pf-v6-c-button__icon">
|
|
4217
|
-
<svg
|
|
4218
|
-
class="pf-v6-svg"
|
|
4219
|
-
fill="currentColor"
|
|
4220
|
-
viewBox="0 0 20 20"
|
|
4221
|
-
aria-hidden="true"
|
|
4222
|
-
role="img"
|
|
4223
|
-
width="1em"
|
|
4224
|
-
height="1em"
|
|
4225
|
-
>
|
|
4226
|
-
<path
|
|
4227
|
-
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"
|
|
4228
|
-
/>
|
|
4229
|
-
</svg>
|
|
4230
|
-
</span>
|
|
4231
|
-
</button>
|
|
4232
|
-
</div>
|
|
4233
3523
|
<ul
|
|
4234
3524
|
class="pf-v6-c-tabs__list"
|
|
4235
3525
|
role="tablist"
|
|
@@ -4285,49 +3575,24 @@ As sub navigation:
|
|
|
4285
3575
|
type="button"
|
|
4286
3576
|
class="pf-v6-c-tabs__link"
|
|
4287
3577
|
role="tab"
|
|
4288
|
-
aria-selected="false"
|
|
4289
|
-
id="nav-tabs-system-link"
|
|
4290
|
-
>
|
|
4291
|
-
<span class="pf-v6-c-tabs__item-text">System</span>
|
|
4292
|
-
</button>
|
|
4293
|
-
</li>
|
|
4294
|
-
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
4295
|
-
<button
|
|
4296
|
-
type="button"
|
|
4297
|
-
class="pf-v6-c-tabs__link"
|
|
4298
|
-
role="tab"
|
|
4299
|
-
aria-selected="false"
|
|
4300
|
-
id="nav-tabs-network-wired-link"
|
|
4301
|
-
>
|
|
4302
|
-
<span class="pf-v6-c-tabs__item-text">Network</span>
|
|
4303
|
-
</button>
|
|
4304
|
-
</li>
|
|
4305
|
-
</ul>
|
|
4306
|
-
|
|
4307
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4308
|
-
<button
|
|
4309
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4310
|
-
type="button"
|
|
4311
|
-
aria-label="Scroll right"
|
|
4312
|
-
disabled
|
|
4313
|
-
>
|
|
4314
|
-
<span class="pf-v6-c-button__icon">
|
|
4315
|
-
<svg
|
|
4316
|
-
class="pf-v6-svg"
|
|
4317
|
-
fill="currentColor"
|
|
4318
|
-
viewBox="0 0 20 20"
|
|
4319
|
-
aria-hidden="true"
|
|
4320
|
-
role="img"
|
|
4321
|
-
width="1em"
|
|
4322
|
-
height="1em"
|
|
4323
|
-
>
|
|
4324
|
-
<path
|
|
4325
|
-
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"
|
|
4326
|
-
/>
|
|
4327
|
-
</svg>
|
|
4328
|
-
</span>
|
|
4329
|
-
</button>
|
|
4330
|
-
</div>
|
|
3578
|
+
aria-selected="false"
|
|
3579
|
+
id="nav-tabs-system-link"
|
|
3580
|
+
>
|
|
3581
|
+
<span class="pf-v6-c-tabs__item-text">System</span>
|
|
3582
|
+
</button>
|
|
3583
|
+
</li>
|
|
3584
|
+
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3585
|
+
<button
|
|
3586
|
+
type="button"
|
|
3587
|
+
class="pf-v6-c-tabs__link"
|
|
3588
|
+
role="tab"
|
|
3589
|
+
aria-selected="false"
|
|
3590
|
+
id="nav-tabs-network-wired-link"
|
|
3591
|
+
>
|
|
3592
|
+
<span class="pf-v6-c-tabs__item-text">Network</span>
|
|
3593
|
+
</button>
|
|
3594
|
+
</li>
|
|
3595
|
+
</ul>
|
|
4331
3596
|
</nav>
|
|
4332
3597
|
|
|
4333
3598
|
```
|
|
@@ -5780,30 +5045,6 @@ As sub navigation:
|
|
|
5780
5045
|
role="region"
|
|
5781
5046
|
id="help-button-filled-example"
|
|
5782
5047
|
>
|
|
5783
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
5784
|
-
<button
|
|
5785
|
-
class="pf-v6-c-button pf-m-plain"
|
|
5786
|
-
type="button"
|
|
5787
|
-
aria-label="Scroll left"
|
|
5788
|
-
disabled
|
|
5789
|
-
>
|
|
5790
|
-
<span class="pf-v6-c-button__icon">
|
|
5791
|
-
<svg
|
|
5792
|
-
class="pf-v6-svg"
|
|
5793
|
-
fill="currentColor"
|
|
5794
|
-
viewBox="0 0 20 20"
|
|
5795
|
-
aria-hidden="true"
|
|
5796
|
-
role="img"
|
|
5797
|
-
width="1em"
|
|
5798
|
-
height="1em"
|
|
5799
|
-
>
|
|
5800
|
-
<path
|
|
5801
|
-
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"
|
|
5802
|
-
/>
|
|
5803
|
-
</svg>
|
|
5804
|
-
</span>
|
|
5805
|
-
</button>
|
|
5806
|
-
</div>
|
|
5807
5048
|
<ul
|
|
5808
5049
|
class="pf-v6-c-tabs__list"
|
|
5809
5050
|
role="tablist"
|
|
@@ -5918,31 +5159,6 @@ As sub navigation:
|
|
|
5918
5159
|
</span>
|
|
5919
5160
|
</li>
|
|
5920
5161
|
</ul>
|
|
5921
|
-
|
|
5922
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
5923
|
-
<button
|
|
5924
|
-
class="pf-v6-c-button pf-m-plain"
|
|
5925
|
-
type="button"
|
|
5926
|
-
aria-label="Scroll right"
|
|
5927
|
-
disabled
|
|
5928
|
-
>
|
|
5929
|
-
<span class="pf-v6-c-button__icon">
|
|
5930
|
-
<svg
|
|
5931
|
-
class="pf-v6-svg"
|
|
5932
|
-
fill="currentColor"
|
|
5933
|
-
viewBox="0 0 20 20"
|
|
5934
|
-
aria-hidden="true"
|
|
5935
|
-
role="img"
|
|
5936
|
-
width="1em"
|
|
5937
|
-
height="1em"
|
|
5938
|
-
>
|
|
5939
|
-
<path
|
|
5940
|
-
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"
|
|
5941
|
-
/>
|
|
5942
|
-
</svg>
|
|
5943
|
-
</span>
|
|
5944
|
-
</button>
|
|
5945
|
-
</div>
|
|
5946
5162
|
</div>
|
|
5947
5163
|
|
|
5948
5164
|
<br />
|
|
@@ -8055,30 +7271,6 @@ As sub navigation:
|
|
|
8055
7271
|
role="region"
|
|
8056
7272
|
id="close-button-filled-example"
|
|
8057
7273
|
>
|
|
8058
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
8059
|
-
<button
|
|
8060
|
-
class="pf-v6-c-button pf-m-plain"
|
|
8061
|
-
type="button"
|
|
8062
|
-
aria-label="Scroll left"
|
|
8063
|
-
disabled
|
|
8064
|
-
>
|
|
8065
|
-
<span class="pf-v6-c-button__icon">
|
|
8066
|
-
<svg
|
|
8067
|
-
class="pf-v6-svg"
|
|
8068
|
-
fill="currentColor"
|
|
8069
|
-
viewBox="0 0 20 20"
|
|
8070
|
-
aria-hidden="true"
|
|
8071
|
-
role="img"
|
|
8072
|
-
width="1em"
|
|
8073
|
-
height="1em"
|
|
8074
|
-
>
|
|
8075
|
-
<path
|
|
8076
|
-
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"
|
|
8077
|
-
/>
|
|
8078
|
-
</svg>
|
|
8079
|
-
</span>
|
|
8080
|
-
</button>
|
|
8081
|
-
</div>
|
|
8082
7274
|
<ul
|
|
8083
7275
|
class="pf-v6-c-tabs__list"
|
|
8084
7276
|
role="tablist"
|
|
@@ -8193,31 +7385,6 @@ As sub navigation:
|
|
|
8193
7385
|
</span>
|
|
8194
7386
|
</li>
|
|
8195
7387
|
</ul>
|
|
8196
|
-
|
|
8197
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
8198
|
-
<button
|
|
8199
|
-
class="pf-v6-c-button pf-m-plain"
|
|
8200
|
-
type="button"
|
|
8201
|
-
aria-label="Scroll right"
|
|
8202
|
-
disabled
|
|
8203
|
-
>
|
|
8204
|
-
<span class="pf-v6-c-button__icon">
|
|
8205
|
-
<svg
|
|
8206
|
-
class="pf-v6-svg"
|
|
8207
|
-
fill="currentColor"
|
|
8208
|
-
viewBox="0 0 20 20"
|
|
8209
|
-
aria-hidden="true"
|
|
8210
|
-
role="img"
|
|
8211
|
-
width="1em"
|
|
8212
|
-
height="1em"
|
|
8213
|
-
>
|
|
8214
|
-
<path
|
|
8215
|
-
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"
|
|
8216
|
-
/>
|
|
8217
|
-
</svg>
|
|
8218
|
-
</span>
|
|
8219
|
-
</button>
|
|
8220
|
-
</div>
|
|
8221
7388
|
</div>
|
|
8222
7389
|
|
|
8223
7390
|
<br />
|
|
@@ -11636,30 +10803,6 @@ As sub navigation:
|
|
|
11636
10803
|
role="region"
|
|
11637
10804
|
id="help-close-button-filled-example"
|
|
11638
10805
|
>
|
|
11639
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
11640
|
-
<button
|
|
11641
|
-
class="pf-v6-c-button pf-m-plain"
|
|
11642
|
-
type="button"
|
|
11643
|
-
aria-label="Scroll left"
|
|
11644
|
-
disabled
|
|
11645
|
-
>
|
|
11646
|
-
<span class="pf-v6-c-button__icon">
|
|
11647
|
-
<svg
|
|
11648
|
-
class="pf-v6-svg"
|
|
11649
|
-
fill="currentColor"
|
|
11650
|
-
viewBox="0 0 20 20"
|
|
11651
|
-
aria-hidden="true"
|
|
11652
|
-
role="img"
|
|
11653
|
-
width="1em"
|
|
11654
|
-
height="1em"
|
|
11655
|
-
>
|
|
11656
|
-
<path
|
|
11657
|
-
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"
|
|
11658
|
-
/>
|
|
11659
|
-
</svg>
|
|
11660
|
-
</span>
|
|
11661
|
-
</button>
|
|
11662
|
-
</div>
|
|
11663
10806
|
<ul
|
|
11664
10807
|
class="pf-v6-c-tabs__list"
|
|
11665
10808
|
role="tablist"
|
|
@@ -11852,31 +10995,6 @@ As sub navigation:
|
|
|
11852
10995
|
</span>
|
|
11853
10996
|
</li>
|
|
11854
10997
|
</ul>
|
|
11855
|
-
|
|
11856
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
11857
|
-
<button
|
|
11858
|
-
class="pf-v6-c-button pf-m-plain"
|
|
11859
|
-
type="button"
|
|
11860
|
-
aria-label="Scroll right"
|
|
11861
|
-
disabled
|
|
11862
|
-
>
|
|
11863
|
-
<span class="pf-v6-c-button__icon">
|
|
11864
|
-
<svg
|
|
11865
|
-
class="pf-v6-svg"
|
|
11866
|
-
fill="currentColor"
|
|
11867
|
-
viewBox="0 0 20 20"
|
|
11868
|
-
aria-hidden="true"
|
|
11869
|
-
role="img"
|
|
11870
|
-
width="1em"
|
|
11871
|
-
height="1em"
|
|
11872
|
-
>
|
|
11873
|
-
<path
|
|
11874
|
-
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"
|
|
11875
|
-
/>
|
|
11876
|
-
</svg>
|
|
11877
|
-
</span>
|
|
11878
|
-
</button>
|
|
11879
|
-
</div>
|
|
11880
10998
|
</div>
|
|
11881
10999
|
|
|
11882
11000
|
<br />
|
|
@@ -14418,30 +13536,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
14418
13536
|
role="region"
|
|
14419
13537
|
id="tabs-animate-current-default"
|
|
14420
13538
|
>
|
|
14421
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
14422
|
-
<button
|
|
14423
|
-
class="pf-v6-c-button pf-m-plain"
|
|
14424
|
-
type="button"
|
|
14425
|
-
aria-label="Scroll left"
|
|
14426
|
-
disabled
|
|
14427
|
-
>
|
|
14428
|
-
<span class="pf-v6-c-button__icon">
|
|
14429
|
-
<svg
|
|
14430
|
-
class="pf-v6-svg"
|
|
14431
|
-
fill="currentColor"
|
|
14432
|
-
viewBox="0 0 20 20"
|
|
14433
|
-
aria-hidden="true"
|
|
14434
|
-
role="img"
|
|
14435
|
-
width="1em"
|
|
14436
|
-
height="1em"
|
|
14437
|
-
>
|
|
14438
|
-
<path
|
|
14439
|
-
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"
|
|
14440
|
-
/>
|
|
14441
|
-
</svg>
|
|
14442
|
-
</span>
|
|
14443
|
-
</button>
|
|
14444
|
-
</div>
|
|
14445
13539
|
<ul
|
|
14446
13540
|
class="pf-v6-c-tabs__list"
|
|
14447
13541
|
role="tablist"
|
|
@@ -14685,31 +13779,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
14685
13779
|
</button>
|
|
14686
13780
|
</li>
|
|
14687
13781
|
</ul>
|
|
14688
|
-
|
|
14689
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
14690
|
-
<button
|
|
14691
|
-
class="pf-v6-c-button pf-m-plain"
|
|
14692
|
-
type="button"
|
|
14693
|
-
aria-label="Scroll right"
|
|
14694
|
-
disabled
|
|
14695
|
-
>
|
|
14696
|
-
<span class="pf-v6-c-button__icon">
|
|
14697
|
-
<svg
|
|
14698
|
-
class="pf-v6-svg"
|
|
14699
|
-
fill="currentColor"
|
|
14700
|
-
viewBox="0 0 20 20"
|
|
14701
|
-
aria-hidden="true"
|
|
14702
|
-
role="img"
|
|
14703
|
-
width="1em"
|
|
14704
|
-
height="1em"
|
|
14705
|
-
>
|
|
14706
|
-
<path
|
|
14707
|
-
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"
|
|
14708
|
-
/>
|
|
14709
|
-
</svg>
|
|
14710
|
-
</span>
|
|
14711
|
-
</button>
|
|
14712
|
-
</div>
|
|
14713
13782
|
</div>
|
|
14714
13783
|
|
|
14715
13784
|
```
|
|
@@ -15323,30 +14392,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
15323
14392
|
role="region"
|
|
15324
14393
|
id="tabs-animate-current-filled"
|
|
15325
14394
|
>
|
|
15326
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
15327
|
-
<button
|
|
15328
|
-
class="pf-v6-c-button pf-m-plain"
|
|
15329
|
-
type="button"
|
|
15330
|
-
aria-label="Scroll left"
|
|
15331
|
-
disabled
|
|
15332
|
-
>
|
|
15333
|
-
<span class="pf-v6-c-button__icon">
|
|
15334
|
-
<svg
|
|
15335
|
-
class="pf-v6-svg"
|
|
15336
|
-
fill="currentColor"
|
|
15337
|
-
viewBox="0 0 20 20"
|
|
15338
|
-
aria-hidden="true"
|
|
15339
|
-
role="img"
|
|
15340
|
-
width="1em"
|
|
15341
|
-
height="1em"
|
|
15342
|
-
>
|
|
15343
|
-
<path
|
|
15344
|
-
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"
|
|
15345
|
-
/>
|
|
15346
|
-
</svg>
|
|
15347
|
-
</span>
|
|
15348
|
-
</button>
|
|
15349
|
-
</div>
|
|
15350
14395
|
<ul
|
|
15351
14396
|
class="pf-v6-c-tabs__list"
|
|
15352
14397
|
role="tablist"
|
|
@@ -15470,31 +14515,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
15470
14515
|
</button>
|
|
15471
14516
|
</li>
|
|
15472
14517
|
</ul>
|
|
15473
|
-
|
|
15474
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
15475
|
-
<button
|
|
15476
|
-
class="pf-v6-c-button pf-m-plain"
|
|
15477
|
-
type="button"
|
|
15478
|
-
aria-label="Scroll right"
|
|
15479
|
-
disabled
|
|
15480
|
-
>
|
|
15481
|
-
<span class="pf-v6-c-button__icon">
|
|
15482
|
-
<svg
|
|
15483
|
-
class="pf-v6-svg"
|
|
15484
|
-
fill="currentColor"
|
|
15485
|
-
viewBox="0 0 20 20"
|
|
15486
|
-
aria-hidden="true"
|
|
15487
|
-
role="img"
|
|
15488
|
-
width="1em"
|
|
15489
|
-
height="1em"
|
|
15490
|
-
>
|
|
15491
|
-
<path
|
|
15492
|
-
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"
|
|
15493
|
-
/>
|
|
15494
|
-
</svg>
|
|
15495
|
-
</span>
|
|
15496
|
-
</button>
|
|
15497
|
-
</div>
|
|
15498
14518
|
</div>
|
|
15499
14519
|
|
|
15500
14520
|
```
|